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

body {
	font-family: Arial, Helvetica, sans-serif;
	/* background:#ffffff url('images/bk.gif') repeat left top; */
	margin:0 auto;
	text-align:center;
	margin-top:0px;
	padding:0px;
	width:1000px;
	font-size: 12px;
}
#headwrap {
	text-align: left;
	height:67px;
	margin: 0px auto;
	border:0;
	padding-top:2px;
	width: 1000px;
}
#headwrap .left {
	padding: 0px 0 0 20px;
	height:90px;
	width:611px;
	float:left;
}
#headwrap .right {
	text-align:right;
	padding: 15px 0 0 0;
	height:90px;
	width:369px;
	float:right;
}
/* Start of Column CSS */



#contentwrapper {
	width: 1000px; /* 780px is just wide enough to fill and 800px screen */
	margin: 0 auto; /* It's important to set the margin to auto if you want the layout to center */
	background-color:#ffffff;
	text-align: left;
	overflow: hidden;
	
}
/* #column1, #column2, #column3, #column4 ,#footer{ 
    padding: 10px;  /* This sets a 10px padding on all of our content boxes 
} */
#contentwrapper #navbar {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.8em;
	font-weight:bold;
	padding-top:0px;
	width:1000px;
	height:38px;
	
}


#section1 {
	padding:25px 0 15px 0;
	line-height: 20px;
	float: left; /* Sets this section to the left */
	background: #fff;
	width: 778px;
}
#columnwide {
	width: 718px;
	padding:0 30px 10px 30px;
}
#column1 {
	padding:0 5px 0 15px;
	text-align:left;
	float: left; /* Sets this column to the left inside its section */
	background: #ffffff;
	width: 324px;
}
#column1 p {
	padding-left:10px;
	padding-right:20px;
}
#column1 a {
	padding-left:0px;
}
#column1 h2 {
	padding-left:0px;
	font-size:16px;
}
#column2 {
	text-align:left;
	float: right; /* Sets this column to the right inside its section*/
	background: #ffffff;
	line-height: 17px;
	background: url("images/dots.gif") repeat-y;
	background-position:center;
	width: 434px;
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
	font-size:11px;
}
#column2 p {
	padding-left:0px;
}
#column2 a {
	padding-left:0px;
}
#column2 h2 {
	padding-left:0px;
	font-size:14px;
	color: #666666;
	font-weight:normal;
	margin:0 auto;
}
#column2 #left {
	padding-left:18px;
	padding-right:0px;
	padding-top:10px;
	float: left; /* Sets this column to the left inside its section */
	width:210px;
}
#column2 #right {
	padding-left:0px;
	padding-right:0px;
	padding-top:10px;
	float: right; /* Sets this column to the left inside its section */
	width:206px;
}
#section2 {
	padding:25px 0 15px 0;
	line-height: 20px;
	float: right; /*Sets this sectionto the right */
	background: #fff;
	width: 222px;
}
#column3 {
	padding-left:10px;
	padding-right:10px;
	padding-top:45px;
	float: left; /* Sets this column to the left inside its section */
	background: #ffffff;
	width:156px;
}
#column4 {
	text-align:right;
	float: right; /* Sets this column to the right inside its section*/
	background: #ffffff;
	width: 222px;
}
#footer {
	background:#199589 url('images/footr.jpg') no-repeat left top;
	
	clear: both;
	color:#ffffff;
	height:71px;
	text-align:center;
	padding:30px 0 0 50px;
}
#footer a {
	color:#ffffff;
	text-decoration:none;
}
#footer a:hover {
	color:#ffffff;
	text-decoration:underline;
}
/* Text and Link */



a {
	color:#d16c00;
	text-decoration:none;
}
a:hover {
	color:#d16c00;
	text-decoration:underline;
}
h1, h2, h3, h4 {
	margin: 0px;
}
h2 {
	color:#198275;
	font-size:14px;
}
h3 {
	color:#000000;
	font-size:12px;
}
h4 {
	color:#66af57;
	font-size:14px;
}
.floatright {
	float:right;
}
.floatleft {
	float:left;
}
.clear {
	clear:both;
}
.greytitle {
	padding-left:0px;
	padding-top:5px;
	font-size:14px;
	color: #666666;
	font-weight:normal;
	margin:0 auto;
}
.sm {
	padding-left:0px;
	padding-top:0px;
	font-size:10px;
	color: #666666;
	font-weight:normal;
	margin:0 auto;
}
.smwhite {
	padding-left:0px;
	padding-top:0px;
	font-size:9px;
	color: #ffffff;
	font-weight:normal;
	margin:0 auto;
}
.imgfront {
	padding-bottom:5px;
}
/* Nav Bar */
#nav {
	/* background: url("images/navbar1.png") no-repeat;
	background-position:center; */
	height:36px;
	padding: 0px;
	font-size:10px;
	
}
#nav td {
	padding-top:0px;
	text-align:center;
}
#nav a {
	font-size:12px;
	color:#ffffff;
	text-align:center;
}

#nav a:hover: {
font-size:12px;
color:#ffffff;
text-align:center;
background:url("images/test.png") no-repeat;
}
.home {}
.home a:hover {background-image: url(images/butt_home.png); width: 64px; height:36px;display: block;}
.about {background-image: url(images/rollover02.gif); width: 106px;}
.about a {background-image: url(images/rollover02a.gif);}
.services {background-image: url(images/rollover03.gif); width: 128px;}
.services a {background-image: url(images/rollover03a.gif);}
.products {background-image: url(images/rollover03.gif); width: 128px;}
.products a {background-image: url(images/rollover03a.gif);}
.contact {background-image: url(images/rollover04.gif); width: 122px;}
.contact a {background-image: url(images/rollover04a.gif);}
.employment {background-image: url(images/rollover03.gif); width: 128px;}
.employment a {background-image: url(images/rollover03a.gif);}
/*

#navbar li {
	list-style:none;
	display:inline;
}

#navbar a {
	width:110px;
	color:#fff;
	text-decoration:none;
	background:url("images/tab2.gif") no-repeat;
	float:left;
	padding:12px 10px 13px;
	margin:0 -10px;
}
#navbar a:hover {
	background-position:0 -45px;
	color:#1e5ebd;
}
#navbar a:active {
	background-position:0 -90px;
	color:#1e5ebd;
} */
/* Conatct Form */
.response {
	font:normal 12px Arial, Helvetica, sans-serif;
	color:red;
	text-align:center;
}
.loader {
	text-align:center;
	width:auto;
	padding:0;
	margin:0;
}
#contactform {
	margin:0;
	padding:5px;
}
#contactform * {
	font-family: Arial, Helvetica, sans-serif;
	
	font-size:12px;
}
#contactform ol {
	margin:0;
	padding:0;
	list-style:none;
}
#contactform li {
	margin:0 0 5px 0;
	padding:10px;
	background:none;
}
#contactform li.buttons {
	margin:0;
	overflow:hidden;
}
#contactform label {
	margin:0;
	width:150px;
	display:block;
	float:left;
	padding:0 0 2px 0;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#198275;
}
#contactform label span {
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#afafaf;
	margin:0;
	padding:0;
}
#contactform input.text {
	width:280px;
	background-color : #000000;
	border:1px solid #0879c5;
	margin:0;
	padding:5px 2px;
	height:16px;
	background:#d5d5d5;
}
#contactform textarea {
	width:280px;
	background-color : #000000;
	border:1px solid #0879c5;
	padding:2px;
	background:#d5d5d5;
}
#contactform li.buttons input {
	padding:0;
	margin:0 0 0 150px;
	background:url(images/submit.gif);
	border:0;
	color:#FFF;
	float:left;
	width:113px;
	height:37px;
	line-height:16px;
}
/*
*	Navlist Setup
*/
ul.cssmenu {
	list-style: none;
	padding: 0px;
	margin: 0;
	}

.displace {
	position: absolute;
	left: -5000px;
	}

ul.cssmenu li {
	float: left;
	}

ul.cssmenu li a {
	display: block;
	padding: 0px;

	height:33;
	background: url('navbarmo.png');
	}

/*
*	Normal Links
*/

ul.cssmenu li.home a {
	display: block;
	padding:5px 0px 0px 17px;
	width:47;
	
	background-position: 0 0;
	}

ul.cssmenu li.about a {
	display: block;
	padding:5px 0px 0px 17px;
	width:69;
	background-position: -64px 0;
	}

ul.cssmenu li.services a {
	display: block;
	padding:5px 0px 0px 17px;
	width:63;
	background-position: -86px 0;
	}
	ul.cssmenu li.products a {
		display: block;
		padding:5px 0px 0px 17px;
		width:65;
	background-position: -230px 0;
	}

ul.cssmenu li.contact a {
	display: block;
	padding:5px 0px 0px 17px;
	width:127;
	background-position: -312px 0;
	}

ul.cssmenu li.employment a {
	display: block;
	padding:5px 0px 0px 17px;
	width:96;
	background-position: -456px 0;
	}


/*
*	Hover Links
*/
ul.cssmenu li.home a:hover {
	padding:5px 0px 0px 17px;
	width:47;
	background-position: 0 -33px;
	}

ul.cssmenu li.about a:hover {
	padding:5px 0px 0px 17px;
	width:69;
	background-position: -64px -33px;
	}

ul.cssmenu li.services a:hover {
	padding:5px 0px 0px 17px;
	width:63;
	background-position: -150px -33px;
	}
	ul.cssmenu li.products a:hover {
		padding:5px 0px 0px 17px;
		width:65;
	background-position: -230px -33px;
	}

ul.cssmenu li.contact a:hover {
	padding:5px 0px 0px 17px;
	width:127;
	background-position: -312px -33px;
	}

ul.cssmenu li.employment a:hover {
	padding:5px 0px 0px 17px;
	width:96;
	background-position: -456px -33px;
	}
	.brands {color:#198375;font-weight:bold;}

/*