@charset "utf-8";

/* body styling */
body{font-family: Arial, Helvetica, sans-serif;font-size:12px;color:#1a1a1a;margin:0px;padding:0px;background:url(imgs/bg.jpg) #e9edf0;margin-top:4px;}
#bodywrap{width:734px;margin-left:auto;margin-right:auto;background-image:url(imgs/bodybg.jpg);background-repeat:repeat-y;background-position:left top;}

a:link  {color:#054995;text-decoration:none;}
a:visited {color:#051d95;text-decoration:none;}
a:hover  {color:#0f497b;text-decoration:none;}
a:active {color:#054995;text-decoration:none;}


#special22 {
padding:10px;
border: 1px solid #e1e7ea;
background-color:#e9f5e9;
}


/* header */
#header{width:734px;margin-right:auto;margin-left:auto;background-image:url(imgs/bodybg-top.jpg);background-repeat:no-repeat;background-position:left top;padding-top:10px;height:86px;}
#phone{float:right;height:70px;width:146px;background-image: url(imgs/phone.jpg);background-repeat:no-repeat;background-position:left top;padding-right:17px;}
#logo{float:left;width:203px;height:70px;padding-left:17px;}

/* Basic Styling */
h1 {color:#122a46;font-size:16px;margin-bottom:9px;margin-top:15px;}
h2 {color:#122a46;font-size:13px;margin-bottom:0px;margin-top:16px;}
.promo22 {color:#730000}
#clear{clear:both;height:0px;width:0px;margin:0px;padding:0px;}
img{border:0}
p {text-align:justify;margin-top:3px;font-size:12px;line-height:17px;}
#process {color:#003673;font-size:20px;text-align:center;padding-top:6px;padding-right:4px;display:block;}
.smalltext {font-size:11px;color:#626262;}

/* Navigation */
#navigation {background-image: url(imgs/navigationbg.jpg);background-repeat:no-repeat;background-position: center top;height:32px;width:700px;padding-right:17px;padding-left:17px;}
#navigation ul{margin:0;padding:0;list-style:none;}
#navigation li{display:inline;margin:0;padding:0;}
#navigation a{display:block;float:left;font-size:15px;margin:0;text-indent:-500em;position:relative;}
#navigation a.home{
	width:53px;
	height:32px;
	padding-left:11px;
	background-image: url(imgs/home-nav.jpg);
	background-repeat: no-repeat;
	background-position: right 0;
}
#navigation a.webdesign{background: url('imgs/websitedesign-nav.jpg') 0 0 no-repeat;width:125px;height:32px;}
#navigation a.ecommerce{background: url('imgs/ecom-nav.jpg') 0 0 no-repeat;width:166px;height:32px;}
#navigation a.seo{background: url('imgs/seo-nav.jpg') 0 0 no-repeat;width:179px;height:32px;}
#navigation a.portfolio{background: url('imgs/portfolio-nav.jpg') 0 0 no-repeat;width:70px;height:32px;}
#navigation a.contact{background: url('imgs/contact-nav.jpg') 0 0 no-repeat;width:85px;height:32px;}
#navigation a.webdesign:hover,#navigation a.ecommerce:hover,#navigation a.seo:hover,#navigation a.portfolio:hover,#navigation a.contact:hover{background-position:0 -32px;}
#navigation a.naviselected{background-position:0 -32px;}
#navigation a.home:hover{	background-position: right -32px; }

/* Misc */
#banner{width:700px;background-image:url(imgs/banner.jpg);background-repeat:no-repeat;background-position:center top;height:192px;margin-left:17px;}
#banner-web{width:700px;background-image:url(imgs/promo-webdesign.jpg);background-repeat:no-repeat;background-position:center top;height:92px;margin-left:17px;}
#banner-ecom{width:700px;background-image:url(imgs/promo-ecom.jpg);background-repeat:no-repeat;background-position:center top;height:92px;margin-left:17px;}
#banner-seo{width:700px;background-image:url(imgs/promo-seo.jpg);background-repeat:no-repeat;background-position:center top;height:92px;margin-left:17px;}
#banner-overview{width:700px;background-image:url(imgs/promo-overview.jpg);background-repeat:no-repeat;background-position:center top;height:92px;margin-left:17px;}
#banner-contact{width:700px;background-image:url(imgs/promo-contact.jpg);background-repeat:no-repeat;background-position:center top;height:92px;margin-left:17px;}
#banner-portfolio{width:700px;background-image:url(imgs/promo-portfolio.jpg);background-repeat:no-repeat;background-position:center top;height:92px;margin-left:17px;}
#footer {width:722px;background-image:url(imgs/footer-bg.jpg);background-repeat: no-repeat;background-position: left top;padding-top:20px;background-color:#ededed;color:#828282;text-align:right;padding-right:12px;clear:both;margin-bottom:3px;}
#banner a.click1 {display:block;float:right;text-indent:-500em;position:relative;height: 49px;width: 165px;margin-top:99px;margin-right:56px;background:url('imgs/overbtn-up.jpg') left top no-repeat;}
#banner-web a.click1, #banner-ecom a.click1 {display:block;float:right;text-indent:-500em;position:relative;height: 45px;width: 148px;margin-top:28px;margin-right:20px;}
#banner-seo a.click1 {display:block;float:right;text-indent:-500em;position:relative;height: 42px;width: 156px;margin-top:32px;margin-right:29px;}
#banner-portfolio a.click1 {display:block;float:right;text-indent:-500em;position:relative;height: 57px;width: 173px;margin-top:18px;margin-right:14px;}

#banner a:hover.click1 {background-position:0 -49px;}

#contentleft {padding-left:25px;width:478px;float:left;}
#contentright {float:right;width:191px;padding-right:18px;padding-left:22px;}
#contentfull {padding-left:25px;padding-right:17px;width:692px;float:left;}
#contentleft ul {padding-left:22px;margin-top:0;padding-top:0;}
#contentleft li {margin-top:0;padding-top:0;padding-bottom:5px}
#contentleft ul li strong { line-height:22px; }

/* Web Design Content */
.webdesignservices { list-style-type: none;margin-top:2px;padding:0; }
.webdesignservices li { padding-top:6px;padding-bottom:6px;padding-left:6px;border-bottom:1px solid #e1e7ea;width:160px;}
.webdesignservices li a:visited {color:#054995;text-decoration:none;}
.webdesignservices li:hover {background-color:#e1e7ea}
#zero {display:none;}
#contactform {width:400px;margin-left:auto;margin-right:auto;border-top:1px solid #e1e7ea;padding-top:17px;}
#contactform label {display: block;width:115px;padding-top:3px;float:left;padding-right:15px;text-align:right;}
#contactform #divfloat {margin-left:130px;}
#contactform input {border:1px solid #ccc;font-family:Arial,Helvetica,Sans-Serif;font-size:1em;padding:2px;margin-top:2px;margin-bottom:2px;}
#contactform textarea {border:1px solid #ccc;font-family:Arial,Helvetica,Sans-Serif;font-size:1em;padding:2px;margin-top:2px;margin-bottom:2px;}
#emailerror {color:#990000;}
#emailerror li {color:#003673; list-style-type: none;}

#sidebutton { width:153px;height:34px;padding-right:16px;margin-left:auto;margin-right:auto;padding-top:10px;}
#sidebutton a {display:block;background-image:url(imgs/sidebutton.jpg);height:34px;width:153px;position:absolute;background-position: 0 0;text-indent:-500em;}
#sidebutton a:hover {background-position:0 -34px;}
#getstarted { width:141px;height:36px;margin-left:auto;margin-right:auto;padding-top:10px;}
#getstarted a {display:block;background-image:url(imgs/getstartedbutton.jpg);height:36px;width:141px;position:absolute;background-position: 0 0;text-indent:-500em;}
#getstarted a:hover {background-position:0 -36px;}
#slidercontainer{	margin:0 auto;position:relative;text-align:left;width:700px;background:#ffffff;		margin-bottom:2em;margin-top:17px;}	
#slider{}	
#slider ul, #slider li{margin:0;padding:0;list-style:none;}
#slider li{ width:700px;height:300px;overflow:hidden; }	
#prevBtn, #nextBtn{ display:block;width:30px;height:77px;position:absolute;top:100px;}	
#nextBtn{ left:657px;}														
#prevBtn a, #nextBtn a{  display:block;width:43px;height:83px;background:url(includes/images/btn_prev.gif) no-repeat 0 0;	}	
#nextBtn a{ background:url(includes/images/btn_next.gif) no-repeat 0 0;	}

.portbox {float:left;width:189px;padding:11px 7px 7px 7px;border:2px solid #dbdbdb;background-color:#efefef;text-align:center;margin:0px 30px 22px 0px;}
.portboxr {float:left;width:189px;padding:11px 7px 7px 7px;border:2px solid #dbdbdb;background-color:#efefef;text-align:center;margin:0px 0px 22px 0px;}
.portbox img, .portboxr img{padding-bottom:6px;}