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

/* 0 Out Margin and Padding */
* {margin: 0 auto; padding: 0; }
html {overflow-y:scroll;}
img {border: 0;}
a{outline: none; outline: none; color:#b69307; text-decoration:none;}
a:hover{text-decoration:underline;}
body{font-size:.7em; font-family: Helvetica, Arial, Helvetica, sans-serif;}
p{margin-bottom:1em;}
h1 {padding:0 36px; font:normal normal 2em/80px "Times New Roman", Times, serif; color:#113c6a; letter-spacing:.3em;}
h2 {font:normal normal 1.3em/28px Arial, "Times New Roman", Times, serif; color:#fff; letter-spacing:.3em;}

#logo{position:absolute; left:50%; margin-left:34px; z-index:1;}
#grey_top{background:#ccc url("../images/grey_top.jpg") repeat-x center top; height:11px; overflow:hidden;}
#orange_top{background:#ccc url("../images/orange_top.jpg") repeat-x center top; height:65px; overflow:hidden;}

/* Main, Top Navigation */
div#navcontainer{position:absolute; left:50%; margin-left:-366px; padding-top:1px;}
div#navcontainer ul{font:normal normal bold 1.1em/normal Helvetica, Arial, Helvetica, sans-serif; margin: 0; padding-bottom: 14px;padding-top: 31px;}
div#navcontainer ul li{display: inline;}
div#navcontainer ul li:hover{display: inline;}
div#navcontainer ul li a{padding: 31px 15px 14px 15px; text-decoration: none; color:#fff;}
div#navcontainer a:hover{background:#fff; color:#b69307; opacity:0.4;}

#container {position:absolute; width:775px; left:50%; margin-left:-386px;}

#content_top{background:#fff url("../images/content_top.jpg"); height:13px; overflow:hidden;}
#content{background:#fff url("../images/content_middle.jpg"); padding: 10px 38px;}
#content_bottom{background:#fff url("../images/content_bottom.jpg"); height:11px; overflow:hidden; margin-bottom:20px;}

#home_grey{width:203px; background:#ddd url("../images/rounded/grey_tr.jpg") no-repeat right top; float:right; margin-top:10px;}
#home_grey_bl{width:100%; height:100%; background:#ddd url("../images/rounded/grey_bl.jpg") no-repeat left bottom; margin-top:23px;}
#home_grey_br{width:179px; height:100%; background:#ddd url("../images/rounded/grey_br.jpg") no-repeat right bottom; margin-left:12px; padding-right:12px;}
#home_grey_content{margin-top:20px; padding-bottom:10px;}
#home_rule{width:496px; height:12px; border-top:2px solid #ddd; background:#fff url("../images/rounded/home_grey_tl.jpg") no-repeat right top; float:left; margin:10px 0;}

#home_title_bar{margin-left:-37px; height:28px; background:#113c6a; width:510px; float:left;}
#home_services_title{margin-left:37px; background:#113c6a url("../images/rounded/home_services.jpg") no-repeat right top; width:217px; float:left;}
#home_about_title{padding-left:20px; background:#b69307 url("../images/rounded/home_about.jpg") no-repeat right top; width:236px; float:right;}

#home_left{float:left; width:496px;}
#home_services{width:203px; float:left; margin-top:20px;}
#home_about{width:203px; float:right; margin-right:56px; margin-top:20px;}

.custom_ul{margin:10px 0; color:#113c6a;}
.custom_ul li{padding-left:7px; margin-left:30px;}



#serv_left{float:left; width:263px;}
#serv_right{float:right; width:443px; margin-right:-37px;}

#serv_bar_design, #serv_bar_develop, #serv_bar_graphic{width:100%; height:28px; background:#113c6a url("../images/rounded/serv_design.jpg") no-repeat left top;}
#serv_bar_design{background:#113c6a url("../images/rounded/serv_design.jpg") no-repeat left top;}
#serv_bar_develop{background:#b69307 url("../images/rounded/serv_develop.jpg") no-repeat left top;}
#serv_bar_graphic{background:#ddd url("../images/rounded/serv_graphic.jpg") no-repeat left top;}
.serv_title{margin-left:30px;}
.serv_content{margin:18px 37px 18px 30px;}

#serv_grey{width:277px; background:#ddd url("../images/rounded/grey_tl.jpg") no-repeat left top; float:left; margin:20px 0 0 -12px;}
#serv_grey_tr{width:265px; height:16px; background:#ddd url("../images/rounded/grey_tr.jpg") no-repeat right top; margin-left:12px;}
#serv_grey_content{margin:0 12px;}
#serv_grey_content h2{margin-bottom:10px;}
#serv_grey_bl{width:100%; height:20px; background:#ddd url("../images/rounded/grey_bl.jpg") no-repeat left bottom;}
#serv_grey_br{width:265px; height:20px; background:#ddd url("../images/rounded/grey_br.jpg") no-repeat right bottom; margin-left:12px;}



#res_left{float:left; width:443px; margin-left:-37px;}
#res_right{float:right; width:263px;}

#res_bar{width:100%; height:28px; background:#113c6a url("../images/rounded/res_experience.jpg") no-repeat right top;}
.res_title{margin-left:37px;}
.res_content{margin:18px 30px 18px 37px;}

#res_orange{width:277px; background:#b69307 url("../images/rounded/orange_tl.jpg") no-repeat left top; float:right; margin:0 -12px 0 0;}
#res_orange_tr{width:265px; height:16px; background:#b69307 url("../images/rounded/orange_tr.jpg") no-repeat right top; margin-left:12px;}
#res_orange_content{margin:0 12px;}
#res_orange_content h2{margin-bottom:10px;}
#res_orange_bl{width:100%; height:20px; background:#b69307 url("../images/rounded/orange_bl.jpg") no-repeat left bottom;}
#res_orange_br{width:265px; height:20px; background:#b69307 url("../images/rounded/orange_br.jpg") no-repeat right bottom; margin-left:12px;}

#res_grey{width:277px; background:#ddd url("../images/rounded/grey_tl.jpg") no-repeat left top; float:right; margin:20px -12px 0 0;}
#res_grey_tr{width:265px; height:16px; background:#ddd url("../images/rounded/grey_tr.jpg") no-repeat right top; margin-left:12px;}
#res_grey_content{margin:0 12px;}
#res_grey_content h2{margin-bottom:10px;}
#res_grey_bl{width:100%; height:20px; background:#ddd url("../images/rounded/grey_bl.jpg") no-repeat left bottom;}
#res_grey_br{width:265px; height:20px; background:#ddd url("../images/rounded/grey_br.jpg") no-repeat right bottom; margin-left:12px;}

#port_nav_bar{margin-left:-37px; height:28px; background:#b69307 url("../images/rounded/home_about.jpg") no-repeat right top; width:400px; position:absolute;}
#port_nav_bar ul{margin-left:37px; margin-right:20px;}
#port_nav_bar ul li{display:inline;}
#port_nav_bar ul li h2{display:inline;}
#port_nav_bar ul li a{padding: 6px 12px 6px 12px; text-decoration: none; color:#fff; margin-left:-4px; text-decoration:underline;}
#notactive a:hover{color:#fff; opacity:0.3; text-decoration:none;}
#active a { color:#b69307; background:#fff; text-decoration:none;}

.port_item{width:100%; margin-top:20px; clear:both; float:left;}

.port_left{float:left; width:310px; padding-left:25px;}
.port_right{float:right; width:389px; padding-right:25px;}

.port_grey{width:322px;; background:#ddd url("../images/rounded/grey_tl.jpg") no-repeat left top; float:left; margin-left:-12px;}
.port_grey_content{margin:20px 12px 0 12px; height:270px;}
.port_grey_bl{width:100%; height:20px; background:#ddd url("../images/rounded/grey_bl.jpg") no-repeat left bottom;}
.port_grey_br{width:310px; height:20px; background:#ddd url("../images/rounded/grey_br.jpg") no-repeat right bottom; margin-left:12px;}

.port_pic1{width:298px; height:162px; background:#fff; margin-bottom:12px;}
.port_pic1b{width:298px; height:96px; background:#fff; margin-bottom:12px;}
.port_pic2{width:143px; height:96px; background:#fff; margin-bottom:12px; float:left;}
.port_pic3{width:143px; height:96px; background:#fff; margin-bottom:12px; float:right;}
.port_pic1:hover, .port_pic1b:hover, .port_pic2:hover, .port_pic3:hover, .feature:hover{opacity:0.4;}
.port_pic1, .port_pic1b, .port_pic2, .port_pic3, .feature{opacity:1.0;}

.port_rule{width:389px; height:20px; background:#fff url("../images/rounded/port_grey_tr.jpg") no-repeat left top; border-top:2px solid #ddd;}
.port_title{width:350px; margin-left:29px; height:28px; background:#113c6a url("../images/rounded/res_experience.jpg") no-repeat right top;}
.port_title_inner{width:302px; margin-right:18px; padding-left:30px; height:28px; background:#113c6a url("../images/rounded/serv_design.jpg") no-repeat left top;}
.port_content{margin:18px 18px 18px 59px;}


#con_left{float:left; width:394px;}
#con_right{float:right; width:305px;}

#con_grey{width:406px;; background:#ddd url("../images/rounded/grey_tl.jpg") no-repeat left top; float:left; margin-left:-12px;}
#con_grey_content{padding:20px 12px 0 12px;}
#con_grey_bl{width:100%; height:20px; background:#ddd url("../images/rounded/grey_bl.jpg") no-repeat left bottom;}
#con_grey_br{width:394px; height:20px; background:#ddd url("../images/rounded/grey_br.jpg") no-repeat right bottom; margin-left:12px;}

#con_rule{width:305px; height:20px; background:#fff url("../images/rounded/port_grey_tr.jpg") no-repeat left top; border-top:2px solid #ddd;}
#con_title{width:306px; margin-right:-37px; height:28px; background:#113c6a url("../images/rounded/serv_design.jpg") no-repeat left top;}
#con_title_inner{margin-left:23px;}
#con_content{margin:18px 18px 18px 59px;}

.form_left{width:191px; float:left; clear:both; margin-bottom:12px;}
.form_right{width:191px; float:right; margin-bottom:12px;}

input, textarea{font-size:1em; font-family: Helvetica, Arial, Helvetica, sans-serif; padding:3px; margin-top:3px;}