/* CSS Document */

body {
	margin:0;
	padding:0;
}

#container {
	width:800px;
	margin-right:auto;
	margin-left:auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	position:relative;
}


/* Home Page Constructions */

#homePage {
	background-repeat:no-repeat;
	background-image:url(images/fmwk/BG-home-page.jpg);
	height:700px;
	margin:0;
	padding:0;
}


#homeLogo {
	position:absolute;
	top: 140px;
	left: 450px;
	display: block;
	text-align: center;
}

#latticeBlurb {
	position:absolute;
	top: 500px;
	left: 555px;
	display: block;
	text-align: left;
	width: 200px;
}

.clearDiv {
	clear:both;
	height:1px;
}

/* About Us Page */

#aboutUsPage {
	background-repeat:no-repeat;
	background-image:url(images/fmwk/BG-about-us.jpg);
	/*height:700px;*/
	margin:0;
	padding:0;
}

#aboutUsContent {
	width:440px;
	padding: 20px 0 0 8px;
	}
	
#aboutCaption {
	position:absolute;
	top:580px;
	left:515px;
	width:225px;
}	
	
/* Product Info Page */
	
#productInfoPage {
	background-repeat:no-repeat;
	background-image:url(images/fmwk/BG-product-info.jpg);
	/*height:700px;*/
	margin:0;
	padding:0;
}

#productInfoContent {
	width:475px;
	padding: 20px 0 0 8px;
	}
	
/* Doors Page */

#doorPage {
	background-repeat:no-repeat;
	background-image:url(images/fmwk/BG-door-page.jpg);
	margin:0;
	padding:0;
	height:700px;
}

#doorContent {
	width:340px;
	padding: 20px 0 0 8px;
	}

#catalog {
	margin:50px 0 0px 10px;
	text-align: center;
}

#doorDisplay {
	width:170px;
	height:Auto;
	padding:5px;
	float:left;
	display:inline;
	margin:25px 15px 0 0;
	border:1px solid #99CC00;
}

#doorDisplay strong {
	color:#0066CC;
	font-weight:bold;
	font-size:14px;
	margin:15px 0 0 0;
}

#doorDisplay h4 {
	color:#333333;
	font-weight:bold;
	font-size:12px;
	margin:7px 0 7px 0;
}

#doorDisplay form select {
	color:#333333;
	font-size:11px;
	width:150px;
}


#doorDisplay form {
	text-align:left;
	width:150px;
	margin:5px 0 5px 10px;
}

/* Brackets Page */

#bracketPage {
	background-repeat:no-repeat;
	background-image:url(images/fmwk/BG-bracket-page.jpg);
	margin:0;
	padding:0;
}

#bracketDisplay {
	width:235px;
	height:Auto;
	padding:5px;
	float:left;
	display:inline;
	margin:25px 15px 0 0;
	border:1px solid #99CC00;
}

#bracketDisplay strong {
	color:#0066CC;
	font-weight:bold;
	font-size:14px;
	margin:15px 0 0 0;
}

#bracketDisplay h4 {
	color:#333333;
	font-weight:bold;
	font-size:12px;
	margin:7px 0 7px 0;
}

#bracketDisplay form select {
	color:#333333;
	font-size:11px;
	width:150px;
}


#bracketDisplay form {
	text-align:left;
	width:200px;
	margin:5px 0 5px 10px;
}


/* Gate Page */

#gatePage {
	background-repeat:no-repeat;
	background-image:url(images/fmwk/BG-gate-page.jpg);
	margin:0;
	padding:0;
	
}

/* Gallery Page */

#galleryPage {
	background-repeat:no-repeat;
	background-image:url(images/fmwk/BG-gallery-page2.jpg);
	margin:0;
	padding:0;
}

/* Form Elements */

.submitter {
	color:#FFF;
	font-size:11px;
	font-weigh:bold;
	background:#00ADEF;
	width:150px;
}

.brackSubmitter {
	color:#FFF;
	font-size:11px;
	font-weigh:bold;
	background:#00ADEF;
	width:215px;
}

#bracketDetail {
	position:absolute;
	width:184px;
	height:82px;
	top:364px;
	left:382px;
}


/* NAV BAR CONSTRUCTIONS */

#navBar {
	margin: 0px 0 0 0;
	height: 50px;
	padding-top: 40px;
}

#navBar ul {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	list-style: none;
	list-style-type: none;
}

#navBar ul li {
	padding: 10px 0 0 0;
	margin: 0 0px 0 7px;
	float: left;
	background-color: #9FC54B;
	text-align:center;
	height:25px;
	width: 105px;
}

#navBar ul li a {
	padding: 8px 8px 8px 8px;
	margin: 20px 0 0 0;
	color: #FFF;
	height: 30px;
	font-weight: bold;
	text-decoration: none;
}

#navBar ul li:hover {
	background-color:#00ADEF;
	color: #FFF;
}

#navBar ul li.lit {
	background-color:#00ADEF;
}


#footer {
	border-top-color: #05AEE6;
	border-top-style: solid;
	border-top-width: 8px;
	margin-top:20px;
}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #00ADEF;
	margin-top:0px;
	margin-bottom: 30px;
	padding-top:20px;
}

h1 img {
 margin-bottom:-30px;
 margin-right:5px;"
}