/* CSS Document */

* {
margin: 0;
padding: 0;
}

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
background-color: #EAEAEA;
}

h1 {
font-size: 18px;
font-weight: bold;
color: #FF0000;
}

h2 {
font-size: 14px;
font-weight: bold;
color: #6666666;
}

p {
padding: 5px 0;
text-align: justify;
}

#container {
width: 980px;
height: auto;
margin: 0 auto;
}

#titleArea {
width: 980px;
height: 161px;
position: relative;
background-color: #EAEAEA;
background-image: url(images/layout/title.jpg);
background-repeat: no-repeat;
}

#titleAreaDoors {
width: 980px;
height: 161px;
position: relative;
background-color: #EAEAEA;
background-image: url(images/layout/titleDoors.jpg);
background-repeat: no-repeat;
}

#titleAreaFab {
width: 980px;
height: 161px;
position: relative;
background-color: #EAEAEA;
background-image: url(images/layout/titleFab.jpg);
background-repeat: no-repeat;
}

#titleAreaVent {
width: 980px;
height: 161px;
position: relative;
background-color: #EAEAEA;
background-image: url(images/layout/titleVent.jpg);
background-repeat: no-repeat;
}

.navBar {
width: 670px;
height: 23px;
position: absolute;
left: 269px;
top: 137px;
}

#introArea {
width: 980px;
height: 339px;
position: relative;
background-color: #EAEAEA;
background-image: url(images/layout/introArea.jpg);
background-repeat: no-repeat;
}

#introHolder {
width: 900px;
height: 340px;
margin: 0 auto;
}

.introAreaBtnHolder {
width: 900px;
height: 305px;
position: absolute;
left: 70px;
top: 24px;
overflow: hidden;
}

.introBtn {
width: 200px;
height: 305px;
float: left;
}

.introBtnSpacer {
width: 122px;
height: 305px;
float: left;
}

#contentArea {
width: 900px;
height: auto;
padding: 0 40px;
background-color: #EAEAEA;
background-image: url(images/layout/contentBgr.jpg);
background-repeat: repeat-y;
}

#leftCol {
width: 235px;
height: auto;
padding-top: 25px;
float: left;
background-image: url(images/layout/leftColTop.jpg);
background-repeat: no-repeat;
}

#redArea {
width: 980px;
height: auto;
background-color: #EAEAEA;
background-image: url(images/layout/redAreaBgr.jpg);
background-repeat: repeat-y;
}

.redAreaText {
width: 850px;
height: 40px;
margin: 0 auto;
padding: 10px 0;
color: #FFFFFF;
}

#footArea {
width: 980px;
height: 100px;
background-color: #EAEAEA;
background-image: url(images/layout/footer.jpg);
background-repeat: no-repeat;
}

.footText {
width: 850px;
height: 40px;
margin: 0 auto;
padding: 10px 0;
color: #FFFFFF;
}

.footText p {
text-align: center;
font-size: 10px;
font-weight: bold;
}


:link, :visited {
	width: 60px;
	color: #00004F;
	font-weight:bold;
	text-decoration: none;
	font-size: 10px;
}
:link:hover, :visited:hover {
	color: #0099FF;
}
:link:active, :visited:active {
	color: #00004F;
}

.mLink {
width: auto;
height: auto;
margin: 10px auto 10px auto;
text-align: center;
font-weight: normal;
}

.mLink :link, .mLink :visited, .mLink :link:hover, .mLink :visited:hover, .mLink :link:active, .mLink :visited:active {
color: #FFFFFF;
font-weight: bold;
}

.navBtn {
	width: 120px;
	height: 23px;
	position: relative;
	float: right;
	white-space: nowrap;
	display: block;
	margin: 0px 0px 0px 2px; 
	padding: 0;
	background-image: url(images/layout/navBtnDn.jpg);
	background-repeat: no-repeat;
}

.navBtn a {
	display: block;
	width: 120px;
	height: 23px;
	float: left;
	text-decoration: none;
}

.navBtn span {
	width: 100px;
	height: 14px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 10px;
	top: 6px;
	cursor: pointer;
	color: #CCCCCC;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
}

.navBtn img {width: 120px; height: 23px; border: 0px; }
.navBtn a:hover {visibility:visible}
.navBtn a:hover img{visibility:hidden}
.navBtn a:hover span {color: #333333;}

.menuBtn {
	width: 222px;
	height: 35px;
	position: relative;
	float: left;
	white-space: nowrap;
	display: block;
	margin: 0px 0px 0px 8px; 
	padding: 0;
	background-image: url(images/layout/menuBtnDn.jpg);
	background-repeat: no-repeat;
}

.menuBtn a {
	display: block;
	width: 222px;
	height: 35px;
	float: left;
	text-decoration: none;
}

.menuBtn span {
	width: 200px;
	height: 14px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 10px;
	top: 10px;
	cursor: pointer;
	color: #333333;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
}

.menuBtn img {width: 222px; height: 35px; border: 0px; }
.menuBtn a:hover {visibility:visible}
.menuBtn a:hover img{visibility:hidden}
.menuBtn a:hover span {color: #FF0000;}

.clearCols {
clear: both;
font-size: 6px;
}

.clearRight {
clear: right;
font-size: 6px;
}

.floatRight {
float: right;
}

.mainContent {
width: 660px;
height: auto;
margin: 0 3px 0 0;
padding: 14px 0 0 0;
float: right;
}

.mainBoxTop {
width: 628px;
height: 16px;
padding: 16px 16px 12px 16px;
background-image: url(images/layout/mainBoxTopBgr.jpg);
background-repeat: no-repeat;
}

.mainBoxMid {
width: 628px;
height: auto;
padding: 0 16px;
background-image: url(images/layout/mainBoxBgr.jpg);
background-repeat: repeat-y;
}

.mainBoxMid li {
padding: 5px 10px;
list-style-type: disc;
list-style-position: inside;
font-size: 12px;
font-weight: bold;
text-align: justify;
color: #FF0000;
}

.mainBoxBtm {
width: 660px;
height: 20px;
background-image: url(images/layout/mainBoxBtmBgr.jpg);
background-repeat: no-repeat;
}

.bold {
font-weight: bold;
}

.highlightHeading {
width: auto;
height: auto;
padding-left: 30px;
background-image: url(images/layout/liTag.jpg);
background-repeat: no-repeat;
}

.midColLeft {
width: 310px;
height: 400px;
float: left;
}

.midColRight {
width: 310px;
height: auto;
float: right;
}

.clear {
clear: both;
font-size: 2px;
}