/* ==================================================================== */
/* ======  Weather King Windows & Doors, Inc. Main CSS Document  ====== */
/* ====== Created 2/1/2007 By Chris Brown of Data Recovery, Inc. ====== */
/* ==================================================================== */

/* ==================================================================== */
/* ============================= Defaults ============================= */
/* ==================================================================== */

* {
	margin:0;
	padding:0;
	}
	
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	color: #FFF;
	background-color: #FFF;
	}
	
body, div, p, img, h1, h2, h3, h4 {
	margin:0;
	padding:0;
	}

/* ======= Set images to display to avoid IE Margin Problems ======= */

img {
	*display: block;
	}
	
/* ======= Standard Link Color =======*/
a {
	color: red;
	text-decoration: none;
	}
	
/* ==================================================================== */
/* ======================= Website Wide Classes ======================= */
/* ==================================================================== */

/* ========================= Border Settings ========================== */

.bord {border: 2px solid #FFF;}
.bord-b {border-bottom: 2px solid #FFF;}
.bord-t {border-top: 2px solid #FFF;}
.bord-l {border-left: 2px solid #FFF;}
.bord-r {border-right: 2px solid #FFF;}

/* ============================ Font Sizes ============================ */

.t5 {font-size: .5em;}
.t6 {font-size: .6em;}
.t7 {font-size: .7em;}
.t8 {font-size: .8em;}

/* ====================== Justification Settings ====================== */

.ta-c {text-align: center;}
.ta-r {text-align: right;}
.ta-l {text-align: left;}
.ta-j {text-align: justify;}

/* ============================= floating ============================= */

.float-l {float: left;}
.float-r {float: right;}
		
/* ============================= clearing ============================= */

.clear-b {clear: both;}
.clear-l {clear: left;}
.clear-r {clear: right;}

/* ======================================================================	*/
/* ========================== Main Layout =============================== */
/* ======================================================================	*/

/* ======================================================================	*/
/* ======================= Outside Container ============================ */
/* ======================================================================	*/
#Container {
/* ======= If we want to center the page, uncomment line below ======== */
	/* margin:0 auto; */
	width: 910px;
	clear: both;
	border: 2px solid white;
	}

/* ======================================================================	*/
/* ======= Rounded image on top of the page ======= */
/* ======================================================================	*/
	
#Top {/* Holds the Top Image */
	margin:0;
	padding:0;
	width: 910px;
	border-bottom: 2px solid white;
	}
	#Top img {
		display: block;
		margin:0;
		padding:0;
		*margin-right: -3px;
		}

/* ======================================================================	*/		
/* ============================== End #Top ============================== */
/* ======================================================================	*/

/* ======================================================================	*/
/* ===================== Start Navigational Sidebar ===================== */	
/* ======================================================================	*/

#NavWrapper {/* Navigation Wrapper */
	float: left;
	width: 200px;
	margin: 0;
	padding: 0;
	border-right: 2px solid white;
	}

/* ======================================================================	*/
/* ========================== Navigation Column ========================= */	
/* ======================================================================	*/

#Menu {
	}
	/* ======= Logo ======= */
	#Menu img {
		display: block;
		}
	img.logo {/* Set the border at the bottom of the logo */
		border-bottom: 2px solid white;
		}
	/* ======= Blue Spacer Image ======= */
	img.top-nav-image {
		border-bottom: 2px solid white;
		}
	img.top-nav-image-home {
		border-right: 2px solid #309;
		border-bottom: 2px solid white;
		}
	img.bot-nav-image {
		border-right: 2px solid #309;
		}
	#Menu ul {
		list-style: none;
		}
	
	#Menu li {
		border-bottom: 2px solid white;
		}
	
	#Menu li a {
		display: block;
		font-size: .9em;
		font-weight: bold;
		text-decoration: none;
		color: #FFF;
		background-color: #444;
		padding: 5px 2px 5px 4px;
		*padding: 3px 2px 5px 4px; /* IE Only */
		}
	
	#Menu li a:hover {
		display: block;
		color: #411;
		background: #AAA;
		}
	#Menu li.current {
		display: block;
		font-size: .9em;
		font-weight: bold;
		color: #FFF;
		background-color: #33C;
		padding: 5px 2px 5px 4px;
		*padding: 3px 2px 5px 4px; /* IE Only */
		}
	.nav-pad-1 {/* To indent the first sub-directory on the menu */
		padding-left: 7px;
		}
	.nav-pad-2 {/* To indent the second sub-directory on the menu */
		padding-left: 18px;
		}
/* =============================================================== */
/* =================== End Navigational Sidebar ================== */
/* =============================================================== */

/* ======================================================================	*/
/* ========================= Start Main Content ========================= */
/* ======================================================================	*/

#ContentWrapper {/* The Content Container for our 2 Column Layout [Right Column] */
	float: left;
	width: 702px;
	
	}

#Content {
	background: #309;
	margin:0;
	padding:0;
	}
	#Content #Heading {
		text-align: center;
		background: #33C;
		border-bottom: 2px solid white;
		padding: 18px 0 23px 0;
		*padding: 18px 0 24px 0; /* IE Only */
		}
		#Heading h1 {
			margin:0;
			padding:0;
			}

/* ======================================================================	*/		
/* ===== Bottom Links and Copyright at the bottom of ContentWrapper ===== */
/* ======================================================================	*/

#bottom {
	text-align: center;
	background: #444;
	border-top: 2px solid white;
	}
	#bottom a {
		font-size: .9em;
		font-weight: bold;
		color: #FFF; 
		text-decoration: none;
		padding-top: 5px;
		}
	#bottom a:hover {
		color: #F90; 
		text-decoration: underline;
		padding-top: 5px;
		}
	.copyright {font-size: .7em}

/* =============================================================== */	
/* ====================== End Main Content ======================= */
/* =============================================================== */

/* =============================================================== */
/* ================== Individual Page Specifics ================== */
/* =============================================================== */
 
/* ======================================================================	*/  	
/* history.html specific */
/* Finished 2/1/2007 */
/* ======================================================================	*/

#HistoryContainer {
	padding: 20px 50px 750px 50px;
	line-height: 1em; /* This fixed the padding differences I had with IE and Firefox */
	}

/* ======================================================================	*/	
/* ========================= faq.html specific ========================== */
/* ========================= Finished 2/1/2007 ========================== */
/* ======================================================================	*/

.faq-ul {
	list-style: decimal;
	padding: 20px 50px 0 70px;
	font-size: .9em;
	}
	.faq-ul li {
		margin-bottom: 20px;
		}

/* ======================================================================	*/	
/* =============== Windows Page Finished 2/1/2007 10:00PM =============== */
/* ======================= windows.html specific ======================== */
/* ======================================================================	*/

#WindowContainer {
	padding: 20px 0 222px 0;
	line-height: 1em;
	clear: both;
	}
	#WindowLeft {
		float: left;
		width: 301px;
		padding: 0 0 5px 50px;
		}
	#WindowContainer #TextRight {
		float: left;
		width: 301px;
		padding: 70px 50px 0px 0px;
		line-height: 1.5em;
		text-align: justify;
		}
	#Affil {
		clear: both;
		Padding: 5px 0 0;
		}
	.energy-star-text {
		font-size: .7em;
		padding: 5px 50px 20px 50px;
		}		
/* ======================================================================	*/
/* =====================  vinyl-color.html specific ===================== */
/* ======================================================================	*/

#VinylColorContainer{
	line-height: 1.2em;
	padding: 20px 0 0;
	}
	.VinylColorCaption {
		padding: 20px 50px; 
		text-align: center;
		}
		.VinylColorCaption a {
			color: white;
			}			

/* ======= vinyl-replacement-window.html and vinyl-new-construction-window.html specific ======= */
/* ======= Finished 2/2/2007 4:30PM ======= */

#VinylWindowDisplayContainer {
	padding: 20px 0 383px 0;
	}

/* ============================================================	
   ======= vinyl-replacement-8400-window.html specific  =======
   ================= Location: 8400-8600.css ==================
   ============================================================ */

#Rep8400Container {
	padding: 20px 0 0;
	}
	#Rep8400Container .pic1 {/* First Picture */
		padding: 0 0 20px;
		text-align: center;
		}
	#Rep8400Container .pic2 {/* Second Picture */
		padding: 20px 0;
		text-align: center;
		border-top: 2px solid white;
		}
		
	#Rep8400Container .caption1 {/* First Caption */
		padding: 0 100px 20px;
		text-align: justify;
		font-size: .9em;
		}
/* ============================================================	
   ======= vinyl-replacement-8600-window.html specific  =======
   ================= Location: 8400-8600.css ==================
   ============================================================ */
	 
/* ============================================================
   ==================== Royal Not Finished ====================
   ======= vinyl-replacement-royal-window.html specific =======
   ============================================================	*/

#RoyalWindowContainer {/* Royal Specific Container For Content */
	padding: 20px 0 0 0;
	}
	#RoyalWindowContainer .pic1 {
		text-align: center;
			}
	#RoyalWindowContainer .caption1 {
		padding: 20px 100px;
		font-size: .9em;
		text-align: justify;
		}
	#RoyalWindowContainer .standard-list {
		padding: 20px 150px;
		font-size: .9em;
		line-height: 1.2em;
		}
		#RoyalWindowContainer .standard-list ul {
			padding-left: 40px;
			font-size: .8em;
			
			}
	#RoyalWindowContainer .features {
		padding: 0 0 10px 0;
		font-weight: bold;
		}
	#RoyalWindowContainer .available {
		margin: 10px 0;
		font-weight: bold;
		}
	#RoyalWindowContainer .options {
		padding: 10px 0 10px 0;
		font-weight: bold;
		}
		.royal-bottom {
			padding: 20px 0 20px 0;
			border-top: 2px solid white;
			}
			.royal-bottom p {
				text-align: justify;
				font-size: .9em;
				padding: 130px 50px 0 25px;
			}
	#RoyalWindowContainer .fl {
		float: left; 
		width: 351px; 
		text-align: center;
		}
	#RoyalWindowContainer .fr {
		float: right; 
		width: 351px; 
		}
	#RoyalWindowContainer .d1 {
		border-top: 2px solid #FFF; 
		text-align: center; 
		padding: 20px 0;
		}
	#RoyalWindowContainer .d2 {
		border-bottom: 2px solid #FFF; 
		padding: 20px 100px 20px 100px; 
		margin: 0px;
		}

/* ======================================================================	*/	
/* ==================== Royal Plus Finished 2/8/2007 ==================== */
/* ========= vinyl-replacement-royal-plus-window.html specific  ========= */
/* ======================================================================	*/

#RoyalPlusContainer {
	padding: 20px 0;
	line-height: 1.2em;
	}
	#RoyalPlusContainer #pic1 {
		float:left;
		width: 465px;
		padding: 0 0 0 5px;
		}
	#RoyalPlusContainer #caption1 {
		float:left;
		width: 208px;
		padding: 170px 5px 0 15px;
		text-align: justify;
		font-size: .8em;
		}
	#WomListContainer {
		margin:0;
		padding: 20px 0;
		}
	#RoyalPlusContainer #pic2 {
		text-align: center;
		}
	#RoyalPlusContainer	.illustrations img {
		*display: block;
		}
	#RoyalPlusContainer #list {
		padding:0;
		margin:0;
		}
		#RoyalPlusContainer #list p {
			font-size: .9em;
			font-weight: bold;
			padding: 0 0 0px 20px;
			}
		#RoyalPlusContainer #list ul {
			font-size: .8em;
			padding: 0 0px 0 50px;
			}
			#RoyalPlusContainer #list li {
				/* list-style-image: url(images/arrow-list-fff.gif); */
				list-style: disc;
				padding:0;
				margin:0;
				line-height: 1.25em;
			}
	#RoyalPlusContainer #WomClean {
		float: right;
		width: 290px;
		padding: 0 0 0 20px;
		}
		#RoyalPlusContainer #WomClean p {
			padding: 0 20px;
			font-size: .9em;
			}
/* ======================================================================	*/	
/* ==================== Casements Finished 2/7/2007 ===================== */
/* ======= vinyl-replacement-casement-awning-window.html specific ======= */
/* ======================================================================	*/

#RoyalCasementContainer {
	padding: 20px 0 0;
	}
	.cas-1 {
			position: relative;
			width: 351px;
			float: left;
			text-align: center;
			padding: 0;
			}
	
	.cas-2 {
			width: 351px;
			float: right;
			padding: 0;
			}
			
	.cas-3 {
			margin-top: 20px;
			text-align:center;
			}
			
	.cas-4 {/* Illustration div */
			padding: 0;
			margin: 0;
			border-top: 2px solid #FFF;
			border-bottom: 2px solid #FFF;
			}
	
	.cas-5 {/* Features List div */
			padding: 0 100px 20px;
			margin: 0;
			}
			.cas-5 p {
				font-size: .9em;
				font-weight: bold;
				padding: 20px 0;
				}
			.cas-5 ul {
				font-size: .8em;
				padding: 0 0 0 40px;
				line-height: 1.2em;
				}

/* ======= vinyl-new-construction-8400-window.html specific ======= */

/* ======= vinyl-new-construction-8600-window.html specific ======= */

/* ======= vinyl-new-construction-royal-plus-window.html specific ======= */
/* ======= Same as replacement - See vinyl-replacement-royal-plus.html specific ======= */
/* ======= Finished 2/8/2007 1:25PM ======= */

/* ======= vinyl-new-construction-casement-awning-window.html specific ======= */

/* ======= bay-bow-window.html specific ======= */

/* ======= alum-storm-window.html specific  ======= */

/* ======= doors.html specific  ======= */

/* ======= steel-entry-door.html specific  ======= */

/* ======= fglass-entry-door.html ======= */

/* ======= steel-entry-door-wood-edge.html specific  ======= */	

/* ======= hardware.html specific (hardware.css) ======= */

		
/* ======= alum-sliding-door.html specific  ======= */

/* ======= alum-sliding-storm-door.html specific  ======= */

/* ======= alum-storm-door.html specific  ======= */

/* ======= contact.php specific  ======= */


		
/* ======= specific  ======= */

/* ======= specific  ======= */