/* 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; clear:both; }
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em; line-height:1em;}
h3 {font-size:1.5em;line-height:1.2em;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(../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(../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;
				}
				ul#sitenav li a.active:hover {
						background: #438C99;
					}
				
		div#pagehdr {
			background: #008f53;
			padding: 20px;
		}
		
			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(../images/pagehdrtext-123-image.png) no-repeat 10px 5px;
				}
		
				div#pagehdrtext h1,
				div#pagehdrtext h5 {
					margin: 0 0 0 125px;
				}
				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(../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(../images/btndownloadnow.png) no-repeat 0 100%;
					text-decoration: none;
				}
				
				/*whitebgbutton*/
				
				div#maincontent div.purchaselinks {
					margin: 30px 0;
				}
					div#maincontent div.purchaselinks strong,
					div#maincontent div.purchaselinks span {
						color: #fff;
					}
				
					div#maincontent div.purchaselinks a.btndownloadnow {
						background: url(../images/btndownloadnow_fff.png) no-repeat 0 0;
					}
					div#maincontent div.purchaselinks a.btndownloadnow:hover {
						background: url(../images/btndownloadnow_fff.png) no-repeat 0 100%;
					}
				
				
				
	
		div#pagebody {
			padding:20px 40px 60px;

		}
			/*
			div#pageintro {
				width: 475px;
			}
			*/
		
			div#maincontent {
				width: 475px;
				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(/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: 0px 80px 0 0;
			}
				div#webdesignmagfeature img {
					display: block;
				}
				div#webdesignmagfeature p {
					margin-top:3px;
					color: #999;
					line-height: normal;
					padding:10px 42px;
				}
			
			
		
		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(../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;
	width:620px;
	font-family: "Courier New" Courier monospace; ;
}





.toplink {
	background:url(../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(../images/plusminus.png) 0 100% no-repeat;
	padding-left: 17px;
	margin-bottom: 5px;
}
dl#faqlist dt.active {
	background: url(../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(../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(../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(../images/btndownloadnowsmall.png) no-repeat 0 100%;
		text-decoration: none;
	}
	dl.featuredproductlist div.smallpurchaselinks a.btndownloadnow:hover {
		background: url(../images/btndownloadnowsmall_feature.png) no-repeat 0 100%;
	}
	
/* ----------------------------------------------
   ----------------------------------------------
   ---------------------------------------------- 
   ----------------------------------------------
   ----------------------------------------------
   ---------------------------------------------- */

.videoList h4 { clear:both; }

div#topBar h2 {
	background:url(/images/killerphpcom.png) no-repeat 0 0;
	width:500px;
}

div#pagehdr,
ul#sitenav li a.active,
div#ftrpageinfo {
	background: #438c99;
}




ul#sitenav,
div#siteftr {
	background: #aacbd1;
}


	ul#sitenav li a:hover {
		background: #d5e5e8;
	}




body.home div#keyfeatureshighlightframe,
body.home div#keyfeatureshighlight  {
	height:185px;
}



div.purchaselinks a.btndownloadnow {
	background: url(/images/btndownloadnow_438c99.png) no-repeat 0 0;
}
div.purchaselinks a.btndownloadnow:hover {
	background: url(/images/btndownloadnow_438c99.png) no-repeat 0 100%;
}
div#pagehdrtext {
	background: url(/images/pagehdrtext-123-image_438c99.png) no-repeat 10px 5px;
}

.article div#pagehdrtext {
	width:800px;
}

.filetypes {border-bottom:1px solid #AACBD1; list-style:none;margin:0 0 16px;padding:10px 0;}
.filetypes li { padding-bottom:5px; }
.filetypes img { float:left; margin:0 6px 0 0; }

	
/* sidebar form */
#sidebar-subscribeform { background-color: #f2f2f2; width:320px; margin-bottom:16px; }	
	#sidebar-subscribeform form { border:1px solid #CCCCCC; padding:8px 10px; }
	#sidebar-subscribeform label { display:none; }
	#sidebar-subscribeform .textinput { margin: 2px 0; }
	#sidebar-subscribeform .submitButton { margin-left: 4px; }		
	 
/* DVD Banners */
.dvdbanner #pagebody, .dvdbanner2 #pagebody { padding-top: 0; }

#dvdbanner { background: url(../images/banner-dvd-shoppingcart1.jpg) 0 0 no-repeat; height: 211px; }

.phpvideo #dvdbanner { background: url(../images/banner-dvd-php1.jpg) 0 0 no-repeat; height: 211px; }

.advphp #dvdbanner { background: url(../images/banner-dvd-advphp1.jpg) 0 0 no-repeat; height: 211px; }

.mysql #dvdbanner { background: url(../images/banner-dvd-sql1.jpg) 0 0 no-repeat; height: 211px; }

.oop #dvdbanner { background: url(../images/banner-dvd-oop1.jpg) 0 0 no-repeat; height: 211px; }
  
	#dvdbanner .text { float: left; padding: 30px 0 0 255px; color: #ffffff; }	
		#dvdbanner .text h1 { font-family: Times New Roman, Georgia, serif; font-size: 3.4em; color: #ffffff; margin-bottom: 0; }
		#dvdbanner .text h5 { color: #AACBD1; font-size: 1.2em; font-weight: normal; font-family: Arial, Helvetica, sans-serif; padding-left: 4px; }
		#dvdbanner .text h3 { color: #ffffff; font-weight: normal; font-family: Arial, Helvetica, sans-serif; font-size: 1.3em; padding: 22px 0 0 4px; line-height: 1.4em; }
	
	#dvdbanner .purchaselinks {	width:193px; float: right; margin: 50px 40px 0 0; text-align: center; }
		#dvdbanner .purchaselinks a { text-decoration: none; color: #ffffff; }
		#dvdbanner .purchaselinks a:hover { text-decoration: underline; }
			
		#dvdbanner  .purchaselinks a.btndownloadnow {
			background: url(../images/btndownloadnow.gif) no-repeat 0 0; display: block; height: 70px; overflow: hidden; }
		#dvdbanner .purchaselinks a.btndownloadnow strong,
		#dvdbanner .purchaselinks a.btndownloadnow span { text-indent: 56px; display: block; margin: 0; text-align: left;	}
		#dvdbanner .purchaselinks a.btndownloadnow strong { font-size: 1.5em; padding: 17px 0 0 0; font-weight: normal;	}
		#dvdbanner .purchaselinks a.btndownloadnow span { font-size: 1.17em; padding: 1px 0 0 0; }	
		#dvdbanner .purchaselinks a.btndownloadnow:hover { background: url(../images/btndownloadnow.gif) no-repeat 0 100%; text-decoration: none; }
		
#dvdbanner2 { position: relative; top: 0px; left: -40px; padding-bottom: 10px; }	

/* Course List */
.courselist { border-bottom: 1px solid #ccc; margin:0 0 20px 0; }
.courselist li { list-style:none; background: url(../images/img-videocoursebg.jpg) 0 0 no-repeat; padding: 16px 14px 16px 72px; }

/* social widget */
.social { border: 1px solid #e6e6e6; background: #f8f8f8 url(../ks-images/widget-bg.gif) 0 31px repeat-x; margin-bottom: 10px; }
* html .social { zoom:1; }
.social ul { margin: 0; padding:0; }
.social li { list-style: none; }
	.social .tabs { overflow:hidden; margin: 0; padding:0; }
	.social .tabs li { float:left; background: #f8f8f8; padding:0; }
	.social .tabs li:first-child { border-right: 1px solid #e6e6e6; }
	.social .tabs a { color: #666; text-decoration: none; font-size: 12px; font-weight: bold;
		width:163px; padding: 8px 0; display: block; text-align: center; outline:none; border-bottom: 1px solid #e6e6e6; }
	 .social .tabs a#tab-rss { width:164px; }	
	 * html .social .tabs a#tab-rss { width:165px; }		
	.social .tabs img { position: relative; top:2px; }
	.social .tabs a:hover { color:#000; }
	.social .tabs .active { background: #ededed url(../ks-images/widget-tab-active.gif) 0 0 repeat-x; }
	.social .tabs a.active { color:#000; text-decoration: none; border:0; }
	
	#widget-social { position: relative; height:146px; clear:both; }
	* html #widget-social { zoom:1; }
	
	 #widget-email { padding: 16px 20px; position: absolute; top:0; left:0;
		background: url("../ks-images/widget-bg.gif") 0 0 repeat-x; }
	#secondarycontent .social h3 { margin: 0 0 2px 3px; font-size:1.083em; font-weight: bold; }
	#widget-email p { margin: 0 0 10px 3px; line-height: 1.3em; }
	#widget-email form { background: none; padding: 0; }
	#widget-email label { display: none; }
	#widget-email .textinput { border: 1px solid #bfbfbf; padding:2px 4px; width: 196px; font-size:.916em; color:#666666; margin-right: 4px; }
	#widget-email .submit { overflow: hidden; text-indent: -999px; height: 20px; width: 66px;
		background: url(../ks-images/button-joinnow.gif) 0 0 no-repeat; border: 0; cursor: pointer;
		text-transform: capitalize; }
	#widget-email a { margin: 2px 0 0 4px; font-size:.916em; }
	
	 #widget-rss { padding: 16px 20px; position: absolute; top:0; left:0;
		background: url("../ks-images/widget-bg.gif") 0 0 repeat-x; }
		 #widget-rss h3 { margin: 0 0 12px 3px; font-size:1.083em }
		 #widget-rss ul { padding: 0 0 0 8px; }
	
	 .social .widget-social { background: url(../ks-images/widget-social-bg.gif) top center no-repeat; overflow: hidden;
		padding:16px 0 12px 23px; margin: 0; line-height: 12px; }
	 * html .social .widget-social { zoom:1; }
		 .social .widget-social li { padding: 0; background: none; float: left; }
		 .widget-social li.img { padding-right: 8px; }
		 .widget-social li.txt { padding-top: 10px; padding-left: 4px; }
		 .widget-social li.txt a { text-decoration: underline; }