﻿body
{
    background-color: #cccccc;
    padding: 0px;
    margin: 0px;
	font-family:Arial, Helvetica, sans-serif;
}

#page
{
    width: 800px;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
	/*border:solid 1px gray;*/
	overflow:hidden;
	margin-top:10px;
}

h1{
	
	margin:0 0 30px 0;
	padding:0px;
	font-size:22px;
	font-style:italic;
}

h2{
	font-size:16px;
	margin:40px 0  15px 0;
	padding:0px;
	border-bottom:solid 1px blue;
}

h3{
	font-size:14px;
	margin:15px 0  5px 0;
	padding:0px;
}

p, .awards ul, td{
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0 0  10px 0;
	padding:0px;
}
/*************************************/
/***************** content ***********/
/*************************************/

#content
{
    float: left;
    clear: both;
    background-color: #fff;
    width:800px;
}


#header {
	clear:both;
	float:left;
}

#header img
{
	float:left;
}

/*page layout*/

#pageText{

	color:#4656AA;
	font:Verdana, Arial, Helvetica, sans-serif;
	clear:both;
	float:left;
	width:738px;
	text-align:center;
	padding:30px 30px 30px 30px;
}

#pageText #columnLeft
{
    float: left;
	width: 360px;
	text-align:left;
}

#pageText #columnRight
{
   	float: right;
	width: 360px;
	text-align:right;
}

#pageText #columnMiddle{
	width:500px;
	overflow:hidden;
	padding:30px 0 0 105px;
}

#pageText .column{
	width:170px;
	overflow:hidden;
	float:left;
	text-align:left;
	margin:0 5px 0 5px;
}

#pageText .column h2{
	margin:0;
}
/*	gallery stuff      */

#products #thumbs{
	width:270px;
	float:left;
}

#products #thumbs img{
border:solid 1px #A7BFDE;
	width:85px;
	height:38px;
}

#products #gallery{
	/*width:350px;*/
	float:left;
	width:466px;
	height:343px;
	overflow:hidden;
	display:block;
		border:solid 1px #A7BFDE;
}

#products #gallery img{


}
/********************************/
/*****   navigation          ****/
/********************************/

#navigation
{
	list-style:none;
	margin:0px;
	padding:0px;
	margin-left:55px;
}

#navigation li
{
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	float:left;
	text-align:center;
	background-color: #4656AA;
	margin:0 2px 0 2px;
	width:auto;
}

#navigation #currentTab{

	background-color: #6A6C93;
}

#navigation li a{
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	float:left;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal; 
	padding:10px 20px 0 20px;
	height:20px;
}

#navigation li a:hover{
/*background-color: yellow;
border:solid 1px red;
float:left;*/
}


#navRow{
	width:800px;
	height:30px;
	float:left;
	clear:both;
}


#navStrip{
	width:800px;
	height:5px;
	background-color:#A7BFDE;
	float:left;
}

#logos{
text-align:center;
}

#logos img{
margin:10px 20px 10px 20px;
vertical-align:middle;
/*border:solid 1px blue;*/
}

#logos .formRow{
/*border:solid 1px red;*/

}

/********************************/
/*****       awards          ****/
/********************************/
.awards img{
float:left;
clear:left;
}

.awards ul{
	list-style:none;
	float:left;
	margin:0 0 0 9px;
	text-align:left;
	width:298px;
	height:90px;
}
/********************************/
/*****       footer          ****/
/********************************/

#footer
{
   float: left;
   clear: both;
   width: 100%;
   background-color:#FFC743;
   margin-top:30px;
}

#footer ul{
	list-style:none;
	padding:0px;
	margin:0px;
	float:left;
	width:100%;
	padding: 10px 0 10px 30px;
}

#footer ul li{
	float:left;
	display:block;
	width:auto;
	text-align:center;
	margin:0 3px 0 3px;
}


#footer ul li a{
	color:#4656AA;
	text-decoration:none;
	background-color:#FFC743;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
}

#footer ul li a:hover{
text-decoration:underline;
}









/********************************/
/*****       contact          ****/
/********************************/

#contact
{
    margin: 0px;
    padding: 0px;
    width: 708px;
}

#contact #columnLeft
{
    width: 340px;
    float: left;
    margin: 0px;
}

#contact #columnRight
{
    width: 340px;
    float: left;
    margin: 0px;
	text-align:left;
	border:solid 1px blue;
}

#contact p
{
    font-size: 12px;
}


/********************************/
/*****       form          ****/
/********************************/
.formRow
{
    font-size: 12px;
    width: 100%;
    clear: both;
    padding: 5px 0 5px 0;
}

.formRow .formLeft
{
    float: left;
    width: 70px;
    height: 17px;
    padding-top: 3px;
}

.formRow .formRight
{
    float: left;
    width: 230px;
}

.formRow .mandatory
{
    color: Red;
}

.formRow .formRight input
{
    font-size: 12px;
    width: 200px;
}

.formRow table input
{
    border: solid 1px red;
    padding-top: 30px;
}

.formRow table label
{
    font-size: 11px;
}