/********************** Page */

* { margin: 0; padding:0;}

html, body { height: 100%; font-family: arial;}

body {padding: 0px; margin: 0px; background: #EAEAEA url(../images_new/bk.jpg); background-repeat: repeat-x; font-size: 12px; font-family: verdana;}

#main {overflow:auto; padding-bottom: 50px;}  /* must be same height as the footer */

#wrap {min-height: 100%;}


/********************** Fonts */

h1 {margin: 0px; padding: 0px; }

h1 span {display: none;}

h2 span {display: none;}

h2 {margin: 0 0 15px 0;}

p {font-size: 13px; color: #666; font-family: arial; margin: 0 0 10px 0; }

a {font-weight: bold; text-decoration: none; color: #4DB6CF; }

a:hover {font-weight: bold; text-decoration: none; color: #333; }

img {border: 0;}

strong {color: #E48D2A;}

/********************** Layout */

#wrapper {width: 950px;  margin: 0 auto;}

.title {width: 950px; margin: 0 auto;}

.logo {padding: 15px 0 5px 0; float: left; width: 366px;}

.login {float: right; width: 200px; height: 20px; margin-top: 5px;}

.login a {font-size: 11px; color: #666;}

.login a:hover {font-size: 11px; color: #EA9636;}

.title .right {float: right; width: 500px; text-align: right; padding: 35px 0 0 0px;}

.navigation {background: url(../images_new/navigation.jpg); height: 41px; padding: 19px 0 0 9px; width: 960px; margin: 0 auto;}

.slider {width: 956px; height: 360px; margin-top: 10px; padding: 7px 0 0 5px; background: url(../images_new/slider.png);  margin: 0 auto;}

.home_box {width: 307px; margin: 10px 14px 20px 0; float: left;  }

.home_box .left {width: 150px; float: left; margin: 0 0 0 10px; color: #333; font-size: 11px; }

.home_box .right {width: 120px; float: right; margin: 0 10px 0 0px; color: #333; font-size: 12px; }

.home_box_last .right {width: 120px; float: right; margin: 0 10px 0 0px; color: #333; font-size: 12px; }

.home_box_last .left {width: 150px; float: left; margin: 0 0 0 10px; color: #333; font-size: 11px;}

.home_box_last {width: 307px; margin: 10px 0px 20px 1px; float: left;  }

.home_box_blue {width: 305px;  border-left: 1px solid #ccc;  margin-top: -3px; border-right: 1px solid #ccc; background: url(../images_new/blue_box.png); padding: 0 0 20px 0; }

.home_box_orange {width: 305px;   border-left: 1px solid #ccc; margin-top: -3px; border-right: 1px solid #ccc; background: url(../images_new/orange_box.png);  padding: 0 0 20px 0; }

.home_box_green{width: 305px;  border-left: 1px solid #ccc;margin-top: -3px;  border-right: 1px solid #ccc;  background: url(../images_new/green_box.png); padding: 0 0 20px 0; }

.content_top {margin: 0px auto; width: 963px; padding-left: 0px; height: 8px;}

.content {width: 963px;  padding: 1px 0 0px 5px; background: url(../images_new/content_bk.jpg); background-repeat: repeat-y; background-position: center; margin: 0px auto;}

.content_bottom {margin: 0px auto; width: 963px; padding-left: 0px; }

.left_content {width: 450px; float: left;}

.right_content_blue {width: 490px;  float: right; background: url(../images_new/blue_bk.jpg); background-color: #74d4fc; background-repeat: no-repeat;  margin-right: 2px;}

.right_content_orange {width: 490px;  float: right; background: url(../images_new/orange_bk.jpg); background-color: #f9b466; background-repeat: no-repeat;  margin-right: 2px;}

.right_content_green {width: 490px;  float: right; background: url(../images_new/blue_bk.jpg); background-color: #5DC6E4; background-repeat: no-repeat;  margin-right: 2px;}

.solution_box {height: 70px; border-bottom: 1px solid #fff; width: 470px; margin: 5px 0 5px 10px;}

.solution_box .left {width: 340px; float: left;}

.solution_box .left h3 {margin-top: 5px; margin-bottom: 5px;}

.solution_box .left p {color: #fff;}

.solution_box .right {width: 118px; height: 58px; float: right; margin: 3px 0 0 0; padding: 1px; background: #fff; border: 1px solid #ccc;}

.group_box { border-bottom: 1px solid #fff; width: 470px; margin: 5px 0 5px 10px;}

.group_box  .left {width: 340px; float: left;}

.group_box  .left h3 {margin-top: 5px; margin-bottom: 5px;}

.group_box  .left p {color: #333;}

.group_box  .left a {color: #fff; margin: 5px 0 10px 0; display: block; }

.group_box  .left a:hover {color: #333;  }

.group_box  .right {width: 118px; height: 108px; float: right; margin: 3px 0 5px 0; padding: 1px;  background: #fff; border: 1px solid #ccc;}

#footer {position: relative;	  border-top: 5px solid #ccc; background: #fff; margin-top: -55px; /* negative value of footer height */	height: 50px;	clear:both;} 

#footer .inner {width: 950px; margin: 0 auto;}

#footer .inner  .left {width: 300px; float: left; margin-top: 10px;  color: #666; font-size: 12px;}

#footer .inner  .right {width: 600px; float: right; margin-top: 10px; text-align: right; font-size: 12px; color: #666;}

#footer .inner  .right a {font-size: 12px; text-decoration: none; font-weight: normal; color: #666; }

#footer .inner  .right a:hover { color: #E48D2A; }
/********************** News */

.news-image {border: 2px solid #eee; padding: 2px;  margin: 5px; text-align: center;}

.news a { display: block; width: 100%;}

.news h2  a{ color: #ED9917; margin: 10px 0 10px 0; font-size: 13px;}

.news h2  {font-size: 13px; color: #ED9917; margin: 0;}



/********************** Buttons */

.moreinfo a{display: block; width: 307px; height: 38px; background: url(../images_new/moreinfo1.gif);}

.moreinfo a:hover {background-position: -309px 0; }

.moreinfo2 a{display: block; width: 307px; height: 38px; background: url(../images_new/moreinfo2.gif);}

.moreinfo2 a:hover {background-position: -309px 0; }

.moreinfo3 a{display: block; width: 307px; height: 38px; background: url(../images_new/moreinfo3.gif);}

.moreinfo3 a:hover {background-position: -309px 0; }

/********************** Form */

.form_element { padding: 5px 0 5px 5px; margin: 2px 0 2px 10px;}

.form_element textarea{float: left; width: 300px; height: 200px; display: block; border: 1px solid #ccc;}

.form_element input{float: left; width: 300px; height: 25px; display: block; border: 1px solid #ccc;}

.form_element select{float: left; width: 300px; height: 25px; display: block; border: 1px solid #ccc;}

.form_element label {width: 150px;  display: block; float: left; color: #fff;}

.contact_button {display: block; float: right; margin-right: 25px; margin-top: 10px; margin-bottom: 20px;width: 149px; height: 46px; border: 0px; background: url(../images_new/contact_button.png);}

.contact_button:hover {background-position: -149px 0; }

/********************** Buttons */

/********************** Slideshow */



/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}

/* JS Gallery Styles */

ul.thumb {
	float: left;
	list-style: none;
	margin: 0 8px 0 8px; padding: 0px;

}
ul.thumb li {
	margin: 0; padding: 5px;
	float: left;
	position: relative;  /* Set the absolute positioning base coordinate */
	width: 120px;
	height: 120px;
}
ul.thumb li img {
	width: 110px; height: 110px; /* Set the small thumbnail size */
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
	border: 1px solid #ddd;
	padding: 5px;
	background: #f0f0f0;
	position: absolute;
	left: 0; top: 0;
}
ul.thumb li img.hover {
	background:url(../images/thumb_bg.png) no-repeat center center;  /* Image used as background on hover effect */
	border: none; /* Get rid of border on hover */
}