/* reset and clear stuff */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5em;}
table {border-collapse:separate;border-spacing:0;}
table, td, th {vertical-align:middle;}
a img {border:none;}
a:hover {text-decoration: underline;}

.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, .container {display:inline-block;}
* html .clearfix, * html .container {height:1%;}
.clearfix, .container {display:block;}
.clear {clear:both;}

/* typography.css */
body {font-size:75%;color:#222;background:#fff;font-family:Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.5em; margin-top: .8em; line-height:1;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;height:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:2px;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#009;text-decoration:underline;}
em { font-style: italic;}
strong { font-weight: bold;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}


/* the main stuff */
body {
	background: #e6e6e6;
	margin:0;
	padding: 0;
}

div#mainframe {
	background: #fafafa;	
	width: 925px;
	margin: 0 auto;
}

	div#topBar {
		background: #fff;
	}
	div#topBar h2 {
			background:url(http://www.killersites.com/translations/images/killersitescom-web-design-resources.png) no-repeat 0 0;
			width:291px;
			height: 71px;
			float: left;
			margin: 0;
		}
		
			div#topBar h2 a {
				width:291px;
				height: 71px;
				overflow: hidden;
				text-indent: -999px;
				display: block;
			}
			
			div#topBar form.sitesearch {
				display: block;
				float: right;
				padding: 0 5px 0 27px;
				margin: 25px 10px 0 0;
				text-decoration: none;
				color: #ff5b00;
				font-size: 0.915em
			}

			div#topBar a.viewcart {
				display: block;
				float: right;
				background:url(http://www.killersites.com/translations/images/icon-cart.png) no-repeat 0 50%;
				padding: 0 5px 0 27px;
				margin: 25px 10px 0 0;
				text-decoration: none;
				color: #ff5b00;
				font-size: 0.915em
			}
				div#topBar a.viewcart:hover {
					text-decoration: underline;
				
				}		

		ul#sitenav,
		ul#sitenav li {
			list-style: none;
			margin: 0;
			padding: 0;
		}
		
		ul#sitenav {
			display: block;
			background: #ccff99;
			padding: 0 10px
		}
			ul#sitenav li {
				float: left;
			}
				ul#sitenav li a {
					display: block;
					float:left;
					padding: 0 7px;
					line-height: 25px;
					color: #000;
					text-decoration: none;
				}
				
					ul#sitenav li a:hover {
						background: #6abf7c;
					}
		
				ul#sitenav li a.active {
					background: #008f53;
					font-weight: bold;
					color: #fff;
				}
				
		div#pagehdr {
			background: #008f53;
			padding: 20px 20px 10px; 
		}
		
			div#pagehdr * {
				color: #fff;
			}
			
			
			div#pagehdr h1 {
				font-size: 2.8em;
				font-family:"Times New Roman",Times, serif;
				margin: 0 20px;
				
			}
				
				div#pagehdrtext {
					width:514px;
					float: left;
					background: url(http://www.killersites.com/translations/images/pagehdrtext-123-image.png) no-repeat 10px 0;
					
				}
		
				div#pagehdrtext h1,
				div#pagehdrtext h5 {
					margin: 5px 0 0 125px;
					height: 50px;
					width: 700px;
				}
				div#pagehdrtext h5 {
					font-weight: normal;
				}				
				div#pagehdrtext h3 {

					margin:15px 0 0  0;
					font-size: 1.3em;
				}
			
			
			div#featureaction {
				width: 360px;
				float: right;
			
			}
			div.purchaselinks {
				width:193px;
				float: left;
				margin: 10px 0 0 0;
				text-align: center;
			}
				div.purchaselinks a {
					text-decoration: none;
				}
				div.purchaselinks a:hover {
					text-decoration: underline;
				}
			
				div.purchaselinks a.btndownloadnow {
					background: url(http://www.killersites.com/translations/images/btndownloadnow.png) no-repeat 0 0;
					display: block;
					height: 70px;
					overflow: hidden;
					/*text-indent: -999px;*/
				}
				div.purchaselinks a.btndownloadnow strong,
				div.purchaselinks a.btndownloadnow span {
					text-indent: 56px;
					display: block;
					margin: 0;
					text-align: left;
				}
				div.purchaselinks a.btndownloadnow strong {
					font-size: 1.5em;
					padding: 17px 0 0 0;
					font-weight: normal;				
				}
				div.purchaselinks a.btndownloadnow span {
					font-size: 1.17em;
					padding: 1px 0 0 0;
					
				}
				
				
				
				div.purchaselinks a.btndownloadnow:hover {
					background: url(http://www.killersites.com/translations/images/btndownloadnow.png) no-repeat 0 100%;
					text-decoration: none;
				}
				
				/*whitebgbutton*/
				
				div#maincontent div.purchaselinks {
					margin: 30px 0 0  0;
				}
					div#maincontent div.purchaselinks strong,
					div#maincontent div.purchaselinks span {
						color: #fff;
					}
				
					div#maincontent div.purchaselinks a.btndownloadnow {
						background: url(http://www.killersites.com/translations/images/btndownloadnow_fff.png) no-repeat 0 0;
					}
					div#maincontent div.purchaselinks a.btndownloadnow:hover {
						background: url(http://www.killersites.com/translations/images/btndownloadnow_fff.png) no-repeat 0 100%;
					}
				
				
				
	
		div#pagebody {
			padding:20px 40px 60px;

		}
			/*
			div#pageintro {
				width: 475px;
			}
			*/
		
			div#maincontent {
				width: 625px;
				float: left;
	
			}		

		
			div#keyfeatureshighlightframe {
				margin:0;
				height:200px; /*set me*/
			}
			
			div#keyfeatureshighlight {
				height: 200px; /*set me*/
				border: 1px solid #ccc;	
				position: relative;
				background: #fff;
			}
			
				div#keyfeatureshighlight h3 {
					margin:10px 10px 0;
					font-weight: bold;
					font-size: 1.7em
				}
				div#keyfeatureshighlight h6 {
					font-weight: normal;
					margin:0 10px;
				}

				div#keyfeatureshighlight p {
					margin-bottom: 0.5em;

				}
				
	
				div#keyfeatureshighlight ul,
				div#keyfeatureshighlight ul li {
					list-style: none;margin: 0;	padding: 0;
				}

				div#keyfeatureshighlight ul {
					position: absolute;
					top:55px;
					left:5px;
				}
		
					div#keyfeatureshighlight li {

					}
						div#keyfeatureshighlight li a {
							background: #ebebeb;
							display: block;
							width:140px;
							text-indent:0;
							padding: 0;
							line-height: 25px;
							margin: 0 0 3px 0;
							color: #000;
							text-decoration: none;
							font-weight: bold;
						}
							div#keyfeatureshighlight li a span {
								padding:7px;
								display: block;
								line-height: 130%;
							}

						div#keyfeatureshighlight li.active a {
							background: #cce9dd url(http://www.killersites.com/translations/images/keyfeatureshighlightarrow.png) 100% 0 no-repeat;
							width:151px;
						}		
							div#keyfeatureshighlight li.active a span {
								padding-right:21px;
							}
						
						
										
						
						div#keyfeatureshighlight li div {
							display: none;
							position: absolute;
							top:10px;
							left: 160px;
							width:285px;
							line-height: normal;
						}
							div#keyfeatureshighlight li.active div a {
								background: none;
								display: inline;
								width:auto;
								color: #000099;
								font-weight: normal;
							}
						
						
						
						
			ul.listwithrightcol {
			
			}
			
				ul.listwithrightcol li {
					position: relative;
					width: 350px;					
				}
					ul.listwithrightcol li span.col2 {
						position: absolute;
						right:0;
						text-align: right;
						width:100px;
					}
						
		div#secondarycontent {
			float: right;
			width:330px;
		}
		
		
			div#videointro {
				margin: 0 0 60px 0;
			}
				
		
			div#testimonials {
				height: 240px;
				margin: 0;			
			}

				div#testimonials ul,
				div#testimonials ul li {
					margin:0; padding: 0;list-style: none;
				}
				div#testimonials ul li {
					display: none;
				}
				div#testimonials ul li.active {
					display: block;
				}

				div#testimonials p {
					font-style: italic;
					margin-bottom: 3px;
				}
					div#testimonials p span {
						font-style: normal;
					}
					
				div#testimonials a {
					font-size: 0.915em;
				}
			div#webdesignmagfeature {
				margin: 100px 80px 0 0;
			}
				div#webdesignmagfeature img {
					display: block;
				}
				div#webdesignmagfeature p {
					margin-top:3px;
					color: #999;
					line-height: normal;
				}
			
			
		
		div#siteftr {
			background: #d0ed9e;
			font-size: 0.915em;
			margin: 0;
			position: relative;

		}
			div#ftrpageinfo {
				background: #009054;
				padding: 0 10px;
				line-height: 25px;				
			}
		
				ul#pagebreadcrumb,
				ul#pagebreadcrumb li {
					list-style: none;margin: 0;padding: 0;
				}


				ul#pagebreadcrumb {
					display: block;
					width:400px;
					float: left;
				}
					ul#pagebreadcrumb li {
						float: left;
						padding: 0 10px 0 5px;
						color: #c8e6d9;
						background: url(http://www.killersites.com/translations/images/breadcrumb-arrow.png) no-repeat 100% 50%;
					}
						ul#pagebreadcrumb li.current {
							background: none;
						}

						ul#pagebreadcrumb li a {
							display: block;
							float:left;
							color: #fff;
							text-decoration: none;
						}
						
					span#copyright {
						width:300px;
						float: right;
						text-align: right;
						color: #fff;
						text-decoration: none;
					}
				
				div#ftrcontact {
					margin: 10px 370px 10px 10px;
					padding: 10px;
				}
				
					div#ftrcontact ul,
					div#ftrcontact ul li {
						list-style: none;margin: 0;	padding: 0;
					}		
				
					div#ftrcontact ul {
						float: left;
						width:175px;
					}
						div#ftrcontact li {
						}
				
				
				div#ftrpaymentinfo {
					margin: 10px 370px 10px 10px ;
					border-top: 1px solid #fff;
					padding: 10px;
				
				}
					div#ftrpaymentinfo p {
						margin-bottom: 3px;
					
					}
				
				div#subscribeform {
					position: absolute;
					top:63px;
					right: 70px;
					width:200px;
					float: right;
				}

					div#subscribeform input.textinput {
						width: 200px;
						margin-bottom:5px;
					}
					
					div#subscribeform a.unsubscribe {
						float: left;
					}
					div#subscribeform input.submitButton {
						float: right;
					}
					
						

/* code snippit*/					
pre.codeSnippet {
	border: 1px solid #ccc;
	margin: 0 0 10px 0;
	padding: 15px 15px 0;
	width:620px;
	font-family: "Courier New" Courier monospace; 
}

.codeSnippet p {margin: 0; line-height: 15px;}



.toplink {
	background:url(http://www.killersites.com/translations/images/icon-top.png) no-repeat 0;
	padding: 0 0 0 12px;
	text-decoration: none;
}



/*web-design*/
body.web-design div#keyfeatureshighlightframe {height:230px;}
body.web-design div#keyfeatureshighlight {height: 210px;}
	body.web-design div#keyfeatureshighlight ul {top:45px;}
	





/*web-hosting*/
body.web-hosting div#keyfeatureshighlightframe {height:240px;}
body.web-hosting div#keyfeatureshighlight {height: 220px;}

/*home styles*/
body.home div#keyfeatureshighlightframe {height:300px;}
body.home div#keyfeatureshighlight {height: 280px;}
body.home h3 {margin:40px 0 10px;}
	

/*article*/
body.article #secondarycontent {
	width:140px;
	

}





#googleadwords {
	padding:0 0 40px 0;
	margin-left:-5px;
}


#sitelinks {
	font-size: 0.915em;
	padding:0 0 40px 0;
}

#sitelinks div.sitelinkscol {
	width:50%;
	float: left;
}

	#sitelinks h5 {
		color: #666;
		margin-bottom: 0;

	}

	#sitelinks ul {
		margin-left: 0;
		list-style: none;
	}
		#sitelinks ul li {
			line-height:130%;
		}
			#sitelinks ul li a {
				text-decoration: none;
			}
			#sitelinks ul li a:hover {
				text-decoration: underline;
			}



#partnerssponsors {
	font-size: 0.915em;
	padding: 0;
	position: relative;
	


}
	#partnerssponsors div {
		position: absolute;
		left:-20px;
		top:0;
		width:350px;
		padding:20px;
		background: #ededed;
		
	}



						
/* faqlist */						
dl#faqlist dt {
	color: blue;
	cursor: pointer;
	background: url(http://www.killersites.com/translations/images/plusminus.png) 0 100% no-repeat;
	padding-left: 17px;
	margin-bottom: 5px;
}
dl#faqlist dt.active {
	background: url(http://www.killersites.com/translations/images/plusminus.png) 0 3px no-repeat;
}




/*video list*/
dl.productlist,
dl.featuredproductlist {
	
}
	dl.productlist dt,
	dl.featuredproductlist dt {
		font-size: 1.2em;
		margin:10px 0 5px;
		font-weight: normal;
	}
		dl.productlist dt a,
		dl.featuredproductlist dt a {
			text-decoration: none;
		}
	
	dl.productlist dd,
	dl.featuredproductlist dd{
		margin:0 0 30px;
	}
		dl.productlist dd ul,
		dl.featuredproductlist dd ul {
			margin:0 0 5px 5px;
			list-style: none;
		
		}
		
		
dl.featuredproductlist {
	border:1px solid #008f53;
	border-width: 1px 0 ;
	border-right: 1px solid #ddd;
	background: #eee;
	padding:10px 10px 10px 40px;
	margin-left: -40px;
}
	dl.featuredproductlist dt {
		font-size: 1.4em;
	}
	dl.featuredproductlist dd{
		margin:0 0 10px;
	}

/*quotes*/
/*
blockquote {
	margin:0 0 30pxx;
	font-style: italic;
}
blockquote p {
	margin:0 0 1em;
}
blockquote strong{
	font-style: normal;
}

*/


div.smallpurchaselinks {
	width:181px;
	margin: 10px 0 0 0;
	text-align: center;
}
	div.smallpurchaselinks a {
		text-decoration: none;
		font-size: 0.915em
	}
	div.smallpurchaselinks a:hover {
		text-decoration: underline;
	}

	div.smallpurchaselinks a.btndownloadnow {
		background: url(http://www.killersites.com/translations/images/btndownloadnowsmall.png) no-repeat 0 0;
		display: block;
		height: 32px;
		line-height: 32px;
		overflow: hidden;
		font-size: 1em;
		text-indent: 20px;

	}
	dl.featuredproductlist div.smallpurchaselinks a.btndownloadnow {
		background: url(http://www.killersites.com/translations/images/btndownloadnowsmall_feature.png) no-repeat 0 0;

	}
	div.smallpurchaselinks a.btndownloadnow strong,
	div.smallpurchaselinks a.btndownloadnow span {
		text-align: left;
		color: #fff;
		font-size: 1.1em;
	}
	div.smallpurchaselinks a.btndownloadnow strong {
		font-weight: normal;
	}
	div.smallpurchaselinks a.btndownloadnow span {

		
	}
		
	div.smallpurchaselinks a.btndownloadnow:hover {
		background: url(http://www.killersites.com/translations/images/btndownloadnowsmall.png) no-repeat 0 100%;
		text-decoration: none;
	}
	dl.featuredproductlist div.smallpurchaselinks a.btndownloadnow:hover {
		background: url(http://www.killersites.com/translations/images/btndownloadnowsmall_feature.png) no-repeat 0 100%;
	}