/* LOAD EXTERNAL CSS FILES
---------------------------------------------------*/

@import "reset.css";
@import "typo.css";


/* GLOBAL CSS
---------------------------------------------------*/

html { height: 100%; }

body { 
	background: #fff url('../images/inner-bg.png') repeat-x; 
	font-family: Arial, "Helvetica Neue", Verdana sans-serif; 
	text-align: center;
	height: 100%; } 

a { color: #be1a23; }

.hidden { display: none; }

body#index { background: #fff url('../images/bg.png') repeat-x; }
	
	#container { width: 912px; margin: 0 auto; text-align: left; position: relative; overflow: hidden; }
		
		#header { overflow: hidden; position: relative; height: 95px; margin-bottom: 83px; }
		#index #header { height: 382px; margin-bottom: 160px; }
		
			#logo-img { position: absolute; top: 10px; left: 0; z-index: 20; }
			
			#topnav { position: absolute; top: 10px; right: 0; z-index: 20; margin: 0; }
				#topnav li { float: left; list-style: none; }
				#topnav li a { display: block; height: 43px; text-indent: -9999px; }
					#topnav-company { width: 102px; background: url('../images/topnav.png') no-repeat; }
						#topnav-company:hover { background-position: 0 -43px; }
						#topnav-company.active { background-position: 0 -86px; }
					#topnav-news { width: 112px; background: url('../images/topnav.png') no-repeat -103px 0; }
						#topnav-news:hover { background-position: -103px -43px; }
						#topnav-news.active { background-position: -103px -86px; }
					#topnav-expert { width: 119px; background: url('../images/topnav.png') no-repeat -217px 0; }
						#topnav-expert:hover { background-position: -217px -43px; }
						#topnav-expert.active { background-position: -217px -86px; }
					#topnav-dealers { width: 169px; background: url('../images/topnav.png') no-repeat -339px 0; }
						#topnav-dealers:hover { background-position: -339px -43px; }
						#topnav-dealers.active { background-position: -339px -86px; }
					#topnav-contact { width: 98px; background: url('../images/topnav.png') no-repeat -512px 0; }
						#topnav-contact:hover { background-position: -512px -43px; }
						#topnav-contact.active { background-position: -512px -86px; }
						
			#branding { margin-top: 73px; }
			
				#left-branding { float: left; width: 445px; margin: 44px 0 0 20px; }
					#left-branding img { margin-bottom: 20px; }
					#left-branding p { line-height: 1.4; }
					#left-branding p strong { font-weight: bold; font-size: 14px; }
					
				#right-branding { 
					float: left; 
					margin: 24px 0 0 100px; 
					background: url('../images/vase.jpg') no-repeat; 
					width: 294px;
					height: 237px; }
			
		#main-nav { position: absolute; top: 350px; left: 0; margin: 0; z-index: 20px; }
			#main-nav li { list-style: none; float: left; width: 300px; margin-right: 6px; text-indent: -9999px; }
			#main-nav li.last { margin-right: 0; }
			#main-nav li a { display: block; width: 300px; height: 171px; text-indent: -9999px; }
				#products { background: url('../images/nav.jpg') no-repeat; }
					#products:hover { background-position: 0 -171px; }
				#gallery { background: url('../images/nav.jpg') no-repeat -300px 0; }
					#gallery:hover { background-position: -300px -171px; }
				#uses { background: url('../images/nav.jpg') no-repeat -600px 0; }
					#uses:hover { background-position: -600px -171px; }
			#main-nav li span { visibility: hidden; }
					
		#content { 
			clear: both;
			margin: 0;
			padding: 20px 0; 
			background: #fff url('../images/homepage-content-bg.png') no-repeat; 
			overflow: hidden; }
			
			.contentainer { float: left; width: 260px; margin: 0 25px 0 20px; }
				.contentainer.last { margin-right: 0; }
				.contentainer img { margin-bottom: 11px; }
			
				.content-title { font-family: "Myriad Pro", sans-serif; font-weight: bold; font-size: 20px; margin-bottom: 22px; }
				.sub-title { color: #c0a226; font-size: 15px; font-weight: bold; margin-bottom: 8px; }
					.sub-title span { text-decoration: underline; }
				.contentainer p { line-height: 1.3; }
				#start-fixing {  }
				#more-about-us { margin-top: 12px; }
				
		#footer-container { width: 100%; background: #e8dba9 url('../images/footer-bg.png') repeat-x; height: 45px; text-align: center; position: relative; margin: 0; padding: 0; border: 0; }
		
			#footer-ribbon { height: 55px; overflow: hidden; position: absolute; left: 50%; bottom: 0; margin: 0 0 0 -200px; padding: 0; z-index: 0; }
			
			#footer { width: 912px; text-align: left; margin: 0 auto; padding: 0; font-size: 11px; }
				
				#copyright { float: left; margin: 20px 0 0 20px; }
				#madeusa { position: absolute; top: 20px; left: 50%; margin-left: -120px; }
				
				#languages { float: right; margin: 20px 20px 0 0; }
					#languages li { display: inline; list-style: none; border-right: 1px solid #111; padding: 0 12px; }
						#languages li img { vertical-align: text-bottom; }
						#languages li.first { padding-left: 0; }
						#languages li.last { padding-right: 0; border: 0; }
					#languages li a { color: #111; }
					#languages li a:hover { text-decoration: none; }
					

/* INNER PAGE CSS
---------------------------------------------------*/

		#inner-nav { position: absolute; z-index: 10; top: 95px; }
		
			#inner-nav ul { margin: 0; padding: 0; } 
				#inner-nav ul li { float: left; list-style: none; margin-right: 6px; }
				#inner-nav ul li.last { margin-right: 0; }
				#inner-nav li a { display: block; width: 300px; height: 88px; text-indent: -9999px; }
					#inner-products { background: url('../images/inner-nav.png') no-repeat; }
						#inner-products:hover { background-position: 0 -88px; }
						#inner-products.active { background-position: 0 -176px; }
					#inner-gallery { background: url('../images/inner-nav.png') no-repeat -306px 0; }
						#inner-gallery:hover { background-position: -306px -88px; }
						#inner-gallery.active { background-position: -306px -176px; }
					#inner-products { background: url('../images/inner-nav.png') no-repeat; }
						#inner-products:hover { background-position: 0 -88px; }
						#inner-products.active { background-position: 0 -176px; }
					#inner-uses { background: url('../images/inner-nav.png') no-repeat -612px 0; }
						#inner-uses:hover { background-position: -612px -88px; }
						#inner-uses.active { background-position: -612px -176px; }
				#inner-nav li span { visibility: hidden; }
				
		#inner-content {
			padding: 20px 0; 
			background: #fff url('../images/homepage-content-bg.png') no-repeat top left;
			overflow: hidden; }
			
		body.project-gallery #inner-content { padding: 20px; } /* adjusts the padding for the single column project gallery page */
		
		#inner-content p { line-height: 1.3; }
			
		#sidenav { float: left; width: 260px; margin: 0 20px;  }
			
			#sidenav h2 { color: #c0a226; font-size: 15px; font-weight: bold; }
			
			#sidenav ul { margin: 0; padding: 0; font-size: 16px; }
				#sidenav ul li { list-style: none; }
					#sidenav ul li a { display: block; padding: 5px 0 0 10px; width: 250px; height: 26px; color: #fff; background: url('../images/sidenav-item.png') no-repeat; text-decoration: none; }
					#sidenav ul li.first a { padding-top: 9px; height: 24px; background: url('../images/sidenav-top.png') no-repeat; }
					#sidenav ul li.last a#last-link { height: 27px; background: url('../images/sidenav-bottom.png') no-repeat; }
					#sidenav ul li.last a#last-link.active { height: 26px; background: url('../images/sidenav-item.png') no-repeat !important; }
					
				#sidenav ul li ul { margin: 0; padding: 0; font-size: 14px; }
					#sidenav ul li ul li { padding: 0 10px; background: url('../images/sidenav-submenu-bg.png') repeat-y; }
						#sidenav ul li ul li a { background: #4c4c4c !important; height: 18px !important; padding-top: 5px !important; width: 230px; border-bottom: 1px solid #5e5e5e; }
						#sidenav ul li ul li a:hover, #sidenav ul li ul li a.active { background: url('../images/sidenav-submenu-active.png') top left !important; }
						#bottom-rounder { height: 10px; background: url('../images/sidenav-bottom.png') no-repeat bottom left !important; }
						.boxee { background: url('../images/sidenav-item.png') no-repeat !important; height: 26px !important; }
						
			#main-sidenav li ul { display: none; }
			
			#product-content { float: left; margin-left: 20px; width: 566px; min-height: 540px; }
			.link-content { padding-bottom: 14px; width: 96.5%; }
			.link-content a { color: #111; text-decoration: none; }
			
				#product-detail-header { clear: right; overflow: hidden; }
				#product-detail-header p { float: left; text-align: right; text-transform: uppercase; font-size: 14px; line-height: 1; border-right: 2px solid #111; padding-right: 4px; }
				#product-detail-header p span { color: #6c161b; }
				#product-detail-header h1 { float: left; margin: -3px 0 0 4px; line-height: 1; color: #be1a23; }
				#product-detail-image { float: right; margin: 0 0 16px 16px; } 
				
				.floatRpic { float: right; margin: 0 0 16px 16px; } 
	
				#product-content h2 { color: #c0a226; font-size: 15px; font-weight: bold; }
				
				
				#total-sitemap { list-style: none; margin: 0; }
				#total-sitemap a { text-decoration: none; color: #be1a23; }
				#total-sitemap a:hover { text-decoration: underline; }
					#total-sitemap li { margin-bottom: 8px; text-transform: uppercase; font-weight: bold; font-size: 12px; }
					#total-sitemap li ul { margin: 8px 0 8px 20px; list-style: none; }
					#total-sitemap li ul a { color: #000; }
						#total-sitemap li ul li ul a { color: #be1a23; }
				
		#sample-gallery img { float: left; margin: 0 50px 50px 0; }
		
		.dataTable ul { clear: both; width:500px; padding:0; margin:0px; list-style-type:none; }
		.dataTable li { display:inline; float:left; width:150px; height:24px; color:#111; padding:0.2em 0.6em; border-left-style:solid; border-left-width: 1px; border-left-color:#BBBBBB; }
		.dataTable a {text-decoration: none; }
		.dataTable img { vertical-align: middle; }
		.odd li{ background-color: #DDDDDD; }
		
		.usesTable {margin-bottom: 30px;}
		.usesTable ul { clear: both; width:600; padding:0; margin:0px; list-style-type:none;  }
		.usesTable li { display:inline; width:250px; float:left; color:#111; padding:0.3em 0.7em; font-size:11px; border-left-style:solid; border-left-width: 1px; border-left-color:#BBBBBB; }
		.leftCell {  font-weight:bold; }
		.useHead li {background-color: #BBBBBB;}
		
/* ADMIN CSS
---------------------------------------------------*/
#admin-header { overflow: hidden; position: relative; height: 70px; margin-bottom: 83px; }
#admin-sidenav { float: left; width: 120px; margin: 0 20px;  }
	#admin-sidenav h4 { color: #be1a23; line-height: 12px; font-weight: bold; margin-bottom: 3px; margin-top: 15px; }
#admin-content { float: left; margin-left: 20px; width: 706px; min-height: 540px; }
	#admin-content h2 { color: #c0a226; font-size: 15px; font-weight: bold; }
	
/* =Forms
-----------------------------------------------------------------------------*/
label{ float: left; width: 150px; font-weight: bold; }
input, textarea, select{ padding: 2px; width: 220px; margin-bottom: 5px; color: #222; background: #EEE; border: 1px solid #222 }
textarea { width: 350px; height: 150px; }
.boxes{ width: 20px; border: none; }
#submitbutton{ margin-left: 150px; margin-top: 5px; width: 120px; color: #222; background: #c0a226; }
#usesChkbx input { padding: 0; width: 20px; margin: 0;}