/* shockEnterprise

MEDIA
-----
screen, projector

MODIFIED
-----
080606

COLOR GLOSSARY                            Thanks for the tip, Garrett [http://www.garrettdimon.com/archives/css-maintenance-tip-use-a-color-glossary]
-----
Dark Orange: #e6a620
Medium Orange: #f6bd4c
Light Orange: #fbd975
Brown: #523108
Green Orange: #e0cb7c         */

/* GLOBALS */
* { margin:0; padding:0; border:0; }
html { height:100%; background:#e6a620 url(../../images/bg_bottom_right.jpg) bottom right no-repeat fixed; }
body { color:#523108; background:transparent url(../../images/bg_top_right.jpg) top right no-repeat; font:80% Georgia, serif; }
h2#linkHome { display:none; }

/* CONTAINER */
div#container { background:transparent url(../../images/bg_logo.jpg) top left no-repeat; min-height:386px; }

/* NAVIGATION */
ul#navigation { margin:0 auto 0 55%; width:280px; padding-top:34px; height:225px; background:transparent url(../../images/bg_nav.jpg) top left no-repeat; list-style:none; }
ul#navigation li { float:right; clear:both; }
ul#navigation li a { display:block; width:95px; background:transparent url(../../images/nav_li.gif) bottom right no-repeat; font:1em serif; text-decoration:none; color:#523108; }
ul#navigation li a span { cursor:pointer; text-transform:lowercase; display:block; height:1.5em; padding:0 0 0.4em 15px; }

/* SIDEBAR */
div#sidebar { float:left; width:20%; margin-left:6%; padding-top:50px; }

/* BACKGROUND */
div#background { width:236px; min-height:165px; height:auto !important; height:165px; background:#523108 url(../../images/bg_background.jpg) top left no-repeat; color:#fbd975; }
div#background h3 { display:none; }
div#background p { font-size:0.9em; line-height:1.3em; padding:50px 30px 0 20px; }

/* FEATURED */
h3#featuredHeading { color:#e6a620; background:transparent url(../../images/featured.jpg) bottom left no-repeat; text-align:right; font-size:0.1em; height:55px; }
ul#featured { list-style:none; padding-top:5px; }
ul#featured li a { display:block; width:217px; border-bottom:1px solid #e6a620; padding-bottom:2px; margin-bottom:6px; }
ul#featured li a:hover { border-bottom:1px solid #523108; }

/* CONTENT */
div#content { float:left; width:55%; margin:25px 0 0 5%; padding:0 20px 42px 26px; background:transparent url(../../images/bg_content_corner.jpg) bottom left no-repeat; }
div#content h1.pageTitle { height:45px; }
div#content h1.pageTitle span { visibility:hidden; }
div#content h1#about { background:#f6bd4c url(../../images/bg_heading_about.jpg) center left no-repeat; }
div#content h1#work { background:#f6bd4c url(../../images/bg_heading_work.jpg) center left no-repeat; }
div#content h1#services { background:#f6bd4c url(../../images/bg_heading_services.jpg) center left no-repeat; }
div#content h1#contact { background:#f6bd4c url(../../images/bg_heading_contact.jpg) center left no-repeat; }
div#content div#copy { background:#f6bd4c url(../../images/bg_content.jpg); padding:10px; line-height:1.8em; }
div#content div#copy p { margin-bottom:1.3em; }
div#content div#copy:after {clear:both; display:block; content:"."; height:1px; visibility:hidden;}

/* LINKS */
div#content div#copy a { text-decoration:none; background-color:#523108; color:#fbd975; padding:1px 0.1em; }
div#content div#copy a:hover { text-decoration:underline; }

/* WORK */
ul#portfolio { list-style:none; }
ul#portfolio li { width:50%; margin-bottom:6px; float:left; overflow:hidden; text-align:center; }
ul#portfolio li a { border-bottom:1px solid #e6a620; margin:0 2% 2px 2%; background-color:transparent !important; }
ul#portfolio li a:hover { border-bottom:1px solid #523108; }

/* FORMS */
div.form { clear:both; width:35em; padding-bottom:30px; }
div.form legend { display:none; }
div.form form div { clear:both; padding-top:10px;}
div.form form div.textfield {  }
div.form form div.textfield label { display:block; float:left; text-align:right; width:8em; padding:0.2em 1em 0 0; }
div.form form div.textfield input { display:block; float:left; width:18em; margin-right:2em; }
div.form form div.textarea { }
div.form form div.textarea label { display:block; float:left; text-align:right; width:8em; padding:0.2em 1em 0 0;  }
div.form form div.textarea textarea { display:block; float:left; width:18em; height:10em; }
div.form form div.submit { }
div.form form div.submit input { float:left; display:block; margin-left:9em; }

/* FORM ELEMENT CUSTOMIZING */
div.form form label { color:#523108; padding:2px; }
div.form form input { font:1em Georgia, serif; color:#523108; border:1px solid #e6a620; padding:5px; background:transparent; }
div.form form textarea { font:1em Georgia, serif; color:#523108; border:1px solid #e6a620; padding:5px; background:transparent; }
div.form form div.submit input { color:#fbd975; height:auto; text-align:center; padding:0.3em 0.5em; background-color:#523108; }

/* FOOTER */
div#footer { clear:both; font-weight:normal; width:25%; margin-left:6%; padding-bottom:1em; }