@charset "UTF-8";
/* CSS Document */

html{
	background-color:#adc2da;

}

ul li{
	list-style:disc;
	
}
ul.package-list{
	margin-left:15px;
}

body{
	font-family:Arial, Helvetica, sans-serif;
	background-color:#adc2da;
}

div, p{
	color:#385a80;
}

a, visited{
	outline:none;
	color:#c78b01;
	text-decoration:underline;
}

a:hover{
	text-decoration:none;
}

strong{
	font-weight:bold;
	font-size: 14px;
}

p.greenheader a:hover{
	text-decoration:underline;

	outline:none;
}

h3{
	font-size:20px;
	margin:0px;
	color:#002d62;
}

h4{
	font-size:24px;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:20px;
	color:#385a80;
}

h1{
	color:#c78b01;
	font-size:13px;
	margin:0px;
	font-weight:bold;
}

#intro h1{
	color:#c78b01;
	font-size:18px;
	margin:10px;
	font-weight:bold;
	padding-top:10px;
}

h6{
	color:#002d62;
	font-size:13px;
	margin-left:0px;
	font-weight:bold;
}

#subscriptions h6{
	padding-bottom:4px;
	padding-top:8px;
}

h2{
	font-size:13px;
	display:inline;
	line-height:14px;
	color:#ffffff;
}

h5{
	color:#002d62;;
	font-weight:bold;
	font-size:12px;
	padding-left:20px;
	display:inline;
	padding-right:10px;
}

sup{
	vertical-align:super;
}

#container{
	width:1004px;
	margin:0 auto;
	border-left:1px solid #b8b8b8;
	border-right:1px solid #b8b8b8;
}

#header{
	height:118px;
}

#headerspacer{
	width:1004px;
	height:33px;
	background-image:url(images/headerbg.gif);
	border-bottom:1px solid #70afcc;
}

#headerspacer2{
	width:1004px;
	height:33px;
	background-image:url(images/headerspacer2.gif);
	border-top:1px solid #70afcc;
	clear:both;
}

#headerspacer3{
	width:1004px;
	height:53px;
	background-image:url(images/headerspacer3.gif);
	border-top:1px solid #70afcc;
	clear:both;
}

#navbg{
	height:52px;
	background:url(images/navbg.gif) repeat-x;
	color:#fff;
	font-size:16px;
}

#menu{
	width:auto;
	float:right;
	margin-top:8px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	height:38px;
	
}

#menu a{
	color:#fff;
	text-decoration:none;
	font-weight:normal;
}

#menu a:hover{
	color:#e8f8ff;
	font-weight:normal;
}

#menu ul li{
	display:inline;
	float:left;
	padding-right:13px;
	border-bottom:3px solid #ced8dc;
	padding-bottom:2px;
	width:70px;
}

#menu ul li .active{
	display:inline;
	border-bottom:3px solid #fbca5a;
	padding-bottom:2px;
	color:#e8f8ff;
	
}

#slideshow{
	height:265px;
	clear:both;
}

#content{
	background-color:#ffffff;
	height:auto;
	padding:15px 35px 10px 35px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#385a80;
	line-height:21px;
	text-align:justify;
}

.hr{
	border-bottom:2px solid #d8e6ec;
	padding-top:5px;
	margin-bottom:10px;
}

#buttons{
	clear:right;
	height:158px;
	background-image:url(images/boxbg.gif);
	background-repeat:repeat-x;
	padding-left:15px;
	padding-right:15px;
	padding-top:8px;
	padding-bottom:5px;
}

#support{
	width:430px;
	padding-right:25px;
	border-right:1px dashed #c78b01;
	padding-bottom:5px;
	float:left;
}

#supporttext{
	color:#fff;
}

#cf{
	float:right;
	width:430px;
}

#cftext{
	margin-top:0px;
	float:left;
}



ul#cflist{
	margin-top:15px;
}
ul#cflist li{
	list-style-type:disc;
	color:#002d62;
	margin-left:15px;
	line-height:17px;

}

#boxes{
	clear:both;
}

#services{
	border-right:1px solid #adc2da;
	width:280px;
	height:260px;
	float:left;
	margin-bottom:5px;
}

ul#serviceslist li{
	list-style-image:url(images/arrow.gif);
	clear:left;
	margin-left:30px;
	border-bottom:1px solid #adc2da;
	width:200px;
}

ul#whatsincluded li{
	list-style-image:url(images/arrow2.gif);
	clear:left;
	margin-left:40px;
	border-bottom:1px solid #adc2da;
	width:290px;
}

ul#serviceslist li a, visited{
	color:#385a80;
	text-decoration:none;
	font-weight:bold;
}

ul#serviceslist li a:hover{
	color:#002d62;
}

ul li#noline {
	border-bottom:none;
}

#store{
	float:left;
	width:320px;
	padding-left:20px;
	padding-right:10px;
	line-height:21px;
	border-right:1px solid #adc2da;
	height:260px;
	margin-bottom:5px;
}

#shopnow{
	float:left;
	width:260px;
	padding-left:20px;
	height:280px;
	margin-bottom:5px;
}

#footer{
	clear:both;
	background-color:#385a80;
	height:20px;
	padding:15px 10px 10px 10px;
}

#footerlinks{
	float:right;
	color:#ccc;
}

#footerlinks a, visited{
	color:#ccc;
	font-size:13px;
	text-decoration:none;
}

#footerlinks a:hover{
	text-decoration:underline;
}

#footerlinks ul li{
	display:inline;
	list-style-type:none;
	padding-right:5px;
	margin-top:5px;
}

#footerlinks ul{
	margin-top:-5px;
}

#copy{
	float:left;
	font-size:13px;
	color:#ccc;
}

/*****Slideshow*****/
.gallery { width:955px; height:285px; margin:0 auto; padding:0px 0px 0px 49px; background-image:url(images/slideshowbg.gif); }
#slider { margin:0; padding:0; list-style:none; }
#slider ul,
#slider li { margin:0; padding:0; list-style:none; }
/* 
    define width and height of list item (slide)
    entire slider area will adjust according to the parameters provided here
*/
#slider li { width:955px; height:237px; overflow:hidden; }
p#controls { margin:0; position:relative; }
#prevBtn { display:block; margin:0; overflow:hidden; width:61px; height:56px; position:absolute; left:-45px; top:-150px; }
#nextBtn { display:block; margin:0; overflow:hidden; width:61px; height:56px; position:absolute; left: 910px; top:-150px; }
#prevBtn a { display:block; width:61px; height:56px; background:url(images/leftarrow.png) no-repeat 0 0; }
#nextBtn a { display:block; width:61px; height:56px; background:url(images/rightarrow.png) no-repeat 0 0; }

.left { float:left; width:680px; padding:0px 0 0 0;}
.right{ margin-left:10px;margin-top:20px;float:left;width:200px;font-family:Arial, Helvetica, sans-serif;}
.service{ margin-top:12px;color:#fff;font-size:17px;border-bottom:2px solid #fbca5a;width:200px;clear:right;text-indent:10px;padding-bottom:5px;}

.serviceactive{font-weight:bold;}
.div { width:875px; padding:0; margin:0 auto;}

.right a,visited{
	color:#fff;
	text-decoration:none;
}

.right a:hover{
	color:#fbca5a;
}

.slide1{
	background-image:url(images/consult.png);
	background-repeat:no-repeat;
}

.slide2{
	background-image:url(images/design.png);
	background-repeat:no-repeat;
}

.slide3{
	background-image:url(images/seo.png);
	background-repeat:no-repeat;
}

.slide4{
	background-image:url(images/ecommerce.png);
	background-repeat:no-repeat;
}

.floatleft{
	float:left;
	width:80px;
	padding-bottom:5px;
}


/*****Services Pages*****/
strong.greenheader{
	font-weight:bold;
	color:#002d62;
}

p.greenheader, p.greenheader a, p.greenheader visited{
	font-weight:bold;
	color:#385a80;
	padding-left:10px;
	text-decoration:none;
}

.servicesexpand{
	background-color:#f5faff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #c78b01;
	padding:5px;
	margin-top:5px;
	margin-bottom:10px;
	width:850px;
	margin-left:auto;
	margin-right:auto;
}

.servicedescription{
	color:#002d62;
	padding-right:20px;
	float:right;
	font-weight:normal;
	font-size:12px;
}

.servicesexpanded{
	background-color:#f5faff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #c78b01;
	padding:5px;
	margin-top:5px;
	margin-bottom:10px;
	width:850px;
	margin-left:auto;
	margin-right:auto;
}

.servicesbackground{
	background-color:#f5faff;
	margin-left:35px;
	margin-right:35px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #c78b01;
}

.servicesheader{
	background-color:#f5faff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border:1px solid #c78b01;
	margin-bottom:5px;
	margin-left:35px;
	margin-right:35px;
	text-align:left;
}

p.servicesheader:hover{
	background-color:#dfe9f5;
}

#info{
	width:834px;
	float:left;
	padding:5px 5px 0px 12px;
	text-align:left;
}

#info li{
	list-style:disc;
	margin-left:40px;
}

.pricing{
	float:left;
	width:400px;
	padding:20px 10px 10px 10px;
}

.price{
	font-size:14px;
}

.description{
	font-size:11px;
	font-style:italic;
}

.bottomborder{
	border-bottom:1px solid #666;
}

#prices td:hover{
	background-color:#e9e9e9;
}



/* contact us */

#col_left{
	float:left;
	padding-bottom:20px;
	margin-left:15px;
}

#col_right{
	float:left;
	margin-top:0px;
	margin-left:50px;
}

#officeaddress{
	float:left;
	margin-right:20px;
	
	margin-left:20px;
}

#mailingaddress{
	float:left;
	margin-left:10px;
}

#map{
	margin-left:20px;
}

#columns{
	width:700px;
	margin-left:auto;
	margin-right:auto;
}

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

#map a{
	color:#1B607F;
	text-decoration:none;
}

#map a:hover{
	text-decoration:underline;
}

#map p{
	margin-top:0px;
	margin-left:55px;
	padding-bottom:20px;
}

#directions{
	margin-left:40px;
}

#directions a{
	color:#1B607F;
}

/* Slider Tabs */
.slider_resize {margin:0 auto; padding:0;}
.slider_resize h2 { font: normal bold 30px Arial, Helvetica, sans-serif; color:#fffefe; padding:25px 0 0 50px; margin:0;}
.slider_resize h2 span {color:#5c5c5c;}
.slider {  width:985px; padding:10px 0 10px 0; margin:0 auto;}
.slider ul.tabs { margin:0 auto; padding:10px; width:115px; list-style:none;}
.slider ul.tabs li { margin:2px 5px; padding:0; width:13px; height:13px; float:left; background: url(images/tabs_2_2.gif) no-repeat;}
.slider ul.tabs li.tabs-selected { background: url(images/tabs_1_2.gif) no-repeat;}
.tabs-hide { display:none;}

/*Portfolio */



.sponsorListHolder{
	margin-bottom:30px;
	margin-left:auto;
	margin-right:auto;
	width:700px;
}

.sponsor{
	width:150px;
	height:150px;
	float:left;
	margin:4px;
	
	/* Giving the sponsor div a relative positioning: */
	position:relative;
	cursor:pointer;
}

.sponsorFlip{
	/*  The sponsor div will be positioned absolutely with respect
		to its parent .sponsor div and fill it in entirely */

	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	border:1px solid #ddd;	
	background:url("img/background.jpg") no-repeat center #999;
}

.sponsorFlip:hover{
	border:1px solid #999;
	
	/* CSS3 inset shadow: */
	-moz-box-shadow:0 0 30px #999 inset;
	-webkit-box-shadow:0 0 30px #999 inset;
	box-shadow:0 0 30px #999 inset;
}

.sponsorFlip img{
	/* Centering the logo image in the middle of the sponsorFlip div */
	
	position:absolute;
	top:50%;
	left:50%;
	margin:-75px 0 0 -75px;
}

.sponsorData{
	/* Hiding the .sponsorData div */
	display:none;
}

.sponsorDescription{
	font-size:11px;
	padding:10px 20px 10px 20px;
	font-style:italic;
	text-align:left;
}

.sponsorURL{
	font-size:10px;
	font-weight:bold;
	text-align:right;
	padding-right:5px;
}



.clear{
	/* This class clears the floats */
	clear:both;
}

#care{
	width:100%;
}
/*Nav*/
/* submenu, it's hidden by default */
#menu ul li ul{
	 
	left:0;
	display:none;
	margin:0px 0px 0px -1px; 
	padding:0; 
	list-style:none;
	position:relative;
	color:#fff;
	z-index:2;
	width:130px;
	
}

#menu ul li ul li{
	width:120px; 
	float:left; 
	border:none;
	background-color:#305175;
	border-bottom:1px solid #ccc;
	padding-left:15px;
	padding-bottom:10px;
	padding-top:10px;

}

/* display block will make the link fill the whole area of LI */
#menu ul a {
	  
	height:26px;
	padding: 0px; 
	color:#ffffff;
}


#menu ul li ul li a:hover {
	text-decoration:none;
}

#menu ul li ul li:hover{
	background-color:#224061;
	color:#7e94ad;
}

/* fix ie6 small issue */
/* we should always avoid using hack like this */
/* should put it into separate file : ) */
*html #menu ul {
	margin:0 0 0 -2px;
}


/*End Nav style*/

img#order-button{
	float:right;
	margin-right:20px;
}
.heading{
	font-size:16px;
	font-weight:bold;
}

/*Cart*/
.view-cart{
	width:100px;
	float:left;
}

.add-to-cart{
	width:100px;float:left;
}

img#facebook{
	float:right;
	
}