html,body
{
padding:0px;
margin:0px;
font-family:arial,sans-serif;
font-size:12px;
background-color:#484848;
-webkit-text-size-adjust:none;
width:100%;
height:100%;
}

a:link,a:visited
{
color:#3399ff;
}
a:hover
{
color:#0066CC;
}

.fl { float: left; }
.fr { float: right; }
a.bl:link,a.bl:visited { color: #2B94C1; }
a.bl:hover { color: #106589; }

img
{
border:0px;
}

h1
{
color:#000;
font-size:19px;
margin:0px;
line-height:26px;
font-family:"HelveticaNeue-Light",arial;
font-weight:normal;
}

form
{
margin:0px;
padding:0px;
}

#header
{
	width: 100%;
	height: 180px;
	background-image: url(../images/head_bk.png);
	
}

#main_content
{
	background-image: url(../images/cont_bk.jpg);
	background-repeat:repeat-x;
	height:auto;
	min-height:600px;
	width:100%;
	float:left;
	background-color:#cccccc;
}
#footer
{
	background-color:#484848;
	width:100%;
	height:380px;
	clear:both;
}

.wrapper
{
width:1010px;
padding-left:10px;
padding-right:10px;
margin-left:auto;
margin-right:auto;
height:auto;
}

#logo
{
width:368px;
margin-top:50px;
float:left;
}

#title
{
color:#000;
position:absolute;
top:-30px;
width:368px;
z-index:0;
}


#quote
{
width:315px;
margin-top:50px;
float:left;

}

#quote a:link,#quote a:visited
{
	background-image: url(../images/freequote_but.png);
	width:209px;
	height:49px;
	display:block;
}
#quote a:hover
{
	background-position:0px -49px;
	
}

#social
{
width:120px;
margin-top:55px;
float:left;
}

.soc
{
	width:42px;
	height:41px;
	background-image: url(../images/social.png);
	display:inline-block;

}

a.facebook
{
	background-position:0px 0px;
}

a.twitter
{
	background-position:-42px 0px;
}

#address
{
	color: #fff;
	width: 180px;
	text-align: right;
	height: 55px;
	margin-top: 48px;
	float: right;

}

#nav
{
width:100%;
float:left;
margin-top:25px;
}

#nav a:link,#nav a:visited
{
	display: inline-block;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	padding: 5px;
	text-decoration:none;
	text-align:center;
	height:25px;
	line-height:23px;
	margin-right:31px;

}
#nav a:hover
{
	color: #d8eba2;
}
#nav a:active
{
	color: #eaf7c7;
}


a.home:link,a.home:visited
{
	background-image:none;
	width:55px;
}

a.home:hover
{
	background-image: url(../images/navbar.png);
	background-position:0px 0px;
}

a.home_sel:link,a.home_sel:visited,a.home_sel:hover
{
	width:55px;
	background-image: url(../images/navbar.png);
	background-position:0px 0px;
}


a.webdesign:link,a.webdesign:visited
{
	background-image:none;
	width:96px;
}

a.webdesign:hover
{
	background-image: url(../images/navbar.png);
	background-position:-65px 0px;
	
}

a.webdesign_sel:link,a.webdesign_sel:visited,a.webdesign_sel:hover
{
	background-image: url(../images/navbar.png);
	background-position:-65px 0px;
	width:96px;
	
}

a.ecommerce:link,a.ecommerce:visited
{
	background-image:none;
	width:97px;
}

a.ecommerce:hover
{
	background-image: url(../images/navbar.png);
	background-position:-298px 0px;
	
}

a.ecommerce_sel:link,a.ecommerce_sel:visited,a.ecommerce_sel:hover
{
	background-image: url(../images/navbar.png);
	background-position:-298px 0px;
	width:97px;
	
}



a.programming:link,a.programming:visited
{
	background-image:none;
	width:114px;
}

a.programming:hover
{
	background-image: url(../images/navbar.png);
	background-position:-173px 0px;
	
}


a.programming_sel:link,a.programming_sel:visited,a.programming_sel:hover
{
	background-image: url(../images/navbar.png);
	background-position:-173px 0px;
	width:114px;
	
}


a.seo:link,a.seo:visited
{
	background-image:none;
	width:33px;
}

a.seo:hover
{
	background-image: url(../images/navbar.png);
	background-position:-406px 0px;
	
}


a.seo_sel:link,a.seo_sel:visited,a.seo_sel:hover
{
	background-image: url(../images/navbar.png);
	background-position:-406px 0px;
	width:33px;
	
}


a.webvideo:link,a.webvideo:visited
{
	background-image:none;
	width:83px;
}

a.webvideo:hover
{
	background-image: url(../images/navbar.png);
	background-position:-450px 0px;
	
}

a.webvideo_sel:link,a.webvideo_sel:visited,a.webvideo_sel:hover
{
	background-image: url(../images/navbar.png);
	background-position:-450px 0px;
	width:83px;
}




a.emailmarketing:link,a.emailmarketing:visited
{
	background-image:none;
	width:136px;
}

a.emailmarketing:hover
{
	background-image: url(../images/navbar.png);
	background-position:-543px 0px;
	
}

a.emailmarketing_sel:link,a.emailmarketing_sel:visited,a.emailmarketing_sel:hover
{
	background-image: url(../images/navbar.png);
	background-position:-543px 0px;
	width:136px;
}



a.contact:link,a.contact:visited
{
	background-image:none;
	width:95px;
	margin-right:0px !important;
}

a.contact:hover
{
	background-image: url(../images/navbar.png);
	background-position:-690px 0px;
	
}

a.contact_sel:link,a.contact_sel:visited,a.contact_sel:hover
{
	background-image: url(../images/navbar.png);
	background-position:-690px 0px;
	width:95px;
	margin-right:0px !important;
}




#main_sell
{
height:313px;
margin-top:10px;
margin-bottom:20px;
}


#testimonials
{
	background-image: url(../images/splasher.jpg);
	width:1000px;
	height:46px;
	color:#3399cc;
	padding-top:35px;
	float:left;
	background-color:#fff;
	z-index: 200;
}

#testimonials div
{
	margin-top: 35px;
	height: auto;
	float: left;
	background-color: transparent;
	z-index: 500;
	margin-left:40px;
	font-size:12px;
}



#intro_content
{
width:640px;
height:auto;
margin-top:20px;
margin-bottom:40px;
float:left;
}



.topcorner
{
	background-image: url(../images/corners.png);
	background-position:0 0;
	width:639px;
	height:5px;
}

.cornercontent
{
	width:599px;
	height:auto;
	background-color:#fff;
	padding:10px 20px 10px 20px;
	color:#666;
	font-size:14px;
	line-height:19px;
	height:370px;

}

.botcorner
{
	background-image: url(../images/corners.png);
	background-position:0 -5px;
	width:639px;
	height:6px;
}

#sayhi
{
margin-top:20px;
float:right;
}


.tcorner
{
	background-image: url(../images/corner_sayhi.png);
	background-position:0 0;
	width:350px;
	height:6px;
}

.sh_content
{
	width:310px;
	height:auto;
	background-color:#fff;
	padding:10px 20px 10px 20px;
	color:#666;
	font-size:14px;
	line-height:18px;
	text-align:center;

}

.bcorner
{
	background-image: url(../images/corner_sayhi.png);
	background-position:0 -6px;
	width:350px;
	height:6px;
}


#SayHi input[type='text']
{
	padding: 3px;
	font-size: 14px;
	color: #666;
	width: 200px !important;
	background-color: #e6e6e6 !important;
	border: 0px !important;
}

#SayHi textarea
{
	padding: 3px;
	font-size: 14px;
	color: #666;
	width: 210px !important;
	height: 120px !important;
	background-color: #e6e6e6 !important;
	border: 0px !important;
	overflow: auto;
}

#SayHi p
{
	background-image: url(../images/input_btn.png);
	background-repeat: no-repeat;
	display: block;
	padding: 10px 15px 20px 15px;
	margin: 0px 0px 10px 0px;
	background-position: 0px -50px;
	height: 20px;
}

#SayHi p:hover { background-position: 0px 0px; }

#SayHi div
{
	background-image: url(../images/textarea_btn.png);
	background-repeat: no-repeat;
	display: block;
	padding: 10px 15px 20px 15px;
	margin: 0px 0px 10px 0px;
	background-position: 0px 0px;
	height: 115px;
}

#SayHi div:hover { background-position: 0px -145px; }


#SayHi label
{
	float: left;
	font-weight: bold;
	color: #fff;
}

#SayHi label.error
{
	font-size: 11px;
	float: left;
	color: red;
	padding-left: 10px;
	vertical-align: top;
	position: absolute;
	z-index: 100;
	top: -2000px;
}

#SayHi input.error
{
	border: 2px solid red !important;
	width: auto;
}

#contactform label
{
	float: left;
	font-weight: bold;
	color: #fff;
}

#contactform label.error
{
	font-size: 11px;
	float: left;
	color: red;
	padding-left: 30px;
	padding-top: 5px;
	vertical-align: top;
	position: absolute;
}

#contactform input.error
{
	border: 2px solid red;
	width: auto;
}





#sh_content_p
{
width:250px;
padding-left:30px;
}

#sh_content_p img
{
margin-bottom:5px;
}





#sell_a
{
width:487px;
float:left;

}

#sell_a ul
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#sell_a li
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}



#sell_b
{
width:512px;
float:left;
}


img.ar
{
margin:-8px 0px 0px 10px;
}




li.sellnav
{
	background-image: url(../images/splash_nav.jpg);
	background-repeat: no-repeat;
	display:block;
	width:487px;
	height:52px;
	background-position:0 -51px;
}

li.sellnav:hover
{
background-position:0 0;
color:#666;
}



li.sellnav a:link,li.sellnav a:visited
{
color:#fff;
font-size:14px;
line-height:16px;
padding:20px 0px 0px 35px;
text-decoration:none;
display:inline-block;
font-weight:bold;
}

li.sellnav:hover a:link,li.sellnav:hover a:visited
{
color:#666;
}

li.sellnav div
{
display:none;
float:right;
width:auto;
font-size:14px;
padding:0px 20px 0px 0px;
line-height:18px;
}

img.go_but
{
margin-top:-8px;
}

li.sellnav:hover div
{
display:inline-block;
}


.footer_box
{
	background-image: url(../images/footer_bk.gif);
	background-repeat: no-repeat;
	width:483px;
	height:252px;
	float:left;
	color:#fff;
	font-size:14px;
	margin-top:40px;
	margin-bottom:40px;
}

.rtpad
{
margin-right:42px;
}

#reasons
{

	width: 483px;
	height: 220px;
	color: #CCFF99;
	padding: 25px 20px 0px 30px;
	float: left;
	font-size:14px !important;
}

#reasons b
{
	color: #fff;
	font-size: 21px;
}

#reasons ul { padding-left: 20px;width:483px; }
#reasons li { margin-bottom: 8px;width:483px; }


#questions
{
	width: 483px;
	height: 220px;
	color: #CCFF99;
	padding: 25px 0px 0px 0px;
	float: left;
	font-size:21px;
	text-align:center;
	font-weight:bold;
}

#questions b
{
	color: #fff;
	font-size: 21px;
}

#questions a:link,#questions a:visited
{
color:#CCFF99;
}


#questions span
{
	color: #cccccc;
	font-size:12px;
}

#copyright
{
color:#ccc;
font-size:12px;
float:left;
width:1000px;
text-align:center;
}

#copyright a:link, #copyright a:visited
{
color:#ccc;
text-decoration:none;
font-size:12px;
line-height:16px;
}



#left_col
{
width:680px;
float:left;
padding:20px 20px 10px 0px;
}

#right_col
{
float:left;
width:300px;
}

#portfolio
{
width:390px;
height:253px;
padding-right:10px;
padding-bottom:10px;
float:left;
}

.grayhead
{
font-size:18px;
font-weight:bold;
}

.graytwo
{
font-size:18px;
line-height:24px;
margin-bottom:5px;
margin-top:10px;
font-weight:normal;
color:#000;
}

#mainblurb
{
float:left;
background-color:#fff;
float:left;
width:657px;
padding:5px 10px 10px 10px;
color:#666;

}

#blurb
{
float:left;
line-height:20px;
font-size:13px;
height:auto;
padding:0px 10px 0px 10px;
}

#topblurb
{
	background-image: url(../images/680_bar.png);
	background-repeat: no-repeat;
	width:680px;
	height:10px;
	float:left;
	background-position:-1px -1px;
}


#bottomblurb
{
	background-image: url(../images/680_bar.png);
	background-repeat: no-repeat;
	width:680px;
	height:18px;
	background-position:-1px -22px;
	float:left;
}
p.ck
{
	background-image: url(../images/check.png);
	background-repeat: no-repeat;
	padding-left: 30px;
	margin-bottom: 15px;
	margin-left: 0px;
	line-height: 18px;
	font-size:14px;
	font-weight:bold;
}
#checks
{
width:220px;
float:left;
height:253px;
}


.sh_interior
{

	height:auto;
	background-color:#fff;
	padding:10px 10px 10px 0px;
	color:#666;
	font-size:14px;
	line-height:18px;
	text-align:center;
	width:290px;
	margin:0px;
}



#sh_interior_p
{
width:250px;
text-align:center;
margin:0px;
padding:10px;
}


.seobutton
{
	display: block;
	height: 106px;
	width: 270px;
	background-image: url(../images/search_engine_buttons.jpg);
}

a.google:link,a.google:visited { background-position: 0 0; }
a.google:hover { background-position: 0 -416px; }
a.yahoo:link,a.yahoo:visited { background-position: 0 -104px; }
a.yahoo:hover { background-position: 0 -520px; }
a.bing:link,a.bing:visited { background-position: 0 -208px; }
a.bing:hover { background-position: 0 -624px; }
a.ask:link,a.ask:visited { background-position: 0 -313px; }
a.ask:hover { background-position: 0 -729px; }


#contactform p { margin: 5px; }

#contactform b
{
	display: inline-block;
	width: 155px;
}

#contactform input[type='text']
{
	padding: 10px;
	font-size: 14px;
	color: #333;
	width: 200px !important;
	background-color: #e6e6e6 !important;
	border: 2px solid #ddd !important;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}

#contactform input[type='text']:hover { border: 2px solid #688220 !important; }

#contactform textarea
{
	padding: 10px;
	font-size: 14px;
	color: #333;
	width: 470px !important;
	height: 120px !important;
	background-color: #e6e6e6 !important;
	border: 1px solid #ddd !important;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	margin-left: 5px;
	font-weight: bold;
}

#contactform textarea:hover { border: 1px solid #688220 !important; }

#contactform div
{
	background-repeat: no-repeat;
	display: block;
	padding: 3px;
	margin: 0px 0px 10px 0px;
	background-position: 0px 0px;
	height: 115px;
	font-size: 14px;
}

a.contact_facebook:link,a.contact_facebook:visited { background-position: -4px 0px; }
a.contact_facebook:hover { background-position: -4px -227px; }
a.contact_twitter:link,a.contact_twitter:visited { background-position: 113px 0px; }
a.contact_twitter:hover { background-position: 113px -227px; }
a.contact_aol:link,a.contact_aol:visited { background-position: -4px -113px; }
a.contact_aol:hover { background-position: -4px -340px; }
a.contact_gtalk,a.contact_gtalk:visited { background-position: 113px -113px; }
a.contact_gtalk:hover { background-position: 113px -340px; }

.socials
{
	display: inline-block;
	width: 112px;
	height: 112px;
	background-image: url(../images/socialmedia.jpg);
	margin: 5px 15px 0px 0px;
}


/* Portfolio */
.slideshow { height: 900px; width: 413px; margin: auto;overflow:hidden; }
.slideshow img { padding: 15px; border: 1px solid #ccc; background-color: #eee; }

#slideshownav a { color:#fff;background: #3A3A3A; text-decoration: none;margin: 0 1px 10px 0px;padding: 2px 2px;display:inline-block;width:30px;text-align:center;  }
#slideshownav a.activeSlide { background: #3399cc }
#slideshownav a:focus { outline: none; }

.slide_wrapper
{
display:block;
height:600px;
width:413px;
}