/* Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}img{display:block;}



/* Begin Typography & Colors */
body {
	font-family: Arial, Helvetica, sans-serif;
	color: #484848;
	text-align: center;
	background-color: #fff;

	background-repeat: repeat-x;
	background-position: top;
	}

#container {
	text-align: left;
	}

#header {

	} 

#footer { 
	border: none;
	}

small {
	font-size: 0.9em;
	line-height: 1.5em;}

h1, h2, h3 {}

h1 {
	font-size: 4em;
	text-align: center;}

h2 {
	font-size: 1.6em;}

h3 {
	font-size: 1.3em;}

a {
	color: #8c5e3a;
	text-decoration: none;}

a:hover {
	text-decoration: underline;}

p {
	margin-bottom:10px;}

/* End Typography & Colors */



/* Begin Structure */
body {
	margin: 0 auto
	padding: 0; }

#header {
	margin: 0 auto;  
	width:962px;
	height: 84px;
	text-align:left;
	border-bottom:solid 10px #b11500;}
	
	.logo {
		width:496px;
		float:left;}
	
	#nav {
		float:left;
		padding-top:0px;}

	#nav img { 
		border: none; }
	#nav li { 
		display: inline; 
		list-style:none; }
	#nav li a { 
		float: left; 
		display:block; 
		height: 87px;
		margin-left:0px; }
	#nav li a img {  
		border:none; 
		vertical-align:bottom; /* for IE6 */}
	#nav li a:hover { 
		visibility:visible; /* for IE6 */ }
	#nav li a:hover img { 
		visibility:visible; /* for IE6 */ }
	#nav li a:hover img { 
		visibility:hidden; /* hide from IE5.0/win */}
	
	#nav_home { 
		background-image: url(images/nav/home_on.gif);
		background-repeat:no-repeat;
		width:1px;}
	#nav_products { 
		background:url(images/nav/products_off.gif) no-repeat left bottom; }
	#nav_tech { 
		background:url(images/nav/tech_info_off.gif) no-repeat left bottom; }
	#nav_galleries { 
		background:url(images/nav/galleries_off.gif) no-repeat left bottom; }
	#nav_about { 
		background:url(images/nav/about_off.gif) no-repeat left bottom; }
	#nav_contact { 
		background:url(images/nav/contact_off.gif) no-repeat left bottom; }

#container {
	width: 960px;
	margin:0 auto;
	border-right:solid 1px #dae3e8;
	border-left:solid 1px #dae3e8;}

	
#content_left {
		float:left;
		width:640px;}
		
		#bottom_images_headline {
			height:43px;
			border-top:solid 1px #dae3e8;}
		
		.bottom_image {
			width:213px;
			float:left;}

#content_right {
		float:right;
		width:320px;}
		
		#side_menu {
			height:345px;}
			
			#side_menu li{
				padding:0;
				margin:0;
				display:inline;}
			
			img.sm{
				margin:0;
				display:block;}
		
		#about_text {
			padding:35px 20px 0 20px;
			font-size:.8em;
			border-top:solid 1px #dae3e8;
			border-left:solid 1px #dae3e8;
			height:196px;}
			
			#about_text p{
				line-height:1.6em;}
			
.content_bottom {
		float:left;}

#footer {
	text-align:center;
	clear: both;
	min-height:157px;

	background-repeat: repeat-x;
	background-position:top;}
	
	#footer_top {
		height:10px;
		width:962px;
		background-color:#9b0a00;
		margin:0 auto;}
	
	#footer_logo {
		width:293px;
		margin:0 auto;
		padding-left:665px;}


/* End Structure */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;}

acronym, abbr {
	border-bottom: 1px dashed #999;}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;}

blockquote cite {
	margin: 5px 0 0;
	display: block;}

.center {
	text-align: center;}

p {
	line-height:1.4em;}

a img {
	border: none;}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE5/Mac \*/
* html .clearfix {height: 1px;}
.clearfix {display: block;}
/* End hide from IE5/Mac */
/* End Various Tags & Classes*/

