/* LAYOUT - main body of page */
body, html {
	background-color: #7e8481; 
	}
		
div#wrap {
width: 808px;
margin: 0 auto;
position:relative;
height:auto;
background:#fff  url(images/page_shadow.gif) repeat-y;
}
div#top_page{
display:block;
width: 808px;
height:30px;
background:#fff url(images/top_page.gif) no-repeat;
}	
div#bottom_page{
display:block;
width: 808x;
height:30px;
background:#fff url(images/bottom_page.gif) no-repeat;
}
/* GENERAL */
img {border:none} 

/* LAYOUT - HEADER */

div#header {
display: block;
margin:0 auto;
padding:0;
width:780px;
height:280px;

}
	div#header #logo{
		position:absolute;
		top:18px;
		left:20px;
		width: 300px;
		height: 142px;
		color: #ea3b06;
		font-family:"Myriad", "Trebuchet MS";
		font-size:24px;
		font-weight:bold;
		border:0px;
		background: transparent url(images/sehi-logo-sm.jpg) left no-repeat;
		padding-left:100px;
		line-height: 80px;
	}
	
	div#headerbanner {
		position:absolute;
		top:57px;
		left:14px;
		width: 780px;
		height: 230px;
		background:#fff url(images/header.jpg) bottom no-repeat;
		border-bottom:18px solid #10114d;
}	

/* top blue bar */
	div#header #top_bar{
		position:absolute;
		top:148px;
		left:14px;
		width:780px;
		height:18px;
		background:#10114d;
		}
/* top menu */
		ul#menu
		{
		position:absolute;
		top: 110px;
		left:217px;
		margin:0 auto;
		padding: 0;
		width: 600px;
		height: 38px;
		list-style:none;
		}
		
		ul#menu li
		{
		
		position:relative;
		float: left;
		height: 38px;
		width:82px;
		background: url(images/sehi-button-off.jpg) no-repeat;
		text-align:center;
		display: block;
		}
		ul#menu li.active
		{
		background: url(images/sehi-button-on.jpg) no-repeat;
		text-align:center;
		color:#fff;
		}
		ul#menu li.active a
		{
		color:#fff;
		}

		ul#menu li a
		{
		display: block;
		float: left;
		font-family:Verdana, Tahoma;
		font-size:10px;
		font-weight: bold;
		color: #00284f;
		text-decoration: none;
		width:82px;
		height:38px;
		text-align:center;
		padding-top:8px;
		}
		ul#menu li a:hover
		{
		text-decoration:none;
		background: url(images/sehi-button-on.jpg) no-repeat;
		width:82px;
		height:38px;
		text-align:center;
		color:#FFF;
		}
/* end top menu */

/* sidebar */

div#sidebar {

margin-left:15px;
margin-right:5px;
width:210px;
height:480px;
background-color:#dbdee3}

.sidebartextheader {
	font-family:Verdana, Tahoma;
	font-size:14px;
	text-align: left;
	color:#3a8e39;
	font-weight: bold	
    }
.sidebartext {
	font-family:Verdana, Tahoma;
	font-size:9px;
	text-align: center;
	color:#00214e
	
    }
	.sidebarleft {
		font-family:Verdana, Tahoma;
		font-size:9px;
		text-align: left;
		color:#00214e;
		margin-left:1px
	
		}
		
.sidebarform {
		font-family:Verdana, Tahoma;
		font-size:10px;
		text-align: center;
		color:#00214e;
		}
	.sidebarred {
		font-family:Verdana, Tahoma;
		font-size:10px;
		text-align: center;
		color:#FF0000;
		}
	div#sidebar a{
		color:#366d96;
		text-decoration:none;	
		}
		div#sidebar a:hover{
		text-decoration:underline;
		}
	

	.none {
		text-decoration:none;
	}
	
		
	div#sidebar #photo {
	position:relative;
	left:12px;
	margin:0;
	padding: 0;
	top: 60px;
	align: center;
	width: 171px;
	height: 171px;
	text-align: center;
	}
	div#sidebar #photo p {
	font-family: Verdana, Tahoma, Arial;
	font-size: 8pt;
	font-style: normal;
	background-position: center;
	color: #000033;
	text-transform: none;
	}
	div#sidebar #photo2 {
	position:relative;
	left:0px;
	margin:0;
	padding: 0;	
	align: center
	}


/* main body */
div#content {
	margin-left:5px;
	margin-top:5px;
	margin-bottom:5px;
	width:520px;
	color:#000000;
	font-family: Verdana, Tahoma, Arial;
	font:Tahoma, Verdana, Arial;
	font-size:11px;
	background-color:#FFFFFF;
	
}

div#contentgal {
	margin-left:5px;
	margin-top:5px;
	margin-bottom:5px;
	
	color:#000000;
	font-family: Verdana, Tahoma, Arial;
	font:Tahoma, Verdana, Arial;
	font-size:11px;

	
}

div#contentgal h1{
		font-family:Verdana, Tahoma;
		font-size:14px;
		font-weight:bold;
		padding:0;
		margin:0;
		text-align:left;
		line-height:14px;
		margin-top:3px;
		color:#10114d;
		}

.body {

	color:#000000;
	font-family: Verdana, Tahoma, Arial;
	font:Tahoma, Verdana, Arial;
	font-size:11px;
}

.footnote {
	font-family: Verdana, Tahoma, Arial;
	font-size: 9px
}
	div#content h1{
		font-family:Verdana, Tahoma;
		font-size:14px;
		font-weight:bold;
		padding:0;
		margin:0;
		text-align:left;
		line-height:14px;
		margin-top:3px;
		color:#10114d;
		}
	div#content h2{
		font-family:Verdana, Tahoma;
		font-size:14px;
		font-weight:bold;
		padding:0;
		margin:0;
		text-align:center;
		line-height:12px;
		margin-top:3px;
		color:#ffffff;
		}
	.tablebf {
		font-weight:bold;
		color:#336699
		}
		
	.green {
	font-family:Verdana, Tahoma;
	font-size:11px;
	color:#3a8e39;
	font-weight: bold	
    }
		
	.doorshead {
		font-weight:bold;
		color:#3399cc;
		font-size:12px
		}
	.contactus {
		font-weight:bold;
		color:#336699;
		font-size:14px
		}
	.subhead {
		font-weight:bold
		}
	div#content a{
		color:#366d96;
		text-decoration:none;
		}
		div#content a:hover{
		text-decoration:underline;
		}	


		
/*popups for Shower Doors*/	
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #eaebeb;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;

}

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

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

}		
/*popups for Mirrors Doors*/	
.thumbnailm{
position: relative;
z-index: 0;
}

.thumbnailm:hover{
background-color: transparent;
z-index: 50;
}

.thumbnailm span{ /*CSS for enlarged image*/
position: absolute;
background-color: #eaebeb;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;

}

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

.thumbnailm:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 30px;
left: -200px; /*position where enlarged image should offset horizontally */

}				
			
div#footer {
	
	margin-left:100px !important;
	margin-right:10px;
	font-family:Verdana, Tahoma;
	font-size:10px;
	font-style:normal;
	color:#818182;
	text-align: center;
 }
div#footer a{
	color:#818182;
	text-decoration:none;
	}
div#footer a:hover{
	color:#366d96;
	}
div#footer a.activated{
	color:#366d96;
	text-decoration:none;
	}	
div#author {

	background-color: #7e8481;
	font-family:Verdana, Tahoma, Arial;
	font-size:10px;
	font-weight:normal;
	color:#fff;
	line-height:12px;
	text-align:center;
	left: 26px;
	top: 1px;
	width: 808px;
	height: 30px;
	}


div#author a{
	color:#FFF;
	margin-left:400px !important; margin-left:100px;
	}
div#bottom_page	{
	color:#7e8481;
	font-family:Verdana, Tahoma; Arial;
	font-size:8px
}