@import url("reset.css");
@import url("base.css");

/* tags */
html, body{width:100%; min-height:620px;}
body{font-family:Georgia; color:#333; background:url(../img/body_bg.png); margin:0; font-size:12px;}

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


div#site{width:100%; float:left; background:url(../img/shine.png) 50% 0 no-repeat;}
div#top{width:100%; height:120px; background:url(../img/top_bg.png) 0 0 repeat-x;}
div.wrapper{width:960px; margin:0 auto;}
div.line{width:960px; height:2px; clear:both; background:url(../img/hr_bg.png) 0 0 repeat-x; margin:50px 0 0 0;}

div.main-box{width:300px; float:left; margin:20px 0;}
div.main-box div.image{width:300px; height:210px; background: url(../img/shadow.png) 0 190px no-repeat;}
div.main-box img{width:290px; height:180px; border:5px solid #fff;}
div.main-box h2{padding-left:5px; padding-bottom:5px;}
div.main-box p{padding-left:5px; height:45px;}

a.more{display:block; float:left; color:#eee; text-decoration:none; font-size:12px; padding:5px 10px; margin:0 5px 10px 5px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; font-weight:normal; background:#333; font-size:11px; behavior:url(pie.htc);}
a.more:hover{background:#499edf;}


div#content{float:left; width:960px; min-height:370px;}

div.left-box{width:300px; float:left;}
div.left-box p{line-height:1.5em;}

div.right-box{width:640px; float:right; margin-bottom:20px;}
div.project{width:200px; float:left; padding:20px 0 0 13px;}
div.project img{width:190px; height:124px; border:5px solid #fff;}
div.project dl{margin:0; padding:5px 0 0 5px; line-height:1.5em; width:190px; background: url(../img/shadow_small.png) 50% 0 no-repeat;}
div.project dl dt{}
div.project dd{margin:0; font-size:11px;}

h1{margin:0; width:285px; height:60px; float:left; margin:25px 0 0 0}
h1 a{display:block; width:285px; height:60px; text-indent:-5000em; background:url(../img/logo.jpg) 0 0 no-repeat;}
h2{margin:0;font-weight:normal;}
h2 a{text-decoration:none; font-weight:normal;}
h2 a:hover{text-decoration:underline;}
.main-box h2{font-size:20px;}
.left-box h2{font-size:30px; padding:20px 0 10px 0;}

ul#menu{margin:0; float:right; margin-top:40px;}
ul#menu li{float:left; list-style-type:none;}
ul#menu li a{display:block; float:left; color:#eee; text-decoration:none; font-size:12px; padding:10px 20px; margin:0 5px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; font-weight:normal; behavior:url(pie.htc);}
ul#menu li a:hover{background:#499edf;}
ul#menu li a.active{background:#eee; color:#333;}
a.rc{}

p.copy{font-size:11px; color:#555; margin-top:10px;}


/* forms */
form{float:right; width:402px; padding:20px 10px 0 0}
label{display:block; padding-bottom:2px;}
input, textarea, select{border:1px solid #ebebeb; border-top:1px solid #c8c8c8; border-left:1px solid #c8c8c8; font-family:Tahoma; font-size:12px; padding:5px; background:#fff;}
select{padding:3px;}
button{background:#333; color:#eee; text-decoration:none; font-size:12px; padding:5px 10px; -moz-border-radius: 10px; -webkit-border-radius:10px; border:0 none; clear:both;float:left; font-family:Georgia; cursor:pointer;}
button:hover{background:#499edf;}

form#help-form input#form_name{width:400px; margin-bottom:10px;}
form#help-form input#form_email{width:400px; margin-bottom:10px;}
form#help-form input#form_phone{width:400px; margin-bottom:10px;}
form#help-form input#form_file{width:400px; margin-bottom:10px;}
form#help-form textarea{width:400px;margin-bottom:10px;}
form#help-form input.error, form#help-form textarea.error{margin-bottom:0!important; border:1px solid red;}
form#help-form label.error{font-size:10px; color:red; padding-bottom:5px;}