/* CSS Document */

body {background-color:#e7e7e7; font:80% Arial, Verdana, Helvetica, sans-serif; }

h1, h2 {
  	margin:0;
  	background-repeat:no-repeat;
  	background-position:left top;
  	}
  
h1 span, h2 span  {display:none; }

#horizon {
   	width: 100%;
   	text-align: center;
  	min-width: 695px; 
 	}

#wrapper {
	position: relative;
	text-align: left;
	width: 675px;
	padding:10px 10px 0px 10px;
	border-top:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	margin: 0px auto;
	background: #FFFFFF ;
	}

/* -------------------------------------------------------------------
N A V I G A T I O N
---------------------------------------------------------------------- */

	#menu					{ position:relative; left:0px; text-align:left; width:377px; height:51px; padding:0px; margin-top:44px; }
	#menu ul				{ width:377px; height:51px; padding: 0; margin:0px; left:0px;background: url("images/menu.gif") top left no-repeat; border: 0;}
	#menu ul li				{ display: inline; margin: 0; padding: 0; border: 0; list-style: none; position: absolute; top: 0px; }
	#menu ul li, #menu  a	{ height: 51px; display: block; border:0; padding: 0; margin:0;}
	#menu ul li a 			{ text-decoration: none; text-indent: -9999px;}
	
	#n1						{ position: absolute; left: 0px; width: 65px; }
	#n2 					{ position: absolute; left: 65px; width: 77px;}
	#n3 					{ position: absolute; left: 142px; width: 64px;}
	#n4						{ position: absolute; left: 206px; width: 80px;}
	#n5						{ position: absolute; left: 286px; width: 93px;}

	#n1 a:hover 			{ background: transparent url("images/menu.gif") -0px -51px no-repeat;}
	#n2 a:hover 			{ background: transparent url("images/menu.gif") -65px -51px no-repeat;}
	#n3 a:hover 			{ background: transparent url("images/menu.gif") -142px -51px no-repeat;}
	#n4 a:hover 			{ background: transparent url("images/menu.gif") -206px -51px no-repeat;}
	#n5 a:hover 			{ background: transparent url("images/menu.gif") -286px -51px no-repeat;}
	
	#n1 a.active 			{ background: transparent url("images/menu.gif") -0px -51px no-repeat;}
	#n2 a.active			{ background: transparent url("images/menu.gif") -65px -51px no-repeat;}
	#n3 a.active 			{ background: transparent url("images/menu.gif") -142px -51px no-repeat;}
	#n4 a:active1 			{ background: transparent url("images/menu.gif") -206px -51px no-repeat;}
	#n5 a:active 			{ background: transparent url("images/menu.gif") -286px -51px no-repeat;}


/* -------------------------------------------------------------------
C O N T E N T
---------------------------------------------------------------------- */
.right		{ float:right;}

#header 	{
	width:100%;
	background:url(images/bg.gif);
	height:100px;
}
#logo 		{ float:left;}

h1.intro 		{
	height:126px;
	background:url(images/banner.jpg) no-repeat top left;
	margin-top:1px;
}

#about 			{
	background:url(images/index_bg.jpg) no-repeat top left;
	min-height:291px;
	width:100%;
	
}
#about h2		{ background:url(images/about_us.gif) no-repeat top left; width:169px; height:25px;}

#history 		{ background:url(images/about_bg.jpg) no-repeat top left; min-height:291px;  width:100%;}
#history h2		{ background:url(images/history.gif) no-repeat top left; width:169px; height:25px;}

#faq 			{ background:url(images/faq_bg.jpg) no-repeat top left; min-height:291px; width:100%;}
#faq h2			{ background:url(images/faq.gif) no-repeat top left; width:169px; height:25px;}

#contact 		{ background:url(images/contact_bg.jpg) no-repeat top left; min-height:291px; padding:0px; margin:0px; width:100%;}
#contact h2		{ background:url(images/contact.gif) no-repeat top left; width:169px; height:25px;}

#showroom 		{ background:url(images/showroom_bg.jpg) no-repeat top left; min-height:291px;  width:100%;}
#showroom h2	{ background:url(images/showroom.gif) no-repeat top left; width:169px; height:25px;}

.content	{ width:328px; padding-top:25px; }
.content p	{ padding:15px 10px 0px 10px; font-size:90%; margin:0px;}
.content a	{color:#00A0C6; text-decoration:none; font-weight:bold}
.content a:hover {text-decoration:underline; color:#000000;font-weight:bold}

#footer1	{ padding:0px;clear:both; width:697px; height:16px;  margin:0px auto; visibility:hidden; color:#e7e7e7}
#footer1 p	{ text-align:left; padding-top:10px;color:#e7e7e7}
#footer a	{color:#e7e7e7}
#footer		{ padding:0px;clear:both; width:697px; height:16px;  margin:margin:0px auto; background:url(images/footer.gif) no-repeat top left;}
html>body #footer{margin:-13px auto 0px auto;}
*+html>body #footer{margin:0px auto;}
#footer p	{ text-align:right; padding-top:20px;}



	.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
	  
	 .clearfix {
	display: inline-block;
	}  
	
	/* Holly Hack Targets IE Win only \*/
		* html .clearfix {height: 1%;}
		.clearfix {display: block;}
	/* End Holly Hack */
	
.back {color:#000000; text-decoration:none;}

/* -------------------------------------------------------------------
C O N T A C T  F O R M 
---------------------------------------------------------------------- */

fieldset {border:0px; padding:0px; margin:0px;}

form.input {font-size:90%}
	
div.row { clear:both;}

div.row span.label {
	font-size: 90%;
	font-weight:bold;
  	float: left;
  	width: 100px;
  	text-align: left;
	padding-left:15px;
  	}

div.row span.formw {
	font-size:80%;
  	float: left;
  	width: 80px;
  	text-align: left;
  	}

div.row1 {clear:both;}

div.row1 span.label1 {
	font-size: 90%;
	font-weight:bold;
  	float: left;
  	width: 100px;
  	text-align: left;
	padding-left:15px;
  	}

div.row1 span.formw1 {
	font-size: 80%;
  	float: left;
  	width: 120px;
  	text-align: left;
  	}

div.row_extratext {
	font-size: 90%;
	color:#999999;
	float: left;
  	width: 440px;
  	text-align: left;
	}
	
.send {margin-left:115px;}
	
div.spacer {line-height:1em; clear:both;}
	
.row .button {text-align:center; font-size:80%}

.hidden {display:none; visibility:hidden}

/* -------------------------------------------------------------------
F O R C E  H E I G H T
---------------------------------------------------------------------- */


  .prop {
    float:right;
    width:1px;
  }

  .clear {
    clear:both;
    height:1px;
    overflow:hidden;
  }

  .min291px {
    height:291px;
  }


ul#brochures { list-style: none; margin: 0 0 0 10px; padding: 15px 0 0 0;}
ul#brochures li { padding: 3px 0 3px 24px;}
ul#brochures li.pdf { background: url('file-pdf.png') no-repeat center left;}
ul#brochures li a { text-decoration: none; font-weight: bold;}
ul#brochures li a:hover { text-decoration: underline;