/* clear browser defaults */
body, h1, h2, h3, h4, h5, h6, blockquote, cite, pre, dl, dt, dd, label, legend, form, p, ul, ol, li{padding:0; margin:0;}
a img{border:0;}
a{outline:none; overflow:hidden;}

/* utility styles */
.clearit:after{content:"."; display:block; height:0; clear:both; visibility:hidden;} 
.clearit{display:inline-block;}
* html .clearit{height:1%;}
.clearit{display:block;}
.clear_both{clear:both;}
.clear_left{clear:left;}
.clear_right{clear:right;}
.hide{display:none;}
.align_center{text-align:center;}
.align_right{text-align:right;}
.align_left{text-align:left;}
.float_right{float:right;}
.float_left{float:left;}
.padding_3{padding:3px;}
.padding_5{padding:5px;}
.padding_10{padding:10px;}
.padding_15{padding:15px;}
.padding_20{padding:20px;}
.padding_bottom_10{padding-bottom:10px;}
.padding_bottom_5{padding-bottom:5px;}
.padding_bottom_1{padding-bottom:1px;}
.padding_bottom_0{padding-bottom:0;}
.padding_top_5{padding-top:5px;}
.margin_5{margin:5px;}
.margin_10{margin:10px;}
.margin_15{margin:15px;}
.margin_20{margin:20px;}
.margin_top_15{margin-top:10px;}
.margin_top_15{margin-top:15px;}
.margin_top_20{margin-top:20px;}
.margin_top_25{margin-top:25px;}
.margin_bottom_10{margin-bottom:10px;}
.margin_bottom_0{margin-bottom:0;}
.margin_left_10{margin-left:10px;}
.small_txt{font-size:90%;}
.large_txt{font-size:125%;}
.highlight{background:#ffc; padding:0 3px;}
.cursor_move{cursor:move;}
.set_line_height{line-height:1.3em;}

a.blue{padding:1px 2px; color:#479BD4;}
a.blue:hover{color:#fff; text-decoration:none; background:#479BD4;}

/* standard setup styles */
body{font:small/1.3em Arial, Helvetica, sans-serif; background:url('/images/page_bg.gif') #111B25; padding:0; height:100%; color:#1C2A3D;}

#master{background:url('/images/body_bg.png') 0 11px;}
#body_bg_top{background:url('/images/body_bg_top.png') repeat-x;}
#body_border_gradient_top{background:url('/images/body_border_gradient_top.png') repeat-x;}
#body_border_gradient_left{background:url('/images/body_border_gradient_left.png') repeat-y;}
#body_border_gradient_right{background:url('/images/body_border_gradient_right.png') repeat-y right top;}
#body_border_gradient_bottom{background:url('/images/body_border_gradient_bottom.png') repeat-x left bottom;}

#frame_borders{width:971px; margin:0 auto; background:url('/images/frame_borders.png') repeat-y;}
#frame_bg_pattern{margin:0 10px; background:url('/images/frame_bg_pattern.jpg');}
#frame_bottom_gradient{background:url('/images/footer_bg_gradient.png') repeat-x left bottom;}
.side_lines{background:url('/images/side_lines.png') repeat-y;}

#header{height:196px; background:url('/images/header_bg.jpg') no-repeat left bottom; position:relative;}
#header .side_lines{height:196px;}

#logo{position:absolute; top:95px; left:345px;}

#onehouse_vcard{position:absolute; top:44px; left:665px; color:#A0B5CC;}
#onehouse_vcard h2,
#onehouse_vcard .url_div{display:none;}
#onehouse_vcard .address_div{background:url('/images/icon_address_book.gif') no-repeat 0 1px; padding:0 0 8px 25px;}
#onehouse_vcard .phone_div{background:url('/images/icon_phone.gif') no-repeat 3px 1px; padding:0 0 8px 25px;}
#onehouse_vcard .email_div{background:url('/images/icon_mail.gif') no-repeat 0 3px; padding:0 0 0 25px;}
#onehouse_vcard a{color:#A0B5CC;}
#onehouse_vcard a:hover{color:#fff;}

#midsec{background:url('/images/midsec_bg_bottom.jpg') no-repeat left bottom #fff; clear:both;}
#midsec_top{background:url('/images/midsec_bg_top.gif') no-repeat left top;}
#midsec .left_col{width:250px; float:left; padding:40px 0;}
#midsec .mid_col{width:353px; margin:0 35px 0 30px; float:left; padding:20px 0 40px 0;}
#midsec .right_col{width:235px; float:left; padding:40px 30px 40px 0;}

h1{margin:0 0 6px 0; line-height:1.2em; font-size:150%; font-weight:normal;}
h2#title_about{text-indent:-100000px; margin-right:10px; height:42px; background:url('/images/title_about.png') no-repeat right top;}
h2#title_portfolio{text-indent:-100000px; margin-right:10px; height:42px; background:url('/images/title_portfolio.png') no-repeat right top;}
h3{font-size:125%; margin:0 0 8px 0;}
ul{margin:0 0 0 2px; list-style:none;}
li{padding:0 0 4px 18px; background:url('/images/bullet_arrow.png') no-repeat 0 4px;}
.header_fade{background:url('/images/header_fade_tl.png') no-repeat left top; padding-left:16px;}
.header_fade .right{background:url('/images/header_fade_tr.png') no-repeat right top; padding:23px 30px 0 14px;}
.header_fade p{font-size:110%; line-height:1.5em;}
a.content_img_left{float:left; margin:2px 9px 2px 0; border:1px solid #fff;}
a.content_img_left:hover{border:1px solid #FF7F00;}

.subnav{margin:10px 0 0 40px; list-style:none;}
.subnav li{padding:0 10px 3px 0; background:none; clear:both; float:right;}
.subnav a{text-decoration:none; display:block; text-align:right;}
.subnav a span{display:block;}
.subnav a em{display:block; font-style:normal;}
.subnav a strong{padding-left:4px;}
.subnav a b{}
.subnav a strong, .subnav a b{display:block; font-weight:normal;}
.subnav a:hover strong{background-position:0 -96px !important;}
.subnav a:hover span{background-position:right -96px !important;}
.subnav a:hover em{background-position:left -4px !important;}
.subnav a:hover b{background-position:right -4px !important;}

#subnav_about li.active{background:url('/images/carrot_about.png') no-repeat right 50%;}
#subnav_about a{color:#63778A;}
#subnav_about a:hover{color:#283b46;}
#subnav_about li.active a{color:#283b46;}
#subnav_about a strong{background:url('/images/link_about_tl.png') no-repeat;}
#subnav_about a span{background:url('/images/link_about_tr.png') no-repeat right top; padding:4px 8px 0 4px;}
#subnav_about a em{background:url('/images/link_about_bl.png') no-repeat 0 0; padding-left:4px; height:4px;}
#subnav_about a b{background:url('/images/link_about_br.png') no-repeat right 0; line-height:4px; height:4px;}

#subnav_portfolio li.active{background:url('/images/carrot_portfolio.png') no-repeat right 50%;}
#subnav_portfolio a{color:#8399ae;}
#subnav_portfolio a:hover{color:#ccdce8;}
#subnav_portfolio li.active a{color:#ccdce8;}
#subnav_portfolio a strong{background:url('/images/link_portfolio_tl.png') no-repeat;}
#subnav_portfolio a span{background:url('/images/link_portfolio_tr.png') no-repeat right top; padding:4px 8px 0 4px;}
#subnav_portfolio a em{background:url('/images/link_portfolio_bl.png') no-repeat 0 0; padding-left:4px; height:4px;}
#subnav_portfolio a b{background:url('/images/link_portfolio_br.png') no-repeat right 0; line-height:4px; height:4px;}

#bottom_content{background:url('/images/bottom_content_bg.jpg') no-repeat; clear:both;}
#bottom_content .left_col{width:250px; float:left; padding:30px 0; min-height:650px;}
#bottom_content .right_col{width:600px; padding:30px 0; margin-left:40px; float:left;}

#portfolio_legend{width:485px; margin-bottom:20px; position:relative;}
#portfolio_legend .content{background:url('/images/portfolio_legend_tl.png') no-repeat; padding-left:6px;}
#portfolio_legend .content a{color:#22b4e7;}
#portfolio_legend .content a:hover{color:#70d9fe;}
#portfolio_legend .tr{background:url('/images/portfolio_legend_tr.png') no-repeat right top; padding:10px 15px 0 9px;}
#portfolio_legend .footer{background:url('/images/portfolio_legend_bl.png') no-repeat left bottom; padding-left:6px;}
#portfolio_legend .footer .br{background:url('/images/portfolio_legend_br.png') no-repeat right bottom;}
#portfolio_legend .footer ul{list-style:none; margin:0; padding:10px 0 0 5px;}
#portfolio_legend .footer li{margin:0 0 10px 0; padding:0 4px 0 0; float:left; display:block; background:none; width:30px;}

#portfolio_legend .footer a{display:block; color:#999; text-decoration:none; text-align:center;}
#portfolio_legend .footer a strong{display:block; background:url('/images/portfolio_screen_link_tl.png') no-repeat left -95px; padding-left:5px; font-weight:normal;}
#portfolio_legend .footer a span{display:block; background:url('/images/portfolio_screen_link_tr.png') no-repeat right -95px; padding:5px 10px 0 5px;}
#portfolio_legend .footer a em{display:block; background:url('/images/portfolio_screen_link_bl.png') no-repeat left -5px; padding-left:5px; height:5px;}
#portfolio_legend .footer a b{display:block; background:url('/images/portfolio_screen_link_br.png') no-repeat right -5px; height:5px; line-height:5px; font-weight:normal;}

#portfolio_legend .footer a:hover{color:#fff;}
#portfolio_legend .footer a:hover strong{background-position:left -190px;}
#portfolio_legend .footer a:hover span{background-position:right -190px;}
#portfolio_legend .footer a:hover em{background-position:left -10px;}
#portfolio_legend .footer a:hover b{background-position:right -10px;}

#portfolio_legend .footer li.active a{color:#fff;}
#portfolio_legend .footer li.active a strong{background-position:left 0;}
#portfolio_legend .footer li.active a span{background-position:right 0;}
#portfolio_legend .footer li.active a em{background-position:left 0;}
#portfolio_legend .footer li.active a b{background-position:right 0;}

#portfolio_legend .footer li.loading a{background:url('/images/6-1.gif') no-repeat 50% 50%; text-indent:-100000px;}
#portfolio_legend .footer li.loading a strong,
#portfolio_legend .footer li.loading a span,
#portfolio_legend .footer li.loading a em,
#portfolio_legend .footer li.loading a b{background:none;}

#portfolio_loading{background:url('/images/portfolio_legend_tl.png') no-repeat; padding-left:6px; width:170px; margin-bottom:370px;}
#portfolio_loading .content{background:url('/images/portfolio_legend_tr.png') no-repeat right top; padding:20px 15px 0 9px; color:#ccc; font-size:130%; font-style:italic; font-weight:normal;}
#portfolio_loading .content img{vertical-align:middle; margin-right:10px;}
#portfolio_loading .footer{background:url('/images/portfolio_legend_bl.png') no-repeat left bottom; padding-left:6px;}
#portfolio_loading .footer .right{background:url('/images/portfolio_legend_br.png') no-repeat right bottom;}

#portfolio_carrot{position:absolute; left:16px; bottom:-9px;}

#portfolio_legend th{text-align:right; color:#aecee3; font-weight:normal;}
#portfolio_legend td{color:#dedede;}

#portfolio_details_container{min-height:475px;}

#screen_shot_container{background:url('/images/screen_cap_bg.png'); padding:15px; float:left; border:1px solid #0F1925;}
#screen_shot_frame{background:#fff; color:#fff; text-align:center; float:left;}
#screen_shot_container img{color:#fff; background:#efefef; border:1px solid #fff;}

#footer{position:relative; padding:20px 20px 10px 292px; color:#556067; clear:both;}