/* CSS Document */

/*---------------------------COMMON ELEMENTS--------------------------------*/

.other a:link {
font-family:futura, verdana, arial, sans-serif;
font-size:.7em;
text-decoration:none;
color:#000000;
line-height:1.4em;
}

.other a:visited {
font-family:futura, verdana, arial, sans-serif;
font-size:.7em;
text-decoration:none;
color:#000000;
line-height:1.4em;

}

.other a:hover {
text-decoration:none;
color:#999999;
line-height:1.4em;

}

.side a:link {
font-family:futura, verdana, arial, sans-serif;
font-size:.7em;
text-decoration:none;
color:#000000;
}

.side a:visited {
font-family:futura, verdana, arial, sans-serif;
font-size:.7em;
text-decoration:none;
color:#000000;
}

.side a:hover {
text-decoration:none;
color:#999999;
}

h2 {
font-family:Futura, Verdana, Arial, sans serif;
font-size:.8em;
margin-top:0;
padding-top:0;
margin-bottom:0;
padding-bottom:0;

}

p {
	font-family:Futura, Verdana, Arial, "sans serif";
	margin-top:0;
	padding-top:0;
	margin-bottom:0;
	padding-bottom:0;
	line-height:0;
	color:#666666;
	font-size:0.7em;
	padding-top:0.6em;
	line-height:1.4em;
}

ul {
margin-top:0;
padding-top:0;
margin-bottom:0;
padding-bottom:0;
padding-top:0.2em;
padding-bottom:1em;

}

li {
list-style-type: none;
padding: 0;
margin: 0;
background-image:url(../images/arrow.gif);
background-repeat: no-repeat;
background-position: 0.1em;
padding-left: 0.6em;
margin-left: -40px;

}

#main_header {
height:105px;
width:800px;
padding:0px;
margin: 0px;
margin-left: auto;
margin-right: auto;
}

.heading {
	position:absolute;
	left:20px;
	top:5px;
	z-index: 98;
}

#container {
width: 800px;
position:relative;
padding:0px;
margin: 0px;
margin-left: auto;
margin-right: auto;
}

.logo {
width:244px;
height:72px;
left:0px;
top:0px;
}

.links {
width:800px;
height:33px;
left:0px;
}

#footer {
	position:absolute;
	left:21px;
	bottom:0px;
	background-color:#384C6E;
	width:760px;
	height:73px;
	z-index: 97;
}

/*-------------------MENU-------------------*/

#header {
	font-size:.8em;
	width:656px;
	height:25px;
	background-color:#384C6E;
}

#menuList {
	font-size:0.8em;
	color: #FFFFFF;
	z-index:100;
	margin: 0px;
	padding:0px;
	padding-top:6px;
	width: 648px;
	font-weight: normal;
	font-family: Futura, Verdana, Arial, "sans serif";
}

#mainMenu {
	position:relative;
	background:#384C6E;
	z-index:100;
}

#menuList ul {
	z-index:100;
	margin: 0px;
	padding: 0px;
	width: 11em;
}

#menuList li {
	display:inline;
	list-style: none;
	margin: 0px;
	padding: 0px;
}

a.starter {
	margin: 0px;
	padding: 0px;
	color: #FFFFFF;
	background-color: #384C6E;
	text-decoration: none;
	letter-spacing: 1px;
	font-family: Futura, Verdana, Arial, Sans-serif;
	z-index:100;
}

a.starter:hover, a.starter:active, a.starter:focus {
	color: #FFFFFF;
}
#menubuilder, #stylelibrary, #aboutus {
	width: 120px;
}
.menu {
	text-align: left;
	position: absolute;
	visibility: hidden;
}

.menu li {
	width:100%;
}

.menu li a {
	background: #999999;
	z-index:100;
	color: #FFFFFF;
	display: block;
	width:100%;
	font-size: 1em;
	padding:2px;
	margin: 0px;
	padding-left: 5px;
	padding-right: 5px;
	text-decoration: none;
	margin-top:1px;
}

.menu li a:hover, .menu li a:active, .menu li a:focus {
	background-color:#333333;
	color:#FFFFFF;
}
#apDiv1 .style1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	position: absolute;
}

/*------------------PANEL-------------------*/

#content {
width:800px;
}


#side_links {
	position:absolute;
	width:140px;
	height:372px;
	top:0px;
	left:0px;
	padding-left:40px;
	padding-top:74px;
	padding-right:10px;
	z-index: 99;
}

#main {
width:537px;
margin-left:180px;
}

div.door {
	position:absolute;
	width:538px;
	margin-top:74px;
	left:191px;
	top: -6px;
}

div.therma_logo {
	font-family:Futura, Verdana, Arial, sans-serif;
	font-size:0.7em;
	width:264px;
	height:37px;
	position:absolute;
	left:465px;
	top:423px;
}

div.door_wood {
	position:absolute;
	width:537px;
	height:202px;
	left:191px;
	top:459px;
}

div.wood_sample {
	position:absolute;
	width:537px;
	height:116px;
	left:192px;
	top:auto;
	bottom:44px;
	z-index: 96;
}

ul.unorderedlist {
font-size:.7em; 
font-family:Futura, Verdana, Arial, sans-serif; 
color:#666666;
padding-top:0;
margin-top:0;
padding-bottom:0;
margin-bottom:0;
padding-top:0.6em;
line-height:1.3em;	
}

/*-------------------HOME PAGE----------------------*/

.home_left {
	position:absolute;
	left:20px;
	top:45px;
	width:192px;
	height:500px;
}

.home_center {
	position:absolute;
	left:212px;
	top:45px;
	width:353px;
	height:500px;
	padding-left:12px;
	padding-right:12px;
}

.home_right {
	position:absolute;
	left:588px;
	top:45px;
	width:192px;
	height:500px;
}

/*------------------FRAME COMPONENTS-------------------*/

.door_details {
	position:absolute;
	left:191px;
	top:74px;
	width:424px;
	height:508px;
}

.frm_material {
	position:absolute;
	width:171px;
	height:243px;
	top:134px;
	left:20px;
}

.adj_plates {
	position:absolute;
	width:171px;
	height:111px;
	top:377px;
	left:20px;
}

.weather_strip {
	position:absolute;
	width:171px;
	height:124px;
	top:582px;
	left:20px;
}

.weather_strip2 {
	position:absolute;
	width:170px;
	height:124px;
	top:582px;
	left:191px;
}

.sill_syst {
	position:absolute;
	width:126px;
	height:124px;
	top:582px;
	left:489px;
}

.hinges {
	position:absolute;
	width:165px;
	height:181px;
	top:307px;
	left:615px;
}

.fibercraft {
	position:absolute;
	width:130px;
	height:115px;
	left:20px;
	top:250px;
	padding-left:41px;
	line-height:1.2em;
}

.solid {
	position:absolute;
	width:130px;
	height:82px;
	left:20px;
	top:490px;
	padding-left:41px;
	line-height:1.2em;
}

.compression {
	position:absolute;
	width:280px;
	height:108px;
	left:20px;
	top:701px;
	padding-left:41px;
	line-height:1.2em;
}

.sills {
	position:absolute;
	width:250px;
	height:99px;
	top:709px;
	left:489px;
	padding-left:12px;
	line-height:1.2em;
}

.commercial {
	position:absolute;
	width:145px;
	height:100px;
	top:490px;
	left:615px;
	padding-left:20px;
	line-height:1.2em;
}

/*--------------------DEALERS-------------------*/	

.dealer_heading {
	position:absolute;
	left:20px;
	top:150px;
}

.dealer_info {
	position:absolute;
	border-color:#999999;
	border-style:solid;
	border-width:0.07em;
	width:460px;
	height:384px;
	top:203px;
	left:39px;
	padding-left:130px;
	padding-right:130px;
	padding-top:22px;
}

#columns {
 position:relative;
    width:600px;
    height:525px;
}
.left {
    float:left;
    width: 213px;
    height:525px;
}

.center {
    float:left;
    width: 217px;
    height: 525px;
}
.right {
    float:right;
    width: 170px;
    height: 525px;
} 

/*--------------------CONTACT-------------------*/	

.form {
	position:absolute;
	border-color:#999999;
	border-style:solid;
    border-width:0.07em; 
	width:650px;
	height:356px;
	top:203px;
	left:40px;
	padding-left:40px;
	padding-right:30px;
	padding-top:25px;
}

/*------------------PANEL OPT--------------------*/

.therma_tru {
	position:absolute;
	border-color:#999999;
	border-style:solid;
	border-width:0.07em;
	width:260px;
	height:185px;
	top:220px;
	left:93px;
	padding-left:10px;
	padding-top:15px;
}

.designer_arch {
	position:absolute;
	border-color:#999999;
	border-style:solid;
	border-width:0.07em;
	width:260px;
	height:185px;
	top:220px;
	left:433px;
	padding-left:10px;
	padding-top:15px;
}

/*
.masonite {
	position:absolute;
	border-color:#999999;
	border-style:solid;
	border-width:thin;
	width:220px;
	height:185px;
	top:203px;
	left:528px;
	padding-left:10px;
	padding-top:15px;
}
*/

.img_frame {
	position:absolute;
	border-color:#CCCCCC;
	border-style:dashed;
	border-width:0.07em;
	padding:0px;
	margin:0px;
	width:93px;
	height:73px;
	top:39px;
	left:150px;
	padding-top:40px;
}

/*-------------Gallery-------------*/

.flash_gallery {
	position:absolute;
	height:313px;
	width:539px;
	top:77px;
	left:220px;
}

/*-----------Image Gallery---------*?

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer{

/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0;
padding:0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border:none;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
padding: 0px;
left: -1000px;
visibility: hidden;
text-decoration: none;
z-index:100;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 37px;
left: 148px; /*position where enlarged image should offset horizontally */

}