@charset "utf-8";
/* LAYOUT */
/* ----------------------------------------- */
/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }
/* You might find the following useful */
/* div, ul, li { position:relative } This will save you having to declare each div / ul / li's position as 'relative' and allows you to absolutely position elements inside them */
br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin */
.nocomments { margin: 0 0 0 43px;}
/* CSS Document--------------------

Created by: http://www.g13media.com
Copyright (c) 2009-Present.

----------------------------------- */
/*
* {
   border: 1px solid red !important;
}  */
html, body, #wrap { height: 100%; margin: 0 0 1px; padding: 0;}
body > #wrap { height: auto; min-height: 100%; height: auto !important; height: 100%;}
#main { padding-bottom: 160px;}  /* must be same height as the footer */
#footer { position: relative; margin-top: -160px; /* negative value of footer height */
	height: 160px; clear:both; width: 950px; background: #2a2a2a; position: relative; left: 50%; margin-left: -475px;}
/* CLEAR FIX*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix { display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix { display: block;}
/* End hide from IE-mac */
body { background: #cdcdcd url(http://www.g13media.com/images/bg.gif) repeat-x;}
#maincont { height: 100%; background: #fff;}
#subcontent { background: #fff; padding: 15px 0 30px 0;	margin: 0;}
#subheader { padding: 0; background: #fff;}
#subheader img { margin: 0 auto; display: block;}
#subblurbmain { width: 834px; margin: 0 0 0 58px;}
#subblurbmain img { margin: 0 0 10px 0;}
#subblurb { width: 834px; margin: 0 0 0 58px;}
#subblurb h2 { font-size: 1.5em; color: #124da1; font-weight: bold;}
#subblurbtitle img { margin: 0 0 10px 0;}
.blurb img { float: left; margin: 0 15px 0 0;}
.blurb p { float: right;}
.clear { clear: both;}
#sublurbimg { height: 315px; width: 834px; margin: 0px;}
#fl1 { width: 138px; margin: 0; position: relative; left: 55px; top: 20px;}
#fl1swf { width: 138px; height: 145px; margin: 0; z-index: 0;}
#fl1 h2 { font-size: 13px; font-weight: bold; color: #ce261d; text-align: center; line-height: 14px; margin-bottom: 2px; font-family: "Verdana, Helvetica Neue", Arial, Helvetica, sans-serif;}
#fl2 { width: 138px; position: relative; left: 225px; top: -155px;}
#fl2swf { width: 140px; height: 145px; z-index: 0;}
#fl2 h2 { font-size: 13px; font-weight: bold; color: #673185; text-align: center; line-height: 14px; margin-bottom: 2px; font-family: "Verdana, Helvetica Neue", Arial, Helvetica, sans-serif;}
#fl3 { width: 138px; position: relative; left: 395px; top: -330px;}
#fl3swf { width: 138px; height: 145px; z-index: 0;}
#fl3 h2 { font-size: 13px; font-weight: bold; color: #f47d1f; text-align: center; line-height: 14px; margin-bottom: 2px; font-family: "Verdana, Helvetica Neue", Arial, Helvetica, sans-serif;}
#fl4 { width: 138px; position: relative; left: 564px; top: -505px}
#fl4swf { width: 141px; height: 145px; z-index: 0;}
#fl4 h2 { font-size: 13px; font-weight: bold; color: #00377a; text-align: center; line-height: 14px; margin-bottom: 2px; font-family: "Verdana, Helvetica Neue", Arial, Helvetica, sans-serif;}
#fl5 { width: 138px; position: relative; left: 734px; top: -680px;} 
#fl5swf { width: 138px; height: 145px; z-index: 0;;}
#fl5 h2 { font-size: 13px; font-weight: bold; color: #027033; text-align: center; line-height: 14px; margin-bottom: 2px; font-family: "Verdana, Helvetica Neue", Arial, Helvetica, sans-serif;}
#subblurb h1 { font-size: 1.5em; color: #124da1; font-weight: bold;}
#content { width: 630px; height: 100%; padding-left: 15px; margin: 20px 0 0 0; font-family: "Verdana, Helvetica Neue", Arial, Helvetica, sans-serif;}
#content h1 { font-size: 1.5em; color: #124da1; font-weight: bold;}
#content h2 { font-size: 1.5em; color: #124da1; font-weight: bold;}
#contentblurb { margin: 20px 0 0 42px;}
#contentblurb hr { height: 0; border-bottom: 1px dotted #000;}
#contentblurb img { float: left; margin: 0 20px 0 0;}
#postcont { margin: 10px 0 0 0;}
#contentblurb h3 { font-size: 1.5em; margin-bottom: 2px;}
#contenttitle { font-size: 1.5em; margin-bottom: 0px;}
#serviceblurb { margin: 14px 0 0 44px;}
#serviceblurb div { float: right; width: 558px; margin: 0 0 35px 0;}
#serviceblurb img { float: left; margin: 0 10px 30px 0;}
#serviceblurb h2{ font-size: 1.5em; margin: 0 0 10px 0;}
#serviceblurb hr { height: 0; border-bottom: 1px dotted #000;} 
#contentblurb h3 { font-size: 1.5em; margin-bottom: 5px;}
#contentport { width: 950px; height: 100%; padding: 0; margin: 14px 0 20px 0; font-family: "Verdana, Helvetica Neue", Arial, Helvetica, sans-serif;}
#portfolioblurb { margin: 10px 0 0 58px;}
.proj-details { margin: 0 0 0 15px;}
#aboutblurb { margin: 20px 0 0 44px;}
#aboutblurb div { width: 558px; margin: 0 0 35px 0;}
#aboutblurb hr { height: 0; border-bottom: 1px dotted #000; } 
#aboutblurb h2 { font-size: 1.5em; margin-bottom: 10px;}
#contactblurb { margin: 14px 0 0 44px;}
#contactblurb h3 { font-size: 1.5em; margin-bottom: 5px;}
#contactblurb hr { height: 0; border-bottom: 1px dotted #000;} 

#pricepackage { padding: 15px 0 0 0; margin: 0 0 20px 0;}
ul.product_list { list-style: none; padding: 0;  margin: 0 0 0 10px;}  
ul.product_list li {  padding: 5px 5px 5px 20px; margin: 0;  background: url(../images/arrow_right_grey.png) no-repeat left center;} 
.ppcbox { width: 203px; float: left;}
.ppc-prod-list { background: url(../images/ppc_bg.png) repeat-y; height: 245px;}
.ppc-signup { background: url(../images/ppc_signup.png) no-repeat; height: 57px;}
.ppc-signup img { margin: 13px 0 0 94px;}
.localbox { width: 204px; float: left;} 
.loc-prod-list { background: url(../images/loc_bg.png) repeat-y; height: 245px;}
.loc-signup { background: url(../images/loc_signup.png) no-repeat; height: 57px;}
.loc-signup img { margin: 13px 0 0 94px;}
.busbox { width: 204px; float: left;}
.bus-prod-list { background: url(../images/bus_bg.png) repeat-y;	height: 245px;}
.bus-signup { background: url(../images/bus_signup.png) no-repeat; height: 57px;}
.bus-signup img { margin: 13px 0 0 94px;}
.corpbox { width: 203px; float: left;}
.corp-prod-list { background: url(../images/corp_bg.png) repeat-y; height: 245px;}
.corp-signup { background: url(../images/corp_signup.png) no-repeat; height: 57px;}
.corp-signup img { margin: 13px 0 0 94px;}

#pricingblurb { margin: 14px 0 0 44px;}
#pricingblurb div { float: right; width: 558px; margin: 0 0 35px 0;}
#pricingblurb img { float: left; margin: 0 10px 30px 0;}
#pricingblurb h2 { font-size: 1.5em; margin: 0 0 10px 0;}
#pricingblurb hr { height: 0; border-bottom: 1px dotted #000;} 
ul.product_checklist { list-style: none; margin: 0; padding: 0;}  

ul.product_checklist li { padding: 5px 5px 5px 30px; margin: 0; background: url(../images/check_mark.png) no-repeat left center;} 
#header { width: 950px; height: 90px; background: #fff;}
#header h1 { margin: 0; width: 215px; height: 46px; position: relative; left: 45px; top: 26px; background: url(http://www.g13media.com/images/g13media_webdesign_sandiego-c.png) no-repeat; text-indent: -9999px; overflow: hidden;}
#header h1 a { display: block; height: 46px; background: url(http://www.g13media.com/images/g13media_webdesign_sandiego-c.png) no-repeat;}
#contentlogo { height: 90px;}
#form#searchform { margin: 0 10px 0 0; float: right;}

/*-- navigation--*/
#nav { height: 38px; width: 543px; float: right; margin: 0 30px 20px 0; padding: 0;  position: relative; top: 34px;}
#nav ul.topnav { float: right; width: 543px; margin: 0; padding: 0;}
#nav ul.topnav li { list-style: none; text-indent: -9999px; float: left; width: auto;}
#nav ul.topnav li a{ height: 38px; display: block;}
body #nav ul.topnav li a:hover { background-position: 0 -38px;}
#home li.home a{ background-position: bottom;}
#nav ul.topnav li.home a{ width: 82px; background: url(http://www.g13media.com/images/home_v2c.jpg) no-repeat;}
#nav ul.topnav li.about a{ width: 83px; background: url(http://www.g13media.com/images/about_v2c.jpg) no-repeat;}
#nav ul.topnav li.services a{ width: 100px; background: url(http://www.g13media.com/images/services_v2c.jpg) no-repeat;}
#nav ul.topnav li.portfolio a{ width: 89px; background: url(http://www.g13media.com/images/clients_v2c.jpg) no-repeat;}
#nav ul.topnav li.pricing a{ width: 89px; background: url(http://www.g13media.com/images/pricing_v2c.jpg) no-repeat;}
#nav ul.topnav li.contact a{ width: 99px; background: url(http://www.g13media.com/images/contact_v2c.jpg) no-repeat;}
html body#home ul.topnav li.home a, body#about ul.topnav li.about a, body#services ul.topnav li.services a, body#portfolio ul.topnav li.portfolio a, body#pricing ul.topnav li.pricing a, body#contact ul.topnav li.contact a{ background-position: 0 bottom;}

#contactus { float: right; margin: 0 15px 15px 0; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-weight: bold;}
#sidecol { width: 254px; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; margin: 20px 0 30px 25px;}
#sidecol h1 { font-size: 1.5em; color: #5d8eff; font-weight: bold;}
#sidecol h2 { font-size: 1.5em; color: #124da1;	font-weight: bold; margin-bottom: 0px;}
#sidecol h3 { font-size: 1.5em; color: #124da1; font-weight: bold; margin-bottom: 2px;}
#sidesocial { margin: 20px 0 0 0;}
#sidesocial img { margin: 0 0 15px 0;}
#sidesocial p { font-weight: bold;}
.widgettitle { margin: 20px 0 0 0;}
#social { float: right; margin: 10px 20px 0 20px;}
#footernav { margin-top: 25px; font-weight: bold; text-align: center; font-size: .95em;}
/*-- footer link style--*/
#footer a:link { color: #09F;}
#footer a:visited { color: #fff;}
#footer a:hover, a:active{ color: #999; text-decoration: none;}
#snetwork { margin: 0; padding: 0; font-size: 1em; color: #fff;}
#validation { float: right;}
#comment { color: #ebebeb; font-size: .75em; text-align: center;}
/*-- static footer--*/
#static-footer{ z-index: 100; position: fixed; width: 100%; bottom: 0px; background: #e9e9e9; height: 35px; left: 0px}
#footer-left { position: relative;  float: left; margin: 3px 0 0 35px;}
#footer-right { position: relative; float: right;  margin-right: 20px;}
#static-footer img { margin: 3px 15px 0 0;}
/*-- link style--*/
a:link { color: #09F;}
a:visited { color: #903;}
a:hover, a:active{ color: #999; text-decoration: none;}
/*--Contat Form -- */
.myform { margin:0 auto; width: 250px;}
.myform img { margin: 20px 0 10px 0;}
#formprop { border: none; background: transparent;}
#basic p { font-size:11px; color:#000;}
#form { font-size:11px; color:#000;}
#basic label { display:block; font-weight:bold; width: 200px;}
#basic input { float:left; width:205px; margin-top: 0px;}
#basic textarea { width: 196px; height: 40px; border: 1px solid #cccccc; padding: 5px; margin: 0px;}
#basic input.btn { background: url(http://www.g13media.com/images/button.png) no-repeat; width: 76px; height: 24px; border: none; margin: 0 40px 15px 0; float: right;}
.mainform{ margin:0 auto; width: 450px;}
#standard label{ display:block; font-weight:bold;  width: 205px;}
#standard input { float:left; width:305px; margin-top: 0px;}
#standard textarea { width: 296px; height: 80px; border: 1px solid #cccccc; padding: 5px; margin: 0px;}
#standard input.btn { background: url(http://www.g13media.com/images/button.png) no-repeat; width: 76px; height: 24px; border: none; margin: 0 150px 15px 0; float: right;}

/* other contact */
a[href ^="mailto:"] { display:inline-block; padding-left: 45px; line-height: 32px; background: transparent url(http://www.g13media.com/images/email_32_1.png) no-repeat center left;}
a[href ^="aim:"] { display:inline-block; padding-left: 45px; line-height: 32px; background: transparent url(http://www.g13media.com/images/aim_32_1.png) no-repeat center left;}
a[href *="edit.yahoo.com/config/send_webmesg?"] { display:inline-block; padding-left: 45px; line-height: 32px; background: transparent url(http://www.g13media.com/images/yahoo_32_1.png) no-repeat center left;}
/*a[href *="linkedin.com/in/G13Media"] { display:inline-block; padding-left: 45px; line-height: 32px; background: transparent url(http://www.g13media.com/images/linkedin_32_1.png) no-repeat center left;}*/
a[href *="twitter.com/G13Media"] { display:inline-block; padding-left: 45px; line-height: 32px; background: transparent url(http://www.g13media.com/images/twitter_32_1.png) no-repeat center left;}
a[href *="google.com/profiles/G13Media"] { display:inline-block; padding-left: 45px; line-height: 32px; background: transparent url(http://www.g13media.com/images/google_32_1.png) no-repeat center left;}
/* // Easy Slider */
img { border:none;}
/* // image replacement */
#contentlogo { position:relative; margin: 10px 0 0 0;}
#contentlogo span { margin: 20px 0 10px 58px;}
/* Easy Slider */
#slider ul, #slider li,
#slider2 ul, #slider2 li { margin: 0;padding:0; list-style:none;}
#slider2 { margin-top:1em;}
#slider li, #slider2 li { 
/* 
define width and height of list item (slide)
entire slider area will adjust according to the parameters provided here
*/ 
width:950px; height:40px; overflow:hidden;}
/*coda slider*/
#slider { width: 890px; margin: 0 auto; position: relative;}
.scroll { height: 1120px; width: 890px; overflow: auto; overflow-x: hidden; position: relative; clear: left;}
.scrollContainer div.panel { padding: 20px; height: 1090px; width: 890px;}
#shade { background: #ededec url(../images/shade.jpg) no-repeat 0 0; height: 50px;}
ul.navigation { list-style: none; margin: 0; padding: 0; padding-bottom: 9px;}
ul.navigation li { display: inline; margin-right: 10px;}
ul.navigation a { padding: 10px; color: #000; text-decoration: none;}
ul.navigation a:hover {  background-color: #f6f6f6;}
ul.navigation a.selected { background-color: #fff;}
ul.navigation a:focus { outline: none;}
.scrollButtons { position: absolute; top: 150px; cursor: pointer;}
.scrollButtons.left { left: -20px;}
.scrollButtons.right { right: -20px;}
.hide {display: none;}