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


html,
body {
	margin:0;
	position:relative;
	width:100%;
	padding:0;
	height:100%;
	background-image:url(../images/background.jpg);
	background-repeat:no-repeat;
	background-color:#000;
	background-position:center 100px;
	z-index:-2;
}


#container {
   	min-height:100%;
   	position:relative;
		background-image:none;

}

#test {
	min-width:816px;
	width:100%;
	position:relative;
	background-color:#000;
	height:175px;
	padding-top:75px;
	background-image:url(../images/headerfooterbg.gif);
	background-repeat:repeat;
	margin-bottom:49px;
	border-bottom:#000 solid 1px;
}

#header {	
	background:#333;
	width:816px;
	height:12px;
	text-align:right;
	padding-top:10px;
}

#menu{
	position:relative;
	width:816px;
	height:130px;
	text-align:left;
	padding-top:40px;
}

#menuimage{
	position:relative;
	width:816px;
	height:60px;
	text-align:left;
	margin-top:10px;
	float:left;
}

#bi{
	position:relative;
	width:816px;
	height:50px;
}

#menunav{ 
	position:relative;
	float:left;
	width:100%;
	text-align:left;
	margin-top:20px;
	line-height:30px;
	border-top:#444 1px solid;
	padding-top:5px;
}

#content {
	width:816px;
   	padding-bottom:500px;
	margin-top:-13px;
	min-height:385px;
	background-repeat:no-repeat;
	/* Height of the footer */ 
}

#products{
	width:816px;
	background-color:#1a1a1a;
	height:100px;
}

#footerbg{
	position:absolute;
	background-image:url(../images/footerbg2.gif);
	width:100%;
	min-width:816px;
	height:480px;
	bottom:0;
	z-index:0;
	left:0;
	border-top:#000 solid 1px;
}

#footer {
   	position:absolute;
	background-position:center -47px;
	bottom:0;
	width:816px;
	height:480px;   /* Height of the footer */
	z-index:1;
}


#footercopy {
	position:absolute;
	width:100%;
	min-width:816px;
	bottom:0;
	z-index:2;
	left:0;
	height:50px;
	text-align:right;
}

#bi{
	position:relative;
	width:20px;
	float:left;
	top:-5px;
}

h1 {
	font-family:Georgia, serif;
	font-weight:normal;
	color:#fff;
	font-size:12px;
	text-align:left;
}

h1.rest {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFF;
}

h2 {
	font-family:georgia,times,serif;
	font-weight:normal;
	font-size:36px;
	color:#fff;
	text-align:justify;
	margin:auto;
}

h3 {
	font-family:georgia,times,serif;
	font-weight:normal;
	font-size:16px;
	color:#fff;
	border-spacing:inherit;
	text-align:justify;
}

h4 {
	font-weight: normal; color: #333333; font-family: Georgia, serif; font-size:13px;
	margin:0; padding-bottom:10px; padding-top:10px; text-align:left; color:#fff;
}

h5 {
	text-align:left; margin:0; font-size:10px; color:#fff; font-family:georgia, serif; font-weight:normal;
}

h6 {
	text-align:left;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:normal;
	color:white;
}

img {
	padding: 0;
	margin: 0;
}

p {
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	color:#fff;
	text-align:left;
}



ul {
	text-align:left;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

li {
	text-align:left;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	background-image:url(../images/nav_bi.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
	line-height:1.5em;
	padding-left:8px;
	padding-bottom:15px;
}

.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, 
div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, 
div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, 
div.span-footerleft, div.span-footerright, div.span-18, div.span-19, div.span-20, 
div.span-21, div.span-22, div.span-23, div.span-24 {
  float: left;
}


.span-1  { width: 30px; }
.span-2  { width: 70px; }
.span-3  { width: 110px; }
.span-4  { width: 154px; padding-right:50px; }
.span-5  { width: 204px; }
.span-6  { width: 182px; background:#06C;}
.span-7  { width: 270px; background:#06C;}
.span-8  { width: 310px; background:#06C;}
.span-9  { width: 350px; }
.span-10 { width: 390px; }
.span-11 { width: 430px; }
.span-12 { width: 470px; }
.span-13 { width: 30px; background-color:#6CF; height:100px; }
.span-14 { width: 200px; }
.span-15 { width: 30px; }
.span-footerleft { width: 465px; padding-top:20px; padding-bottom:20px; }
.span-footerright { width: 351px; padding-top:20px; padding-bottom:20px; }
.span-18 { width: 710px; }
.span-19 { width: 750px; }
.span-20 { width: 790px; }
.span-21 { width: 830px; }
.span-22 { width: 870px; }
.span-23 { width: 910px; }
.span-24 { width: 950px; margin: 0; }

.clearfix:after, .container:after {
    content: "\0020"; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 
    overflow:hidden; 
}
.clearfix, .container {display: block;}

/* Regular clearing
   apply to column that should drop below previous ones. */

.clear { clear:both; }


a:focus, 
a:hover     { color: #F06; }
a           { color: #fff;  text-decoration:none; }


#navcontainer a{
	font-size:12px;
	font-family:Arial;
	font-variant:normal;
	text-transform:uppercase;
	border-bottom:none;
}

#navcontainer ul
{
	float:left;
	text-align: left;
	/* cancels gap caused by top padding in Opera 7.54 */
	margin-left: 0;
	width: 500px;
	font-family: Arial,Helvetica,sans-serif;
	padding-bottom:3px;
	margin-left:-9px;
	/* fixes Firefox 0.9.3 */
}

#navcontainer ul li
{
	background-image:none;
	display: inline;
	/* matches link padding except for left and right */
}

#navcontainer ul li a
{
	
	text-decoration: none;
	background-color:#;
	color:white;
	position:relative;
}

#navcontainer ul li a:hover
{
	padding-top:10px;
	padding-bottom:10px;
	border-top:#47D0ED 5px solid;
	color:#F36;
}

#navcontainer #active {
	color:#f36;
 }

#clock{
	float:right;
	background-color:#fff;
	width:100px;
	height:30px;
}


#footer li {
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:20px;
	padding-bottom:10px;
	text-align:right;
}

#footer li.links{
	font-size:12px;
}

#footer ul{
	padding-top:20px;
}

p.footertag {
	font-size:14px;
	font-family:Georgia, "Times New Roman", Times, serif;
}









* { margin: 0; padding: 0; }
.clear { clear: both; }
fieldset { border: none; }


form {
	padding: 0;
	margin: 0;
}

#formLeft {
	text-align:left;
	width: 465px;
	}
	#formLeft input {
		width: 385px;
		border: none;
		text-align: left;
		background: none;
		margin-left:8px;
		margin-right:8px;
		margin-top:5px;
		font-size: 18px;
		color:#fff;
	}
	#formLeft .input-bg {
		background: url(../images/input_bg.png) bottom left no-repeat transparent;
		height: 34px;
		margin-bottom: 10px;
		position: relative;
	}
	#formLeft .active {
		background: url(images/form-sm-bg.jpg) top left no-repeat transparent;
	}

	#formLeft textarea {
		width:385px;
		border:none;
		height: 101px;
		display: block;
		text-align:left;
		background:none;
		margin-left:8px;
		margin-right:8px;
		overflow:hidden;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 18px;
		color:#fff;
		resize:none;
	}
	
	#formleft .message-bg {
		background: url(../images/input_msg.png) no-repeat;
		height: 100px;
	}
	#formRight .active {
		background: url(../images/input_msg.png) top left no-repeat transparent;
	}
	
label {
	display: block;
	font-size:20px;
	color:#fff;
	margin-bottom:7px;
	font-family:Arial, Helvetica, sans-serif;
}
label.error {
	position: absolute;
	top: -16px;
	right: 49px;
	padding: 3px;
	color: #da3939;
	font-size: 1.0em;
	text-align: right;
	font-style: italic;
	font-weight: normal;
}
input.submit-button {
	margin:0 auto;
	padding-top:15px;
}