html, body {	
	width: 100%;	
	height: 100%;	
	min-height: 100%;	
	padding: 0px;
	margin: 0px;
	border: 0px;
	background: #000000 url(../images/background.gif) repeat-x;
}
img { border: none;}
#container {	
	top: 0px;
	width: 800px;	
	height: 100%;	
	min-height: 100%;
	margin: auto;	
	position: relative;	
	background: #000000 url(../images/background.gif) repeat-x;
}
html>body #container {	height: auto;}
hr { border: 1px solid dashed; color: #00243e; }
#images { 
	position: absolute;
	top: 93px;
	right: 10px;
	width: 433px;
	height: 402px;
}
#gallery { 
	position: absolute;
	top: 93px;
	right: 10px;
	width: 433px;
	height: 402px;
	background-color: #333333;
}
.red {color: #FF0000 }
.right {
	margin-right: 3px;
}
#gallery_more {
	background-color: #000000;
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 433px;
	height: 35px;
	text-align: center;
	padding-top: 5px;
}
#gallery_thumbs a { border: 1px solid #ffffff; }
#gallery_thumbs a:hover { border: 1px solid #333333; }
#about_container { 
	position: absolute;
	top: 93px;
	right: 10px;
	width: 258px;
	height: 402px;
	background-color: #333333;
}
#home_content { 
	position: absolute;
	top: 93px;
	left: 160px;
	width: 190px;
	height: 402px;
	background-color: #ffffff;
}
#about_content { 
	position: absolute;
	top: 93px;
	left: 160px;
	width: 380px;
	height: 402px;
	background-color: #ffffff;
}
#tomkins_logo {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 256px;
	height: 73px;
}
#about_image {
	position: absolute;
	top: 85px;
	right: 0px;
	width: 255px;
	height: 185px;
}
#portfolio_kitchen {
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 255px;
	height: 120px;
}
#nav_dec{ 
	position: absolute;
	top: 93px;
	left: 10px;
	width: 143px;
	height: 402px;
	background-color: #1d1d1d;
}
#gallery_thumbs {
	position: absolute;
	top: 100px;
	left: 10px;
	right: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000; 
}
#content ul li { margin: -2px}
.sitemap {
	font-size: 9px;
}
#content { 
	padding: 55px 20px 20px 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000; 
}
#content a {
	color: #666666;
	text-decoration: none;
}
#content a:hover {
	color: #444444;
	text-decoration: none;
}
.grey { color: #666666; font: 12px Arial; }
#content_contact { 
	padding: 90px 20px 20px 20px;
	font: 11px Arial;
	color: #000000; 
}
#content_contact a {
	color: #000000;
	text-decoration: none;
}
#content_contact a:hover {
	color: #999999;
	text-decoration: none;
}
#titles {
	position: absolute;
	top: 120px;
	left: 180px;
	z-index: 10;
}
.h1, h1 { 
	color: #878889;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#footer_text { padding: 40px 40px 0px 0px; color: #FFFFFF; }
#footer {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999fa2;	
	width: 100%;	
	height: 50px;	
	position: absolute;	
	top: 580px;
	right: 10px;	
	z-index: 5;	
	text-align: right;
}
#footer a, #footer a:visited {	
	color: #ffffff;	
	text-decoration: none;
}
#footer a:hover {	
	color: #999fa2;	
}
.fm-logo {	
	float: right;	
	padding-top: 5px;	
	padding-right: 5px;	
	padding-left: 5px;
}
#menu {
    position: absolute;
    top: 135px;
	left: 10px;
	height: auto;
	width: 160px;
	z-index: 10;
}.arrowlistmenu{
	width: 190px; /*width of accordion menu*/
}
.menuheader {
	margin-top: 10px;
}
.menuheader a {
	 text-decoration: none;
	 color: #999fa2;
	 font-size: 11px;
	 font-weight: lighter;
}
.menuheader .current {
	color: #ffffff;
	text-decoration: none;
}
.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999fa2;
	margin-bottom: 2px; /*bottom spacing between header and rest of content*/
	padding: 2px 0 0px 10px; /*header text is indented 10px*/
	cursor: hand;
	cursor: pointer;
	font-weight: lighter;
}
.arrowlistmenu a:hover {
	color: #ffffff;
}
.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
	color: #ffffff;
}
.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 2px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
	padding-top: 2px; /*bottom spacing between menu items*/
	padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li .opensubheader{ /*Open state CSS for sub menu header*/
}

.arrowlistmenu ul li .closedsubheader{ /*Closed state CSS for sub menu header*/

}

.arrowlistmenu ul li a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	display: block;
	padding: 0px 0;
	padding-left: 12px; /*link text is indented 19px*/
	text-decoration: none;
}
.expandable:hover{ /*hover state CSS*/
	color: #ffffff;
}
.arrowlistmenu ul li a:hover{ /*hover state CSS*/
	color: #999fa2;
}
.arrowlistmenu ul li .current { /*hover state CSS*/
	color: #ffffff;
}

.arrowlistmenu ul li a.subexpandable:hover{ /*hover state CSS for sub menu header*/
	background-color: none;
}
#exterior_images {
	position: absolute;
	top: 93px;
	right: 10px;
	width: 433px;
	height: 402px;
}
#exterior_thumbs {
	position: absolute;
	top: 458px;
	right: 0px;
	width: 443px;
	height: 34px;
	background-color: #000000;
	text-align: center;
	z-index: 10;
	padding-top: 5px;
	font: 12px Arial;
	color: #FFFFFF;
}
#exterior_thumbs2 {
	position: absolute;
	top: 503px;
	right: 0px;
	width: 443px;
	height: 34px;
	background-color: #000000;
	text-align: center;
	z-index: 10;
	padding-top: 5px;
	font: 12px Arial;
	color: #FFFFFF;
}
#exterior_thumbs2 a {
	color: #FFFFFF;
	text-decoration: none;
}
#exterior_thumbs2 a:hover {
	color:#666666;
	text-decoration: none;
}
.exteriorcontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

/*website */
.exterior img{
background-color: transparent;
margin-left: 0px;
border: 0px solid #ffffff;

}

.exterior:hover{
background-color: transparent;
margin-left: 0px;
border: 0px solid #ffffff;
}

.exterior:hover img{
border: 0px solid #ffffff;
}

.exterior span{ /*CSS for enlarged image*/
position: absolute;
padding: 0px;
right: 0px;
visibility: hidden;
text-decoration: none;
border: none;
}

.exterior span img{ /*CSS for enlarged image*/
border-width: 0;
border: none;
}

.exterior:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: -365px;
right: 10px; /*position where enlarged image should offset horizontally */
z-index: 50;
border: none;

}
/*end*/
.text-drop, .text-field, .text-area, .button {
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
	color: #333333;
}
.text-drop {
	width: 155px;
	height: 20px;
	background-color: #EAEAEA;
	border: 1px solid #999999;
}
.text-field {
	width: 150px;
	height: 15px;
	padding: 2px;
	background-color: #EAEAEA;
	border: 1px solid #999999;
}
.text-area {
	width: 150px;
	height: 40px;
	padding: 2px;
	background-color: #EAEAEA;
	border: 1px solid #999999;
}
.button {
	width: 80px;
	height: 20px;
	padding: 2px;
	background-color: #D6D6D6;
	border: 1px solid #999999;
}
.button:hover {
	background-color: #999999;
}
.fineprint {
	font-size: 9px;
}