/*------------------------------------------*/
/*-STD STYLES-------------------------------*/
/*------------------------------------------*/

* {
	margin: 0;
	padding: 0;
	border: none;
}

body {
	margin-top: 10px;
	background: url(images/backstripe2.jpg) 0% 0% repeat-x;
	background-color: #fff;
	font: 12px Arial, Helvetica, sans-serif;
	color: #419d3c;
}
.body_no {
	margin-top: 10px;
	background: url(images/backstripe4.jpg) 0% 0% repeat-x;
	background-color: #fff;
	font: 12px Arial, Helvetica, sans-serif;
	color: #000000;
}

image {border: none;}

img.award {
	border: none;
	padding-top: 20px;
}

img.banner {
	border: none;
	padding: 5px 0 0 20px;
}

a.image:link, a.image:visited, a.image:hover, a.image:active {
	color: #fff;
	border: none;
	text-decoration: none;
}

h1 {
	font: 16px Georgia; 
	color:#0172b1;
	text-align: left;
	padding: 10px 0 10px 0;

}

h2 {
	font: 16px Georgia; 
	color: #0172b1;
	text-align: left;
	padding: 10px 0 0 10px ;
}

h2.contact {
	font: 16px Georgia; 
	color: #0172b1;
	text-align: left;
	padding: 0 0 5px 10px ;
}

h2.intro {
	font: 16px Georgia; 
	color: #0172b1;
	text-align: center;
	padding: 0 10px 0 0;
}

h3 {
	font: 16px Arial, Helvetica, sans-serif; 
	color: #419d3c;
	text-align: left;
	padding: 30px 0 10px 10px;
}

h4 {
	font: 14px Arial, Helvetica, sans-serif; 
	color: #419d3c;
	text-align: left;
	padding: 3px 0 10px 10px;
}


h5 {
	font: bold 12px Arial, Helvetica, sans-serif; 
	color: #419d3c;
	text-align: left;
	text-transform: uppercase;
	padding: 5px 0 10px 10px;
}

h5.grade {
	font: bold 12px Arial, Helvetica, sans-serif; 
	color: #419d3c;
	text-align: left;
	text-transform: uppercase;
	padding: 5px 0 5px 0px;
}

h5.center{
	font: bold 16px Arial, Helvetica, sans-serif; 
	color: #419d3c;
	text-align: center;
	text-transform: none;
	padding: 20px 44px 0 0;
}

h5.center a{
	color: #419d3c;
}


h5.center a:hover{
	color: #0172b1;
}


h6 {
	font: 10px Arial, Helvetica, sans-serif; 
	color: #565656;
	text-align: center;
}

p.copy {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333;
	text-align: justify;
	padding: 5px 0 0 10px;
	line-height: 17px;	
}

p.products {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333;
	text-align: left;
	padding: 10px 0 0 0;
	line-height: 16px;	
}



p.address {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333;
	text-align: left;
	padding-left: 10px;
	line-height: 18px;	
}

p.sales {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333;
	text-align: left;
	padding: 10px 0 10px 0;
	line-height: 18px;	
}

p.partnernet {
	font: italic 10px Arial, Helvetica, sans-serif;
	color: #333;
	text-align: left;
	padding: 10px 60px 0px 20px;
	line-height: 14px;	
}

p.reps {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333;
	text-align: left;
	padding: 0px 40px 0 10px;
	line-height: 18px;	
}

span.bold {
	font: bold 12px Arial, Helvetica, sans-serif;
}

span.green {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #419d3c;
}

span.gray {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333;
}

a:link { color: #0172b1; text-decoration: underline;}
a:visited { color: #0172b1; text-decoration: underline;}
a:hover { color: #419d3c; text-decoration: underline;}
a:active { color: #0172b1; text-decoration: underline;}
/*------------------------------------------*/
/*-END STD STYLES--------------------------*/
/*------------------------------------------*/
#container {
	position: relative;
	width: 960px;
	height: 700px;
	margin-left: auto;
	margin-right: auto;

}

#header {
	width: 939px;
	height: 131px;
	margin-left: auto;
	margin-right: auto;
	border: 0px red solid;	
}
/*-NAV--------------------------------------*/
   #navbar {
   	position: absolute;
	top: 102px;
	left: 512px;
	margin: 0px;
	padding: 0px;
	height: 29px;
	width: 580px;
	list-style: none;

}

#navbar a {
	text-decoration: none;
	display:block;
	padding-right: 32px;
}

#navbar li {
	text-align: center;
	float: left;
}

#navbar #home {
	font: 12px Arial, Helvetica, sans-serif;
	color: #419d3c;
	background:url(images/tab.jpg) no-repeat 0 0;
	width: 77px;
	height: 29px;
	padding-top: 0px;
	border: 0px red solid;
}

#navbar #home-current {
	font: 12px Arial, Helvetica, sans-serif;
	color: #0172b1;
	background:url(images/tab.jpg) no-repeat 0 0;
	width: 77px;
	height: 29px;
	background-position: 0 -29px;
}

#navbar #home:hover {
	background-position: 0 -29px;
	color: #0172b1;
}

#navbar #reps-current {
	font: 12px Arial, Helvetica, sans-serif; 
	color: #0172b1; 
	background:url(images/tab.jpg) no-repeat 0 0;
	width: 77px;
	height: 29px;
	background-position: 0 -29px;
}

#navbar #reps {
	font: 12px Arial, Helvetica, sans-serif; 
	color: #419d3c; 
	background:url(images/tab.jpg) no-repeat 0 0;
	width: 77px;
	height: 29px;
}

#navbar #reps:hover {
	background-position: 0 -29px;
	color: #0172b1;
}

#navbar #support-current {
	font: 12px Arial, Helvetica, sans-serif; 
	color: #0172b1; 
	background:url(images/tab.jpg) no-repeat 0 0;
	width: 77px;
	height: 29px;
	background-position: 0 -29px;
}

#navbar #support {
	font: 12px Arial, Helvetica, sans-serif; 
	color: #419d3c; 
	background:url(images/tab.jpg) no-repeat 0 0;
	width: 77px;
	height: 29px;
}

#navbar #support:hover {
	background-position: 0 -29px;
	color: #0172b1;
}

#navbar #news-current {
	font: 12px Arial, Helvetica, sans-serif; 
	color: #0172b1; 
	background:url(images/tab.jpg) no-repeat 0 0;
	width: 77px;
	height: 29px;
	background-position: 0 -29px;
}

#navbar #news {
	font: 12px Arial, Helvetica, sans-serif; 
	color: #419d3c; 
	background:url(images/tab.jpg) no-repeat 0 0;
	width: 77px;
	height: 29px;
}

#navbar #news:hover {
	background-position: 0 -29px;
	color: #0172b1;
}

/*-END NAV----------------------------------*/

/*-MENU--------------------------------------*/

#menu-outer {
	width: 930px;
	height: 40px;
	top: 20px;
	left: 0;
	margin-left: auto;
	margin-right: auto;
	border-width: 0px;
	border-style: solid;
	border-color: #FFFF00;
	
}

ul#horizontal-list {	
	text-align: center;
	list-style: none;
	padding: 10px;
}
	
ul#horizontal-list li {
	font: 11px Arial, Helvetica, sans-serif;
	color: #0172b1;
 	padding: 5px;
	display: inline;
}

ul#horizontal-list li a {
	color: #0172b1;;
	text-decoration: none;
}

ul#horizontal-list li a:hover {
	color: #419d3c;
	text-decoration: underline;
}



/*-END MENU----------------------------------*/

.wave {
	position:absolute;
	background: url(images/wave.jpg) no-repeat top;
	top: 74px;
	left: -70px;
	width: 425px;
	height: 64px; 
}
/*-MAIN-------------------------------------*/
.five_columns {
	clear:left;
	position:relative;
	top: 0px;
	left: 0px;
	width: 960px;
	height: 250px;
	border: 0px red solid;
}

.column_one {
	float: left;
	margin: 5px;
	padding: 10px 10px 15px 10px;
	width: 150px;
	height: auto;
	border-right: 1px #ccc dotted;
}

.column_two, .column_three, .column_four {
	float: left;
	margin: 5px;
	padding: 10px 10px 15px 10px;
	width: 150px;
	height: auto;
	border-right: 1px #ccc dotted;
}
.column_five {
	float: left;
	margin: 5px;
	padding: 10px 10px 15px 10px;
	width: 200px;
	height: auto;
	background-color: #fff;
	border: 0px #ccc solid;
}
/*-FOOTER-----------------------------------*/
.four_columns {
	clear:left;
	position:relative;
	top: 0px;
	left: 0px;
	height: 240px;
	width: 960px;
	border: 0px green solid;
}

.four_columns-left {
	float:left;
	margin: 5px;
	padding: 0px;
	text-align: center;
	width: 340px;
	height: 240px;
	border: 0px green solid;
}	

.four_columns-middleL {
	float:left;
	margin: 5px;
	padding: 0px 10px 15px 10px;
	width: 150px;
	height: 210px;
}

.four_columns-middleR {
	float:left;
	margin: 5px;
	padding: 0px 10px 15px 10px;
	width: 150px;
	height: 210px;
}

.four_columns-right {
	float:left;
	margin: 10px 0 0 32px;
	padding: 0px;
	width: 190px;
	height: 210px;
}

.three_columns {
	clear:left;
	position:relative;
	top: 0px;
	left: 0px;
	height: 240px;
	width: 960px;
	border: 0px blue solid;
}
.three_columns-left {
	float: left;
	margin: 0;
	padding: 0px;
	text-align: center;
	width: 48%;
	height: 210px;
	border: 0px green solid;
}	

.three_columns-middle {
	float: left;
	margin: 5px;
	padding: 0px 0px 0px 10px;
	width: 24%;
	height: 210px;
}

.three_columns-right {
	float: left;
	margin-top: 5px;
	padding: 0px;
	width: 25%;
	height: 210px;
}


/*-HEADLINE-------------------------------------*/
.two_columns {
	position:relative;
	top: 0px;
	left: 0;
	height: auto;
	width: 960px;
	border: 0px green solid;
}

.two_columns-left {
	float: left;
	margin: 0px;
	padding-left: 10px;
	width: 38%;
	height: 40px;
	border: 0px green solid;
}	

.two_columns-right {
	float: left;
	margin: 0px;
	width: 44%;
	height: 40px;
}
/*------------------------------------------*/
.one_column {
	clear: left;
	position:relative;
	top: 0px;
	padding-left: 10px;
	height: auto;
	width: 87%;
	border-top: 0px #aaaaaa dashed;
}

.one_column-left {
	float: left;
	margin: 0;
	padding-left: 10px;
	width: 6%;
	height: 80px;
	border: 0px green solid;
}

.one_column-right {
	float: right;
	margin: 0;
	padding-left: 10px;
	width: 87%;
	height: auto;
	border: 0px blue dashed;
}		
/*-REPS MAIN------------------------------*/	
.two_col-reps-left {
	float: left;
	text-align: center;
	padding-top: 40px;
	width: 48%;
	height: 180px;
	border-right: 1px #ccc solid;
}	

.two_col-reps-right {
	float: left;
	padding: 0px 0 0 10px;
	width: 48%;
	height: 210px;
}
/*-REPS FOOTER------------------------------*/


/*- form ----------------------------------*/
#stylized{
	border:solid 1px #c7e3f1;
	background: #ecf5fa;
	height: 194px;

}

#stylized p{
	font-size:11px;
	color:#fff;
	margin-bottom:20px;
	border-bottom:solid 1px #c7e3f1;
	padding-bottom:10px;
}

.myform {
	margin:0 auto;
	width:400px;
	padding: 10px;
}

#stylized label {
	display:block;
	font: 14px Arial, Helvetica, sans-serif;
	color: #0172b1;
	text-align:right;
	width: 140px;
	float:left;
	padding-top: 4px;
}

#stylized input{
	float:left;
	font-size:12px;
	padding:4px 2px;
	border:solid 1px #99cae8;
	width:200px;
	margin:2px 0 10px 10px;
}

#stylized button{

	float: right;
	cursor:pointer;
	border:outset 1px #0172b1;
	color: #0172b1;
	font-weight: bold;
	margin: 2px 44px 0 0;
	padding: 2px 4px 2px 4px;
	background: url(images/formbg.gif) repeat-x left top;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
	margin-left: 3px;
}