/* CSS Document */

/*--------------------------------------- General Structure -----------------------------------------*/
html { height: 100%; }

#nonFooter { position: relative; min-height: 100%; }

* html #nonFooter { height: 100%; }

body { text-align: left; height: 100%;  margin: 0px;  padding: 0px;  letter-spacing:normal; background:url(/images/bac_rep.jpg)  top repeat-x #ffffff; font-family: Arial, Helvetica, sans-serif; }
body,p,h1,h2,h3,h4 { margin:0px;  padding: 0px; }

img { border:0px; margin:0px; padding:0px; }

#portfolio {margin:0px 0px 0px -100px; height:100px; padding:0px;}
#portfolio li {list-style:none;}
#container{ position:relative; margin:0px;   padding:0px 0px 50px 0px; margin-top:0px; margin-left:auto; margin-right:auto; width:760px;  }

#header { width:100%; position:relative; height:142px; margin:0px; padding:0px;  }

#logo {  width:380px; height:89px; margin:0px; padding:0px; background:url(/images/logo.gif) no-repeat #ffffff; }

#main {  width:760px; margin:5px 0px 10px 0px; border:1px solid #c5c5c5; padding:5px; background:#ffffff; }

#contact{ position:absolute; top:25px; right:10px; width:368px;}
#contact h1 { font-size:15px; border:0px; color:#007745; font-weight:bold; height:37px; margin:0px 0px 0px 0px;}
#contact .green {color:#8cc642;}
#contact p {margin:-10px 0px 0px 0px; font-size:14px; color:#4f4f4f;}
#contact a {margin:-10px 0px 0px 0px; font-weight:normal; text-decoration:none; font-size:14px; color:#4f4f4f;}
#sidebar { width:205px;  height:100%; float:left;  margin:10px 0px 1px 0px; padding:0px; background:#ffffff; }
#sidebar img { margin:0px 0px 1px 0px; padding:1px 0px 0px 0px;}
#sidebar_right { width:259px;  height:100%; float:right;  margin:0px 0px 0px 10px; padding:0px;}
#sidebar_right h2 {color:#003366; font-size:17px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }
#sidebar_right p {font-size:11px; color:#474747;}

#content_small {margin:10px 0px 0px 0px; padding:0px 0px 0px 0px; float:left; width:490px;}
#content_small p {margin:10px 10px 10px 10px; font-size:12px; padding:0px 0px 0px 0px;}

#sidebar_right {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; float:right;}
#slideshow{ width:247px; height:128px; border:4px #acacac solid; margin:7px 0px 0px 2px;}
#sidebar_right h1 {color:#3a3a3a;  border:0px; font-size:16px; font-weight:bold; padding:5px 0px 5px 15px; background:#ebebeb; margin:0px 0px 0px 0px;}
.bb {font-style:italic; font-size:12px; margin:5px 0px -8px 0px;}
.news { margin:0px; padding:0px; }
.news p {font-size:12px;}
.news a {font-size:14px; font-weight:bold; color:#000000; text-decoration:underline; margin:0px 0px 0px 0px; paddinf:0px 0px 10px 0px;}
.news a:hover {font-size:14px; font-weight:bold; color:#000000; text-decoration:underline;}
#product {width:100%; background:url(/images/product.jpg) repeat-x; min-height:150px; height:auto !important; height:150px; padding:0px;}
#product .text {float:left; width:380px; display:block;}
.text h1 {color:#ffffff; border:0px; font-weight:bold; font-size:12px; margin:10px 10px 10px 10px;}
.text h2 {color:#ffffff; border:0px; font-weight:normal; font-size:20px; margin:125px 10px 10px 10px;}

.text p {color:#ffffff; font-size:11px; margin:10px 20px 10px 40px;}
#product img {float:right; border:4px solid #a8dd54;}

#search button { cursor:pointer;   font-size:13px; color:#ffffff; margin:0px 0px 0px 0px; background:url(/images/search_butrep.jpg) repeat-x; border:#4f4f4f 1px solid;}
#search input { width:214px;  color:#5a5a5a; font-size:13px; margin:0px 2px 0px 0px; background:url(/images/input_bac.jpg) repeat-x; border:#4f4f4f 1px solid;}
#search form { margin:17px 0px 5px 0px;}
#content_main  { width:576px;   margin:0px 0px 0px 0px; float:right; padding:0px; min-height:300px; height:auto !important;   height:300px;}
#callback { border-top:#aeaeae 4px solid;  border-right:#aeaeae 2px solid; border-left:#aeaeae 2px solid; solid; border-bottom:#aeaeae 2px solid; background:#676767; padding:2px;}
#callback form {margin:20px 30px 20px 30px;}
#callback input {width:179px;  font-size:11px; color:#5a5a5a; margin:5px 0px 5px 0px; border:2px solid #ffffff; background:url(/images/input_bac.jpg) repeat-x;}
#callback button { cursor:pointer;  font-size:13px; color:#ffffff; margin:0px 0px 0px 0px; background:url(/images/search_butrep.jpg) repeat-x; border:#ffffff 1px solid;}

:root #product .text ul { font-size:12px; color:#ffffff; margin-top:-4px;}
#product .text ul { font-size:12px; color:#ffffff; margin-top:-10px;}
#product .text li {list-style-type:square; color:#ffffff;}
#footer { width:100%; background:#d5d5d5; height:50px; margin:-50px 0px 0px 0px; padding:0px; position:relative; }
.clear { clear:both; }

#recruit .indent {float:none; margin:0px 0px -5px 0px; display:block; width:100%;}
#recruit input {width:400px;}
#recruit textarea {width:400px; height:120px;}
/*------------------------------------ nav-----------------------------------------------------------*/
#nav {  margin:5px 0px 0px 10px; padding:0px 0px 0px 0px; }

#nav p { color:#ffffff; font-weight:normal; text-align:left; } 
#nav a { text-transform:uppercase; margin:0px 0px 2px 0px; padding:5px 13px 15px 13px;   display:block; float:left;   color:#ffffff;  font-weight:normal; font-size:11px;}
#nav a:hover {  text-decoration:none; background:url(/images/hover_bac.jpg)  repeat-x #a8dd54;  color:#4f4f4f; } 

#nav2 {  margin:0px 0px 0px 10px; padding:0px 0px 0px 0px; }
*+html #nav2 {  margin:-4px 0px 0px 10px; padding:0px 0px 0px 0px; }
*html #nav2 {  margin:-4px 0px 0px 10px; padding:0px 0px 0px 0px; }
#nav2 p { color:#ffffff; font-weight:normal; text-align:left; } 
#nav2 a { text-transform:uppercase; margin:-8px 0px 2px 0px; padding:0px 13px 0px 13px;   display:block; float:left;   color:#4f4f4f;  font-weight:normal; font-size:11px;}
#nav2 a:hover {  text-decoration:underline;  color:#4f4f4f; } 
.cur  {  text-decoration:none; background:url(/images/hover_bac.jpg)  repeat-x #a8dd54;  color:#4f4f4f; } 


.bord {background:url(/images/bord_img.jpg) no-repeat right;}

/*------------------------------------- General Text & Colours & backgrounds---------------------------------------*/

.cont_bga { background:#0000FF;}
.cont_bgb { background:#990033;}
.cont_bgc { background:#33FF66;}
.cont_bgd { background:#FF33CC;}
.cont_bge { background:#3300CC;}
.cont_bgf { background:#CCCCCC;}

h1{ font-size:20px; border-bottom:4px solid #a8dd54;  color:#4f4f4f; font-weight:normal; margin:10px 0px 10px 10px; padding:6px 0px 10px px; }
h2{ color:#58a147; font-size:14px; font-weight:normal; margin:10px 0px 10px 10px; padding:5px 0px 0px 0px; }
h3{ color:#000000; font-size:14px; font-weight:bold; margin:10px 0px 10px 10px; padding:5px 0px 0px 0px; }
h4{ color:#CCCCCC; font-size:14px; font-weight:bold; margin:10px 0px 10px 10px; padding:5px 0px 0px 0px; }
h5{ color:#58a147; font-size:18px; font-weight:normal; margin:10px 0px 10px 10px; padding:5px 0px 0px 0px; }
h6{ font-size:10px; color:#4f4f4f; margin:10px 0px 10px 10px;  }

ul {  }
li { list-style:disc; font-size:11px; color:#4f4f4f; }
ol li { list-style:decimal; font-size:11px; color:#4f4f4f; }

a { color:#4f4f4f; font-weight:bold; text-decoration:none; }
a:hover { color:#4f4f4f; text-decoration:underline; }

p { font-size:11px; color:#4f4f4f; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
#footer p { font-size:11px; color:#FFFFFF; }
#sub_footer {margin-top:0px; margin-left:auto; margin-right:auto; width:760px; }
#sub_footer p { margin:10px 0px 10px 20px; color:#4f4f4f; font-size:11px; float:right;}
#sub_footer a {color:#4f4f4f; font-size:11px; font-weight:normal;}
#sub_footer a:hover {}

#scrollup {
  position: relative;
  overflow: hidden;
  border-top:#aeaeae 4px solid;  border-right:#aeaeae 2px solid; border-left:#aeaeae 2px solid; solid; border-bottom:#aeaeae 2px solid; background:#676767; padding:2px;
  height: 100px;
  width: 251px;

}
.headline {
  position: absolute;
  top: 210px;
  left: 5px;
  height: 195px;
  width:230px;
}

.headline h4{ color:#CCCCCC; font-size:14px; font-weight:bold; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }
.headline h4 a{ color:#CCCCCC; font-size:14px; font-weight:bold; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }
.headline h4 a:hover{ color:#CCCCCC; }
#sidebar_right .headline p{ color:#CCCCCC; }