@import url(baseStyles.css);


#projectdiv{width:800px;padding:0px 12px;margin:auto;border:2px solid #333;background:url(img/seo-bg.png);}
#projectdiv h1{font-size:2.5em;margin-bottom:24px;}
#projectdiv h3{font-variant:normal;font-style:italic;text-align:left;}
#projectdiv img{border:2px solid #333;}
#projectdiv ul{text-align:center;}
#projectdiv table{font-size:1.1em;width:100%;}
#projectdiv th{text-align:left;}
#projectdiv th{padding-bottom:6px;}
#projectdiv td,lefty{text-align:center;}
#projectdiv td,left2{text-align:left;}


#topbar{height:31px;background:url(img/greybar.png);}
#phone{float:right;margin-top:8px;margin-right:12px;position:relative;top:-16px;}
#carouselwrap{width:100%;background: url(img/bg.png) repeat-x;margin:auto;text-align:center;height:195px;overflow:hidden;position:relative;z-index:200;}

#domform td{vertical-align:middle;}
#keywordform{height:50px;background:url(img/redbar.png);margin-top:-20px;position:relative;z-index:200;}
#formwrapper{width:960px;margin:auto;text-align:center;padding-top:5px;}
#formp{width:560px;font-size:1.65em;color:#fff;text-align:right;line-height:1em;margin-top:10px;}
#domainin{font-size:2em;margin:0px;width:320px;border:1px solid #444;position:relative;top:-2px;}
#contentwrap{background:url(img/yellowbar.png);height:133px;margin-top:-10px;padding:20px 0px;padding-bottom:12px;}
#topp{width:800px;margin:auto;font-size:1.5em;color:#333;margin-bottom:0px;text-align:center;}

#services{width:960px;height:400px;margin:12px auto;margin-bottom:0px;}
.colsection{width:318px;height:200px;float:left;}
.colimg{float:left;margin:6px;margin-right:18px;margin-bottom:0px;}
.colp{font-size:1em;padding:0px 12px;}
.collinkp{font-size:1em;padding:0px 12px;text-align:right;}

#bottombar{background:url(img/yellowbar2.png);}

.portpiece{margin-top:24px;}
.porttable{width:100%;}
.porttable h3{font-size:1.4em;font-weight:bold;}
.projecttype{text-align:right;font-weight:bold;}
.portthumbbox{width:120px;}
.portthumbbox img{border:2px solid #000;}
.portdescription{padding-left:18px;}

a:link{font-weight:bold;color:#f00;}
a:visited{font-weight:bold;color:#f00;}
a:hover{font-weight:bold;color:#333;}

/*a.p1:link{font-weight:bold;color:#00f;}
a.p1:visited{font-weight:bold;color:#00f;}
a.p1:hover{font-weight:bold;color:#f00;}*/

a.p2:link{font-weight:bold;color:#ffffcc;}
a.p2:visited{font-weight:bold;color:#ffffcc;}
a.p2:hover{font-weight:bold;color:#fff;}

ul,ol{margin-left:24px;}

a img{border:none;}

object,embed{margin-top:-28px;outline:none;}
html,body{height:100%;}


h1{text-align:center;}
#contentcol{padding-top:12px;width:600px;margin:auto;}
#contentcol h1,h2,h3{text-align:left !important;margin-bottom:.75em !important;}

/* repeated code per header */  
#hometitle{  
 width: 960px; height: 60px;  
 background: url(img/tampa-seo-and-web-design-that-gets-results.png) no-repeat center top;  
 text-align:center;
 margin:auto;
 text-indent: -100em;
}   
#seoservicestitle{  
 width: 960px; height: 60px;  
 background: url(img/mainh1-seo-services.png) no-repeat center top;  
 text-align:center;
 margin:auto;
 text-indent: -100em;
}   
#keywordstrategytitle{  
 width: 960px; height: 60px;  
 background: url(img/mainh1-proper-keyword-strategy.png) no-repeat center top;  
 text-align:center;
 margin:auto;
 text-indent: -100em;
}   
#linkingstrategytitle{  
 width: 960px; height: 60px;  
 background: url(img/mainh1-seo-proper-linking-strategy.png) no-repeat center top;  
 text-align:center;
 margin:auto;
 text-indent: -100em;
}
#metatagstrategytitle{  
 width: 960px; height: 60px;  
 background: url(img/mainh1-seo-metatag-info.png) no-repeat center top;  
 text-align:center;
 margin:auto;
 text-indent: -100em;
} 
#websitesthatworktitle{  
 width: 960px; height: 60px;  
 background: url(img/websites-that-work-title.png) no-repeat center top;  
 text-align:center;
 margin:auto;
 text-indent: -100em;
 } 
#domainurlpractices{  
 width: 960px; height: 60px;  
 background: url(img/mainh1-seo-domain-url-practices.png) no-repeat center top;  
 text-align:center;
 margin:auto;
 text-indent: -100em;
}
#insurancequotestampa{  
 width: 960px; height: 60px;  
 background: url(img/mainh1-insurance-quotes-tampa.png) no-repeat center top;  
 text-align:center;
 margin:auto;
 text-indent: -100em;
 }
#portfoliotitle{  
 width: 960px; height: 60px;  
 background: url(img/portfolio-title.png) no-repeat center top;  
 text-align:center;
 margin:auto;
 text-indent: -100em;
}  
#donatetitle{  
 width: 960px; height: 60px;  
 background: url(img/web-donations-img.png) no-repeat center top;  
 text-align:center;
 margin:auto;
 text-indent: -100em;
} 

#autoinsstyle{  
 width: 960px; height: 60px;  
 background: url(img/autoinsurancetampa.png) no-repeat center top;  
 text-align:center;
 margin:auto;
 text-indent: -100em;
}  

#tampaflmortgagestyle{  
 width: 960px; height: 60px;  
 background: url(img/mainh1-tampaflmortgage.png) no-repeat center top;  
 text-align:center;
 margin:auto;
 text-indent: -100em;
}  

#tampaflattstyle{  
 width: 960px; height: 60px;  
 background: url(img/mainh1.png) no-repeat center top;  
 text-align:center;
 margin:auto;
 text-indent: -100em;
}  

#servicestitle{  
 width: 960px; height: 60px;  
 background: url(img/servicestitle.png) no-repeat center top;  
 text-align:center;
 margin:auto;
 text-indent: -100em;
}   
#testimonialstitle{  
 width: 960px; height: 60px;  
 background: url(img/testimonialstitle.png) no-repeat center top;  
 text-align:center;
 margin:auto;
 text-indent: -100em;
}   
#resourcestitle{  
 width: 960px; height: 60px;  
 background: url(img/resourcestitle.png) no-repeat center top;  
 text-align:center;
 margin:auto;
 text-indent: -100em;
}  
#contacttitle{  
 width: 960px; height: 60px;  
 background: url(img/contacttitle.png) no-repeat center top;  
 text-align:center;
 margin:auto;
 text-indent: -100em;
}  
#tampaseotitle{  
 width: 960px; height: 60px;  
 background: url(img/tampaseo.png) no-repeat center top;  
 text-align:center;
 margin:auto;
 text-indent: -100em;
}   
#tampawebdesigntitle{  
 width: 960px; height: 60px;  
 background: url(img/tampawebdesign.png) no-repeat center top;  
 text-align:center;
 margin:auto;
 text-indent: -100em;
}   
#tampawebappplicationstitle{  
 width: 960px; height: 60px;  
 background: url(img/tampawebdevelopment.png) no-repeat center top;  
 text-align:center;
 margin:auto;
 text-indent: -100em;
}   
#tampawebmastertitle{  
 width: 960px; height: 60px;  
 background: url(img/tampawebmaster.png) no-repeat center top;  
 text-align:center;
 margin:auto;
 text-indent: -100em;
}   
#choosinganseotitle{  
 width: 960px; height: 60px;  
 background: url(img/choosinganseotitle.png) no-repeat center top;  
 text-align:center;
 margin:auto;
 text-indent: -100em;
} 
#services h2{font-size:1.75em;font-weight:bold;margin-bottom:6px;margin-top:6px;}

/* Top menu general rules */
#menu 
{
  width: 413px; height: 16px;
  background: url(img/menu.png);
  margin: 0px; padding: 0;
  position: relative;
	left:12px;
	top:7px;
}

#menu li 
{
  margin: 0; padding: 0;
	list-style: none;
  position: absolute; top: 0;
}
#menu li, #menu a 
{
  height: 16px;
	display: block;
	/*  Hide the text part of the links by moving it waaaayyy offscreen. */
	text-indent:-999em;
	outline: none;
}
/*  Top menu link dimensioning rules - specify offset from left and width of active area. */
#home {left: 0; width: 37px;}
#seo {left: 48px; width: 52px;}
#design {left: 112px; width: 53px;}
#testimonials {left: 176px; width: 82px;}
#contact {left: 269px; width: 68px;}
#more {left: 348px; width: 65px;}

/*  Top menu hover rules, using a single image "sprite," and background positioning. */
#home a:hover {background: transparent url(img/menu.png) 0 -16px no-repeat;}
#seo a:hover {background: transparent url(img/menu.png) -48px -16px no-repeat;}
#design a:hover {background: transparent url(img/menu.png) -112px -16px no-repeat;}
#testimonials a:hover {background: transparent url(img/menu.png) -176px -16px no-repeat;}
#contact a:hover {background: transparent url(img/menu.png) -269px -16px no-repeat;}
#more a:hover {background: transparent url(img/menu.png) -348px -16px no-repeat;}

#contactform fieldset{width:290px;margin:auto;border:2px solid #f00;}
#contactform legend{font-size:1.2em;color:#f00;font-weight:bold;}
#contactform table {font-size:1.2em;margin:24px auto;}
#contactform table table{margin:12px auto;font-size:1.2em;}
#contactform td {padding:6px;vertical-align:top;color:#f00;font-weight:bold;}
#contactform td td{padding:3px;}
#contactform input{width:180px;background:#fff !important;border:1px solid #f00;color:#000 !important;}
#contactform textarea{width:180px;background:#fff !important;border:1px solid #f00;color:#000 !important;}

#copyright{text-align:center;background:#FFC;padding-bottom:36px;}

/* ----- tool tip specific styles ----- */
.thdrcell {
	background:#F3F0E7;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	padding:5px;
	border-bottom:1px solid #C8BA92;
}

.tdatacell {
	font-family:arial;
	font-size:12px;
	padding:5px;
	background:#FFFFFF
}

.dvhdr1 {
	background:#F3F0E7;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	border:1px solid #C8BA92;
	padding:5px;
	width:250px;
}

.dvbdy1 {
	background:#FFFFFF;
	font-family:arial;
	font-size:12px;
	border-left:1px solid #C8BA92;
	border-right:1px solid #C8BA92;
	border-bottom:1px solid #C8BA92;
	padding:5px;
	width:250px;
}