/*
Theme Name: Emerge Web Studio
Version: 2010
*/

/*------------------------------
=CSS 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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; list-style: none;}
body {line-height: 1.4;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';}
table {border-collapse: collapse; border-spacing: 0;}
abbr, acronym {cursor: help; border-bottom: 1px dotted #777;}


/*------------------------------
=General Styles */
body { font: 13px Helvetica, Arial, sans-serif; color: #222; background-color: #eee; }
h1 { font: 44px "American Typewriter", Times, "Times New Roman", serif;; font-weight: normal; color: #111; margin: 20px 0 15px; }
h2 { font-size: 22px; font-weight: normal; margin: 20px 0 12px; border-bottom: 1px solid #ccc;}
h3 { font-size: 14px; font-weight: bold; margin: 20px 0 12px; }
p { margin: 0 0 15px 0; }
a { color: #00892a; text-decoration: none; font-weight: bold; }
a:hover { color: #00b737; }
input.text, textarea, select, .gform_wrapper .medium { border: 1px solid #999; background: #fff url('images/bg_input-text.gif') repeat-x bottom; font: 12px Arial, Helvetica, sans-serif; padding: 4px; }
.populate { color: #555; }
textarea { overflow: auto; }

#accessibility, .hidden { display: block; width: 0; height: 0; overflow: hidden; }
.center { text-align: center; }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix {display:inline-block;}
.clearfix {display:block;} /* Hide from IE Mac \*/
.clear {clear: both;}


/*------------------------------
=Header */
#header_wrapper { background: #042d10 url(images/bg_header-wrapper.gif) repeat-x bottom; }
#header { width: 960px; height: 113px; position: relative; color: #fff; margin: 0 auto; }
#header a { color: #fff; }
#header strong.logo a { display: block; float: left; width: 241px; height: 111px; background: url(images/logo.gif) no-repeat top left; margin-left: -50px; }
#header strong.logo a:hover { opacity: .8; }
#header strong.logo a span { display: block; width: 0; height: 0; overflow: hidden; }
#header ul.navigation { float: right; position: absolute; bottom: 0; right: 0; padding-top: 64px; text-align: right; }
#header ul.navigation li { float: left; }
#header ul.navigation li.current_page_item { background: url(images/bg_nav-current.gif) no-repeat bottom; }
#header ul.navigation li a { float: left; font-size: 15px; font-weight: normal; padding: 6px 16px 22px; background: url(images/bg_nav-vr.gif) no-repeat right top; }
#header ul.navigation li.last a { padding-right: 6px; background: none; }
#header ul.navigation li a em { color: #00b636; font-style: normal; font-weight: bold; }
#header ul.navigation li a:hover,
#header ul.navigation li a:hover em { color: #00d33f; }

/*------------------------------
=Container */
#container_wrapper { width: 940px; padding: 30px 10px; margin: 0 auto; }
#container_wrapper .has_sidebar { background: url(images/bg_container-sidebar.gif) repeat-y top; }
#container_wrapper h1 { border-bottom: 1px dotted #969696; padding: 0 0 6px; margin: 0;  }
#container_wrapper a#cta_top { display: block; width: 222px; height: 44px; background: url(images/btn_contact-emerge.gif) no-repeat top; float: right; }
#container_wrapper a#cta_top:hover { background-position: 0 -44px; }
#container_wrapper a#cta_top span { display: block; width: 0; height: 0; overflow: hidden; }


/*------------------------------
=Content */
#content { width: 940px; float: left; padding: 20px 0; }
.has_sidebar #content { width: 580px; }
#content h3 { font-size: 16px; border-bottom: 1px dotted #969696; padding-bottom: 4px; }
#content p { line-height: 1.4; }
#content p.summary { background-color: #fff; padding: 15px; font-size: 18px; }
#content p.summary em { color: #00892a; font-style: normal; }
#content .picture_box { width: 150px; float: right; text-align: center; margin: 0 0 6px 10px; }
#content .picture_box a { font-weight: normal; }

#content .gform_wrapper { background-color: #fff; padding: 0 20px 10px; }
#content .gform_wrapper li.gsection { margin: 0 0 5px; padding: 20px 0 0; }
#content .gform_wrapper li#field_1_3 { margin-bottom: 10px; }
#content .gform_footer input:hover { opacity: .9; }

/*------------------------------
=WordPress Styles */
/* Captions */
.aligncenter,
div.aligncenter {display: block;margin-left: auto;margin-right: auto;}
.wp-caption {border: 3px double #ccc;text-align: center;background-color: #eee;padding-top: 4px;margin: 10px 10px 18px;}
.wp-caption img {margin: 0;padding: 0;border: 0 none;}
.wp-caption p.wp-caption-text {font-size: 11px;line-height: 17px;padding: 0 4px 5px;margin: 0;}
/* End captions */

/* Begin Images */
p img {padding: 0;max-width: 100%;}
img.centered {display: block;margin-left: auto;margin-right: auto;}
img.alignright {padding: 0;margin: 0 0 2px 7px;display: inline;}
img.alignleft {padding: 0;margin: 0 7px 2px 0;display: inline;}
.alignright {float: right;}
.alignleft {float: left}
/* End Images */


/*------------------------------
=Sidebar */
#sidebar { width: 280px; float: right; padding: 25px 0; font-size: 12px; }
#sidebar .widget { margin: 0 0 30px; }
#sidebar .widget h4 { font: bold 16px "American Typewriter", Times, "Times New Roman", serif; margin-bottom: 6px; }
#sidebar .widget p { line-height: 1.4; }
#sidebar .widget ul li { margin: 0 0 6px; }
#sidebar .widget ul.partners li { float: left; padding: 0; margin: 0 0 6px; }


/*------------------------------
=Home */
#home #container_wrapper { padding-right: 0; width: 950px; }
#home #container_wrapper h1 { font-size: 22px; border-bottom: none; padding: 0 0 16px; margin: 0;  }
#home #content { width: 580px; }
#home #content p.quote { font-size: 16px; }
#home #content #samples { border-top: 1px dotted #969696; padding-top: 20px; margin-top: 30px; }
#home #content #samples .project { width: 280px; position: relative; float: left; padding-top: 180px; background: url(images/bg_homfolio-summary.gif) no-repeat 0 180px; margin: 0 20px 0 0; }
#home #content #samples #project_last { margin-right: 0; }
#home #content #samples .project a img { position: absolute; top: -10px; left: -10px; }
#home #content #samples .project a:hover img { opacity: .8; }
#home #content #samples .project .details { font-size: 12px; padding: 10px; width: auto; margin: 0; }
#home #content #samples .project .details p.title { font-size: 14px; font-weight: bold; margin: 0; padding: 0; }
#home #content { width: 580; padding: 25px 0; }
#home #sidebar { width: 370px; padding: 433px 0 25px 0; background: url(images/home-emac.jpg) no-repeat 0 25px; }
#home #sidebar .widget { width: 280px; float: right; margin-top: 20px; }
#home #sidebar .widget ul { display: block; float: left; font-size: 12px; padding-bottom: 15px; }
#home #sidebar .widget ul.col1 { width: 150px; }
#home #sidebar .widget ul.col2 { width: 130px; }
#home #sidebar .widget a.cta { clear: both; display: block; width: 222px; height: 44px; background: url(images/btn_contact-emerge.gif) no-repeat top; margin: auto; }
#home #sidebar .widget a.cta:hover { background-position: 0 -44px; }
#home #sidebar .widget a.cta span { display: block; width: 0; height: 0; overflow: hidden; }


/*------------------------------
=Portfolio */
#content .project { position: relative; margin-bottom: 60px; }
#content .project .coming_soon { position: absolute; top: -4px; left: -3px; }
#content .project .screenshot { width: 580px; float: left;}
#content .project .screenshot a img { border: 2px solid #fff; background-color: #fff; }
#content .project .screenshot a:hover img { border: 2px solid #ccc; }
#content .project .details { width: 330px; padding-left: 20px; float: left;}
#content .project .details h3 { font: 18px "American Typewriter", Times, "Times New Roman", serif; border-bottom: 0; margin: 0 0 10px; padding: 0;}
#content .project .details h4 { font-size: 13px; font-weight: bold; margin: 0 0 6px; padding: 0;}
#content .project .details .services { margin: 20px 0; padding: 20px 0; border-top: 1px dotted #969696; border-bottom: 1px dotted #969696; }
#content .project .details .services ul li { margin: 0 0 4px; }
#content .project ul.action li { margin-bottom: 5px; }
#content .project ul.action li a { border-bottom: 1px solid #7abd8f; }
#content .project ul.action li a:hover { border-bottom: 1px solid #00b737; }



/*------------------------------
=Footer */
#footer_wrapper { clear: both; }
#footer { width: 940px; font-size: 12px; padding: 30px 10px; margin: 0 auto; color: #333; border-top: 1px dotted #969696; }
#footer .col1 { width: 580px; float: left; }
#footer .col2 { width: 280px; float: right; text-align: right; }
#footer .col2 p.utility { font-size: 13px; margin-bottom: 8px; }
#footer .col2 p.utility a { text-decoration: underline; }
#footer .col2 p.phone { font: 22px "American Typewriter", Times, "Times New Roman", serif; }