@charset "utf-8";
/* CSS Document */

body {
	background-color: #999;
	background-image: url(../images/backwall.jpg);
	color: #FFFFFF;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 14px;
	text-align: center; /* for IE */
	min-width: 800px;  /* for Mozilla - to prevent div disappearing when browser small */
}

/* *** Header *** */

#header {
	color:#ffffff;
	margin: 0 auto;   /* align for good browsers */
	padding-top: 20px;
	padding-bottom: 40px;
	text-align: left; /* counter the body center */
	width:800px; height: 170px;
}
.logo {
	background-image:url(../images/backheadertop.png); 
	color:#ffffff;
	float: left;
	padding: 0 40px;
}
.plaque {
	color:#ffffff;
	float: right;
	width:180px;
}


/* *** Menu *** */

#menu {
	display: block;
	margin: 0 auto;   /* align for good browsers */
	text-align: left; /* counter the body center */
	width:800px;
	clear: both;
}
#nav ul{
	display: block;
	margin: 0px; padding: 0px;
}
#nav ul li{
	float: left;
	list-style-type: none;
	text-align: center;
}
#nav ul li a{
	color: #fff;
	text-decoration: none;
	display: block;
	background-color: #85ad90;
	width: 160px;
	padding: 10px 0px;
}
#nav ul li a:hover{
	background-color: #B14C52;
	text-decoration: none;
}
#nav li .hilite {	
/*	background-color: #62869a; blue */
	background-color: #959595;  /*grey */
	text-decoration: none;
}
#nav li a:active {
	background-color: #bf6c71;
	text-decoration: none;
}


/* *** Middle *** */

#wrapper {
	color:#ffffff;
	margin: 0 auto;   /* align for good browsers */
	padding: 0px; 
	text-align: left; /* counter the body center */
	width:800px;
	clear: both;
}
#wrappertop {
	background-image:url(../images/backstrip.png); 
	background-color: #333;
/*	filter: alpha(opacity=65);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=65);
	-moz-opacity: 0.65; opacity:0.65; */
	width:800px; height: 20px;
	margin: 0px; padding: 0px;
}
#wrappermiddle {
	background-color: #fff;
	color:#000;
	/* filter: alpha(opacity=85);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=85);
	-moz-opacity: 0.85; opacity:0.85;*/
	margin: 0px;
	padding: 5px 20px 20px 20px;
}
#wrapperbottom {
	background-image:url(../images/backstrip.png); 
	background-color: #333; 
/*	filter: alpha(opacity=65);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=65);
	-moz-opacity: 0.65; opacity:0.65; */
	width:800px; height: 20px;
}


/* *** Footer *** */

#footer {
	background-color: #000;
	color:#fff;
	clear: both;
	font-size: 11px;
	filter: alpha(opacity=75);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);
	-moz-opacity: 0.75; opacity:0.75;
	margin: 0px auto 30px auto;
	width:800px; height: 43px;
}

/* left footer */
#footerleft{
	text-align: left;
	float: left;
	padding-top: 11px;
	padding-left: 17px;	
}
/* center footer */
#footercenter{
	text-align: center;
	float: left;
	padding-top: 11px;
	padding-left: 120px;
	padding-right: 17px;
}
/* right footer */
#footerright{
	text-align: right;
	float: right;
	padding-top: 11px;
	padding-right: 12px;
}

a.designer:link, a.designer:visited{
	color: #3f3;	text-decoration: none;
}
a.designer:hover {
	color: #3f3;	text-decoration: underline;
}
a.copyright, a.copyright:link, a.copyright:visited{
	color: #39f;	text-decoration: none;
}
a.copyright:hover {
	color: #39f;	text-decoration: underline;
}

/* *** Image alignment *** */

.imageright{
	float: right;
	margin-top: 10px;
	margin-left: 20px;
	margin-bottom: 20px;
	color: #666;
	font-size: 11px;
}
.imagecenter{
	margin: 15px auto 15px auto;
	padding: 0px;
	color: #666;
	font-size: 11px;
	text-align: center;
}
.flashright{
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
}

.newsdate{
	color: #666;
	font-size: 11px;
	margin-top: 20px;
	padding: 3px;
	display: block; background-color: #ececec;
}

/* *** Download icons *** */

.iconwrapper{
	width: 400px; height: 60px;
	font-size: 11px;
	margin-left: 20px;
	margin-top: 20px;
	padding: 3px;
}
.iconimg{
	width: 50px;
	float: left;
}
.icontext{
	width: 290px;
	float: right;
}

/* *** Image Slideshow *** */

#slideshow {
    position:relative;
	margin-top: 20px;
	margin-left: 10px;
	margin-bottom: 10px;
	width:400px; height:400px;
	float: right;
}

#slideshow DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    height: 400px;
    background-color: #FFF;
}

#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
}

#slideshow DIV.last-active {
    z-index:9;
}

#slideshow DIV IMG {
    height: 400px;
    display: block;
    border: 0;
    margin-bottom: 10px;
}  


/* *** jQuery Feedback Form *** */

#contact_form { width:600px; margin:0 auto; height:245px; padding:10px 0; background: transparent url(../images/form_bg.png) no-repeat; position:relative; }

form fieldset { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.2em; margin:0px 0px 20px 0px; width:578px; position:relative; border:0;display:block; padding: 0px 10px 8px; }
form fieldset legend { border-width:1px; border-style:solid; border-color:#BBBB66; color:#3D7169;
font-weight:bold; font-variant:small-caps; font-size:140%; padding:4px 8px; margin:0px 0px 10px 0px; position:relative; top: -12px; background:white; }

label {
	font-size:12px;
	display:block;
	float:left;
	width:100px;
	text-align:right;
	margin:.2em .2em 0 0;
	color:#ffd;
	padding:8px 0px;
}
label.error { font-weight:normal; color:red;text-align:left;width:140px; padding-left:25px;background: transparent url(../images/cancel.png) no-repeat scroll left; }

input.text-input { margin:4px;padding:2px 0;color:#333; }

label#name_label      { position:absolute; top:0; left:0; }
input#name            { position:absolute; top:0; left:110px; }
label#name_error      { position:absolute; top:22px; left:120px; }

label#email_label     { position:absolute; top:45px; left:0px; }
input#email           { position:absolute; top:45px; left:110px; }
label#email_error      { position:absolute; top:67px; left:120px; }

label#phone_label     { position:absolute; top:90px; left:0px; }
input#phone           { position:absolute; top:90px; left:110px; }
label#phone_error      { position:absolute; top:112px; left:120px; }

label#details_label     { position:absolute; top:135px; left:0px; }
textarea#details           { position:absolute; top:135px; left:110px; }
label#details_error      { position:absolute; top:157px; left:120px; }

input.button { position:absolute; top:175px; left:120px; padding:3px 6px; border:2px solid #fff; margin:20px 0px 0px 0px; color:#3D7169; font-family:Verdana, Arial, Helvetica, sans-serif;background:#CCC; -moz-border-radius:5px; }												
input.button:hover { background:#85ad90 none repeat scroll 0% 0%; color:white; }

#message{ width:180px;margin:60px 0 0 100px; }
#message h2	{ font-size:150%;color:white; }
#message p	{ color:white;font-weight:bold;margin:6px 0px; }
#checkmark	{ position:relative;top:-46px;left:-60px; }