html {
	height:100%;
}

body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
    margin:  0px auto;
    padding: 0px 0px 0px 0px;
    text-align: center;
	background:#000;
	color:#fff;
	height:100%;
}

p {
	line-height:16px;
}

h1 {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: lighter ;
	
    font-size: 28px;
	color:#a9843c;
	padding:0px;
	margin:0px;
}

h2 {
    font-size: 20px;
	font-weight: 100;
	color:#a9843c;
	padding:10px 0px 0px 0px;
	margin:0px;
}

h3 {
    font-size: 16px;
}

h4 {

}

img {
	border:0px;
}

a:link {
	text-decoration: none;
	color: #fff;

}
a:visited {
	text-decoration: none;
	color: #fff;

}
a:hover {
	text-decoration: underline;
	color: #fff;

}

a:active {
	text-decoration: underline;
	color: #fff;

}


input {
	border: 1px solid #a9843c;
	margin: 1px;
}


hr {
	margin:2px;
	padding:0px;
	color:#fff;
	height:1px;
}




#container {
    width: 975px;
	height:565px;
    padding:0px;
    margin:0px auto;
    text-align: left;
    border:1px #a9843c solid;
	background:#000000;
}

#header {

}



/*
NN  NN   AAA   V     V IIIIII  GGGGG    AAA   TTTTTT IIIIII  OOOO  NN  NN 
NNN NN  AAAAA  V     V   II   GG       AAAAA    TT     II   OO  OO NNN NN 
NNNNNN AA   AA  V   V    II   GG  GGG AA   AA   TT     II   OO  OO NNNNNN 
NN NNN AAAAAAA   V V     II   GG   GG AAAAAAA   TT     II   OO  OO NN NNN 
NN  NN AA   AA    V    IIIIII  GGGGG  AA   AA   TT   IIIIII  OOOO  NN  NN 
*/
#nav_holder
{
	background-color:#bfc1c0;
	color:#FFFFFF;
	padding:0px;
	border-top:solid 3px #000000;
	border-bottom:solid 3px #000000;
	height:30px;
}


#nav, #nav ul { /* all lists */
	
	padding: 0px;
	margin: 0px;
	list-style: none;
	z-index:2000;
}



#nav li ul { /* second-level lists */
	
	position: absolute;
	width: 108px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	
}


#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	
	left: auto;
}

#nav li { /* all list items */
	float: left;
	width:108px; /* width needed or else Opera goes nuts */
}

#nav a {
	display: block;
	font-size: 10px;
	text-align:center;
	text-decoration:none;
	color:#eeeeee;
	width: 96px;
	margin:9px 6px;
	text-transform:uppercase;
}

#nav a:visited {
	text-decoration:none;	
}

#nav a:hover {
	color:#ffffff;
}

#nav a:active {
	color:#ffffff;
}

#nav a.selected {
	color:#ffffff;
}

#nav_icon_bar
{
	background:#978146;
	border-bottom:solid 3px #000000;
	z-index:1000;
}

#nav hr
{
	width:40px;
	margin:5px 34px;
	padding:0px;
	color:#111111;
	background-color:#111111;
	height:1px;
	border:none;
}

/*
NN  NN   AAA   V     V          CCCCC   OOOO  LL       OOOO  UU   UU RRRRR    SSSSS 
NNN NN  AAAAA  V     V         CC   CC OO  OO LL      OO  OO UU   UU RR  RR  SS     
NNNNNN AA   AA  V   V          CC      OO  OO LL      OO  OO UU   UU RRRRR    SSSS  
NN NNN AAAAAAA   V V           CC   CC OO  OO LL      OO  OO UU   UU RR  RR      SS 
NN  NN AA   AA    V             CCCCC   OOOO  LLLLLLL  OOOO   UUUUU  RR   RR SSSSS  
*/

#nav1
{ 
	background-color:#282828;
} 

#nav1 ul 
{
	background-color:#282828;
	background-image: url(images/navbg1.gif); 
	background-repeat: no-repeat;
	background-position: top right;
}


#nav2
{ 
	background-color:#3B3D3C;
} 

#nav2 ul
{ 
	background-color:#3B3D3C;
	background-image: url(images/navbg2.gif); 
	background-repeat: no-repeat;
	background-position: top right;
}

#nav3 
{ 
	background-color:#4F5150;
} 

#nav3 ul 
{ 
	background-color:#4F5150;
	background-image: url(images/navbg3.gif); 
	background-repeat: no-repeat;
	background-position: top right;
} 

#nav4
{
	background-color:#626463;
} 

#nav4 ul
{
	background-color:#626463;
	background-image: url(images/navbg4.gif); 
	background-repeat: no-repeat;
	background-position: top right;
} 

#nav5
{ 
	background-color:#767877;
} 

#nav5 ul 
{ 
	background-color:#767877;
	background-image: url(images/navbg5.gif); 
	background-repeat: no-repeat;
	background-position: top right;
} 

#nav6 
{ 
	background-color:#8c8e8d;
} 

#nav6 ul
{ 
	background-color:#8c8e8d;
	background-image: url(images/navbg6.gif); 
	background-repeat: no-repeat;
	background-position: top right;
} 

#nav7 
{ 
	background-color:#a4a6a5;
} 

#nav7 ul
{ 
	background-color:#a4a6a5;
	background-image: url(images/navbg7.gif); 
	background-repeat: no-repeat;
	background-position: top right;
} 

#nav8 
{ 
	background-color:#bbbbbb;
} 

#nav8 ul
{ 
	background-color:#bbbbbb;
	background-image: url(images/navbg8.gif); 
	background-repeat: no-repeat;
	background-position: top right;
} 

#nav9 
{ 
	background-color:#bfc1c0;
} 

#nav9 ul
{ 
	background-color:#bfc1c0;
	background-image: url(images/navbg8.gif); 
	background-repeat: no-repeat;
	background-position: top right;
} 

/*
* old nav
*/

/*

#navbar {
    height:20px;
	background:#000;
	padding:0px;
	margin:15px 0px 28px 0px;
	text-align:center;
	background:#000;
}

		#navbar li {
			list-style:none;
			display:inline;
			padding:0px;
			margin:0px;
			border-right:1px solid #fff;
			
		}
		
		#navbar li a {
			margin:0px;
			padding:0px 8px 0px 4px;
			font-size:110%;
			font-family: Arial, Verdana, Helvetica, sans-serif;
				
		}

		.nav_text {
			text-transform:uppercase;
		}

		.selected {
			color:#a9843c;
			padding:0px 0px 20px 0px;
			background:url(images/nav_image.gif) no-repeat bottom center;
		}
*/

/*----Sets navigation to have background rollovers, however this doesn't work in Safari (because Mac's are evil)
		#navbar a {
			color:#fff;
			text-decoration:none;
			background-repeat:no-repeat;
			float:left; 
			padding:0px;
			margin:0px;
			height:20px;


		}
		#navbar a:hover { 
			background-position:0 -20px;
			text-decoration:underline;
		}
		#navbar a:active {
			background-position:0 -40px;
			text-decoration:underline;
		}

*/

/*
* content styles
*/

#left {
	width:449px;
	float:left;
	/*background:#ccc;*/
	padding:0px 20px 20px 20px;
	margin:21px 0px 0px 0px;
	height:377px;
	overflow:auto;
	

	/*Note scrollbar styling only works in IE*/
	scrollbar-3dlight-color:#a9843c; 
	scrollbar-arrow-color:#a9843c; 
	scrollbar-base-color:#cccccc; 
	scrollbar-darkshadow-color:#000; 
	scrollbar-face-color:#000; 
	scrollbar-highlight-color:#000; 
	scrollbar-shadow-color:#a9843c
}

	/*Controls background image for individual pages. This value is set in the database*/
	.left_bg_home {
		background:url(images/bg-flourish-technology.gif) no-repeat bottom left;
	}
	
	.left_bg_wood {
		background:url(images/bg-flourish-woodfinish.gif) no-repeat 5px 40px;
	}

	.left_bg_tudor {
		background:url(images/bg-flourish-tudor.gif) no-repeat top right;
	}

	.left_bg_technology {
		background:url(images/bg-flourish-technology.gif) no-repeat top left;
	}

	.left_bg_craftmanship {
		background:url(images/bg-flourish-craftmanship.gif) no-repeat top right;
	}

	.left_bg_installation {
		background:url(images/bg-flourish-install.gif) no-repeat 0px 60px;
	}

	.left_bg_security {
		background:url(images/bg-flourish-security.gif) no-repeat bottom left;
	}

	.left_bg_finish {
		background:url(images/bg-flourish-finish.gif) no-repeat top right;
	}

	.left_bg_contact {
		background:url(images/bg-flourish-contact.gif) no-repeat bottom right;
	}

#left_brochure {
	padding:20px 20px;
	width:430px;
	height:350px;
	float:left;
	margin:0px 0px 0px 0px;
	overflow: auto;
}

#right {
	width:485px;
	height:396px;
	float:right;
	padding:0px;
	margin:21px 0px 0px 0px;
	border-left:1px solid #a9843c; 
	border-top:1px solid #a9843c;
}

.clear {
	clear:both;
}

.error {
	color:#c00;
}

.success {
	color:#fff;
	 font-style: italic;
	 font-weight:bold;
}

.small_print {
	font-size:10px;
}

#finishtable
{
	font-size:12px;	
}

#finishtable a
{
	font-size:9px;
}

#finishtable .headings td
{
	color:#a9843c;
	border-bottom:1px solid #a9843c;
}

#accessory_list
{
	font-size:14px;
	color:#a9843c;
}

/*
* image list
*/
#image_list
{
	list-style:none;
	padding:0px;
	margin:0px;
	width:425px;
}

#image_list li
{
	float:left;
	padding: 0px 5px 0px 5px;
}

#image_list li a:link, #image_list li a:visited
{
	border:1px solid #978146;
	padding:0px;
	margin:10px 10px 0px 0px;
	display:block;
}

#image_list li a:hover, #image_list li a:active
{
	border:1px solid #ffffff;
	padding:0px;
	margin:10px 10px 0px 0px;
	display:block;
}

#image_list li a img
{
	padding:0px;
	margin:0px;
}

#footer
{
	font-size:10px;	
	padding:10px 0px 0px 0px;
}