body{
background: url('../img/body.jpg') repeat-x #fff;
font: normal 11px arial,helvetica,sans-serif;
color: #333333;
}
.clear{
clear:both;
}
#logo{
margin: 0px auto;
width: 330px;
height: 106px;
}
#nav{
width: 720px;
margin: 0 auto 55px auto;
}
#nav li{
width: 102px;
text-align: center;
float: left;
}
#nav li a{
font: normal 12px arial, helvetica, sans-serif;
text-transform:uppercase;
color: #737373;
/* text-shadow:1px 1px 0 #fff; */
text-decoration: none;
}
#nav li a.active{
color: #000;
font-weight: bold;
}
#nav li a:hover{
color: #3acb02;
}
#nav li a.active:hover{
color: #000;
}
#nav li ul{
display:none;
}
#featured{
width: 720px;
height: 250px;
margin: 0 auto 42px auto;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
overflow:hidden;
text-align:right;
}
#featured h1{
margin: 40px 40px 0 0;
font: bold 20px arial, helvetica, sans-serif;
color: #000;
}
#featured h1 span{
color: #3acb02;
}
#columns{
width: 720px;
margin: 0px auto;
}
#columns .column{
width: 155px;
float: left;
margin-right: 33px;
}
#columns .last{
margin-right:0;
}
#columns .column h2{
text-transform:uppercase;
font: bold 20px arial, helvetica, sans-serif;
color: #000;
}
#columns .column h2 span{
color: #3acb02;
}
#columns .column p{
font: normal 11px arial,helvetica,sans-serif;
color: #333333;
line-height: 20px;
}
#footer{
clear:both;
width: 720px;
margin: 36px auto;
font: normal 11px arial,helvetica,sans-serif;
color: #d9d9d9;
text-align:center;
}
#footer a{
color: #d9d9d9;
text-decoration:none;
border-bottom: 1px solid #d9d9d9;
}
#footer a:hover{
border-bottom: 0;
}
#content{
width: 720px;
margin: 0 auto 42px auto;
}
#content #left{
width: 350px;
margin: 0 20px 0 0;
float: left;
}
#content #right{
width: 350px;
float: left;
}
#content #bottom{
width: 720px;
}
#content #left h1, #content #left h2, #content #right h1, #content #right h2, #content #bottom h1, #content #bottom h2{
font: normal 20px arial,helvetica,sans-serif;
padding: 0 0 10px 0;
margin: 0 0 10px 0;
border-bottom: 1px solid #cdcdcd;
}
#content #left p, #content #right p, #content #bottom p{
font: normal 11px arial,helvetica,sans-serif;
color: #333333;
line-height: 20px;
margin-bottom: 10px;
}
#content #left p a, #content #right p a, #content #bottom p a{
color: #3acb02;
border-bottom: 1px solid #3acb02;
text-decoration: none;
line-height: 20px;
}
#content #left p a:hover, #content #right p a:hover, #content #bottom p a:hover{
border-bottom: 0;
text-decoration: none;
}
#content #left p img, #content #right p img, #content #bottom p img, #content #left img, #content #right img, #content #bottom img{
margin: 0 10px 10px 0;
display: block;
float: left;
}
#content #left ul li{
list-style: square inside;
}
#content #left table, #content #right table, #content #bottom table{
width: 100%; 
margin: 0 0 20px 0;
}
#content #left table thead tr th, #content #right table thead tr th, #content #bottom table thead tr th{
background: #3acb02;
color:#fff;
font-weight: 700;
padding: 7px;
vertical-align:top;
line-height: 20px;
}
#content #left table tbody tr td, #content #right table tbody tr td, #content #bottom table tbody tr td{
padding: 0px;
vertical-align:top;
line-height: 20px;
border-bottom: 0px solid #3acb02;
}
#content #right label{
width: 100px;
text-align: right;
margin-right: 10px;
float: left;
padding-top: 6px;
}
#content #right input.input, #content #right textarea.input{
width: 228px;
float: left;
padding: 5px;
margin-bottom: 10px;
border: 1px solid #cdcdcd;
background: #e5e5e5;
-moz-border-radius: 2px 2px 2px 2px;
}
#content #right label img.captchaImg{
margin-top: -6px;
}
#content #right .button{
margin-left: 110px;
line-height: 33px;
padding: 0 5px;
height: 33px;
border: 1px solid #cdcdcd;
background: url('../img/button.jpg');
-moz-border-radius: 2px 2px 2px 2px;
}
#content #bottom #portfolio{
width: 720px;
height: 300px;
position:relative;
background: #fff;
position:relative;
z-index:20;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border: 1px solid #cdcdcd;
background: #fff;
}
#content #bottom #portfolio #slider{
margin: 2px;
}
#content #bottom #portfolio #slider li{
height: 300px;
width: 715px;
}
#content #bottom #portfolio #slider li .left{
width: 230px;
margin: 20px 10px;
float: left;
}
#content #bottom #portfolio #slider li .right{
width: 440px;
margin: 20px 10px 10px 0;
float: left;
}
#content #bottom #portfolio #slider li .right h2{
color: #3acb02;
font-weight: 700;
border: 0;
text-transform:uppercase;
margin: 0 0 20px 0;
padding: 0;
}
#content #bottom #portfolio #slider li .right h3{
font-weight: 700;
margin: 0 0 20px 0;
text-transform: uppercase;
}
#content #bottom #portfolio #nextBtn a{
width: 32px;
height: 32px;
overflow:hidden;
text-indent: 35px;
background: url('../img/sliderNext.png');
display:block;
position: absolute;
top:134px;
left: 704px;
}
#content #bottom #portfolio #prevBtn a{
width: 32px;
height: 32px;
overflow:hidden;
text-indent: 35px;
background: url('../img/sliderPrev.png');
display:block;
position:absolute;
top:134px;
left: -16px;
}