/* CSS RESET
------------------------------------------- */
* { margin: 0; padding: 0 }
body{ font-size: 62.5%; font-family: Arial, Sans-Serif; background: url(../images/page_bg.gif) repeat; color:#837343; }
img{ border: none; }


/* TEXT STYLES
------------------------------------------- */
h2{ font-size: 2em; font-weight: bolder; display: block; margin-bottom: 0; color: #EDE8DC; }
h2 a, h2 a:hover{ color:#ffcc33; text-decoration:none; }
p{ font-size: 1.2em; display: block; margin-bottom: 15px; }
dl{ margin:18px 0px 0px 0px; padding:0px; }
dt{ float:left; width:150px; padding:6px 0px 0px 0px; margin:0px 9px 0px 0px; line-height:1em; text-align:right; }
dd{ margin:0px 0px 9px 0px; }


/* FORMS
------------------------------------------- */
input{ padding:5px; }
textarea{ padding:5px; }
input.submit{ width:67px; height:24px; border:none; background:url(../images/submit_button.gif) no-repeat left top; }
.required{ color:#CC0000; }
.form_note{ margin:0px 0px 0px 159px; font-size:11px; color:#fff; font-style:italic;}
.form_error{ display:block; margin:0px 0px 0px 159px; display:none; color:#CC0000; }


/* MAIN CONTENT WRAPPERS
------------------------------------------- */
#imaginary-wrapper{ width: 958px; margin: 0 auto 20px; overflow: hidden; }
#wrapper{ width: 936px; float: left; background: url(../images/wrapper_bg.gif) repeat-y right top; overflow: hidden; }
#wrapper-bottom{ width: 936px; height: 33px; background: url(../images/wrapper_bottom.gif) no-repeat right top; float: left; }
#top-bar{ width: 902px; height: 13px; background: url(../images/top_bar.gif) no-repeat; margin-left: 28px; clear: both; }
#content-wrapper{ width: 936px; padding-bottom: 20px; overflow: hidden; }
#yellow-wrapper{ width: 461px; float: left; overflow: hidden; }
#yellow-container{ width: 406px; padding: 15px 15px 20px 40px; background: url(../images/yellow_container_bg.gif) repeat-y left top; overflow: hidden; }
#yellow-container-bottom{ width: 461px; height: 6px; background: url(../images/yellow_container_bottom.gif) no-repeat; }
#yellow-wrapper-without-shadow{ width: 456px; float: left; overflow: hidden; }
#yellow-container-without-shadow{ width: 401px; padding: 15px 15px 15px 40px; background: url(../images/yellow_container_bg_ws.gif) repeat-y left top; overflow: hidden; }
#yellow-wrapper-narrow{ width: 264px; float: left; overflow: hidden; }
#yellow-container-narrow{ width: 209px; padding: 15px 15px 20px 40px; background: url(../images/yellow_container_narrow_bg.gif) repeat-y; overflow: hidden; }
#yellow-container-narrow-bottom{ width: 264px; height: 6px; background: url(../images/yellow_container_narrow_bottom.gif) no-repeat; }
#yellow-wrapper-wide{ width: 657px; float: left; overflow: hidden; }
#yellow-container-wide{ width: 572px; padding: 30px 30px 15px 55px; background: url(../images/yellow_container_wide_bg.gif) repeat-y; overflow: hidden; }
#yellow-container-wide-bottom{ width: 657px; height: 6px; background: url(../images/yellow_container_wide_bottom.gif) no-repeat; }
#content-container{ width: 434px; float: right; margin-right: 6px; padding-top: 30px; padding-right: 15px; padding-left: 20px; overflow: hidden; }
#content-container-wide{ width: 621px; float: right; margin-right: 6px; padding-top: 20px; padding-right: 15px; padding-left: 30px; overflow: hidden; }
#content-container-wide .col{ width: 288px; float: left; margin-right: 20px; padding-top: 20px; overflow: hidden; }
#contact-page-content-container{ width: 474px; float: right; margin-right: 6px; padding-top: 30px; padding-right: 0; background: url(../images/shadow.gif) no-repeat left top; overflow: hidden; }
#content-container-whole{ width: 882px; padding: 10px 10px; float: right; margin-right: 6px; overflow: hidden; }
#content-container-whole-portfolio{ width: 882px; height:474px; padding: 10px 10px; float: right; margin-right: 6px; overflow: hidden; }
#content-container-whole .col{ width: 438px; overflow: hidden; }
#content-container-whole .col .portfolio-container{ width: 416px; padding: 10px; border: solid 1px #FED202; background: url(../images/portfolio_table_bg.gif) repeat-x #FFFDF2; margin-bottom: 5px; overflow: hidden; }
#content-container-whole .col .portfolio-container .portfolio-image-container{ width: 118px; float: left; margin-right: 10px; overflow: hidden; }


/* MAIN NAVIGATION
------------------------------------------- */
#black-bar{ width: 902px; background: #454D57; margin-left: 28px; overflow: hidden; clear: both; }
#black-bar #logo{ width: 247px; height: 26px; float: left; margin-left: 10px; }
#black-bar #global-nav{ float: right; overflow: hidden; }
#global-nav ul, #global-nav li{ list-style: none; }
#global-nav ul{ margin-right: 30px; }
#global-nav li{ float: left; }
#global-nav ul li a{ display: block; width: 90px; height: 16px; line-height: 16px; padding: 5px 0; text-align: center; color: #fff; font-size: 1.2em; font-weight: bold; text-decoration: none; overflow: hidden; }
#global-nav ul li a:hover{ color: #FED202; }
#global-nav ul li a.active{ color: #FED202; background: url(../images/top_active_link_bg.gif) no-repeat 50% 100%; }
#yellow-bar{ width: 902px; margin-left: 28px; background: #FED202; overflow: hidden; }
#yellow-bar .line{ display: block; border-top: solid 1px #FED202; }
#yellow-bar ul, #yellow-bar li{ list-style: none; }
#yellow-bar ul{ margin: 3px 0; float: right; margin-right: 10px; }
#yellow-bar li{ display: inline; padding-right: 5px; border-right: solid 1px #fff; margin-right: 5px; }
#yellow-bar li.last{ padding-right: 0; margin-right: 0; border-right: none; }
#yellow-bar ul li a{ color: #fff; font-size: 1.2em; font-weight: bold; text-decoration: none; }
#yellow-bar ul li a:hover, #yellow-bar ul li a.current{ color: #454D57; }
#yellow-bar p[ margin: 3px 0; }


/* PORTFOLIO PAGE
------------------------------------------- */
.portfolio-image-top{ background: url(../images/portfolio_top_right_curve.gif) no-repeat right top; }
.portfolio-image-bottom{ background: url(../images/portfolio_bottom_right_curve.gif) no-repeat right bottom; }
.portfolio-image-content{ width: 108px; height: 113px; border-left: solid 5px #E7DCB7; border-right: solid 5px #E7DCB7; background: #FFFDF2; overflow: hidden; }
.portfolio-image-corner{ width: 5px; height: 5px; border: none; display: block !important; }


/* CONTACT PAGE & FORM
------------------------------------------- */
#contact-page-content-container p, #contact-page-content-container h2, input.submit{ margin-left: 20px; margin-right: 20px; }
#contact-form{ background: url(../images/shadow2.gif) repeat-y left #EDEAE2; overflow: hidden; }
#contact-form table{ float: right; margin: 10px 15px 0 0; border: none; }
#contact-form td{ vertical-align: top; padding-bottom: 10px; }
#contact-form label{ font-size: 1.2em; margin-right: 10px; }
#contact-form input, #contact-form textarea{ width: 200px; font-size: 1.2em; }


/* BLOGS
------------------------------------------- */
.blog_date{ font-size:11px; }
.post_entry{ padding:0px 0px 7px 0px; margin:0px 0px 10px 0px; border-bottom:1px solid #cabe9b; }


/* COMMENT PAGE & FORM
------------------------------------------- */
#comments_wrapper{ padding:9px 0px 0px 0px; margin:9px 0px 0px 0px; border-top:1px solid #cabe9b; }
.comment_box{ height:auto; margin:0px 0px 18px 0px; padding:9px; background-color:#cabe9b; }
.comment_box p{ margin:0px; color:#FFF; }
#comment_form{ padding:9px 0px 0px 0px; margin:9px 0px 0px 0px; border-top:1px solid #cabe9b; }
.comment_date{ width:auto; padding:0px 0px 0px 20px; margin:0px 0px 0px 9px; font-weight:bold;  background-image:url('../images/comment_arrow.gif'); background-position:top left; background-repeat:no-repeat; }
#comment_box{ margin:24px 0px 18px 0px; padding:18px; background-color:#cabe9b; border:1px solid #b9ad89; }
#comment_box .thoughts{ padding:0px 0px 0px 24px; margin:0px; text-transform:uppercase; color:#333; background:url('../images/bubble_icon.png') 0px 0px no-repeat; }
#comment_box p{ margin:0px!important; }
#comment_btn{ float:left; padding:5px; color:#fff; font-size:11px; border:0px; background-color:#454d57; }
#comment_loader{ float:left; height:25px; margin:5px 0px 0px 9px; }


/* SUCCESS & ERROR MESSAGES
------------------------------------------- */
#error{ display:none; position:absolute; top:0; left:50%; z-index:50; width:342px; margin:0px 0px 0px -189px; padding:18px; border-right:1px solid #8d3f3f; border-bottom:1px solid #8d3f3f; border-left:1px solid #8d3f3f; background:#ffd1d1; }
#error p{ margin:0px; color:#8d3f3f; text-align:center; }
#success{ display:none; position:fixed; top:0; left:50%; z-index:50; width:342px; margin:0px 0px 0px -189px; padding:18px; border-right:1px solid #c5f8ac; border-bottom:1px solid #c5f8ac; border-left:1px solid #c5f8ac; background:#e1ffd1; }
#success p{ margin:0px; color:#468d3f; text-align:center; }


/* MISC USABLE CLASSES
------------------------------------------- */
.clear { clear: both; }
.container { overflow: hidden; }
.black-bg { background: #454D57; }
.float-left { float: left }
.float-right { float: right }
.bigger-text { font-size: 1.2em; font-family: Verdana, Sans-Serif; line-height: 25px; }
.strong { font-weight: bold; }
object, embed:active{ outline:none; }