html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0}
:focus{outline:0}
body{line-height:1;color:#000;background:#FFF}
ol,ul{list-style:none}
table{border-collapse:separate;border-spacing:0}
caption,th,td{text-align:left;font-weight:400}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
/* CUSTOM CSS */
body { background:#000; line-height: 12px; font-family: sans-serif, Arial; font-size:12px; margin:0; padding:0; color:#b3bfca; background-color: #000; }
h1 { font-size:30px; line-height:40px; font-weight:300; color:#3296c0; }
h2 { color:#3296c0; font-size:16px; margin-bottom:10px; }
h3 { color:#3296c0; font-size:16px; margin-bottom:10px; }
h4 { color:#3296c0; font-size:15px; margin-bottom:10px; }
p { line-height:20px; }
a img { border:none; outline:none; }
a { color:#3296c0; text-decoration:none; }
a:hover { color:#df4a15; }
.hilite { color: #3296c0; }
/*HEADER*/
#header { width:100%; height:82px; background:url(../img/main/nav_bg.jpg) repeat-x #FFF; overflow:hidden; z-index: 2;}
#header h1 a { width:169px; height:36px; z-index:10; display:block; text-indent:-9999px; background: url('/img/main/logo_main.png') top left no-repeat; }
#flash_header { margin-bottom:20px; background-color: #000; z-index:-1;}
#header_wrapper { width:910px; margin:0 auto; }
#nav { float:right; margin-top:46px; }
#nav .mainlink { float:right; margin-top:5px; margin-right:15px; padding-right: 15px; border-right:1px solid #CCC; }
#nav .mainlink_last { float:right; margin-top:5px; margin-right:0; }
#nav a { text-decoration:none; color:#666; font-size:11px; font-weight:bold; }
#nav a:hover { color:#df4a15; }
#logo_top_left { float:left; margin-top:35px; }
#nav form { width:130px; }
#nav input { width:130px; height:14px; border:1px solid #CCC; background:#CCC; padding:2px; color:#999; }
#nav #search_form { float:right; width:130px; }
#stary_bg { position:absolute; top:0; z-index:-2; }
/*CONTENT*/
#content { background-repeat: repeat-y; width:918px; margin:0 auto; }
#main_content { width:580px; float:left; padding-left:10px; background:url(../img/main/content_bg.jpg) repeat-y; }
#content_wrapper { background:url(../img/main/content_bg.jpg) repeat-y; }
#sidebar { width:260px; float:right; }
#main_h1 { margin:20px 0 20px 7px; }
.homepage { width:892px; height:37px; z-index:10; display:block; text-indent:-9999px; background: url('/img/main/main_h1.png') top left no-repeat; }
.cms_image { margin-bottom:15px; }
#tinymce { background:#FFF; }
#flickr-thumbs a { float:left; margin:0 5px 5px 0; }
#UserLoginForm { height:400px; }
#UserLoginForm input { font-size:600%; }
.quote_left { font-family: Times, "Times New Roman", Georgia, serif; font-size:20px; }
.quote_right { font-family: Times, "Times New Roman", Georgia, serif; font-size:20px; }
/*PROJECTS*/
#projects_wrapper { background:#000; }
#projects_content { width:655px; float:left; padding:12px 0 0 12px; background:#0e0e0e; border-right:1px solid #1d1d1d; }
#projects_sidebar { width:240px; float:right; text-align:right; background:#000; }
.project_box { width:206px; float:left; margin:0 12px 12px 0; }
.project_name { height:70px; margin-top:5px; }
.project_name h2 { font-size: 20px; line-height: 24px;}
.project_client { background:#000; height:20px; padding:7px 0 0 10px; }
.projects_footer { height:40px; background:#14171e; }
#page_nav { width:auto; float:right; margin:15px 265px 0 0; }
#project_sidebar h3 { height:30px; width:100%; }
#projects_sidebar a { float:right; font-size:13px; width:100%; color:#363636; padding:10px 0; display:block; padding-right:10px; }
#projects_sidebar a:hover { color:#b3bfca; }
.active_h3_asc { background:url(../img/main/up_btn.png) no-repeat #090909; }
.active_h3_desc { background:url(../img/main/down_btn.png) no-repeat #090909; }
#project_back { height:15px; }
#project_back a { padding:4px 10px; background:#000; font-size:11px; }
#project_info { float:left; height:272px; width:329px; background:url(../img/main/portfolio_info_bg.jpg) no-repeat; }
#project_cont { padding:10px; background:#000; }
#project_launch_bar { height:40px; margin-bottom: 20px; background:#14171e; }
#project_launch_bar a { float:right; padding:6px 20px; margin:7px 7px 0 0; font-size:12px; background:#df4a15; color:#FFF; }
#project_launch_bar a:hover { background:#FFF; color:#df4a15; }
#projects_form { clear:both; }
#project_client { color:#666; }
#project_name { font-size:24px; line-height:34px; }
#project_date { color:#666; }
#project_quote { }
#project_info_top { margin:30px; padding:0 20px 20px 20px; border-bottom:1px solid #333; }
#project_info_bottom { margin:30px; padding:0 20px 20px 20px; font-size:14px; line-height:26px; }
#project_partmer { float:left; margin:12px 0 0 10px; width:auto; }
/*PEEPS*/
#peeps_content { padding:10px; background:#000; }
#peeps_side_box { float:left; height:272px; width:329px; background:url(../img/main/portfolio_info_bg.jpg) no-repeat; }
#peeps_side_box p { color:#9d9d9d; font-size:14px; padding:30px 40px; line-height:26px; }
#peeps_grid { float:left; width:568px; }
#peeps_grid img { height:101px; width:179px; }
.peep_box { float:left; margin: 0 0 15px 7px; }
.peep_name { color:#3296c0; font-size:16px; }
.peeps_form { margin-bottom:50px; }
/*PROFILE*/
#profile { background: #000; padding: 10px;}
#profile_header { background: url(/img/peeps/static/peep-header.png) no-repeat; padding-top: 2px;}
#profile_pic {float: right;}
/* clear table */
#profile table,
#profile table tr td {background: transparent; text-align: left; border: none;}
#profile td { padding-left: 22px; color: #fff; font-size: 13px;}
#profile td.label { padding-top: 10px; font-size: 10px; text-transform: uppercase; color: #a9a9a9;}
#profile h2#name { display:block; font-family:Helvetica,"Lucida Grande",Arial,sans-serif; font-size:36px; font-weight:100; left:40px; padding-bottom:10px; padding-top:10px; position:relative; top:30px;}
#profile h3#role { color:#A9A9A9; font-size:12px; margin-bottom:10px; margin-left:42px; margin-top:27px; text-transform:uppercase; }
#profile table { margin-left:20px; position:absolute; width:446px; border-top: 1px solid #333; }
#vcard {background: #d94900; color: #fff; text-transform: uppercase; padding: 5px; float:right; position: relative; top: -10px;}
#vcard a { color: #fff;}
#profile #caption {background: #14171e; padding-top: 20px; padding-bottom: 20px; padding-right: 10px;}
#profile_main { margin-top: 40px; }
#profile_main_wrapper { background:url(/img/peeps/static/profile_main_bg.png) repeat-y ;}
#sidebar_left {width: 305px; float: left; padding-right: 20px; padding-left: 40px; margin-right: 20px;}
#profile_main_content { margin-left: 385px;}
.wp_post_footer img {position: relative; top: 5px;}
#team-link { background: black; display: inline; font-size: 10px; text-transform: uppercase; padding: 8px;}
/*FEATURE*/
#feature { background: #000; font-size: 11px;}
#feature_wrapper { padding: 10px; }
#feature-image { text-align: right; background: #14171e; width: 900px; font-size: 11px; margin-bottom: 5px; }
#feature-image p { padding: 0px 10px 5px 0; }
#feature-image p img { position: relative; top: 5px;}
#feature #main_content { width: 100%; margin-top: 40px; }
#feature #main_content h2 { color:#3296c0; font-size: 23px; margin-top: 40px; margin-bottom:10px; font-weight: 100; }
#feature #main_content h3 { color:#3296c0; font-size: 23px; margin-top: 40px; margin-bottom:10px; font-weight: 100; }
#feature #main_content h3#top { margin-top: 0;}
#feature #main_content p { margin-bottom: 15px; }
#feature #main_content #main_left { width: 580px; float: left; margin-right: 40px; }
#feature #main_content #main_right { width: 270px; float: right; table-layout: fixed; }
.client_logo { vertical-align: middle; background: black; width: 120px; height: 90px; left-margin: auto; right-margin: auto; border-width: 0}
#feature ul { margin-left: 40px; position: relative; }
#feature ul li { line-height: 25px; list-style-type: disc; list-style-position: inside; float: left; width: 250px;}
/*CONTACT*/
#contact_header { background:#14171E; height:338px; margin-bottom:20px; }
#contact_info { float:left; height:272px; width:329px; background:url(../img/main/portfolio_info_bg.jpg) no-repeat; }
#contact_cont { padding:10px; background:#000; }
.white { color:#FFF; font-size:20px; line-height:28px; }
.block { line-height:18px; float:left; margin-right:20px; }
#contact_info_top { margin:20px; padding:0 20px 20px 20px; border-bottom:1px solid #333; }
#contact_info_middle { margin:20px; padding:0 20px 20px 20px; border-bottom:1px solid #333; }
#contact_info_bottom { margin:20px; padding:0 20px 20px 20px; font-size:18px; line-height:26px; }
/*FLICKR*/
#flickr_feed { margin-bottom:50px; }
a img { border:none }
.flickr_badge_image { margin: 0 10px 10px 0; float: left; height:67px; width:67px; overflow: hidden; }
/*TWITTER*/
#twitter_feed { margin-bottom:30px; width:220px; font-size:11px; }
#tweet { line-height:16px; }
#tweet ul { padding-top:0; }
#tweet ul li { margin-bottom:10px; display:block; }
#tweet a { color:#2b2b2c; text-decoration:none; }
#tweet a:hover { color:#df4a15; }
/*FOOTER*/
#footer { width:100%; height:62px; background:url(../img/main/footer_bg.jpg) repeat-x; }
#footer_wrapper { width:918px; margin:0 auto; font-size: 9px; text-transform: uppercase; padding-top: 15px;}
#footer ul li address { display:inline; position:relative; top: -5px;}
#footer ul li { display:block; float:left; height:13px; padding:9px; }
#footer ul li.label { margin-left: 40px; border-right:1px solid #3296c0;}
#footer ul li img { position: relative; top: -10px;}
#admin_footer { width:100%; border-top:2px solid #000; position:fixed; bottom:0; height:20px; background:#14171e; padding:8px; }
#admin_footer a { margin-right:20px; }
/*WORDPRESS*/
.wp_post { margin-bottom:40px; }
.wp_date { margin-bottom:20px; }
.wp_title { }
.wp_post_footer { margin-top:20px; }
.wp_comment { float:left; }
.wp_more { float:right; position:relative; top: 12px;}
.wp_divider { margin-top:10px; height:1px; background:url(../img/main/content_divider.jpg) no-repeat; }
p.postmetadata { background: #14171e; padding:2px 5px 5px 10px; font-weight: bold; margin-top: 20px;}
p.postmetadata .author { float:right; margin-right:10px; position:relative; top:6px; }
p.postmetadata img { position:relative; top:8px;}
body.blog h2,
body.single h2,
body.archive h2 { font-size:24px; font-weight:normal; margin-bottom:20px; margin-top:20px; color: #3296c0; line-height:23px; }
body.blog #sidebar h2 { font-size:16px; font-weight:normal; color: #3296c0; margin-top: 10px; margin-bottom: 10px; }
body.blog #sidebar a,
body.archive #sidebar a,
body.single #sidebar a { color: #b3bfca;}
body.blog #sidebar a:hover,
body.archive #sidebar a:hover,
body.single #sidebar a:hover { color: #3296c0;}
body.blog #sidebar,
body.archive #sidebar,
body.single #sidebar { color: #3296c0; }
body.blog #sidebar ul li ul li,
body.archive #sidebar ul li ul li,
body.single #sidebar ul li ul li { margin-top: 2px; margin-bottom: 2px; list-style-type: disc; list-style-position: inside; color: #b3bfca;}
body.blog #sidebar ul li ul,
body.archive #sidebar ul li ul,
body.single #sidebar ul li ul { margin-left: 5px;}
.post { margin-bottom: 40px; margin-top: 40px;}
.entry { margin-top: 20px;}
#blog_slug { background: #000; height: 40px; width: 100%;}
.date.first { margin-top: -65px;}
img.avatar { display: block; margin-bottom: 5px;}
body.blog p,
body.single p,
body.archive p { margin-bottom: 1em;}
ol.commentlist { padding:20px;}
.comment-body { line-height: 18px;}
.entry img { margin: 5px;}
/*WORDPRESS COMMENT FORM*/
form#commentform { background:#14171E none repeat scroll 0 0; font-weight:bold; margin-top:20px; padding:2px 5px 5px 10px; border: none;}
form#commentform input,
form#commentform textarea { font-family: "Lucida Grande",Verdana,sans-serif; font-size: 12px; color: #333; padding: 4px;
background: #eee; margin-top: 10px; width: 300px; border:2px solid #333333; }
form#commentform textarea { width: 550px; }
form#commentform input:focus,
form#commentform textarea:focus{ color: #000; background: #fff; border-color: #999;}
form#commentform label { font-family: "Lucida Grande",Verdana,sans-serif; display:block; font-size:10px;
font-weight:normal; margin:3px 0 5px; padding-left:6px;}
form#commentform input#submit { cursor:pointer; padding:2px 10px; color:#333; text-align:center; font-weight:normal;
font-family:"Lucida Grande",Verdana,sans-serif; border:1px solid #eee; border-bottom:1px solid #ccc;
background:url(/img/sprite.png) 0px -40px repeat-x; -moz-border-radius:20px; -webkit-border-radius:20px; width: auto;}
form#commentform input#submit:active { background:#666; color:#fff; border-color:#555; text-shadow:#222 0px -1px 0px; }
/*STICKY FOOTER*/
html, body { height: 100%; }
#wrapper { min-height:100%; height: auto !important; height:100%; margin: 0 auto -62px; }
#footer, .push { height: 62px; }
/* Shadowbox */
#left_arrow { z-index:1000; position:fixed; left:1%; top:40% }
#right_arrow { z-index:1000; position:fixed; right:1%; top:40% }
#gallery { margin:30px 0 0 0 }