/* ---------------------- MAIN TEMPLATE -----------------------*/
	
body {background: url('bg.jpg') 0 0 repeat-x;
	background-color: #b5c9ca;
	color: #425452;
	text-align: center;
	font-size: 12px;
	font-family: sans-serif;}

div.container {width: 900px;
	margin: 20px auto;
	padding: 10px;
	background: url('container.jpg') 0 0 repeat-x;
	background-color: #cce9e9;
	border: 1px solid #999;}
  
div#wrap-banner {width: 898px;
	height: 400px;
	border: 1px solid #999;}
	 
h1#banner {height: 0px;
		height: 0px !important;
		height /**/: 400px;
		padding-top: 400px;
		width: 898px;
		margin: 0px;
		background: url('banner-crate.jpg') 0 0 no-repeat;
		overflow: hidden;}
		
div.main {margin: 5px 0px 8px;
	padding: 0px 0px 0px;
	background-image: url('main3.jpg');
	background-color: #fff;}  
  
div.content {min-height: 420px;
	margin-left: 310px;
	padding: 15px;
	background-color: #fff;
	border: 1px solid #999}	
	
/* ---------------------- MAIN MENU -----------------------*/
	
	
	
ul.menu {height: 28px; margin:7px 0px 0px 3px; padding:0; background: url('menu.jpg') 0 0 no-repeat; text-align: left; font-family: verdana, arial; list-style:none; }
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#000; font-size:11px; text-decoration:none}
ul.menu li {position:relative; float:left; margin-right:2px}
ul.menu ul {position:absolute; top:26px; left:0; background:#d1d1d1; display:none; opacity:0; list-style:none}
ul.menu ul li {position:relative; border:1px solid #aaa; border-top:none; width:175px; margin:0}
ul.menu ul li a {display:block; padding:3px 7px 5px; background-color:#d1d1d1}
ul.menu ul li a:hover {background-color:#c5c5c5}
ul.menu ul ul {left:175px; top:-1px}
ul.menu .menulink {border:1px solid #aaa; padding:5px 7px 7px; font-weight:bold; text-align: center; background:url(images/header.gif); width:161px}
ul.menu .menulink:hover, ul.menu .menuhover {background:url(images/header_over.gif)}
ul.menu .sub {background:#d1d1d1 url(images/arrow.gif) 163px 8px no-repeat}
ul.menu .topline {border-top:1px solid #aaa}



/* ---------------------- QUOTE FORM -----------------------*/
	
  
div#quote-wrapper {float: left;
	width: 302px;
	margin: 0px;
	padding: 0px 0px 8px;
	background-color: #cce9e9;}
	
form#quote {height: 420px;
	margin: 0px;
	padding: 15px;
	background-color: #fff;
	border: 1px solid #999;}
	
div#quote-message {height: 50px; padding: 5px 0px;}	
form#quote h2 {margin-bottom: 0px;}
form#quote h3 {margin: 2px 0px 15px; text-align: center; font-size: 14px; font-weight: normal; color: #33655c;}
form#quote h3.thanks {margin: 50px 0px 15px; font-size: 18px;}
form#quote h3.sent {margin: 0px 0px 15px; font-size: 15px;}

form#quote p {margin: 5px 0px 0px; text-align: right;}
form#quote p.center {margin: 20px 0px 10px; text-align: center;}
form#quote p.left {margin: 20px 0px 20px; text-align: left;}
form#quote p.budget {float: right; margin: 25px 10px 0px 0px; text-align: left; font-size: 16px;}
  	
form#quote p input  {width: 170px;}
form#quote p.budget input {width: 50px;}
form#quote textarea  {width: 270px; height: 140px;}

form#quote div.submit {width: 220px; margin: 0px auto;}
form#quote div.submit input {float: right; width: 100px; margin: 20px 5px 0px; font-size: 14px; color: #333;}
  
div.quote-error {height: 49px;
	margin: 10px 0px 0px;
	color: #977;
	font-size: 16px;
	font-weight: bold;}
  
* html div#quote-wrapper {width: 307px; padding-bottom: 6px;}
* html form#quote textarea {width: 250px;}  

/* ---------------------- ICON PAGES -----------------------*/
	
	
div.icons {margin: 50px 8px 0px;
	height: 130px;}
	
div.icons a {display: block;
	float: left;
	width: 135px;
	height: 50px;
	margin: 0px;
	padding: 100px 0px 20px;
	font-size: 18px;
	text-align: center;}

div.icons a:focus {outline: none;}	
	  
* html div.icons a {width: 130px;}  
  
  
  
/* ---------------------- ACCORDIONS -----------------------*/
	
div#accordion h3 {margin: 3px 0px 0px;
	padding: 6px 0px 6px 50px;
	background-image: url('slider-closed.jpg');
	text-align: left;
	font-size: 14px;
	border: 1px solid #d4dad9;}
	
div#accordion p {margin: 0px 0px 10px;}
  
div.element div {margin-bottom: 5px;
	padding: 10px 10px 5px;
	border: 5px double #d4dad9;}	
	
div#accordion h4 {margin: 0px 0px 5px;
	font-size: 12px;
	text-align: left;}


/* ---------------------- CONTENT -----------------------*/
	
  
h2 {margin: 5px 15px 15px;
	color: #485e5f;
	font-size: 18px;
	font-weight: normal;}
  
p {text-align: justify;}
p.italic {font-style: italic;}
p.bold-italic {font-style: italic; font-weight: bold;}
p.asterisk {margin: 15px 0px 0px; font-size: 11px; font-style: italic; text-align: center;}

a {color: #666;}
a:link {}
a:visited {}
a:hover {color: #444;}



/* ---------------------- ERROR MESSAGES -----------------------*/
	

div.error {height: 20px;
	margin: 10px 0px;
	color: #977;
	font-size: 16px;
	font-weight: bold;}
  
  
  

/* ---------------------- FOOTER -----------------------*/
	

div.foot {height: 100px;
	margin: 0px 0px 0px;
	padding-top: 50px;
	background-color: #fff;
	border: 1px solid #999;}  
	
div.foot p {text-align: center;
	font-size: 11px;}
  
* html div.foot {margin-top: 6px;}