﻿* { padding: 0; margin: 0; outline: 0; }

body {
    font-size: 13px;
    line-height: 16px;
    font-family: Arial, sans-serif;
    color: #656565;
	background: #fff;
    text-align: left;
}

.cl { font-size: 0; line-height: 0; height: 0; clear: both; }

a img { border: 0; }
a { color: #262626; text-decoration: none; }
a:hover { text-decoration: underline; cursor: pointer;}

.left { float: left; display: inline; }
.right { float: right; display: inline;} 
.notext {font-size: 0; line-height: 0; text-indent: -4000px;}

.center {display: block; margin: 0 auto;}

.shell {margin: 0 auto; width: 950px;}
.shellimg {margin: 0 auto; width: 950px; height: 250px}
.shelloval {display:block; float:left;	background-image:url(images/oval.png); background-repeat:no-repeat; height:120px;
width:214px; margin-right:auto; margin-left:auto; margin-top:-20px; text-align:center; overflow:hidden; }

#header {background: url("images/header.gif") repeat-x 0 0; height: 103px;}

h1#logo {float: left; padding-top: 3px;}
h1#logo a {background: url("images/logo0.png") no-repeat 0 0; display: block; width: 336px; height: 100px;}

h1 {font-family: "Myriad Pro", "Trebuchet MS", sans-serif; font-size: 30px; line-height: 35px; color: #759a0c; margin-top:5px;}
h2 {font-family: "Myriad Pro", "Trebuchet MS", sans-serif; font-size: 23px; line-height: 23px; color: gray; }
h3 {font-family: "Myriad Pro", "Trebuchet MS", sans-serif; font-size: 18px; color: olive;}

#navigation {float: right; padding-top: 60px;}
#navigation ul {list-style-type: none;}
#navigation ul li {display: inline; float:left; padding-right: 2px;}
#navigation ul li a {background: url("images/nav.gif") no-repeat 0 0; padding-left: 37px; height: 27px; display: block; float: left; color: #fff; font-family: tahoma, sans-serif; color: #fff; font-size: 14px;}
#navigation ul li a span {background: url("images/nav.gif") no-repeat right 0; padding-right: 37px; height: 21px; display: block; float: left; padding-top: 6px; line-height: 14px;}
#navigation ul li.active a {text-decoration: none; background-image: url("images/nav-hover.gif"); color: #343434;}
#navigation ul li a:hover {text-decoration: none; background-image: url("images/nav-hover.gif"); color: #343434;}
#navigation ul li.active a span {background-image: url("images/nav-hover.gif");}


#navigation ul li a:hover span {background-image: url("images/nav-hover.gif");}


#heading {background: #fff url("images/heading-bg.gif") no-repeat center 1px; padding:15px 0;}
.heading-cnt {float: left; width: 275px; padding-top: 26px; padding-left: 0px; padding-right:15px }
.heading-img1 {background: url("images/rod2.jpg") no-repeat 0 0; float: right; width: 650px; height:320px; padding-top: 10px; padding-bottom:0px; border: thick white solid }	
.heading-img2 {background: url("images/rod3.jpg") no-repeat 0 0; float: right; width: 650px; height:320px; padding-top: 10px; padding-bottom:0px; border: thick white solid }	
.heading-img3 {background: url("images/rod4.jpg") no-repeat 0 0; float: right; width: 650px; height:320px; padding-top: 10px; padding-bottom:0px; border: thick white solid }	
#heading h2 {color: #262626; padding-bottom: 15px;}
#heading p {padding-bottom: 16px;}

#features {background: url("images/bg.png") repeat-x 0 0; height: 122px; padding-top: 5px;}
#features2 {background: url("images/features.gif") repeat-x 0 0; height: 70px; padding-top: 5px;}
.features-cnt {background: url("images/features-cnt.gif") no-repeat 0 0; height: 118px; padding-left: 0px;}
.feature {width: 290px; float: left; padding-top: 6px; padding-right: 30px;}
.less-padding {padding-right: 14px;}
.no-padding {padding-right: 0 !important;}
.feature h2 {color: #fff; padding-bottom: 5px;}
.feature img {padding-right: 6px;}
.feature p {float: left; width: 198px; font-size: 12px; line-height: 15px; color: #fff; height: 71px;}
.feature p span {padding-bottom: 4px; display: block;}
.feature a.more {background: url("images/more.gif") no-repeat 0 0; display: block; float: left; width: 24px; height: 11px;}
.first-column {width: 300px; float: left; padding-right: 10px;}
.column1   {background: url("images/col1.jpg") no-repeat 0 0; float: left; width: 280px; height:100px; margin-top:10px; margin-left:10px; padding-right:30px; padding-top: 20px; padding-bottom:5px;}
.column2   {background: url("images/col2.jpg") no-repeat 0 0; float: left; width: 270px; height:100px; margin-top:10px; padding-right:30px; padding-top: 10px; padding-bottom:5px;}
.column3   {background: url("images/col3.jpg") no-repeat 0 0; float: left; width: 250px; height:100px; margin-top:10px; margin-left:10px; padding-right:30px; padding-top: 10px; padding-bottom:5px;}

#main {background: #e9e9e9; padding-top: 15px;padding-left: 28px; padding-bottom: 37px;}
#main h3 {padding-bottom: 7px;}
#main a {font-weight: bold; color: #96a120; text-decoration: underline; font-size: 11px;}
#main a:hover {text-decoration: none;}
#main a.rss {background: url("images/rss.gif") no-repeat 0 0; width: 11px; height: 11px;}
.link-margin { margin-right: 10px; margin-left: 2px;}
.first-column {width: 300px; float: left; padding-right: 10px;}
.middle-column {width: 300px; float: left; padding-right: 10px;}
.last-column {width: 300px; float: left; padding-right: 10px;}
.colonne1 {width: 600px; float: left; padding-left: 10px; padding-right: 10px;}
.colonne2 {width: 300px; float: left; padding-left: 10px; padding-right: 10px;}

ul.news {list-style-type: none; padding-bottom: 8px; height:200px}
ul.news li {background: url("images/newsitem-bg.gif") repeat-x 0 bottom; padding-top: 6px; padding-bottom: 7px; width:280px}
ul.news li small {color: #606d0f; font-size: 11px;}
ul.news li small.grey {color: #656565;}

.contacts {font-size: 12px; }

#footer {background: #e9e9e9 url("images/footer.gif") repeat-x 0 0; padding-top: 15px; padding-bottom: 50px;}
#footer ul, #footer li { margin:0; padding:0; list-style:none; display:inline; width:950px }
#footer a { padding:0 8px 0 5px; color: olive; text-decoration:none; font-weight:normal; border-right:1px solid #bfbfbf; }
#footer a:hover { color: olive; text-decoration:underline; font-weight:normal}
#footer .last a { border:none; }
#footer p { margin-top:20px; color:#7e7d7d; }
