/*
* HARD RESET
*/
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, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: small; line-height: 1.5em; font-family: inherit; text-align: left; vertical-align: baseline; }
a img, :link img, :visited img { border: 0; }
table { border-collapse: collapse; border-spacing: 0; }
ol, ul { list-style: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; }
.clear { clear: both; }
.right { float: right; }
.left { float: left; }
.imgreplace { text-indent: -9999px; }
.uppercase { text-transform: uppercase; }
noscript div { color: red; background-color: pink; padding: 20px; margin: 0 25px 25px 0; border: 1px solid red; }
textarea { resize: none; }
/*==================================*/
body.home #fi, body.clients #fi, body.about #fi, body.process #fi, body.error #fi { margin: 125px 0 25px 0; }
body.portfolio #fi { margin: 122px 0 10px 44px; }
body { background: #000 url(../img/bg_grad.png) top left no-repeat; font-family: "Lucida Grande", Helvetica, arial, sans-serif; color: #fff; text-shadow: #000000 0 0 0; -moz-opacity: 0.99; }
#header { height: 5px; width: 100%; background-color: #e05f00; }
#faux { /*background: url(../img/nav_bg.png) top left repeat-y;*/ min-width: 1000px; }
#login { float: right; }
p#login { text-transform: uppercase; margin-top: 10px; border-bottom: 1px solid #e05f00; font-size: 80%; float: right; cursor: pointer; }
#login_form { display: none; clear: both; margin-top: 10px; background: url(../img/form_bg.png) top left no-repeat; padding: 8px 10px; width: 190px; float: right; }
#pass { background: #2f2f2f url(../img/login_form_bg.jpg) top left no-repeat; border: 0; height: 21px; width: 159px; padding: 3px 0 0 3px; color: #474747; float: left; margin-right: 5px; }
#submit_btn { float: left; padding-top: 2px; }
#navigation { position: relative; display: block; float: left; margin-top: 0; z-index: 0; width: 289px; height: 700px; }
/* FF2 MAC only */
ul#replacement_nav { width: 270px; margin-top: 100px; }
#replacement_nav li.link { margin: 0px 0 -10px 0; }
#replacement_nav a:link { text-decoration: none; font-size: 25px; color: #fff; padding: 10px 20px; display: block;}
#replacement_nav a:visited { text-decoration: none; font-size: 25px; color: #fff; padding: 10px 20px; display: block;}
#replacement_nav a:hover { text-decoration: none; font-size: 25px; color: #fff; padding: 10px 20px; background-color: #e05f00; display: block;}
#replacement_nav a:active { text-decoration: none; font-size: 25px; color: #fff; padding: 10px 20px; display: block;}
#logo { margin-top: -5px; }
#navigation img#logo { border: 0; }
#navigation p { font-size: 12px; float: left; margin-left: 20px; }
#entries { margin-top: 25px; }
#entries a:link {color: #e05f00; text-decoration: none;}
#entries a:visited {color: #e05f00; text-decoration: none;}
#entries a:hover {color: #fff; text-decoration: none;}
#entries a:active {color: #e05f00; text-decoration: none;}
a:focus { outline: none; }
a { -moz-outline: none; }
/*---------*/
#main { display: inline; float: left; position: relative; width: 610px; padding: 0 50px 0 50px; margin-bottom: 100px; }
h1 { width: 607px; font-size: 27px; }
h2 { height: 25px; margin-left: 25px; color:#999999; margin-left: 25px; font-size: 24px; }
h3 { border-bottom: 1px solid #6a6a6a; font-size: 18px; color: #6a6a6a; margin-bottom: 5px; height: 20px; }
h4 { border-bottom: 1px solid #6a6a6a; font-size: 12px; color: #6a6a6a; margin: 25px 0 5px 0; height: 16px; }
h5 { margin-left: 20px; font-size: 14px; font-weight: bold; }
h6 { margin: 20px 0 0 20px; font-weight: bold; font-size: 14px; -moz-opacity: 0.99; }
h6, #email, #phone, #title { font-family: "Lucida Sans", "Lucida Grande", Helvetica, arial, sans-serif; }
#home_copy { margin-top: 10px; margin-bottom: 20px; }
#gallery_preview { font-size: 11px; margin-top: 75px; }
#mini_gallery li { float: left; margin: 10px 5px 0 0; }
#mini_lallery li#last { margin: 0; }
.mini_gallery_titles { margin-left: 5px; letter-spacing: -.5px; font-size: 10px; float: left; color: #474747; }
.uppercase img { margin-left: 15px; padding-bottom: 4px; }
#contact_footer { background: url(../img/contact_bg.png) top left no-repeat; height: 50px; width: 100%; position: fixed; bottom: 0px; z-index: 100; }
#contact_btn_wrap { margin-left: 20px; float: left; height: 50px; }
#contact_btn { width: 100%; height: 50px; position: relative; z-index: 101; }
#contact_btn:hover { cursor: pointer; }
#contact_uon { display: inline; float: right; margin-right: 20px; height: 50px; }
#footer_content { background: #4a4a4a url(../img/contact_drop.gif) top left repeat-x; height: 350px; clear: both; padding-top: 35px;}
#footer_content p { width: 290px; font-size: 12px; margin-left: 20px; line-height: 1.2em; -moz-opacity: 0.99; }
#footer_content #greeting { margin-bottom: 10px; }
#phone, #email { margin-top: 15px; }
#contact_info { float: left; margin-right: 50px;}
#contact_form { float: left; margin-top: 35px; position: relative; z-index: 102; }
#map { position: relative; top: -35px; left: 570px; z-index: 101; background: url(../img/contact_map2.jpg) top left no-repeat; width: 100%; height: 350px; }
#contact_tag { position: relative; z-index: 122; top: -285px; left: 725px; display: block; }
a#contact_link img { border: 0; }
/**
* FORM STYLE
*/
#contact_form input#name { background: url('../img/contact_field_bg.gif') top left no-repeat; width: 262px; height: 31px; border: 0; }
#contact_form input#email, #contact_form input#phone { background: url('../img/contact_small_field_bg.gif') top left no-repeat; border: 0; width: 111px; height: 31px; }
#contact_form input#email { margin-right: 15px; }
#contact_form textarea#msg { background: url('../img/contact_textarea_bg.gif') top left no-repeat; border: 0; padding-top: 10px; padding-bottom: 10px; width: 262px; height: 107px; }
#contact_form input, #contact_form textarea { font-size: 12px; color: #666; font-family: "Lucida Sans", "Lucida Grande", Helvetica, arial, sans-serif; padding:0 10px; }
#contact_form input { padding-top: 8px; margin: 0; }
#contact_form textarea { margin: 0; }
/*Hack safari*/
/*\*/
html>body*#contact_form input { padding-top: 0; }
#contact_form input { margin-bottom: 8px; }
/**/
#contact_form #send { position: relative; left: 165px; }
#contact_form #send:hover { cursor: pointer; }
#contact_footer a:link {color: #fff; text-decoration: underline;}
#contact_footer a:visited {color: #fff; text-decoration: underline;}
#contact_footer a:hover {color: #fff; text-decoration: none; cursor: pointer;}
#contact_footer a:active {color: #fff; text-decoration: underline;}
/*Errors and success*/
#results { position: absolute; top: -60px; left: -20px; }
#footer_content p.success { color: #1d4b21; background-color: #80ad84; border: 1px solid #1d4b21; padding: 20px 10px; width: 262px; }
#footer_content p.error { color: #fff; background-color: #e05f00; padding: 5px 10px; margin-bottom: 1px; width: 262px; }
a:link img {border: 5px solid #474747;}
a:visited img {border: 5px solid #474747;}
a:hover img {border: 5px solid #e05f00;}
a:active img {border: 5px solid #474747;}
/**
* client page
*/
.client_logos li { float: left; margin: 0 5px 5px 5px; }
.client_logos li.last { margin-right: 0; }
.client_logos li.first { margin-left: 0; }
#client_copy { margin: 10px 0 25px 0; }
/**
* process page
*/
#process_copy { margin: 10px 0 25px 0; }
body.process #main { width: 660px; }
body.process #faux { min-width: 1050px; }
#process_graph { margin: 50px 0 25px 0; }
.process_dets { float: left; width: 145px; margin-left: 20px; font-size: 11px; color: #a0a0a0; }
/**
* PORTFOLIO
*/
#sub_nav { position: absolute; left: 20px; top: 0px; -moz-opacity: 0.99; z-index: 90; top: 470px; }
#sub_nav ul li { float: left; padding-right: 20px; }
#sub_nav ul { border-bottom: 1px solid #474747; padding-bottom: 25px;}
#sub_nav ul li#last { padding-right: 0; }
li#sort { color: #474747; }
#sub_nav ol { margin-left: 53px; margin-top: 10px; }
#sub_nav ol li { margin-bottom: 5px; }
#sub_nav ol li a { font-size: 10px; }
#sub_nav ul a:link {color: #fff; text-decoration: none; }
#sub_nav ul a:visited {color: #fff; text-decoration: none; }
#sub_nav ul a:hover {color: #e05f00; text-decoration: none; }
#sub_nav ul a:active {color: #fff; text-decoration: none; }
#sub_nav a.current_nav { border-bottom: 1px solid #e05f00; }
#sub_nav ol a:link {color: #fff; text-decoration: none; padding: 0px 0 0px 2px; background-color: none; display: block;}
#sub_nav ol a:visited {color: #fff; text-decoration: none; padding: 0px 0 0px 2px; background-color: none; display: block;}
#sub_nav ol a:hover {color: #fff; text-decoration: none; padding: 0px 0 0px 2px; background-color: #e05f00; display: block;}
#sub_nav ol a:active {color: #fff; text-decoration: none; padding: 0px 0 0px 2px; background-color: none; display: block;}
body.portfolio #main { padding: 0 10px 0 0; width: 690px; }
#port_holder { height: 550px; width: 2000; }
#port_holder #nav_arrows { position: relative; top: 260px; }
#nav_arrows img#arrow_right { position: absolute; right: 0px; }
#portfolio { margin: 0 30px; position: relative; z-index: 10; }
.panel ul li { float: left; margin: 0 4px 40px 4px; }
#dot_nav { text-align: center; }
/*.dot_holder { background-color: #000; padding: 3px 10px 0 10px;}*/
#dot_nav a img { border: 0; padding: 2px; }
#portfolio a:link img {border: 5px solid #474747;}
#portfolio a:visited img {border: 5px solid #474747;}
#portfolio a:hover img {border: 5px solid #e05f00;}
#portfolio a:active img {border: 5px solid #474747;}
.stepcarousel { position: relative; overflow: scroll; width: 650px; height: 550px; }
.stepcarousel .belt { position: absolute; left: 0; top: 0; }
.stepcarousel .panel { float: left; overflow: hidden; margin: 10px; width: 650px; }
/**
* project
*/
#client_name { margin: 109px 0 0 0; padding: 0;}
#project .stepcarousel { position: relative; overflow: hidden; width: 573px; height: 340px; }
#project .stepcarousel .belt { position: absolute; left: 0; top: 0; }
#project .stepcarousel .panel { float: left; overflow: hidden; margin: 10px; width: 573px; }
#project .stepcarousel .panel img { padding: 5px; background-color: #474747; }
#project #mygallery { margin: 20px 0 0 15px; }
#project { margin-bottom: 25px; }
#project_info { margin: 25px 20px 20px 25px; }
#project_info p { font-size: 11px; }
.belt #vid { padding: 5px; background-color: #474747; display: block; }
#project_info a:link {color: #e05f00; text-decoration: none;}
#project_info a:visited {color: #e05f00; text-decoration: none;}
#project_info a:hover {color: #e05f00; text-decoration: underline;}
#project_info a:active {color: #e05f00; text-decoration: none;}