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

/*++++++++++++++++++++++DEFAULTS++++++++++++++++++++++++++*/
html{height:100%; width:100%; overflow:hidden; }
body{margin:0; padding:0; background:url(../images/main-bg.jpg) no-repeat #9AC610;}
div{ margin:0; padding:0; font-family:verdana, georgia; color:#575F5B; font-size:11px;}
p{ margin:0; padding:0; line-height:16px;}
h1, h2, h3{ margin:0; padding:0; line-height:16px; } 
h2{ color:#205867; font-size:1.4em; font-weight:normal; margin-top:0px; }
h3{ color:#F28000; font-size:1.6em; font-weight:normal; text-align:center; margin-top:5px; }
h4{ color:red; font:bold 1.4em verdana;text-align:center; margin-top:5px; width:345px; float:left; }

ul, li{margin:0; padding:0;}
form{margin:0; padding:0;}
a{ text-decoration:none; color:#575F5B; }
a:hover{ text-decoration:underline; color:#575F5B; }
hr{ background: #EFF1F4; border-top:1px #575F5B dashed;}
.clear{ clear:both;}

/*++++++++++++++++++++++MAIN DIVS++++++++++++++++++++++++++*/
#wraper{ position: absolute; width:100%; height:auto; left: 50%; top:10px; margin-left:-50%; }
#banner{ height:150px; width:1000px; margin:0 auto; }
#main-container{padding:0; width:100%; padding-bottom:20px; background:url(../images/bg.gif) repeat-x;}
#container{ padding:0; width:1004px; height:470px; margin:0 auto; padding:0;}
.col1{ float:left; width:300px;  padding-top:70px;}
.col2{ float:left; width:700px;}

/*++++++++++++++++++++++TEXTS AND LINKS++++++++++++++++++++++++++*/
.maintext{}
.highlight{font-weight:bold}

/*===========================================SLIDING PANEL=====================================*/
#newsTicker {width: 100%;  float: left;}
#newsTicker .SlidingPanels {width: 100%;  float: left;}
#newsTicker .SlidingPanelsContentGroup {width: 8000em; float: left;}
#newsTicker .SlidingPanelsContent {float: left; width:1004px; }
#newsTicker .SlidingPanelsContent .content {margin: 4px auto;float: left; width:1004px;  text-align:justify;}
#newsTicker .content {padding: 0px 4px;}
.SlidingPanelsAnimating * {overflow: visible !important;}
#newsTicker .navLinks {clear: both;text-align: center;border-top:  solid 1px #CCC;padding-top: 4px;padding-bottom: 4px;border: solid 1px #999;}
.SlidingPanels {position: relative;width: 100%;height: 400px;padding: 0px;border: none;}
.SlidingPanelsContentGroup {position: relative;width: 100%;margin: 0px;padding: 0px;border: none;}
.SlidingPanelsContent {width: 100%;height: 400px;overflow: hidden;margin: 0px;padding: 0px;border: none;}
.SlidingPanelsAnimating * {overflow: hidden !important;}
.SlidingPanelsCurrentPanel {}
.SlidingPanelsFocused {}

/*++++++++++++++++++++++NAVIGATION++++++++++++++++++++++++++*/
#nav ul, li{ list-style:none; float:left;}
#nav li{ background:url(../images/sep.gif) no-repeat 0px 8px; width:120px; text-align:center; line-height:75px;}
#nav li a{ font-size:13px; color:#5B5C5E; font-weight:bold;}
#nav li a:hover{ font-size:13px; color:#FF4200; font-weight:bold; text-decoration:none;}

/*++++++++++++++++++++++HOME PAGE++++++++++++++++++++++++++*/
.gallery{ width:225px; float:left; height:350px; padding-top:20px;}
.content-home{ width:470px; float:left;}
.content-home h1{ font-size:23px; color:#575F5B; font-weight:normal; padding-top:12px;}
.work{background:#E5E8ED; border: 1px #C8CCD5 solid; width:200px; margin-top:8px; padding-top:15px; height:250px; text-align:center; }
.gallery h2{ color:#185768; font-size:1.6em; font-weight:normal; }
.img{ padding:3px; border:1px #C8CCD5 solid;}

/*++++++++++++++++++++++ABOUT US PAGE++++++++++++++++++++++++++*/
.content-about{ width:680px; padding:10px 0 10px 10px; float:left;}
.content-about ul{ display:block; float:none;}
.content-about li{ display:block; float:none;}
/*++++++++++++++++++++++MATERIALS PAGE++++++++++++++++++++++++++*/
.content-material{ width:680px; padding:10px 0 10px 10px; float:left;}
.content-gallery img{ padding:3px; border: 1px #AEA2C8 solid; margin:3px; cursor:pointer;}

/*++++++++++++++++++++++GALLERY PAGE++++++++++++++++++++++++++*/
.content-gallery{ width:680px; padding:0px 0 10px 10px; float:left; margin-top:-6px;}
.col1_gallery{ float:left; width:700px; height:350px;}
.col1_gallery img{padding:3px;border:1px #AEA2C8 solid;}
.col1_gallery img:hover{padding:3px;border:1px #575F5B solid;}


/*++++++++++++++++++++++CONTACT PAGE++++++++++++++++++++++++++*/
.contact{ width:299px; float:left; height:350px; padding-top:20px; line-height:18px; border-right:1px #575F5B dashed;}
.contact h1{ font-size:23px; color:#575F5B; font-weight:normal; padding-top:12px;}
.contact h2{ color:#185768; font-size:1.4em; font-weight:normal; }

.form{ width:390px; float:left; height:450px; padding:20px 0 0 10px;}
.form {width:499px;padding-bottom:10px;float:left;margin:0 auto;}

.cssform p{ float:left; line-height:35px; width:399px; margin-top:5px;}
.cssform p label{ float:left;width:110px; font:normal 12px verdana; margin-right:10px;}
.cssform input.text{background:url(../images/textbox-bg.gif) no-repeat; border:none; height:25px; width:200px; border:1px #929394 solid;}
#sent {text-align:center; font-weight:bold; font-size:14px; padding:2px;}
.cssform textarea{background:url(../images/textarea-bg.gif) no-repeat; border:none; height:65px; width:200px; border:1px #929394 solid;}
.btn{ background:url(../images/btn-bg.gif) repeat-x #A4A4A4; line-height:25px; border:2px #717171 solid; color:#FFFFFF;}

/*++++++++++++++++++++++FOOTER++++++++++++++++++++++++++*/
#footer{ margin:0px; padding:8px; text-align:center;}
.footermenu{ font:normal 12px 'trebuchet ms';  }
.footermenu a{ color:white; padding:5px 15px;}
.footermenu a:hover{ color:yellow; }


.features{}
.features li{ margin:2px 0 2px  0 ;padding:0; }