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


.float_left { float:left; }
.float_right { float:right; }
.no_border, img{ border:none; }
.portfolio_border { border: 2px solid #55B09B; }

* { margin:0px; padding:0px; outline:none;}
div { behavior: url("js/iepngfix-mod.htc") }
a{ color:#3C4C41; text-decoration:underline; }
a:hover{ color:#3C4C41; text-decoration:none; }


body { background:#eacfa3 url('../images/main_bg.gif') repeat-x top; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
	

#container {width:980px; margin:auto; background:url('../images/boy_img.png') no-repeat 630px 300px; height:700px;}
#navbg {width:1000px; margin:auto; background:url('../images/nav_bg.png') no-repeat 710px 0px; height:700px;}
#content {width:804px; float:left; min-height:700px;}
#nav {padding-top:65px; width:170px; float:left;}
#nav ul li{margin-left:30px; list-style-type:none; background:url('../images/nav_divider.gif') no-repeat bottom left; padding-bottom:12px; padding-top:8px; display:block; width:125px;} 
#nav ul li a{color:#707070; text-decoration:none;}
#nav ul li a:hover{color:#b72322; text-decoration:none;}

#top {width:804px; background:url('../images/paper_top.png') no-repeat; min-height:121px; margin-top:20px;}
#top p.logo{width:304px; float:left;}
#top p.icons{width:174px; float:right;}
#middle {width:804px; background:url('../images/paper_middle_repeat.png') no-repeat; height:220px; text-align:left; font-size:12px; padding-top:15px;}
#middle_form_left{ width:245px; float:left; text-align:left; font-size:11px; line-height:23px; margin-top:56px; margin-left:84px!important; margin-left:34px; }
#middle_form_right {width:454px; text-align:left; float:right; font-size:12px; margin-top:45px; }
#middle h2.mainhead{ padding:20px 250px 0px 84px; text-align:left; font-size:15px; line-height:18px; color:#333; display:inline; }
#middle h2.mainhead_inner{ padding:0px 250px 10px 84px; text-align:left; font-size:18px; line-height:18px; color:#333; }
#middle p{ margin:0px 95px 0px 84px; text-align:left; font-size:11px; line-height:23px; }
#middle p.first_para{margin-top:22px; margin-bottom:22px;}
#middle p.first_para_inner{ position:relative; top:-10px;}
#middle p.contact{top:10px;}
#middle p.middle_para_inner{ position:relative; margin-top:9px; }
#bottom {width:804px; background:url('../images/paper_bottom.png') no-repeat; height:325px;  font-size:11px;}
#portfolio_bg {width:433px; background:url('../images/portfolio_bg.png') no-repeat 0px 20px; height:273px; margin-left:250px;}
#portfolio_bg h2.subhead{ padding-left:49px; text-align:left; font-size:14px; line-height:15px; color:#333; position:relative; top:28px; width:200px; padding-top:5px;}
#portfolio { padding-left:65px; padding-top:45px; background:url('../images/portfolio_shadow.png') no-repeat 30px 35px; height:200px;}
#portfolio_bg p.validation_icon{float:right;}
.portfolio_shadow{ border:1px solid #CCCCCC; }

#about_bg {width:433px; height:273px; margin-left:250px;}
#about_bg h2.subhead{ padding-left:3px; text-align:left; font-size:14px; line-height:20px; color:#333; top:7px; padding-top:5px; padding-bottom:2px;}
#about_bg p{text-align:left; font-size:11px; line-height:23px; }
#about_bg p.first_para_inner{ position:relative; top:3px;}
#about_bg p.middle_para_inner{ position:relative; margin-top:24px;}


#top img {margin-left:17px; margin-top:15px;}


.inner_portfpolio { padding:13px 100px 0px 100px; text-align:left; }
.portfolio_leftarrow { float:left; margin-top:60px; }
.portfolio_rightarrow { float:right; margin-top:60px; }
.websites { color:#333; font-size:11px; text-align:left; float:left; margin:0px 0px 0px 10px; width:530px; }
.websites h3 { color:#333; font-size:11px; text-align:left; }

.website_text { float:right; margin-top:21px; width:310px; display:inline; }
.website_text div { float:left; line-height:23px; }
.website_text ul li { color:#333; font-size:11px; text-align:left; line-height:23px;
	background: url(../images/bullet.gif) no-repeat 0px 6px; list-style-type: none; padding-left:17px; }

a.links { color: #004b15; text-decoration:none;  font-size:11px; }
a.links:hover { color: #66AE3D; text-decoration:none;  font-size:11px; }

.stepcarousel { position: relative; overflow: scroll; width: 540px; height: 150px; float: left; }
.stepcarousel .belt { position: absolute; left: 0; top: 0; }
.stepcarousel .panel { float: left; overflow: hidden; width: 540px; }