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

*
{
	margin:0;
	padding:0;
}

html
{height:100%}
	

body
{
	color:#333;
	text-align:center;
	font-family: 'Open Sans', sans-seri;
	background-color: #ddd;
}

.row_height30{height:30px;}
.row_height50{height:50px;}
.row_height100{height:100px;}
.row_height120{height:120px;}
.row_height140{height:140px;}
.row_height160{height:160px;} 
.row_height180{height:180px;}
.row_height200{height:200px;
}
.row_height220{height:220px;}
.row_height240{height:240px;}
.row_height260{height:260px;
}
.row_height280{height:280px;}
.row_height300{height:300px;}
.row_height320{height:320px;}
.row_height340{height:340px;}
.row_height400{height:400px;}
.row_height420{height:420px;}
.row_height460{height:460px;}
.row_height480{height:480px;}
.row_height640{height:640px;}
.row_heightauto{height:auto;}

.col_width240{width:240px;}
.col_width360{width:360px;}
.col_width480{width:480px;}
.col_width600{width:600px;}
.col_width720{width:720px;}
.col_width840{width:840px;}
.col_width960{width:960px;}
.col_width980{width:980px;}

.col_width240, 
.col_width360, 
.col_width480, 
.col_width600, 
.col_width720, 
.col_width840, 
.col_width960,
.col_width980
{
	margin:0 auto;
	padding:0;
	height:100%;
	background-color: #FFF;
}

#header, 
#menubar,
#contentmain,
#footer
{
	margin:0 auto;
	padding:0;
	height:100%;

}
#banner
{
	position:relative;
	margin:0;
	padding:0;
	height:400px;
}

#bannersmall
{
	position:relative;
	margin:0 auto;
	padding:0;
	height:280px;
}
#footer
{
	height:40px;	
}




p
{
margin:0;padding:0;
font-family: 'Dosis', sans-serif;
}

p, ul li
{
margin:0;padding:0;
font-family: 'Open Sans', sans-serif;
}
p
{
	font-size:0.76em;
	text-align: justify;
	line-height: 16px;
	margin: 10px 0;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
}

h1
{
margin:0;padding:0;
font-family: 'Dosis', sans-serif;
}

h2, h3, h4, h5, h6
{
margin:0;padding:0;
font-family: 'Lato', sans-serif;
}

h1{font-size:1.6em;}
h2{
	font-size:1.3em;
	text-align: left;
}
h3{
	font-size:1em;
	text-align: left;
}
h4{font-size:.8em;}
h5{font-size:.6em;}
h6{font-size:0.5em;}

.noborder{border:none;}

.clearall{
	clear:both;
	background: white;
}

.fl_left{float:left;}
.fl_right{float:right;}

.img_left{float:left;margin:10px 10px 10px 0}
.img_right{float:right;margin:10px 0px 10px 10px}



.logo
{
	height:98px;
	width:176px;
	float:left;
	margin-left: 40px;
}

.topmenu
{
	height:30px;
	width:330px;
	margin: 20px 0 0 0;
}

.topmenu ul
{
	list-style:none;
	width:280px;
	float: right;

}

.topmenu ul li
{
	float:left;
}

.topmenu ul li a
{
	display:block;
	text-decoration:none;
	color:#003366;
	border-right:solid 1px #cccccc;
	padding:1px 10px;
	font-size:.7em;
}

.topmenu ul li a:hover
{
	color:#333333;
}

.companyname
{
	height:40px;
	width:350px;
	margin: 10px 0 0 0;
	text-align: right;
	font-weight: normal;
}

.logo img
{
	margin:0;
	padding: 0;
}


.mainmenu
{
	height:29px;
	width:940px;
	margin:0 20px;
	background-image:url(images/menubg.jpg)
}

.mainmenu ul
{
	list-style:none;
	width:940px;
	float: right;
	margin: 0;
	padding:0;
	height: 29px;

}

.mainmenu ul li
{
	float:left;
	margin:0;
}

.mainmenu ul li a
{
	display:block;
	text-decoration:none;
	color:#003366;
	border-right:solid 1px #bbbbbb;
	border-left:solid 1px #dddddd;
	padding:6px 0 5px 0;
	font-size:.8em;
	width:154px;
}

.mainmenu ul li.last a
{
	border-right:none;
}

.mainmenu ul li.first a
{

	border-left:none;
}


.mainmenu ul li a:hover
{
	color:#dddddd;
	background-image:url(images/menubg_h.jpg)
}


.newsbar
{
	background-image: url(images/headerbg.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	margin:0 20px;
	border-bottom:solid 1px #999999;
	border-top:solid 1px #eeeeee;
	position: relative;
}

.newsbar p
{
	color:#003366;
	font-size:0.8em;
	margin: 5px 0;
}

.socialfloat
{
	position:absolute;
	top:-7px;
	left:780px;

}


ul.socialicons
{
	list-style:none;
	margin: 0;
	height: 40px;
	float: right;
	}

ul.socialicons li
{
	float:left;
	margin: 8px 10px  0 0;
}

ul.socialicons li a
{
	display:block;
	padding:0;
}

ul.socialicons li a img
{
	border:none;
	width: 30px;
}
.contentbox
{
	margin:10px 0 0 0;
	height: 280px;
}

.productbox
{
	width:187px;
	height:180px;
	float:left;
	margin: 10px;
	border:solid 1px #dddddd;
	padding: 0 10px;
}

.contentbox-small-left
{
	width:280px;
	height:240px;
	float:left;
	margin: 20px 20px 20px 25px;
	border:solid 1px #999999;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px; /* future proofing */
	-khtml-border-radius: 6px;
	position:relative;
}

.contentbox-small-right
{
	width:280px;
	height:240px;
	float:right;
	margin: 20px 20px 20px 0;
	border:solid 1px #999999;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px; /* future proofing */
	-khtml-border-radius: 6px; /* for old Konqueror browsers */
	position:relative;
}

a.innerlink
{
	width:99px;
	height:30px;
	position: absolute;
	left: 180px;
	top: 209px;
	display:block;
	background-image:url(images/readomoregreen.png);
}

a.innerlink:hover
{

	background-image:url(images/readomoregreen_h.png);
}


.sidebar_left
{
	width:210px;
	height:400px;
	border:solid 1px #ddd;
	float:left;
	margin:20px 0px 20px 20px;
	padding-left:10px;
}

.sidebar_left ul
{
width:200px;
margin:0;
padding:0;
list-style:none;

}



.sidebar_left ul li a
{
	display:block;
	text-decoration:none;
	color:#003366;
	border-bottom:solid 1px #cccccc;
	padding:4px 15px;
	font-size:.75em;
	text-align:left;
	background-image:url(images/arrow.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

.sidebar_left ul li a:hover, .sidebar_left ul li.active a
{
background-color:#eeeeee;
}



.sidebar_left ul li ul
{
width:190px;
margin:0 0 0 10px;
padding:0;
list-style:none;
}

.sidebar_left ul li ul li a
{
	background-image:url(images/dash.gif);
	background-position:top left;
	background-repeat:no-repeat;
	color:#666;
}

.contents
{
	width:690px;
	float:right;
	margin: 20px 20px 10px 0;
}

.contents ul, .contents_border ul
{
	text-align:left;
	font-size:0.76em;
	text-align: left;
	line-height: 18px;
	margin: 10px 20px;
	color: #333;
}

.tabs ul
{
list-style:none;
margin:0;
padding:0;
}
.tabs ul li
{
float:left;
}
.tabs ul li a
{
	text-align:left;
	font-size:1em;
	text-align: justify;
	color:#09C;
	display:block;
	height:25px;
	padding: 5px 20px 0 20px;
}

.contents_border
{
	width:670px;
	float:right;
	margin: 5px 20px 5px 0;
	border:solid 1px #ddd;
	padding: 10px;
}

.contents h3
{
	padding:5px 0;
	border-bottom: solid 1px #333;

}


.contents h4
{
	padding:15px 0 0 0;
	text-align:left;

}



.footer-left
{
	width:180px;
	height:80px;
	float:left;
	margin: 0 10px;
	padding: 10px;

}

.footer-left ul
{
	margin:0;
	padding:0;
	list-style:none;

}

.footer-left ul li
{

	margin:0;
	padding:0;

}
.footer-left ul li a
{
	font-size:0.8em;
	text-align: left;
	line-height: 20px;
	font-family: 'Open Sans', sans-serif;
	margin:0;
	padding:0;
	display: block;
	color: #333333;

}
.footer-left ul li a:hover
{
	color: #003366;

}
.footer-center
{
	width:200px;
	height:80px;
	float:right;
	margin: 0 10px;
	padding: 10px;

}
.footer-right
{
	width:210px;
	height:100px;
	float:right;
	margin: 0 10px;
	padding: 0 10px;

}

.quickcontact
{
	height:110px;
	float:right;
	margin: 10px 20px 0 0;
	border:solid 1px #999999;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px; /* future proofing */
	-khtml-border-radius: 6px; /* for old Konqueror browsers */

}



.footerbottom
{
	width:935px;
	padding:5px;
	font-size: 10px;
	background-image: url(images/headerbg.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	border-bottom:solid 1px #999999;
	border-top:solid 1px #eeeeee;
	margin: 0 auto;
}
ul.logos
{
	list-style:none;
}

ul.logos li
{
	float:left;
	margin:10px;
}

ul.logos li img
{
	width:160px;
	border:solid 1px #ddd;
}

.labels

{
	font-size:0.8em;
	text-align: justify;
	line-height: 20px;
	margin: 0;
	color: #666;
}



/*Solutions Tabs */
#stylishTabs {
	height: 25px;
	margin-top: 30px;
	background-image: url(images/tabbg.jpg);
	padding: 0 0 0 20px;
}

#stylishTabs ul {
margin:0;
padding:0;
list-style:none;
}
#stylishTabs ul li {
   list-style: none;
   display: inline;
 margin:0;
padding:0;
}
#stylishTabs ul li a {
   padding: 3px 2px 2px 8px;
   background: url(images/inactiveTabLeft.jpg) no-repeat left top;
   color: #666;
   float: left;
   text-decoration:none;
   font-family:Arial, Helvetica, sans-serif;
   font-size:1em;
   height:25px;
}
#stylishTabs ul li a span {
	display:block;
   background:url(images/inactiveTabRight.jpg) no-repeat right top;
   padding: 3px 15px 2px 6px;
   margin-top:-3px;
   height:25px
}
#stylishTabs ul li a:hover {
   background: url(images/activeTabLeft.jpg) no-repeat left top;
   color: #333;
   border: none;
}
#stylishTabs ul li a:hover span {
   background: url(images/activeTabRight.jpg) no-repeat right top;
   border: none;
}
#stylishTabs ul li a.active {
   background: url(images/activeTabLeft.jpg) no-repeat left top;
   color: #333;
}
#stylishTabs ul li a.active span {
   background: url(images/activeTabRight.jpg) no-repeat right top;
}