﻿html,body
{
	background-color: #3e4f5c;
	color: #fff;
	font-family: "Myriad Pro", Arial, Sans-Serif;
	font-size: 12px;
}

body 
{
	margin-top: 30px;
}


small { font-size: 9px; }

.valign 
{
	width: 100%;
	height: 99%;
	vertical-align: middle;
}

#wrapper 
{
	width: 980px;
	margin: 0 auto;
}

#header 
{
	height: 25px;
	border-bottom: 3px solid #fff;
	padding-top:44px;
}

	#header #logo 
	{
		outline: none;
		background: url('images/logo.gif') #3e4f5c no-repeat;
		height: 11px;
		width: 306px;
		float: left;

		margin-left: 16px;
		float: left;
	}
		#header #logo a 
		{
			display: block;
			width: 306px;
			height: 11px;
		}
	
		#header #logo a span 
		{
			display: none;
		}
		
	#header .right 
	{
		float: right;
	}
		
#footer 
{
	height: 70px;
	border-top: 3px solid #fff;
	padding-top: 12px;
	padding-left: 15px;
}

	#footer a
	{
		color: #fff;
		text-decoration: none;
	}
	
	#footer .left 
	{
		float: left;
		width: 73%;
		font-size: 10px;
	}
	
	#footer .right 
	{
		float: left;
		width: 25%;
	}
	
		#footer .right #coltman 
		{
			background: url('/images/27coltmanfooter.gif') no-repeat top left #3e4f5c;
			height: 9px;
			width: 249px;
			display: block;
		}
	
		#footer .right #coltman span 
		{
			display: none;
		}


#nav 
{
	float: left;
	display: block;
	width: 301px;
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 10000;
}
	#nav li a 
	{
		/* ie6 png fix */
		position: relative;
	}

	#nav > li#floorplates 
	{
		background-image: url('images/floorplates-trans.png');
		height: 119px;
	}
	
	#nav > li#interiors
	{
		background-image: url('images/interiors-trans.png');
		height: 224px;
	}
	
	#nav > li#information
	{
		background-image: url('images/information-trans.png');
		height: 118px;
	}
	
	
	#nav > li 
	{
		width: 301px;
		background-position: top left;
		background-color: transparent;
		background-repeat: no-repeat;
	}
	
		#nav > li:hover 
		{
			background-position: bottom left;
		}
		
			#nav > li > ul  
			{
				visibility:hidden;
				margin-left: 43px; 
				border: 1px solid #c2c8cb; 
				border-left: none; 
				border-right: none; 
			}
		
			#nav > li:hover > ul
			{
				visibility:visible
			}
			
				#nav > li > ul a 
				{
					width: 100%;
					height: 100%;
					display: block;
				}
			
				#nav > li > ul > #floorplatespricing 
				{
					background: url('images/navigation/floorplatespricing-trans.png') no-repeat transparent;
					height: 58px;
				}
				#nav > li > ul > #schematics 
				{
					background: url('images/navigation/schematics-trans.png') no-repeat transparent;
					height: 60px;
				}
				#nav > li > ul > #bedroom 
				{
					background: url('images/navigation/bedroom-trans.png') no-repeat transparent;
					height: 45px;
				}
				#nav > li > ul > #bathroom 
				{
					background: url('images/navigation/bathroom-trans.png') no-repeat transparent;
					height: 43px;
				}
				#nav > li > ul > #kitchen 
				{
					background: url('images/navigation/kitchen-trans.png') no-repeat transparent;
					height: 45px;
				}
				#nav > li > ul > #livingroom 
				{
					background: url('images/navigation/livingroom-trans.png') no-repeat transparent;
					height: 44px;
				}
				#nav > li > ul > #features 
				{
					background: url('images/navigation/features-trans.png') no-repeat transparent;
					height: 46px;
				}
					#nav > li > ul > #features .exterior 
					{
						float: left;
						width: 77px;
					}
					#nav > li > ul > #features .interior 
					{
						float: left;
						width: 77px;
					}
				#nav > li > ul > #designcentre 
				{
					background: url('images/navigation/designcentre-trans.png') no-repeat transparent;
					height: 59px;
				}
				#nav > li > ul > #register 
				{
					background: url('images/navigation/register-trans.png') no-repeat transparent;
					height: 58px;
				}
	
#content 
{
	background: url('images/homeImage.jpg') no-repeat top left #3e4f5c;
	height: 461px;
	position: relative;
}
	#innerContent 
	{
		width: 678px;
		height: 461px;
		float: left;
	}
	
.FloorPlan, #map
{
	background-color:White;
	height:461px;
	overflow:auto;
	text-align:center;
	width:676px;
	border-right: 3px solid #fff;
}

.third 
{
	float: left;
	padding-bottom:30px;
	width: 33%;
}

.half
{
	width: 50%;
	padding-bottom:30px;
	float: left;
}

.twothirds
{
	float:left;
	padding-bottom:30px;
	width:66%;	
}

.split
{
	float:left;
	padding-bottom:30px;
	width:20.5%;	
}

.forth
{
	float:left;
	padding-bottom:30px;
	width:25%;
}

.full
{
	float:left;
	width:100%;	
}

.bottomText
{
	color:#999999;
	font-family: Verdana,Geneva,sans-serif;
	font-size: 8px;	
	letter-spacing:.03em;
	text-align:center;
	padding-top:13px;
}

.bottomText2
{
	font-family: Verdana,Geneva,sans-serif;
	font-size: 7px;	
	text-align:center;
	padding-top:2px;
}

#txtAddress1
{
	width:81%;	
}

#ddlState
{
	width:120px;	
}

#txtZip
{
	width:60px;	
}

#txtEmail
{
	width:62%;	
}

#txtLastName
{
	width:62%;	
}

#map 
{
	overflow: hidden;
}

.clear { clear: both; }
