@charset "utf-8";


* {
margin:0px;
padding:0px;

}
body {
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 23px;
	text-align: justify;
	background-color: #12254A;
}
#main {
width: 900px;
margin: 0 auto;
background: #fff;
}

a {
color: #FF7700;
text-decoration: none;
}
a:hover {
color: #EE3A43;
text-decoration: none;
}

#wrapper {
	width: 900px;
	margin: 0 auto;
	background: #ffffff;
}

.clear {
clear: both;
}
.spacer{
clear: both;
height: 8px;
}
p {
margin-top: 4px;
padding: 3px;
}
h1 {
font-size: 20px;
color: #FF7700;
padding: 10px 0;
}
#heading_blue {
font-size: 26px; 
color: #004d96;
line-height: normal;
font-weight: bolder;
}
h2 {
font-size: 16px;
color: #0083C8;
line-height: normal;
margin: 0;
margin-bottom: 5px;
padding: 0;
}

ul {
	padding-left:10px;
	
}

/*************************Positioning ************************************/
#rightside ul {

	list-style-position: inside;

	margin-left: 2px;

}

#rightside ul li {

	list-style-type: square;

	margin-left: 15px;

}
#col_left {
float: left;
width: 201px;
padding-left: 8px;
}

#col_right {
float: right;
width: 623px;
padding-right:25px;


}

#col_right h1{
padding-top:10px;}

#col_right #solutions p{
margin: 0;
padding: 0;
}

#col_right p{
margin: 0; 
padding: 10px 0;
line-height: 18px;
}

#col_right_home {
float: right;
width: 623px;
}

#content {
clear: both;
float: left;


}

.subheading {

	padding: 7px 10px 0 0;

	margin: 10px 0 20px 0;

	text-align: right;

	background: #f4f4f3;

	height: 26px;

	width: auto;

}


#solutions {
background-image: url(images/solutions_04.jpg);
background-repeat: no-repeat;
width: 271px;
padding-left: 336px;
padding-top: 20px;
height: 660px;
font-size: 11px;
line-height: normal;
padding-right: 12px;
}

#solutions strong{
color: #000;
}

#solutions ul{
margin: 10px 0;
}

#solutions li{
list-style-type: none;
font-size: 9px;
color: #777;
border-bottom: 1px solid #ccc;
padding: 5px 0;
}

#solutions .box1{
padding: 10px;
line-height: 18px;
color: #333;
}

#solutions .box2{
padding: 10px;
line-height: 18px;
color: #333;
margin-top: 10px;
}

#solutions .box3{
padding: 10px;
line-height: 18px;
color: #333;
margin-top: 10px;
}

#solutions li {
text-indent:5px;
}

#cont_left {
float: left;
width: 280px;
margin-right: 10px;
}
#cont_right {
float: right;
width: 303px;
padding: 10px;
padding-top: 0px;
}
/*************************inner tags ************************************/
.block {
background-color: #f4f4f3;
text-align: right;
padding: 5px;
padding-right: 15px;
margin-bottom: 5px;
}

#top_menu {
width:623px;
height: 46x;
display: block;
margin-bottom: 5px;
}
#header_img {
width: 600px;
background-image: url(images/SB_14.jpg);
background-repeat: no-repeat ;
height: 100px;
font-size: 18px;
font-weight: bolder;
padding-top: 51px;
padding-left: 23px;
display: block;
margin-bottom: 7px;
margin-top: 8px;
}
#seo_header_img {
width: 600px;
background-image: url(images/google-seo.jpg);
background-repeat: no-repeat ;
height: 100px;
font-size: 18px;
font-weight: bolder;
padding-top: 51px;
padding-left: 23px;
display: block;
margin-bottom: 7px;
margin-top: 8px;
}
#seo_header_img {
	width: 600px;
	background-image: url(images/seo-award-header.jpg);
	background-repeat: no-repeat;
	height: 100px;
	font-size: 18px;
	font-weight: bolder;
	padding-top: 51px;
	padding-left: 23px;
	display: block;
	margin-bottom: 7px;
	margin-top: 8px;
}
#ppc_header_img {
width: 600px;
background-image: url(images/pay-per-click.jpg);
background-repeat: no-repeat ;
height: 146px;
font-size: 18px;
font-weight: bolder;
padding-top: 51px;
padding-left: 23px;
display: block;
margin-bottom: 1px;
margin-top: 8px;
}
#left_menu_top {
float: left;
background-image: url(images/SB_13.jpg);
background-repeat: no-repeat;
height: 6px;
width: 202px;
}
.left_menu_bot {
float: left;
background-image: url(images/SB_31.jpg);
background-repeat: no-repeat;
height: 5px;
width: 202px;
border-top: 1px solid #dddddd;
display: block;
}
.left_page_top {
background-image: url(../images/spider_17.jpg);
background-repeat: no-repeat;
height: 27px;
width: 190px;
font-weight: bold;
color: #ffffff;
padding-top: 4px;
padding-left: 12px;
margin-top: 10px;
font-size: 13px;
}

.left_nav_pad{
padding-left: 18px;
}
/**************************** Navigation ***************************/

#widecolumn .navigation li a:hover, #widecolumn .navigation li a:active, #widecolumn .navigation li a.selected {
background-position:0 -69px;
}

#widecolumn .navigation li a {
display:block;
height:0;
overflow:hidden;
padding-top:69px;
}

#slider .navigation li a {
color:#CCCCCC;
}

.navigation li a {
font-weight:bold;
}

#widecolumn .navigation {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

#widecolumn .navigation li.websites a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(images/home-websites.png) no-repeat scroll left top;
width:129px;
}

#widecolumn .navigation li.leads a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(images/home-leads.png) no-repeat scroll left top;
width:107px;
}

#widecolumn .navigation li.search a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(images/home-search.png) no-repeat scroll left top;
width:112px;
}

#widecolumn .navigation li.display a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(images/home-display.png) no-repeat scroll left top;
width:117px;
}

#widecolumn .navigation li.ownermarketing a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(images/home-ownermarketing.png) no-repeat scroll left top;
width:128px;
}

#widecolumn .navigation li.services a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(images/home-services.png) no-repeat scroll left top;
width:122px;
}

#widecolumn .navigation li.analytics a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(images/home-analytics.png) no-repeat scroll left top;
width:129px;
}

#canvas {
margin: 0 auto;
width:900px;
}

.bread_crumb_nav{
background: url('http://www.spiderboost.com/images/bread-crumb.jpg') repeat-x #fff;
padding: 5px;
padding-left: 10px;
margin: 10px 0;
color: #999;
font-size: 11px;
}

.bread_crumb_nav strong{
color: #000;
}

.premiere_folio{
width: 200px;
height: 70px;
background: url('http://www.spiderboost.com/folio_imgs/premiere.jpg') no-repeat;
float: left;
margin-left: 5px;
}

.premiere_folio:hover{
width: 200px;
height: 70px;
background: url('http://www.spiderboost.com/folio_imgs/premiere.jpg') no-repeat;
background-position: 0 -70px;
}

.carrier_folio{
width: 200px;
height: 70px;
background: url('http://www.spiderboost.com/folio_imgs/carrier.jpg') no-repeat;
float: left;
margin-left: 5px;
}

.carrier_folio:hover{
width: 200px;
height: 70px;
background: url('http://www.spiderboost.com/folio_imgs/carrier.jpg') no-repeat;
background-position: 0 -70px;
}

.tsroofing_folio{
width: 200px;
height: 70px;
background: url('http://www.spiderboost.com/folio_imgs/tsroofing.jpg') no-repeat;
float: left;
margin-left: 5px;
}

.tsroofing_folio:hover{
width: 200px;
height: 70px;
background: url('http://www.spiderboost.com/folio_imgs/tsroofing.jpg') no-repeat;
background-position: 0 -70px;
}

.tropical_folio{
width: 200px;
height: 70px;
background: url('http://www.spiderboost.com/folio_imgs/tropical.jpg') no-repeat;
float: left;
margin-left: 5px;
}

.tropical_folio:hover{
width: 200px;
height: 70px;
background: url('http://www.spiderboost.com/folio_imgs/tropical.jpg') no-repeat;
background-position: 0 -70px;
}

.rolladen_folio{
width: 200px;
height: 70px;
background: url('http://www.spiderboost.com/folio_imgs/rolladen.jpg') no-repeat;
float: left;
margin-left: 5px;
}

.rolladen_folio:hover{
width: 200px;
height: 70px;
background: url('http://www.spiderboost.com/folio_imgs/rolladen.jpg') no-repeat;
background-position: 0 -70px;
}

.opti_folio{
width: 200px;
height: 70px;
background: url('http://www.spiderboost.com/folio_imgs/opti.jpg') no-repeat;
float: left;
margin-left: 5px;
}

.opti_folio:hover{
width: 200px;
height: 70px;
background: url('http://www.spiderboost.com/folio_imgs/opti.jpg') no-repeat;
background-position: 0 -70px;
}

.date_folio{
width: 200px;
height: 70px;
background: url('http://www.spiderboost.com/folio_imgs/date.jpg') no-repeat;
float: left;
margin-left: 5px;
}

.date_folio:hover{
width: 200px;
height: 70px;
background: url('http://www.spiderboost.com/folio_imgs/date.jpg') no-repeat;
background-position: 0 -70px;
}

.eko_folio{
width: 200px;
height: 70px;
background: url('http://www.spiderboost.com/folio_imgs/eko.jpg') no-repeat;
float: left;
margin-left: 5px;
}

.eko_folio:hover{
width: 200px;
height: 70px;
background: url('http://www.spiderboost.com/folio_imgs/eko.jpg') no-repeat;
background-position: 0 -70px;
}

.general_folio{
width: 200px;
height: 70px;
background: url('http://www.spiderboost.com/folio_imgs/general.jpg') no-repeat;
float: left;
margin-left: 5px;
}

.general_folio:hover{
width: 200px;
height: 70px;
background: url('http://www.spiderboost.com/folio_imgs/general.jpg') no-repeat;
background-position: 0 -70px;
}

.jeffrey_folio{
width: 200px;
height: 70px;
background: url('http://www.spiderboost.com/folio_imgs/jeffrey.jpg') no-repeat;
float: left;
margin-left: 5px;
}

.jeffrey_folio:hover{
width: 200px;
height: 70px;
background: url('http://www.spiderboost.com/folio_imgs/jeffrey.jpg') no-repeat;
background-position: 0 -70px;
}

.charlotte_folio{
width: 200px;
height: 70px;
background: url('http://www.spiderboost.com/folio_imgs/charlotte.jpg') no-repeat;
float: left;
margin-left: 5px;
}

.charlotte_folio:hover{
width: 200px;
height: 70px;
background: url('http://www.spiderboost.com/folio_imgs/charlotte.jpg') no-repeat;
background-position: 0 -70px;
}

.caviar_folio{
width: 200px;
height: 70px;
background: url('http://www.spiderboost.com/folio_imgs/caviar.jpg') no-repeat;
float: left;
margin-left: 5px;
}

.caviar_folio:hover{
width: 200px;
height: 70px;
background: url('http://www.spiderboost.com/folio_imgs/caviar.jpg') no-repeat;
background-position: 0 -70px;
}

.nw_folio{
width: 200px;
height: 70px;
background: url('http://www.spiderboost.com/folio_imgs/nw.jpg') no-repeat;
float: left;
margin-left: 5px;
}

.nw_folio:hover{
width: 200px;
height: 70px;
background: url('http://www.spiderboost.com/folio_imgs/nw.jpg') no-repeat;
background-position: 0 -70px;
}

.razbaby_folio{
width: 200px;
height: 70px;
background: url('http://www.spiderboost.com/folio_imgs/razbaby.jpg') no-repeat;
float: left;
margin-left: 5px;
}

.razbaby_folio:hover{
width: 200px;
height: 70px;
background: url('http://www.spiderboost.com/folio_imgs/razbaby.jpg') no-repeat;
background-position: 0 -70px;
}

.rpm_folio{
width: 200px;
height: 70px;
background: url('http://www.spiderboost.com/folio_imgs/rpm.jpg') no-repeat;
float: left;
margin-left: 5px;
}

.rpm_folio:hover{
width: 200px;
height: 70px;
background: url('http://www.spiderboost.com/folio_imgs/rpm.jpg') no-repeat;
background-position: 0 -70px;
}

.alonso_folio{
width: 200px;
height: 70px;
background: url('http://www.spiderboost.com/folio_imgs/alonso.jpg') no-repeat;
float: left;
margin-left: 5px;
}

.alonso_folio:hover{
width: 200px;
height: 70px;
background: url('http://www.spiderboost.com/folio_imgs/alonso.jpg') no-repeat;
background-position: 0 -70px;
}

.sony_folio{
width: 200px;
height: 70px;
background: url('http://www.spiderboost.com/folio_imgs/sony.jpg') no-repeat;
float: left;
margin-left: 5px;
}

.sony_folio:hover{
width: 200px;
height: 70px;
background: url('http://www.spiderboost.com/folio_imgs/sony.jpg') no-repeat;
background-position: 0 -70px;
}

.alienware_folio{
width: 200px;
height: 70px;
background: url('http://www.spiderboost.com/folio_imgs/alien.jpg') no-repeat;
float: left;
margin-left: 5px;
}

.alienware_folio:hover{
width: 200px;
height: 70px;
background: url('http://www.spiderboost.com/folio_imgs/alien.jpg') no-repeat;
background-position: 0 -70px;
}

.alienware_folio a{
width: 100%;
height: 100%;
display: block;
}

.port_item{
border-bottom: 1px solid #eee;
padding: 5px 0;
margin: 10px 0;
}

.port_item:hover{
background: #eee;
}

.port_item .text{
float: left;
width: 380px;
margin-left: 20px;
color: #555;
padding-right: 5px;
}

.port_item .text strong{
color: #000;
}

.port_item .text a{
color: #e86800;
text-decoration: underline;
}

.port_item .text a:hover{
color: #000;
text-decoration: underline;
}

.port_item .text p{
margin: 0 !important; padding: 0 !important;
}

.office_info_left{
float: left;
width: 300px;
padding-right: 20px;
}

.office_info_left p{
line-height: 22px !important;
font-size: 12px !important;
}

.map_info_right{
width: 300px;
float: left;
}

#contact_table td{
padding: 5px;
}

.required{
color: #b50f0f;
}

.portfolio_left{
float: left;
width: 400px;
}

.portfolio_right{
float: left;
width: 200px;
margin-left: 20px;
}