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

/* Global Styles */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 24px;
	color: #6a6a6a;
	margin: 0px;
}
a{
	text-decoration: underline;
	color: #7dc33e;
}
a:hover{
	text-decoration: underline;
	color: #7dc33e;
}
.plaintext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #6a6a6a;
	margin: 0px;
}
.plaintext a{
	text-decoration: none;
	color: #6a6a6a;
}
.plaintext a:hover{
	text-decoration: underline;
	color: #6a6a6a;
}
.plaintextbold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #6a6a6a;
	margin: 0px;
	font-weight: bold;
}
.plaintextitalics {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #6a6a6a;
	margin: 0px;
	font-style: italic;
}

.downloadtext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 24px;
	color: #16268b;
	margin: 0px;
}
.downloadtext a{
	text-decoration: underline;
	color: #16268b;
}
.downloadtext a:hover{
	text-decoration: underline;
	color: #16268b;
}
.downloadbold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 24px;
	color: #16268b;
	margin: 0px;
	font-weight: bold;
}
.downloaditalics {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 24px;
	color: #16268b;
	margin: 0px;
	font-style: italic;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 20px;
	color: #6a6a6a;
	margin: 0px;
	font-weight: bold;
}
#wrapper {
	margin: 0;
	width: 955px;
}

h1 {
	font-size: 30px;
	line-height: 32px;
	font-weight: lighter;
}





/* Header Styles */
#headercontainer {
	width: 955px;
	float: left;
	height: 108px;
	margin: 0px;
	background-color: #000000;
}
#headerleft{
	width: 200px;
	float: left;
	height: 108px;
	margin: 0px;
}
#headermiddle{
	width: 691px;
	float: left;
	height: 108px;
	margin: 0px;
	background-color: #00195e;
}
#headerright{
	width: 64px;
	float: left;
	height: 108px;
	margin: 0px;
	background-color: #92c846;
}

#download{
	width: 200px;
	float: left;
	margin: 0px;
	padding-top: 20px;
	text-align: center;
}


/* Navigation Styles */
#navigationcontainer {
	width: 955px;
	float: left;
	height: 49px;
	margin: 0px;
	
}
#navigationleft{
	width: 200px;
	float: left;
	height: 49px;
	margin: 0px;
	background-color: #417278;
}
#navigationmiddle{
	width: 691px;
	float: left;
	height: 49px;
	margin: 0px;
	background-color: #16268b;
	overflow:hidden;
}

#navigationmiddle a{
	float: left;
	height: 34px;
	margin: 0px;
	font-weight:bold;
	text-transform:uppercase;
	color:#ffffff;
	text-decoration:none;
	padding:15px 21px 0 20px;
	line-height:normal;
	text-align:center;
}
#navigationmiddle a:hover{
	color:#ffffff;
	text-decoration:none;
	background-color:#7dc33e;
}
#navigationright{
	width: 64px;
	float: left;
	height: 49px;
	margin: 0px;
	background-color: #3f3c61;
}


/* Main Styles */
#maincontainer {
	width: 955px;
	float: left;
	margin: 0px;
	background-image: url(../images/main_background.jpg);
	background-repeat: repeat-y;
}
#mainleft{
	width: 200px;
	float: left;
	margin: 0px;
	height: 49px;
}
#aboutleft{
	width: 200px;
	float: left;
	margin: 0px;
	background-image: url(../images/about_us_background.jpg);
	height: 700px;
	background-repeat: repeat-x;
}


#productsleft{
	width: 200px;
	float: left;
	margin: 0px;
	background-image: url(../images/products_background.jpg);
	height: 600px;
	background-repeat: repeat-x;	
}
#productsoneleft{
	width: 200px;
	float: left;
	margin: 0px;
	background-image: url(../images/keri_systems_background.jpg);
	height: 1200px;
	background-repeat: repeat-x;	
}

#productsoneleft2{
	width: 200px;
	float: left;
	margin: 0px;
	background-image: url(../images/keri_systems_background.jpg);

	background-repeat: repeat-x;	
}
#productstwoleft{
	width: 200px;
	float: left;
	margin: 0px;
	background-image: url(../images/greenfade_left.jpg);
	height: 99px;
	background-repeat: no-repeat;	
}
#servicesleft{
	width: 200px;
	float: left;
	margin: 0px;
	background-image: url(../images/greenfade_left.jpg);
	height: 99px;
	background-repeat: no-repeat;	
}
#contactleft{
	width: 200px;
	float: left;
	margin: 0px;
	background-image: url(../images/greenfade_left.jpg);
	height: 99px;
	background-repeat: no-repeat;	
}
#applicationsleft{
	width: 200px;
	float: left;
	margin: 0px;
	background-image: url(../images/about_us_background.jpg);
	height: 700px;
	background-repeat: repeat-x;	
}
#mainmiddle{
	width: 621px;
	padding-top: 15px;
    padding-left: 35px;
	padding-right: 35px;
	float: left;
	margin: 0px;
	background-color: #ffffff;
	
}
#mainright{
	width: 64px;
	float: left;
	margin: 0px;
	background-color: #000000;
	
	
	
}


/* Main Home Styles */
#mainhomecontainer {
	width: 955px;
	float: left;
	height: 350px;
	margin: 0px;
	background-color: #000000;
	color: #ffffff;
}
#mainhomeleft{
	width: 200px;
	float: left;
	height: 350px;
	margin: 0px;
	background-color: #92c846;
}
#mainhomemiddle{
	width: 621px;
	padding-top: 15px;
    padding-left: 35px;
	padding-right: 35px;
	float: left;
	height: 345px;
	margin: 0px;
}
#mainhomeright{
	width: 64px;
	float: left;
	height: 350px;
	margin: 0px;
}


/* Footer Styles */
#footercontainer {
	width: 955px;
	float: left;
	height: 91px;
	margin: 0px;
	background-color: #000000;
}
#footerleft{
	width: 195px;
	float: left;
	height: 77px;
	margin: 0px;
	padding-left: 5px;
	padding-top: 5px;
	background-color: #000000;
	font-size: 9px;
	line-height: 13px;
	color: #ffffff;
	line-height:1.3em;
}

.footerblack{
	font-family: "Arial Black";
}

.footerblacklink{
	font-family: "Arial Black";
	color: #7dc33e;
}
.footerblacklink a{
	text-decoration: none;
	color: #7dc33e;
}
.footerblacklink a:hover{
	text-decoration: none;
	color: #8cc63f;
}

#footerright{
	width: 755px;
	float: left;
	height: 91px;
	margin: 0px;
	padding-left: 0px;
	padding-top: 0px;
	background-color: #8cc63f;
	font-size: 61px;
	line-height: 70px;
	color: #cde6ac;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
}
.tm {
font-size: 34px;
}


.floatleft{
    float: left;
}

.floatleftsm{
    float: left;
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.floatleftsm2{
    float: left;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.floatleft3{
    float: left;
	padding-right: 15px;
	padding-top: 15px;
	padding-bottom: 10px;
}

.floatright{
	float: right;
	margin-right: 0px;
	padding-bottom: 30px;
}