body{background:url(../images/bg_page.jpg); margin:0px auto; background-color:#ad8f75; background-attachment:fixed; font:12px Arial,Tahoma,Helvetica;}
h1, h2, h3, h4, h5{padding:0px; margin:0; font: 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif, ahoma, Arial; font-weight:normal; letter-spacing: -1px; }

h1{font-size:30px; margin:5px 0 5px;}
h3{font-size:18px; margin:10px 0 5px;}
h2{font-size:24px; margin:0px 0 10px;} 
ul{list-style-type:none;}
a{text-decoration:none; color:#FFF;}
a:hover{color:#ffdf09;}

table, table td { 
	border:none;
	border-collapse:collapse;
}
.noclass{background:none;}
tr:nth-child(even) {border-bottom:1px solid #b0836e; border-top:1px solid #b0836e; vertical-align:top; line-height:18px;}
tr:nth-child(odd) {background-color:#c8a681; vertical-align:top; line-height:18px;}
tr:nth-child(1) {font-weight: bold; background:#6e5144; color:#fff; border-bottom:3px solid #fff; vertical-align:middle}
tr:nth-child(1) a{color:#fff; font-weight: bold;}

.hr1{border-bottom:1px solid #FFF; height:1px; background-color:#CCC; width:100%; margin-bottom:15px;}
.white{color:#FFF;}
.yellow{color:#efed4f;}
.green{color:#e2f28c;}
.left {float:left}
.right {float:right}
.clear{clear:both;}
.radius5{-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.radius7{-moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px;}
.trans{
	/* Theoretically for IE 8 & 9 (more valid) */ /* ...but not required as filter works too */ /* should come BEFORE filter */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";

	/* This works in IE 8 & 9 too */ /* ... but also 5, 6, 7 */ 
	filter: alpha(opacity=60);

	/* Older than Firefox 0.9 */
	-moz-opacity:0.6;

	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 0.6;

	/* Modern! 	/* Firefox 0.9+, Safari 2?, Chrome any? 	/* Opera 9+, IE 9+ */
	opacity: 0.6;
}
.shadow {
  -moz-box-shadow:    2px 8px 5px 2px #ccc;
  -webkit-box-shadow: 2px 8px 5px 2px #ccc;
  box-shadow:         2px 8px 5px 2px #ccc;
}


#spacer{height:10px; width:100%;}
#banner-bg{background:url(../images/bg_banner.jpg) repeat-x; background-position:bottom; background-color:#2a97c0;  min-height:100px;  margin-top:30px; border-bottom:0px #217a9b solid;}
#banner-bg img{margin-top:-4px;}

#main{
	margin:0 auto;
	position:relative;
	width:1000px;
}
#banner-left{height:100px; width:300px; padding-top:0px; float:left;}
#banner-right{float:left;height:100px; width:700px; padding-top:20px; }

#menu{padding:10px; border:1px solid #444; background:#6f5447; margin-bottom:20px;}
#menu a{text-transform:uppercase; font: 14px Gerogia; color:#FFF; margin-right:15px;}
#menu a:hover{color:#f6ff00; }


#content-left{
	clear:both;
	margin-right:0px; padding:0px;
	float:left; width:220px;
	margin-right:30px;
	padding-bottom:20px;
	color:#fff;	
}
#content-left img{border:1px solid #ddd; padding:6px; margin-right: 10px; margin-bottom:10px;}
#content-left  a{
	display:block;
	padding:5px 0 5px;
	border-bottom:1px dashed #cab39e;
	color:#e2f28c;
}
#content-left a:hover{color:#fff;}
#content-left .img-href{border:0; margin-bottom:20px;}

#content-right{
	float:left; padding: 0;
	width:750px; min-height:400px; overflow:auto;
	color:#fff;
}
#content-right .cols{float:left; width:142px; height:auto; 
	background:#e9d3be; text-align:center; color:#86705b;
	margin-bottom:30px; padding:10px; border:1px solid #EEE; 
	}
#content-right .colshr{border:0; border-top:1px solid #c8ae96; border-bottom:1px solid #f6e6d7; height:1px; background-color:#777; width:100%; margin-bottom:5px;} 
	
#content-right .cols-lg{float:left; width:203px; height:auto; 
	background:#e9d3be; text-align:center; color:#86705b;
	margin-bottom:30px; padding:10px 10px 0; border:1px solid #EEE; 
	}
#content-right  .para{padding:15px; border:1px solid #aa8c6f; margin-bottom:20px;}
#content-right  .parabg{background:#c7a781;}
#content-right .para img{border:1px solid #eee; padding:8px; margin-left:10px;}
#content-right .rightmargin{margin-right:30px;}
#content-right .prod-img{border:1px solid #EEE; margin-bottom:10px;}
#content-right p{margin-bottom:5px;}
#slider-right{
	margin-left: 5px; background:#c7a781;
	padding:5px 15px 15px; border:0 solid #aa8c6f;
	float:left; width:163px; height:202px;
	line-height:18px;
	color:#e2f28c;
	overflow:hidden;
}
#slider-right .list1 ul{}
#slider-right .list1 li {line-height:20px; margin-left:-40px; }
#slider-right .list1 li a {display:inline-block;background:url(./images/button.png) 0 4px no-repeat; padding-left:20px;color:#e2f28c;text-decoration:none}
#slider-right .list1 li a:hover {background-position:0 -38px; color:#fff; text-decoration:underline; background:url(./images/button-hover.png) 0 4px no-repeat;}


/* footer */
#spacer{clear:both;width:100%; height:10px; position:relative; margin:0 auto;}
#footer-bg {
	clear:left; margin:0; overflow:auto;
	width:100%; position:relative;	
	background:url(../images/bg_footer.jpg);
	border-top:0px solid #333; border-bottom:5px solid 333;
}

#footer{
	color:#ac998f;
	margin:0 auto;
	padding-top:30px;
	height:auto;
	width:1000px;
	line-height:18px;
}

#footer .hr{width:100%; height:1px; border-bottom:1px solid #725446; background-color:#333; margin:10px 0 10px;}
#footer .cols{width:190px; float:left; overflow:auto; margin-bottom:20px;}
#footer .cols-lg{width:385px; float:left; overflow:auto; margin-bottom:20px;}
#footer .rightmargin{margin-right:20px;}
#footer h2{color:#f6f57a; letter-spacing:-1px;}
#footer .img-1{border:1px solid #8a695b; padding:6px; background:#6d5044; margin-bottom:10px; margin-right:5px;}
#footer .img-2{border:1px solid #8a695b; padding:6px; background:#6d5044; margin-bottom:10px;}
#footer a {color:#7b95a8;}
#footer a:hover{color:#FFF}

.listhome {margin:0;}
.listhome p{margin:0; margin-bottom:2px;  margin-left:-7px; padding:0; padding-bottom:5px; line-height:10px; border-bottom:1px dashed #DDD;}



/* *********************** FORMS ****************************/

.alert_error{color:red; font-size:13px; padding:7px; display:inline; letter-spacing:1.5; margin-bottom:20px;}
.formlabel{background:#f6f6f6; padding:5px; margin-bottom:2px; height:auto; overflow:auto; border:1px solid #fff;}
.leftfield, .rightfield{float:left;  vertical-align:top;}
.leftfield{clear:both; width:170px; text-align:right; padding:9px 10px 5px;}
.rightfield{width:520px; padding:2px 10px 5px; height:auto;}
.onecolfield{padding:10px 20px 10px;}
.noclass{padding:10px; margin:10px 0px 0 ; border:0;}
.formnotes{color:#ff6c00; font-size:11px;}
form{
	height:auto; overflow:auto ; color:#eee;
}

fieldset { border:1px solid #ffc376; background-color:#fff1ce;}

input[type=text], input[type=password], select, textarea{
	padding:5px; border:1px solid #eee; min-width:50%;
	background-color:#fff;
	color:#555;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
}


input[type=submit],input[type=button], input[type=reset]{
	border:none; padding:7px; text-decoration:none;
	font-size:12px;
	font-weight:bold;
	background:#09F; color:white; 
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
}

input[type=submit]:hover, input[type=button]:hover, input[type=reset]{
	background:#0087ff;
	cursor:pointer;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
}

#onlineform { width: 100%; }
#onlineform label.error {
	margin-left: 10px;
	width: auto;
	color:yellow;
	display: inline;
}


.multisel{color:#00f;
	background-color:#ddd;
	color:#fff; background-color:#33b;
	border-width:4px;
	border-color:#00f;
	border:0;
	font-family:"Courier New", Courier;
	font-size:150%;
	font-size:10%;
	font-weight:bold;
	padding:0;
	margin:0; text-align:right; width:10em;
}


.trans{  
	/* Required for IE 5, 6, 7 */
	/* ...or something to trigger hasLayout, like zoom: 1; */

	/* Theoretically for IE 8 & 9 (more valid) */ /* ...but not required as filter works too */ /* should come BEFORE filter */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";

	/* This works in IE 8 & 9 too */ /* ... but also 5, 6, 7 */ 
	filter: alpha(opacity=60);

	/* Older than Firefox 0.9 */
	-moz-opacity:0.6;

	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 0.6;

	/* Modern! 	/* Firefox 0.9+, Safari 2?, Chrome any? 	/* Opera 9+, IE 9+ */
	opacity: 0.6;
} 
