/* CSS Document */
/*Navigation styles */
#navbar {margin-left:18px;}
#nav-list {background-image:url(../Assets/navbar_alt.gif); background-repeat:no-repeat; height:20px; width:834px;
margin:0; padding:0; position:relative;  clear:both; border:0px solid red;
}	
#nav-list a {text-decoration:none;
}
#nav-list li {
margin:0; padding:0; list-style:none;
position:absolute;

}
#nav-list li, #navbar a {
height:20px; display:block; border:0px solid white;
}

#nav-list span { display:none; }
#nav-list span.swap {display:none; text-align:center; }

#home { left:0px;  width:42px; }
#home a:hover { background: transparent url(../Assets/navbar_alt.gif) -0px -20px no-repeat; }

#houses { left:45px;  width:48px; } 
#houses a:hover { background: transparent url(../Assets/navbar_alt.gif) -45px -20px no-repeat; }

#additions { left:97px;  width:55px; }  
#additions a:hover { background: transparent url(../Assets/navbar_alt.gif) -97px -20px no-repeat; }

#cupolas { left:153px;  width:53px; }
#cupolas a:hover { background: transparent url(../Assets/navbar_alt.gif) -153px -20px no-repeat; }

#conversions { left:210px;  width:130px; }
#conversions a:hover { background: transparent url(../Assets/navbar_alt.gif) -210px -20px no-repeat; }

#kitchens { left:342px;  width:95px; }
#kitchens a:hover { background: transparent url(../Assets/navbar_alt.gif) -342px -20px no-repeat; }

#libraries { left:439px;  width:54px; }
#libraries a:hover { background: transparent url(../Assets/navbar_alt.gif) -439px -20px no-repeat; }

#cabinets { left:494px;  width:95px; } 
#cabinets a:hover { background: transparent url(../Assets/navbar_alt.gif) -494px -20px no-repeat; }

#mantels { left:594px;  width:152px; }  
#mantels a:hover { background: transparent url(../Assets/navbar_alt.gif) -594px -20px no-repeat; }



#contact { left:748px;  width:74px; }
#contact a:hover { background: transparent url(../Assets/navbar_alt.gif) -748px -20px no-repeat; }


/*end of navbar styling */

body {
	background-color:#999999;
	margin:0;
	padding:0;
	border:0;
	}
#container {
	width:950px; 
	height:598px; 
	margin:0; 
	padding:0;
	margin-top:10px;
	margin-left:auto; 
	margin-right:auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	border:0px solid #202020;
	background-color:#CCCCCC;
	color:#ccc;
	position:relative;	
	}

#wrapleft {
	float:left; 
	border:0px solid red; 
	padding:0px; 
	margin:0; 
	margin-left:-12px;
	position:relative; 
	}
#logo {
	width:240px;
	height:60px;
	border:0px solid green;
	margin-left:0;
	padding:0; margin-right:0;
	background-color:#cccccc;
	}

#logo span {
	display:none;
	}

#main {
	border-width:46px 56px 24px 56px;
	border-style: solid;
	border-color: #cccccc;
	width:838px;
	height:466px;
	background-image:url(../Assets/sky.jpg);
	background-position:0px 0px;
	}
/* this for ie for Mac */	
* html #main {background-position:56px 46px;}
/* end of ie mac hack */
	
/*#leftcol {
	width:196px;
	height:394px;
	border-top:12px solid #cccccc;
	border-right:12px solid #cccccc;
	border-left:12px solid #cccccc;
	position:relative;
	top:0px;
	padding-right:5px;
	padding-left:15px;
	font-family:  Verdana, Arial,  Helvetica, sans-serif;
	/*font-size:11px;
	font-size:small;
	line-height:1.4em;
	line-height:1.3em;*/
	/*background-image:url(../Assets/sky.jpg);
	color:#ffffff;
	}
#leftcol p {padding-right:15px;
padding-left:12px;}


#leftcol p.address {position:absolute; bottom:7px; padding-left:0px; padding-right:0px;
	text-align:center; line-height:1.1em;
	}*/	
	#leftcol {
	width:206px;
	height:394px;
	border-top:12px solid #cccccc;
	border-right:12px solid #cccccc;
	border-left:12px solid #cccccc;
	position:relative;
	top:0px;
	padding-right:0px;
	padding-left:11px;
	font-family:  Verdana;
	/*font-size:11px;*/
	font-size:small;
	line-height:1.4em;
	/*line-height:1.3em;*/
	color:#111111;
	}
	

	
h1 {
	font-size:1.2em; 
	text-align:left; 
	color:#333333; 
	font-style:normal; font-weight:700;
padding-right:7px; letter-spacing:.15em; 
	}
#leftcol p {margin-top:-10px; padding-right:7px;
padding-left:0px; text-align:left; letter-spacing:.15em; font-size:101%;}


#leftcol p.address {position:absolute; bottom:2px; right:7px; padding-left:0px;  padding-right:0px;
	text-align:right; font-size:70%; line-height:1.1em;
	letter-spacing:.2em;}	
span.caption_right, span.caption_left, span.caption_above, span.caption_below {
	display:none;
	text-decoration:none;
	}
img {
	border:0px;
	margin:0;
	padding:0;
	}
a {
	border-width:0;
	text-decoration:none;
	color:#999999;
	}
a:hover {
	color:#666666;
	}

div#rightblock {margin-left:228px;
	border-left:38px solid #ccc;
	}

	
table {
	margin:0; border:0; padding:0;
	border-right:5px solid #ccc;
	}
	
td { 
	border-top:0px solid #ccc;
	border-left:0px solid #ccc;
	border-right:6px solid #ccc;
	border-bottom:5px solid #ccc;
	padding:0; margin:0;
	background-color:transparent;
	width:136px;
	height:110px;
	/*vertical-align:bottom;*/
	}
#leftcol p.clickon {font-size:70%;}	
	
/* may be used if call to action div set up to provide directions in one cell of table */
/*div#call_to_action {
	width:140px;
	height:80px;
	padding-top:10px;
	padding-left:10px;
	font-style:italic;
	font-size:12px;
	border:0px solid blue;
	color:#dddddd;
	}
div#call_to_action span {
	color:white;
	font-size:14px;
	font-weight:bold;
	font-family:Georgia, "Times New Roman", Times, serif;
	}*/
	
#footer {
	width:834px;
	height:20px;
	position:absolute;
	top:536px;
	left:56px;
	padding:0;
	color:#ffffff;
	}
#footer ul {
	margin-left:-18px;
	}
#footer li {
	display:inline;
	font-size:10px;
	}
	
/*hack for safari The  height safari needs is given above.  The number below is right for all other browsers.  Safari won't parse this.*/
td {height:117px;#}