@media screen {
/******************
 * JWM Stylesheet
 ******************/
 
/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin */
/* the default spacing on headings does not match nor align with
normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/* nonetheless strip their margin and padding as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }


h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: #005569;}

a {color: #D3884F;}

a img,:link img,:visited img { border:none }

/* de-italicize address */

address { font-style:normal }

/******************** Layout **********************/



/****** Main ******/

#header{height: 120px;}

#logo{float: left; margin-left: -210px}

#logo img{vertical-align: middle;}

#PrintLogo{display:none;}


.object-left {float: left; margin-right: 15px}
.object-right {float: right; margin-left: 15px}

html {background: url(../images/body_bkgd_bottom.gif) repeat-x bottom;}
body {font-family: Tahoma; text-align: center; background: url(../images/header_repeat.gif) repeat-x; font-size: 14px; line-height: 1.4em;}

#container{text-align: left; margin: 0 auto; width:900px;}

#main_body{clear: left;}

#content{width: 600px; float: left; margin-top: 35px;}

.streamlined_input {display: none;}

/****** Navigation ******/
#navigation {position:absolute; margin-left:416px;}
#navigation ul{ list-style: none; margin-top: 23px; height: 44px;}
#navigation li{ float: left; margin: 0; line-height: 44px; }
#navigation a{display: block; background: url(../images/nav_repeat.gif); padding: 0 8px; color:#e3bb9f; text-decoration: none; border-left: 1px solid #AA4243; font-size: 90%;}
#navigation li.first a {border-left: none; background: url(../images/nav_end_caps/nav_cap_left.gif); padding: 0px 8px 0px 19px;}
#navigation li.last a {background: url(../images/nav_end_caps/nav_cap_right.gif) right; padding-right: 19px;}
#navigation a:hover{background: url(../images/nav_repeat_on.gif); text-decoration: underline; color: white;}
#navigation li.last a:hover {background: url(../images/nav_end_caps/nav_cap_right_on.gif) right;}
#navigation li.first a:hover {background: url(../images/nav_end_caps/nav_cap_left_on.gif);}
#navigation li.selected a {background: url(../images/nav_repeat_on.gif); color: white;}
#navigation li.last.selected a {background: url(../images/nav_end_caps/nav_cap_right_on.gif) right;}


/****** Path ******/
#path{clear: left; margin: 1em 0;}
#path {position: absolute; top: 80px; color: white; font-size: 95%;}
#path a {text-transform: lowercase; color:#e3bb9f;}



/****** Footer ******/
#footer{clear: both; color: #D3884F; text-align: center; background: white url(../images/footer_repeat.gif) repeat-x 4px 40px; padding-top: 0px; font-size: 80%;}
#footer_graphic{display: none; float: right; margin-left: 440px; margin-top: -14px; position: absolute;}
#footer_design{width: 1080px; margin: 0 auto; background: url(../images/montage_of_subjects.gif) no-repeat right 37px; }
#footer_text{padding-top: 140px; width: 900px; margin: 0 auto; text-align: left; padding-bottom: 3em; color:#948671;}
#footer_text span{color:#b20129;}

#footer a img {vertical-align: middle;}
#footer a {color: #948671; text-decoration: none; }
#footer a:hover {text-decoration: underline; color: #D3884F}

/***************** Content Area *******************/
#content {line-height: 1.7em; }
#content p {margin: 0 0 1em 0;}
#content h1 {font-size: 200%; color:#B90028;  line-height: 1.2em; padding:0px 0px 0px 40px; background: url(../images/camera_icon.gif) no-repeat 0 10px; margin-bottom: 0.6em;}
#content h2 {font-size: 180%; color:#B90028; margin-top: 1em; margin-bottom: 0.5em;}
#content h3 {font-size: 160%; color:#B90028; margin-top: 1em; }
#content h4 {font-size: 130%; color:#B90028; margin-top: 1em; margin-bottom: 0.5em;}
#content h5 {font-size: 120%; color:#B90028; margin-top: 1em; margin-bottom: 0.5em;}
#content h6 {font-size: 100%; color:#B90028; margin-top: 1em; margin-bottom: 0.5em;}

#content .production_full{width:662px;}
#content .production_full h2.Swished{float:left;}
#content h2.Swished{padding-left:15px; background: url(../images/swooshes_icon.gif) no-repeat 0 5px; margin-bottom:0px;}

#content .InfoWrapper{float:left; margin-bottom:15px; width:662px;}
#content .ProdInfo{width:465px; float:left;}
#content .byline{font-size:12px; line-height:14px; padding-left:15px; margin-bottom:10px;clear:left;}
#content .ClientImage{text-align:right; width:197px; float:left; margin-top:39px;}


#content ul {margin: 0.5em 1em;}
#content .line h3 {font-size: 120%;}

/***************** Sidebar ************************/
#sidebar {float: right; width: 223px; margin-top: 25px;}
#sidebar .box {background: url(../images/subnav_repeat.gif) repeat-y; float: left; width: 223px; margin-top: 18px;}
#sidebar .design {background: url(../images/subnav_corners_top.gif) top left no-repeat; margin-top: -9px;}
#sidebar .contents {background: url(../images/subnav_corners_btm.gif) bottom left no-repeat; padding: 5px 0 30px 0; margin-bottom: -13px;}

#sidebar .contents h3 {margin:10px 0px 0px 12px; padding:5px 0px 0px 25px; float:left; display:inline; text-transform: uppercase; color: #D38554; background: url(../images/reel_icon.gif) no-repeat left 7px; font-size: 120%;}

#sidebar ul {list-style: none; margin: 0; padding: 0; clear:left;}

#sidebar li a {display: block; padding: 1px 0; padding-left: 30px; background: url(../images/arrow_tan.gif) no-repeat 13px 7px; color: #005569; text-decoration: none; font-size: 90%; line-height: 20px; text-transform: lowercase;}

#sidebar li a.BackButton{background: url(../images/back_arrows.gif) no-repeat 8px 7px;}


#sidebar li a.current {background: url(../images/arrow_tan_on.gif) no-repeat 13px 7px; background: #958671; color: white}
#sidebar a:hover {text-decoration: underline;}

#sidebar li img {vertical-align: middle;}

#search_form {margin-bottom: 30px;}
#search_form .textbox {width: 180px;}



/***************** Home Page **********************/
.home_page_full {width: 900px;}
.home_page_full .summary {float: right; width: 234px; background: url(../images/blue_repeat.gif) repeat-y; color: white; margin: 25px 0 20px 20px;}
.home_page_full .summary .design {background: url(../images/corners_top_blue.gif) no-repeat; padding: 10px 0; margin-top: -5px;}
.home_page_full .summary .contents {background: url(../images/corners_btm_blue.gif) no-repeat bottom; padding: 10px 5px 50px 30px; margin-bottom: -25px; }

#home_news {margin-top: 30px;}

#home_news .home { clear:left; padding-left: 30px; background: url(../images/reel_icon.gif) no-repeat 0 5px; }

#featured_productions { width: 900px; height: 300px; background: #005569; margin-top: 10px;}

/***************** Production Gallery *************/
.production_line {margin: 1em 0; float: left;}
#content .production_line h3 {margin-top: 0;}
.production_line .thumbnail { float: left; }
.production_line .info {margin-left: 210px;}

.pagenavigator {float: left; text-align: center; font-weight: bold; font-size: 110%}
.pagenavigator .previous {float: left}
.pagenavigator .next {float: right;}

/***************** Forms **************************/
.textbox { background: url(../images/form_field_repeat.gif); border: 1px solid #EEE; padding: 3px; line-height: 25px; }
.imagebutton { vertical-align: middle; }

#content .comment_edit_full h5, #content .feedback_form_full h5{margin:0px; float:left; text-transform:uppercase; color:#D38554; font-weight:normal;}

.comment_edit_full .InputBox, .feedback_form_full .InputBox{float:left; margin-top:20px;}
.comment_edit_full input.box, .feedback_form_full input.box,  .comment_edit_full textarea.box, .feedback_form_full textarea.box{width:455px; border:1px soild #D1D1D1; float:right;}

.feedback_form_full .imagebutton{margin:5px 0px 0px 118px;}

.comment_edit_full .buttonblock{clear:both; padding:0px 0px 0px 116px;}

.comment_edit_full .buttonblock input.defaultbutton{position:relative; bottom:-17px;}

.sIFR-flash {visibility: visible !important; margin: 0;}

.sIFR-replaced {visibility: visible !important;}




/***************** Flash Image Replacement *************/
span.sIFR-alternate {position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden;}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {display: none !important;}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash #content h1 {visibility: hidden; font-size: 35px;}

.sIFR-hasFlash #content h2 {visibility: hidden; font-size: 35px; letter-spacing: -8px; line-height: 50px;}

.sIFR-hasFlash #content h2.Swished{background: url(../images/swooshes_icon.gif) no-repeat 0 15px; }

.content-edit {width: 650px;}

}
/* -------------------------------------------------------------------- */
/* THESE ARE STYLES FOR PRINT  ---------------------------------------- */

@media print {

#PrintLogo{display:block;}

#logo, #sidebar,#navigation,.FlashMovie, #featured_productions{display:none;}

#container, #content, #content .full, #content .full .InfoWrapper, #content .line{width:1100px;}


#path{font-size:110%;}

#footer_text{padding:0px; padding-top:10px;}


.sIFR-flash, .sIFR-flash object, .sIFR-flash embed {display: none !important; height: 0; width: 0; position: absolute; overflow: hidden; }

span.sIFR-alternate { visibility: visible !important; display: block !important; position: static !important; left: auto !important; top: auto !important;}

}