html {
	background:#9c9c9c url('../imgs/html_bg.gif') top left repeat-x;
}
body {
	font-family: Verdana, Helvetica, Arial;
	font-size:12px;
	line-height: 18px;

	}
	


a {color:#005fa2;}
a:visited {color:#02206b; font-style: italic;}
a:hover {text-decoration: none; color: #e8e8e8;background-color: #6f6f6f;padding:3px 0;border-bottom: 1px solid #b9b9b9;}
a.nopadding:hover { padding:0; border: none}
a.logo {
	display:block;
	margin-top: 68px;
	padding: 0;
}
	a.logo:hover {
		background-color: transparent;
		border: none;
		padding:0;
	}
.nav {
	display: block;
	float: right;
	height:29px;
	width:710px;
	list-style: none;
	margin: 25px 0 0 0;
	padding:0;
}
	.nav li {
		display: block;
		float:left;
		text-indent: -999em;
		margin:0;
		padding:0;		
	}
	.nav li a {
		display: block;
		height: 29px;
		padding:0px;
		border: none;
	}
	.nav li a:hover {padding: 0; border: none;}
	.nav li.home a {		width: 71px;	/*x: -10px*/	margin-right:8px}
	.nav li.services a {	width: 91px;	/*x: -89px*/	margin-right:8px}
	.nav li.work a {		width: 143px;	/*x: -188px*/	margin-right:7px}
	.nav li.pricing a {		width: 143px;	/*x: -339px*/	margin-right:7px}
	.nav li.about a {		width: 112px;	/*x: -489px*/	margin-right:8px}
	.nav li.contact a {		width: 112px;	/*x: -607px*/}


body.theme_1 {
	background: transparent url('../imgs/theme/1/wrapper_bg.jpg') 50% 100px no-repeat;
}	
	.theme_1 {
	background: transparent url('../imgs/theme/1/wrapper_bg_sub.jpg') top center no-repeat;
	}
	.theme_1 .nav a {background: transparent url('../imgs/theme/1/navbar.jpg'); background-repeat: no-repeat; }

body.theme_2 {
	background: transparent url('../imgs/theme/2/wrapper_bg.jpg') 50% 100px no-repeat;
}
	.theme_2 {
	background: transparent url('../imgs/theme/2/wrapper_bg_sub.jpg') top center no-repeat;
	}
	.theme_2 .nav a {background: transparent url('../imgs/theme/2/navbar.jpg'); background-repeat: no-repeat; }
	
body.theme_3 {
	background: transparent url('../imgs/theme/3/wrapper_bg.jpg') 50% 100px no-repeat;
}
	.theme_3 {
	background: transparent url('../imgs/theme/3/wrapper_bg_sub.jpg') top center no-repeat;
	}
	.theme_3 .nav a {background: transparent url('../imgs/theme/3/navbar.jpg'); background-repeat: no-repeat; }

body.theme_4 {
	background: transparent url('../imgs/theme/4/wrapper_bg.jpg') 50% 100px no-repeat;
}
	.theme_4 {
	background: transparent url('../imgs/theme/4/wrapper_bg_sub.jpg') top center no-repeat;
	}
	.theme_4 .nav a {background: transparent url('../imgs/theme/4/navbar.jpg'); background-repeat: no-repeat; }
	
body.theme_5 {
	background: transparent url('../imgs/theme/5/wrapper_bg.jpg') 50% 100px no-repeat;
}
	.theme_5 {
	background: transparent url('../imgs/theme/5/wrapper_bg_sub.jpg') top center no-repeat;
	}
	.theme_5 .nav a {background: transparent url('../imgs/theme/5/navbar.jpg'); background-repeat: no-repeat; }	

body.theme_6 {
	background: transparent url('../imgs/theme/6/wrapper_bg.jpg') 50% 100px no-repeat;
}
	.theme_6 {
	background: transparent url('../imgs/theme/6/wrapper_bg_sub.jpg') top center no-repeat;
	}
	.theme_6 .nav a {background: transparent url('../imgs/theme/6/navbar.jpg'); background-repeat: no-repeat; }	
	

body#services, body#pricing, body#work, body#about, body#contact {
	background: none;
}






.nav li.home a {background-position: -10px 0px;}
	.nav li.home a:hover {background-position:-10px -29px;}
	.nav li.home a:active, #home .nav li.home a {background-position:-10px -58px;}
	
.nav li.services a {background-position: -89px 0;}
	.nav li.services a:hover {background-position:-89px -29px;}
	.nav li.services a:active, #services .nav li.services a {background-position:-89px -58px;}
	
.nav li.work a {background-position: -188px 0;}
	.nav li.work a:hover {background-position:-188px -29px;}
	.nav li.work a:active, #work .nav li.work a {background-position:-188px -58px;}
	
.nav li.pricing a {background-position: -339px 0;}
	.nav li.pricing a:hover {background-position:-339px -29px;}
	.nav li.pricing a:active, #pricing .nav li.pricing a {background-position:-339px -58px;}
	
.nav li.about a {background-position: -489px 0;}
	.nav li.about a:hover {background-position:-489px -29px;}
	.nav li.about a:active, #about .nav li.about a {background-position:-489px -58px;}
	
.nav li.contact a {background-position: -607px 0;}
	.nav li.contact a:hover {background-position:-607px -29px;}
	.nav li.contact a:active, #contact .nav li.contact a {background-position:-607px -58px;}




	
.website-design-hdr{
	text-indent: -999em;
	background: url('../imgs/website-design-packages-hdr.gif') left top no-repeat;
	height:38px;
	margin: 0;
	padding: 0;
}	

	
.ecommerce-hdr {
	text-indent: -999em;
	background: url('../imgs/ecommerce-hdr.gif') 0 5px no-repeat;
	height:55px;
	margin: 25px 0 3px 0;
	padding: 0;
}	
	
.business-starter-hdr {
	text-indent: -999em;
	background: url('../imgs/business-starter-hdr.gif') left top no-repeat;
	height:50px;
	margin: 25px 0 0 0;
	padding: 0;
}
.custom-programming-hdr {
	text-indent: -999em;
	background: url('../imgs/custom-solutions-hdr.gif') left top no-repeat;
	height:50px;
	margin: 0;
	padding: 0;
}	
	#services .business-starter-hdr, .ecommerce-hdr, .custom-programming-hdr {margin: 20px 0 0 0;}
	#services .website-design-hdr {margin:10px 0 0 0}

.customer-testimonial {
	background: url('../imgs/customer-testimonial-bg.gif') left top repeat-y;
	font-family: "Times New Roman";
	color:white;
	font-size: 18px;
	line-height: 24px;
	font-style: italic;
}
	.customer-testimonial p {padding:0 20px;}
	p.customer {color: #515151}
	.customer-testimonial p.customer {color: white;}
	.customer-testimonial p.customer, p.customer {font-style: normal; text-align: right; font-size:12px; line-height: 14px;}
	p.quote {color:#515151; font-style: italic;}

.customer-testimonial-footer {
	background: url('../imgs/customer-testimonial-ftr.gif') left top no-repeat;
	height:39px;
	padding:8px 0 0 95px;
}

	
.supported-hdr{
	text-indent: -999em;
	background: url('../imgs/supported-hdr.gif') left top no-repeat;
	height:44px;
	margin: 0;
	padding: 0;
}
.details {font-size: 12px; line-height: 21px;}			
.details ul {
	margin-top: 0px;
}
#button-previous a, #button-next a{
	text-indent: -999em;
	display: block;
	width:72px;
	height: 31px;
	float:left;
	padding:0;
	margin-right:7px;
	border: none;
}
	#button-previous a{background: transparent url('../imgs/button_previous.gif') 0 0 no-repeat;}
	#button-next a{background: transparent url('../imgs/button_next.gif') 0 0 no-repeat;}
	#button-previous a:active, #button-next a:active{
		background-position: 0 -31px;
	}



#slider ul {height: 350px;}
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider li{ 
	width:340px;
	height:340px;
	overflow:hidden; 
	padding-top: 10px;

	}	
	
	
.hdr-work, .hdr-services, .hdr-pricing, .hdr-about, .hdr-contact	{
	text-indent: -999em;
	height:52px;
	margin: 0;
	padding: 0;
}
.hdr-work { background: url('../imgs/hdr-work.gif') left top no-repeat; }
.hdr-services { background: url('../imgs/hdr-services.gif') left top no-repeat; }
.hdr-pricing { background: url('../imgs/hdr-pricing.gif') left top no-repeat; }
.hdr-about { background: url('../imgs/hdr-about.gif') left top no-repeat; }
.hdr-contact { background: url('../imgs/hdr-contact.gif') left top no-repeat; }
.inset_4 { background:#808080 url('../imgs/inset_box_bg_grid_4.gif') right top repeat-y; color:white;}
	.inset_4  .inset_hdr { background: url('../imgs/inset_box_hdr_grid_4.gif') left top no-repeat; height:29px; }
	.inset_4  .inset_ftr { background: url('../imgs/inset_box_ftr_grid_4.gif') left top no-repeat; height:24px;}
.inset_7 { background: url('../imgs/inset_box_bg_grid_7.gif') left top repeat-y; color:white;}
	.inset_7  .inset_hdr { background: url('../imgs/inset_box_hdr_grid_7.gif') left top no-repeat; height:29px; }
	.inset_7  .inset_ftr { background: url('../imgs/inset_box_ftr_grid_7.gif') left top no-repeat; height:24px;}
.inset_10  { background: url('../imgs/inset_box_bg_grid_10.gif') right top repeat-y; color:white; }
	.inset_10  .inset_hdr { background: url('../imgs/inset_box_hdr_grid_10.gif') left top no-repeat; height:29px; }
	.inset_10  .inset_ftr { background: url('../imgs/inset_box_ftr_grid_10.gif') left top no-repeat; height:24px;}
.inset_14  { background: url('../imgs/inset_box_bg_grid_14.gif') right top repeat-y; color:white; }
	.inset_14  .inset_hdr { background: url('../imgs/inset_box_hdr_grid_14.gif') left top no-repeat; height:29px; }
	.inset_14  .inset_ftr { background: url('../imgs/inset_box_ftr_grid_14.gif') left top no-repeat; height:24px;}
	.inset_4 p,.inset_7 p, .inset_10 p, .inset_10 p, form {padding:0 20px;}
	.inset_4 p {margin-bottom: 0}
	.inset_7 h1, .inset_10 h1, .inset_10 h1, .inset_7 h2, .inset_10 h2, .inset_10 h2 {
		padding:5px 0 0 20px;
		font-size: 18px;
		}
	.inset_10 .divider {height: 22px;  background: url('../imgs/inset_10_divider.gif') center top no-repeat; clear: both;margin:0; padding:0;}	
		
#side_nav {
	list-style: none;
	padding: 0;
	margin:15px 0 0 0;
}
#side_nav li {
	padding: 0;
	margin: 0;
}
	#side_nav a {
		display: block;
		line-height: 32px;
		font-size:14px;
		color: white;
		text-decoration: none;
		background: url('../imgs/side_menu_a_bg.gif') 0 0 no-repeat;
		height:36px;

	}
	#side_nav a:hover, #side_nav li.hovered a {
		padding: 0 0 0 15px;
		background-position:0 -36px;
		border:none;
	}
	#side_nav a:visited {
		font-style: normal;
	}
	#side_nav li.selected a, #side_nav li.selected a:hover   {
		padding: 0 0 0 15px;
		font-weight: bold;
		font-style: normal;
		background-position:0 -72px;
	}
	#side_nav li.hovered a:hover {font-weight: bold;}
	
.work_sample {margin-top:20px;}
.divider { 
	height: 42px;
	margin:20px 0;
	background: url('../imgs/divider.gif') top right no-repeat;
}
span.location {font-size:10px; color:#515151; display: block;}
.package {font-size:12px; color:#000; line-height: 18px;}
span.notes { display:block;padding:10px 0;}
.white {color: white; font-size: 14px;}
.package ul {
	margin:-10px 0 0 0;
	line-height: 21px;
	width:260px
}

#btn_work, #btn_pricing {
	display: block;
	text-indent: -999em;
	height:33px;
	line-height: 33px;
	width:221px;
	float:left;

}
a#btn_work {background: url('../imgs/button_view_work.gif') 0 0 no-repeat;margin:0 10px 0 0}
a#btn_pricing {background: url('../imgs/button_view_pricing.gif') 0 0 no-repeat;}
a#btn_work:hover, a#btn_pricing:hover {
	padding: 0;
	border: none;
	background-position:0 -33px;
}
a#btn_work:active, a#btn_pricing:active {
	background-position:0 -66px;
}
p.links {padding:0 0 0 60px; margin:0;clear:both;}
ul li.title {list-style: none;font-weight: bold;padding:5px 0;margin-left:15px;}
form.contact span {display: block;margin-bottom: 15px; }
form.contact label {display:block; width:110px; float:left; font-size: 14px; font-weight: bold;text-align: right; padding:5px 15px 0 0;}
form.contact span input, form.contact textarea {width:300px; padding:3px;font-size: 14px;background-color:#555; border:1px solid #9c9c9c; color:#fff;}
form.contact textarea {height:150px;}
#send {width:150px; padding:5px; font-size: 14px; margin-left:285px }
h1 span {font-size:14px;font-weight: normal;}
p.error {
	color:#cd1919;
	font-weight: bold;
	background-color: #f3b6b6;
	border:1px solid #aa3e3e;

	padding:20px;
	line-height: 20px;
}
form label em {color: #cd1919;}

#footer {
	height: 290px;
	background: #1a1919 url('../imgs/footer_bg.gif') center top repeat-x;
	padding-top:35px;

}
#footer div.container_16 div.grid_10 div {margin-bottom: 0} 
.newsletter {
	background-color: #303030;
	border:1px solid #3e3e3e;
	padding:15px;
	line-height: 24px;
	color:#ccc;
	float:left;
	width:548px;
	
}
#footer ul {
	float:left;
	width:138px;
	list-style: none;
	margin:7px 7px 0 0;
	padding:0;
	
}
	#footer ul.last {
		margin-right:0;
		width:145px;
	}
#footer ul li {
	margin: 0;
	padding:0 0 7px 0;
}
#footer ul li a {
	color:#777;
	text-decoration: none;
	display: block;
	padding:3px 2px 3px 5px;
	background-color:#2a2a2a;
}
#footer ul li a:hover {
	color:#ccc;
	padding:3px 2px 3px 5px;
	border: none;
	text-decoration: underline;
	background: none;
}

#footer p {color:#777;}
#footer .copyright {margin-top:35px;font-size:10px; color:#555; text-align: center;}
#newsletter_email {width:200px;}

.newsletter div {
	display: block;
	float:left;
	
}
.newsletter div.icon {width:130px;}