/*
Theme Name: Grip Agency
Theme URI: http://www.WPThemerKit.com
Description: Blank Theme E, 2 Columns, 1 Left Sidebar
Version: 1.1
Author: Cal
Author URI: http://www.WPThemerKit.com
*/

/* CSS Document */

/* Reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* Global */
@font-face {
    font-family: Afta;
    src:local("Afta Serif"),
    	url(http://www.gripagency.com/fonts/AftaSerif.otf) format("opentype");
    font-weight:400;
}
body {
	background: #131313;
	font: .8em/1.5 "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande";
	color: #fff;
}
#topStrip {
	background: #67922E url(images/topStrip.jpg) top left no-repeat;
	height: 6px;
}
h1, h2, h3, h4, h5, h6 {
	font-family: "Afta", "Georgia", "Times New Roman", Times, serif;
	font-weight: 500;
}
h1 {
	font-size: 2em;
}
#tabs h2 {
	margin: 0;
	padding: 0;
}
h2 {
	font-size: 1.6em;
}
h3 {
	font-size: 1.4em;
}
h4 {
	font-size: 1.2em;
}
h5 {
	font-size: 1em;
}
p {
	margin: 0 0 1em;
}
a {
	color: #67922E;
	text-decoration: none;
}

a:hover {
	color: #fff;
}
a:focus {
	outline: none;
}
input, textarea {
	font: 1em "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande";
	margin: 0 0 .5em;
	padding: 6px;
	display: block;
	color: #fff;
	background: #1B7BA5;
	border: none;
	resize: none;
}
input:focus, textarea:focus {
	background-color: #2AABD8;
}
.clr {
	clear: both;
}
.blue {
	color: #76C5E5;
}
.alignleft {
	float: left;
	margin: 0 10px 5px 0;
}
.alignright {
	float: right;
	margin: 0 0 5px 10px;
}
blockquote {
	padding: 20px;
	background: #1C7CA6 url(images/blockquote-bg.jpg) top right no-repeat;
	font: 1.5em "Afta", "Georgia", "Times New Roman", Times, serif;
	margin: 0 0 15px 0 !important;
}
.border {
	border: 2px solid #666;
	margin: 5px 0;
}
.coding {
	padding: 0 0 0 28px;
	background: url(images/coding-icon.png) center left no-repeat;
}
.key {
	padding: 0 0 0 28px;
	background: url(images/key-icon.png) center left no-repeat;
}
.network {
	padding: 0 0 0 28px;
	background: url(images/network-icon-small.png) center left no-repeat;
}
.tags {
	padding: 0 0 0 28px;
	background: url(images/tag-icon.png) center left no-repeat;
}
.design {
	padding: 0 0 0 28px;
	background: url(images/brush-icon.png) center left no-repeat;
}
.link {
	padding: 0 0 0 28px;
	background: url(images/link-icon.png) center left no-repeat;
}
.videoRecord {
	padding: 0 0 0 28px;
	background: url(images/video-record-icon.png) center left no-repeat;
}
.video {
	padding: 0 0 0 28px;
	background: url(images/video-edit-small-icon.png) center left no-repeat;
}
.photo {
	padding: 0 0 0 28px;
	background: url(images/photo-edit-small-icon.png) center left no-repeat;
}
.ecommerce {
	padding: 0 0 0 28px;
	background: url(images/ecommerce-small-icon.png) center left no-repeat;
}
.flash {
	padding: 0 0 0 28px;
	background: url(images/flash-small-icon.png) center left no-repeat;
}
.rocket {
	padding: 0 0 0 28px;
	background: url(images/rocket-icon.png) center left no-repeat;
}
.talk{
	padding: 0 0 0 28px;
	background: url(images/messages-icon.png) center left no-repeat;
}
.save{
	padding: 0 0 0 28px;
	background: url(images/save-icon.png) center left no-repeat;
}
.apparel{
	padding: 0 0 0 28px;
	background: url(images/apparel-icon.png) center left no-repeat;
}
.layout{
	padding: 0 0 0 28px;
	background: url(images/layout-icon.png) center left no-repeat;
}
.package{
	padding: 0 0 0 28px;
	background: url(images/package-icon.png) center left no-repeat;
}
.copywrite{
	padding: 0 0 0 28px;
	background: url(images/copywrite-icon.png) center left no-repeat;
}
.search{
	padding: 0 0 0 28px;
	background: url(images/search-icon.png) center left no-repeat;
}
code {
	font-family: "Courier New", serif;
	background: #333;
	padding: 10px;
	display: block;
}
/* Accordion */

#accordWrapper {
	width: 525px;
}
.accordionButton {
	width: 525px;
	float: left;
	_float: none;  /* Float works in all browsers but IE6 */
	background: #1B7BA5 url(images/faq-open-close-icon.png) top right no-repeat;
	margin: 0 0 10px;
	padding: 0 0 0 10px;
	cursor: pointer;
}
.accordionContent {
	width: 525px;
	float: left;
	margin: 0 0 20px;
	_float: none; /* Float works in all browsers but IE6 */
}
.on {
	background: #67922E url(images/faq-open-close-icon.png) bottom right no-repeat;
}
.over {
	background-color: #67922E;
}
/* topWrapper */

#topWrapper {
	width: 960px;
	margin: 20px auto 0;
	padding: 0 10px;
	overflow: auto;
}
/* Header */

#logo {
	width: 141px;
	height: 94px;
	background: url(images/logo.png) top left no-repeat;
	text-indent: -9999px;
	float: left;
	margin: 0;
	padding: 0;
}
#logo a {
	width: 141px;
	height: 94px;
	display: block;
}
#menu {
	position: relative;
	float: right;
	margin: 20px 0 0;
	z-index: 999;
}
#menu li {
	float: left;
	border-left: 1px solid #666;
}
#menu li:hover {
	border-left: 1px solid #67922E;
}
#menu li.active {
	border-left: 1px solid #67922E;
	background: url(images/menu-active-arrow.jpg) center left no-repeat;
}
#menu li a {
	color: #fff;
	padding: 0 20px;
	display: block;
}
#menu li a.last {
	padding: 0 0 0 20px;
}
#menu li a .page {
	display: block;
	font-size: 1.6em;
	font-weight: bold;
}
#menu li a .pageDesc {
	display: block;
	font-size: 1.2em;
	font-family: "Afta", "Georgia", "Times New Roman", Times, serif;
}
#menu li .subNav {
	position: absolute;
	border-bottom: 1px solid #67922E;
	left: 0;
	width: 722px;
	display: none;
}
#menu .subNav li {
	border-left: none;
}
#menu .subNav li.lastSub {
	border: none;
}
#menu li:hover .subNav {
display: block;
}
#menu .subNav li a {
	padding: 8px 12px 8px 0;
	font: 1.2em "Afta", "Georgia", "Times New Roman", Times, serif;
}
#menu li:hover > a, #menu ul *:hover > a { /* This is to keep the top level li a:hover color the same even when rolling over subnav elements 
    background: none repeat scroll 0 0 #000;*/
}
/* Banner */

#banner {
	margin: 40px 0;
	clear: both;
}
#info {
	float: left;
	width: 960px;
}
.bx-window {
}
#info .projectInfo {
	width: 960px;
}
#info .projectInfo .projectThumb {
}
#info .projectDetail {
	position: absolute;
	z-index: 9999;
	bottom: 0px;
	padding: 0;
	width: 960px;
}
#info .projectTitle {
	margin: 0 !important;
	margin-top: 0 !important;
	padding: 6px 12px 5px;
	border-bottom: none;
	float: left;
	background: #fff;
	color: #000
}
#info .projectDetail a.readMore {
	margin: 0;
	float:  left;
	background: #2AABD8 url("images/white-arrow.png") no-repeat scroll 75px 16px;
    color: #fff;
    padding: 11px 35px 11px 10px;
}
#info .projectDetail a.readMore:hover {
	background: #fff url("images/blue-arrow.png") no-repeat scroll 75px 16px;
    color: #2AABD8;
}
/*next button*/
.bx-next {
	position:absolute;
	top: 245px;
	right:-61px;
	z-index:999;
	width: 60px;
	height: 40px;
	text-indent: -999999px;
	background: url(images/green_next.png) no-repeat 0 0;
}

/*previous button*/
.bx-prev {
	position:absolute;
	top: 245px;
	left:-61px;
	z-index:999;
	width: 60px;
	height: 40px;
	text-indent: -999999px;
	background: url(images/green_prev.png) no-repeat 0 0;
}
#banner #nav {
	position: relative;
	top: 305px;
	right: 245px;
	z-index: 9999;
	float: right;
}
#banner #nav a {
	padding: 0 10px;
}
/* Content */

.columns, #columns {
	clear: both;
	width: 960px;
	margin: 40px auto 0;
}
.col {
	width: 210px;
	margin: 0 40px 0 0;
	float: left;
}
.last {
	margin: 0 !important;
	border: none !important;
}
.post a:hover {
	color: #000;
}
.single a:hover {
	color: #fff !important;
}
.post a.readMore {
	margin: 10px;
	display: block;
	float: right;
}
.post a.readMore:hover {
	color: #000;
	background: url(images/black-arrow.png) center right no-repeat;
}
a.readMore, input[type="submit"] {
	background: url(images/green-arrow.png) center right no-repeat;
	font-family: "Afta", "Georgia", "Times New Roman", Times, serif;
	padding: 0 25px 0 0;
	color: #67922E;
}
a.readMore:hover, input[type="submit"]:hover {
	background: url(images/white-arrow.png) center right no-repeat;
	padding: 0 25px 0 0;
	color: #fff;
}
#topWrapper input[type="text"], #topWrapper textarea {
	width: 200px;
	outline: none;
}
#topWrapper textarea {
	height: 60px;
}
input[type="submit"] {
	cursor: pointer;
	float: right;
	margin: 10px 0 0;
}

.entry-text ul, .entry-content ul {
	list-style-type:disc;
}

.entry-text ol, .entry-content ol {
	list-style-type:decimal;
}

.entry-text li, .entry-content li {
	list-style-position:inside;
	text-indent:10px;
	padding-bottom:0.5em;
}

.entry-text h1, .entry-text h2, .entry-text h3, .entry-text h4, .entry-text h5, .entry-text h6 {
	margin: 1em 0 0.5em;
}

.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
	margin: 1em 0 0.5em;
}

.post h2 {
	margin:0.25em 0;
}

/* Interior */

#leftCol {
	float: left;
	width: 150px;
	margin: 7px 95px 0 0;
}
#leftCol h2, #rightCol h2 {
	margin: 0 0 10px;
	padding: 0 0 2px;
	border-bottom: 1px solid #1C7CA6;
}
#leftCol li {
	border-bottom: 1px solid #67922E;
	padding: 0 0 5px;
	margin: 0 0 5px;
	list-style: none;
}
.widget {
	border: none !important;
}
#leftCol ul li:hover {
	border-bottom: 1px solid #1C7CA6;
}
#wp-calendar {
	width: 100%;
}
#leftCol li a {
	font: 1em "Afta", "Georgia", "Times New Roman", Times, serif;
	display: block;
	color: #fff;
}
#leftCol #quickLinks li {
	padding: 5px 15px 5px 0;
}
#leftCol #quickLinks li a {
	font: 1.2em "Afta", "Georgia", "Times New Roman", Times, serif;
	display: block;
	color: #fff;
}
#leftCol ul.sub {
	padding: 10px 10px 0;
	margin: 0;
}
#leftCol ul.sub li {
	background: none;
	border: none;
}
#leftCol ul.sub li a {
	font-size: 1em !important;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande" !important;
	font-style: normal !important;
}
/* Middle Column */

#middleCol {
	float: left;
	width: 535px;
}
.twoColumns #middleCol {
	float: left;
	width: 710px;
}
#fullMiddleCol .post .entry-content, #fullMiddleCol .post .header-meta {
	padding: 0 10px;
}
#middleCol h1 {
	border-bottom: 1px solid #67922E;
	padding: 0 0 2px;
	margin: 0 0 10px;
}
#middleCol fieldset div {
	float: left;
	margin: 0 10px 10px 0;
}
#middleCol ul li {
	margin: 0 0 .5em;
}
#middleCol input.fullWidth, #middleCol textarea {
	width: 525px !important;
	margin: 0 0 10px;
}
#middleCol input.halfWidth {
	width: 250px;
}
#middleCol input[type="submit"] {
	width: 80px !important;
}
#fullMiddleCol {
	clear: both;
}
#fullMiddleCol .post {
	clear: both;
	width: 300px;
	margin: 0 0 20px;
	
}
#fullMiddleCol .post {
	opacity: .6;
	-webkit-transition: opacity .3s ease-in-out .1s;
	-moz-transition: opacity .3s ease-in-out .1s;
	-o-transition: opacity .3s ease-in-out .1s;
	-ms-transition: opacity .3s ease-in-out .1s;
}
#fullMiddleCol .post:hover, #fullMiddleCol .post:first-child {
	opacity: 1;
}

#fullMiddleCol .entry-content {
	padding: 10px !important;
	background: #fff;
	color: #000;
}
img.attachment-thumbnail {
	float: left;
	margin: 10px 10px 10px 0;
	border: 3px solid #1B7BA5;
}


/*.col1 { width: 170px; }
.col2 { width: 220px; }
.col3 { width: 320px; }*/

.post img {
	
}
.entry-date {
	margin: 0;
	background: #131313;
	overflow: auto;
}
.entry-month {
	padding: 0px 5px 3px;
	background: #67922E;
	font: 1.4em "Afta", "Georgia", "Times New Roman", Times, serif;
	float: left;
	margin: 0;
	color: #fff;
}
.entry-day{
	padding: 0px 5px 3px;
	background: #1C7CA6;
	font: 1.4em "Afta", "Georgia", "Times New Roman", Times, serif;
	text-align: center;
	float: left;
	margin: 0;
	color: #fff;
}
.entry-year{
	padding: 0px 5px 3px;
	background: #131313;
	color: #fff;
	font: 1.4em "Afta", "Georgia", "Times New Roman", Times, serif;
	text-align: center;
	float: left;
	margin: 0;
}
.entry-author {
	margin: 0 0 5px;
}
.entry-meta {
	clear: both;
}
.header-meta {
	margin: 0 0 10px;
	clear: both;
	padding: 0 !important;
}
.navigation {
	overflow: auto;
	padding: 10px 0;
	margin: 10px 0;
	clear: both;
	border-top: 1px solid #67922E;
}

.navigation div {
	background: #1C7CA6;
	padding: 5px;
	color: #fff;
}
.navigation .alignleft {
	margin: 0;
}
.navigation div a{
	color: #fff;
}
.return {
	background: #67922E;
	color: #fff;
	display: block;
    margin: 0 0 5px;
    padding: 5px;
    text-align: center;
    width: 143px;
}

.underpost {
	margin: 20px 0 0;
	padding: 20px 0 0;
	border-top: 1px solid #67922E;
	clear: both;
}
#respond {
	width: 300px;
}
#respond textarea {
	width: 300px;
	height: 100px;
}
/* Right Column */

#rightCol {
	float: right;
	width: 140px;
	margin: 40px 0 0;
}
#rightCol h1 {
	border-bottom: 1px solid #67922E;
	padding:  0 0 2px;
	margin: 0 0 10px;
}
#rightCol ul {
	margin: 10px 0 0;
}
#rightCol ul li {
	border-bottom: 1px solid #67922E;
	padding: 0 0 5px;
	margin: 0 0 5px;
	background: url(images/white-arrow.png) center right no-repeat;
}
#rightCol ul li:hover {
	border-bottom: 1px solid #1C7CA6;
}
#rightCol li a {
	font: 1.4em "Afta", "Georgia", "Times New Roman", Times, serif;
	display: 
	;
	color: #fff;
}
/* Services */ 
.serviceCol {
	float: left;
	width: 125px;
	margin: 0 20px 0 0;
	padding: 20px;
	background: #1C7CA6 url(images/blockquote-bg.jpg) top right no-repeat;
}
.serviceCol h2 {
	margin: 10px 0;
	border-bottom: 1px dashed #000;
}
.serviceCol ul {
	margin: 0 0 10px;
}
.serviceCol li a {
	color: #fff;
}
.serviceCol li a:hover {
	color: #000;
}
.serviceCol hr {
	border-bottom: 1px dashed #000;
	background-color: none;
	color: transparent;
}
.serviceCol .viewMore {
	color: #fff;
	background: url(images/white-arrow.png) center right no-repeat;
}
.serviceCol .viewMore:hover {
	color: #000;
	background: url(images/black-arrow.png) center right no-repeat;
}

/* Web Services */

#fullMiddleCol h1 {
	border-bottom: 1px solid #67922E;
	margin: 0 0 10px;
	padding: 0 0 2px;
}
.webServiceCol {
	float: left;
	width: 132px;
	min-height: 297px;
	margin: 0 20px 0 0;
	padding: 15px;
	background: #1C7CA6 url(images/blockquote-bg.jpg) top right no-repeat;
}
.webServiceCol h4 {
	margin: 10px 0;
	padding: 0 0 3px;
	border-bottom: 1px dashed #000;
}
.webServiceCol p {
	min-height: 120px;
}
.webServiceCol ul {
	margin: 0 0 10px;
}
.webServiceCol li a {
	color: #fff;
}
.webServiceCol li a:hover {
	color: #000;
}
.webServiceCol hr {
	border-bottom: 1px dashed #000;
	background-color: none;
	color: transparent;
}
.webServiceCol .viewMore {
	color: #fff;
	background: url(images/white-arrow.png) center right no-repeat;
}
.webServiceCol .viewMore:hover {
	color: #000;
	background: url(images/black-arrow.png) center right no-repeat;
}
/* Internet Marketing */
.indent {
	padding: 0 0 0 20px;
	margin: 0 0 0 10px;
	border-left: 2px solid #1C7CA6;
}
.internetMarketingCol {
	margin-right: 36px;
	width: 245px;
	float: left;
}
/* Client List */
#clientList {
	margin: 0 0 10px;
	overflow: auto;
}

#clientList a {
	background: #888;
	display: block;
	float: left;
	margin: 0 7px 7px 0;
	padding: 10px;
}

/* Portfolio */
.project {
	overflow: auto;
	margin: 20px 0 0;
}
.projectScreen {
	float: left;
	border: 3px solid #1C7CA6;
}
.projectScreen img {
	padding: 0;
	margin: 0;
	line-height: 0;
	vertical-align: bottom;
}
.projectInfo {
	float: left;
	width: 350px;
}
.projectTitle {
	padding: 5px 20px;
	margin: 10px 0 0;
	border-bottom: 3px solid #1C7CA6;
}
.projectDesc {
	padding: 10px 20px;
	margin: 0;
}
ul.tech {
	padding: 5px 20px;
	margin: 0 0 10px;
}
.tech h3 {
	margin-top: 0;
	padding-top: 0;
}
.project .readMore {
	padding: 0 25px 0 20px;
}
.project .readMore:hover {
	padding: 0 25px 0 20px;
	background: url("images/white-arrow.png") no-repeat scroll right center;
}

/* Photo Gallery */
figure { 
 	display: block; 
  	position: relative; 
  	float: left; 
  	overflow: hidden; 
  	margin: 0 28px 28px 0;
  	border: 3px solid #1C7CA6;
}
figure a {
	height: 150px;
	width: 150px;
	display: block;
}
figure.last {
	 border: 3px solid #1C7CA6 !important;
}
figcaption { 
	position: absolute; 
	background: rgba(0,0,0,0.75); 
	color: white; 
	padding: 10px 20px; 
	opacity: 0;
	-webkit-transition: all 0.6s ease;
	-moz-transition:    all 0.6s ease;
	-o-transition:      all 0.6s ease;
}
figure:hover figcaption {
  	opacity: 1;
}

.cap-left:before {  bottom: 10px; left: 10px; }
.cap-left figcaption { bottom: 0; left: -30%; }
.cap-left:hover figcaption { left: 0; }

.cap-right:before { bottom: 10px; right: 10px; }
.cap-right figcaption { bottom: 0; right: -30%; }
.cap-right:hover figcaption { right: 0; }

.cap-top:before { top: 10px; left: 10px; }
.cap-top figcaption { left: 0; top: -30%; }
.cap-top:hover figcaption { top: 0; }

.cap-bot:before { bottom: 10px; left: 10px; }
.cap-bot figcaption { left: 0; bottom: -30%;}
.cap-bot:hover figcaption { bottom: 0; }

/* Sitemap */
ul.sitemap {
	float: left;
	width: 163px;
	margin: 0 20px 0 0;
	border-right: 1px solid #666;
}
ul.sitemap li a {
	padding: 5px 0;
	display: block;
}

/* Team */
.team {
	float: left;
	margin: 0 8px 8px 0;
	padding: 5px;
	width: 340px;
} 
.team h2 {
	color: #67922E;
}
.team img {
	float: left;
	margin: 10px 10px 50px 0;
}
.team span {
	font-style: italic;
	color: #1C7CA6;
}
.team .contact p {
	color: #fff;
	float: left;
	padding: 7px 5px 0 0;
}
.team .phone em {
	color: #fff;
}
.team .phone {
	color: #67922E !important;
}
.team p {
	padding: 7px 10px 0px 10px;
	line-height: 17px;
}
.team .contact {
	margin: -7px 10px 5px 162px;
}
.team .contact img {
	padding: 0;
	float: left;
	margin: 5px 0 0 0px;
}
/* Bottom Section */

#bottomWrapper {
	clear: both;
	overflow: auto;
	padding: 40px 0;
	/*background: url(images/bottom-bg.jpg) top left;*/
	background-color:#FFF;
}
#bottomWrapper .columns {
	margin-top: 0;
}
#bottomWrapper ul {
	margin: 10px 0;
}
#bottomWrapper h2 {
	color:#777
}

#bottomWrapper li a {
	color: #000;
}
#bottomWrapper li a:hover {
	color: #b4b4b4;
}
a.viewMore {
	background: url(images/blue-arrow.png) center right no-repeat;
	padding: 0 25px 0 0;
	font-family: "Afta", "Georgia", "Times New Roman", Times, serif;
	color: #1C7CA6;
}
a.viewMore:hover {
	background: url(images/black-arrow.png) center right no-repeat;
	padding: 0 25px 0 0;
	font-family: "Afta", "Georgia", "Times New Roman", Times, serif;
	color: #24a0d6;
}
#bottomWrapper #contact h2 {
	float: left;
	widows: 150px;
}
#bottomWrapper #contact input[type="submit"] {
	float: right;
	width: 85px;
	color: #FFF;
	background:#67922E url(images/white-arrow.png) 55px center  no-repeat;
	margin: 7px 0 0;
	padding:5px;
	text-align:left;
}
#bottomWrapper #contact input[type="submit"]:hover {
	float: right;
	width: 85px;
	color: #b4b4b4;
	background: #333 url(images/white-arrow.png) 55px center no-repeat;
	margin: 7px 0 0;
}
#bottomWrapper form {
	clear: both;
}
#bottomWrapper input, #bottomWrapper textarea {
	width: 200px;

}
#bottomWrapper input[type="text"], #bottomWrapper textarea {
	background-color: #b4b4b4;
}
#bottomWrapper input:focus, #bottomWrapper textarea:focus {
	background-color: #666;
}
/* Twitter */


#twitterContainer {
	min-height:45px;
	height:auto !important;
	height:40px;
}
#twitter_update_list {
	margin: 10px 0 0;
	overflow: hidden;
	color: #fff;
}
#twitter_update_list li {
	list-style: none;
	padding: 0 10px 0 0;
	background: url(images/tweet-arrow.png) top right no-repeat;
}
#twitter_update_list li span {
	background-color: #333;
	display: block;
	padding: 10px;
}
#twitter_update_list li a {
	color: #fff;
	text-decoration: underline;
}
#twitter_update_list li a:hover {
}
/* Footer */

#footerWrapper {
	background-color: #1B7BA5;
    border-top: 1px solid #114E69;
}
#footer {
	width: 940px;
	padding: 40px 10px;
	margin: 0 auto;
	font-size: .9em;
}
#newsSocial {
	float: left;
	width: 170px;
}
#newsSocial input[type="text"] {
	width: 115px;
}
#footer input[type="text"] {
	background-color: #0d4055;
	display: inline;
	outline: none;
	color:#1B7BA5;
}
#footer input:focus, #footer textarea:focus {
	background-color: #2AABD8;
	color: #0D394C;
}
#footer input[type="submit"] {
	float: none;
	display: inline;
	color: #fff;
	background: url(images/white-arrow.png) center right no-repeat;
	margin: 0 0 0 5px;
}
#social {
	margin-top: 10px;
}
#social li {
	float: left;
	width: 22px;
	height: 22px;
	text-indent: -9999px;
	margin: 0 5px 0 0;
}
#social #facebook {
	background: url(images/social-sprite.jpg) bottom left no-repeat;
}
#social #facebook:hover {
	background: url(images/social-sprite.jpg) top left no-repeat;
}
#social #twitter {
	background: url(images/social-sprite.jpg) -22px -22px no-repeat;
}
#social #twitter:hover {
	background: url(images/social-sprite.jpg) -22px 0 no-repeat;
}
#social #delicous {
	background: url(images/social-sprite.jpg) -44px -22px no-repeat;
}
#social #delicous:hover {
	background: url(images/social-sprite.jpg) -44px 0 no-repeat;
}
#social #youtube {
	background: url(images/social-sprite.jpg) -66px -22px no-repeat;
}
#social #youtube:hover {
	background: url(images/social-sprite.jpg) -66px 0 no-repeat;
}
#social li a {
	display: block;
	width: 22px;
	height: 22px;
}
#affiliations {
	overflow: auto;
	float: left;
	width: 306px;
}
#affiliations li {
	float: left;
}
#affiliations #constantcontact {
	background: url(images/constant-contact-allstar-award.png) top left no-repeat;
	width: 56px;
	height: 85px;
	text-indent: -9999px;
	margin: 0 20px 0 0;
}
#affiliations #constantcontact a {
	display: block;
	width: 56px;
	height: 85px;
}
#affiliations #angieslist {
	background: url(images/angieslist.png) top left no-repeat;
	width: 104px;
	height: 28px;
	text-indent: -9999px;
	margin: 30px 20px 0 0;
}
#affiliations #angieslist a {
	width: 104px;
	height: 28px;
	display: block;
}
#affiliations #bizMarkie {
	background: url(images/BizSpark_Startup.png) top left no-repeat;
	width: 123px;
	height: 55px;
	text-indent: -9999px;
	margin: 30px 20px 0 0;
}
#affiliations #bizMarkie a {
	width: 123px;
	height: 55px;
	display: block;
}
#affiliations #googlePlus {
	margin: 25px 0 0;
}
#infoLegal {
	float: right;
	width: 450px;
}


/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {
	border-left:	1px solid #fff;
	border-top:		1px solid #CFDEFF;
	padding: 		.75em 1em;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#13a;
}
.sf-menu li {
	background:		#BDD2FF;
}
.sf-menu li li {
	background:		#AABDE6;
}
.sf-menu li li li {
	background:		#9AAEDB;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		#CFDEFF;
	outline:		0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

/* Post: Xmas Wish List */
#post-1442 {
	background:transparent url("images/xmas-post-bg.png") no-repeat center top;
	
}

.google-map-placeholder {
	color:#333;
}

.google-map-directions-panel {
	margin:0 auto;
	height:100% !important;
}

/* Handle Biz Blog Stuff */
.wp-caption-text {
	font:italic 11px/13px Afta, Georgia,"Times New Roman", Times, serif;
	color:#ededed;
	text-align:center;
	margin:.5em 0;
}

.single a img {
	padding:5px;
	background:#333;
}


a.button {
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	padding:6px;
	background:#2da5da;
	color:#f9f9f9;
	text-transform:uppercase;
	font-size:10px;
	margin:1em 0;
}

a.button:hover {
	color:#fff;
	background:#1B7BA5;
}
	
/** Footer Widgets **/

#widgetWrapper {
	padding: 40px 0;
	margin: 40px 0 0;
	overflow: auto;
	background: #fff;
	color: #000;
}
#footerWidgets {
	width: 960px;
	margin: 0 auto;
}
#footerWidgets h2 {
	color: #777;
}
#footerWidgets a:hover {
	color: #000;
}
#footerWidgets .widget {
	width: 215px;
	margin: 0 30px 0 0;
	float: left;
	list-style: none;
}

.widget li {
	margin: 5px 0;
}

#footerWidgets .widget:last-child {
	margin: 0 0 10px 0;
}
#wp-calendar td {
	text-align: center;
}
	
