/*
	CSS Style Definitions for Hungryman
	developed by Stefan Isarie - Iowa Interactive
	http://www.iowainteractive.com/
	izzy@iowainteractive.com
*/
img,div,a,li{behavior: url('js/iepngfix.htc');}
html, body{ margin:0; padding:0;}
body{ font: 14px "Times New Roman", Arial, Helvetica, sans-serif; }

#spotbody, #reelbody, #whatwedobody, #spothtml, #reelhtml, #whatwedohtml {
background: #000;
}

#popoverbody, #pressbody, #popoverhtml, #presshtml {
background: url("../images/background_pattern.jpg"); color:#e1dec3; 
}

#indexhtml, #indexbody, #flashMovie {min-width: 1000px;}

#row1 { margin-bottom:50px; }
#row1 ul#navigator{ margin:12px 0 0 0px; padding:0; list-style:none; width:auto;}
#row1 ul#navigator li{ margin:0 30px 12px 0; padding:0; float: left; }
#row1 ul#navigator li a{ text-decoration:none; display:block; height:20px; overflow:hidden; }
#row1 ul#navigator li a#return, div#utilBar ul li a#return:link, div#utilBar ul li a#return:visited{ background:url("../images/icons/return.gif") no-repeat; width:64px; }
#row1 ul#navigator li a#close, div#utilBar ul li a#close:link, div#utilBar ul li a#close:visited{ background:url("../images/icons/close.gif") no-repeat; width:60px; }
#row1 ul#navigator li a#forward, div#utilBar ul li a#forward:link, div#utilBar ul li a#forward:visited{ background:url("../images/icons/forward.gif") no-repeat; width:146px; }
#row1 ul#navigator li a#podcast, div#utilBar ul li a#podcast:link, div#utilBar ul li a#podcast:visited{ background:url("../images/icons/podcasting.gif") no-repeat; width:146px; }
#row1 ul#navigator li a.reelopen, div#utilBar ul li a.reelopen:link, div#utilBar ul li a.reelopen:visited{ background:url("../images/icons/reel-menu.gif") no-repeat; width:96px; }
#row1 ul#navigator li a.reelclose, div#utilBar ul li a.reelclose:link, div#utilBar ul li a.reelclose:visited{ background:url("../images/icons/reel-menu-close.gif") no-repeat; width:96px; }
#row1 ul#navigator li a:hover, div#utilBar ul li a:active{ background-position:left bottom !important; }

#row1 ul#headings{ font-weight: bold; font-family: "Times New Roman"; margin: 5px 0 0 0; padding:0; list-style:none; width:400px;}
#row1 #request ul#headings{width:800px;}
#row1 ul#headings li{padding:0; text-align:right; width: 400px; margin:0 0 0 0;}
#row1 #request ul#headings li{width:800px;}
#row1 ul#headings li span#pageheader{font-size:40px; color:#fff; margin-right: 12px;}
#row1 ul#headings li span#pagemessage{font-size:18px; color:#fdbe10; margin-right: 12px;}
#row1 ul#headings li span#spotheader{font-size:32px; color:#fff; margin:12px 0 0 0;}

#row1 #press ul#pager {margin:20px 0 0 -12px;}
#row1 ul#pager{font-weight: bold; color: #d1c39e; margin:-8px 0 0 -12px; padding:0; list-style:none; width:400px; font-size: 12px;}
#row1 ul#pager li{ margin:0 0 0 8px; padding:0; float:right; line-height:17px; float:right; }
#row1 ul#pager li#dsp {color: #aec6ca;}
#row1 ul#pager li a, div#utilBar ul#pager li a:link, div#utilBar ul#pager li a:visited{ display:block; overflow:hidden; line-height:17px; text-decoration:none;  color: #d1c39e;}
#row1 ul#pager li a.back{ padding-left:22px; background:url("../images/arrows/arrow-left.gif") no-repeat top left; }
#row1 ul#pager li a.next{ padding-right:22px; background:url("../images/arrows/arrow-right.gif") no-repeat top right; }
#row1 ul#pager li a.back:hover, div#utilBar ul#pager li a.back:active{ background-position:left bottom !important; }
#row1 ul#pager li a.next:hover, div#utilBar ul#pager li a.next:active{ background-position:right bottom !important; }
#row1 span#director{ font-size:18px;}
#row1 span#client{ font-size:18px;}
#row1 span#title{ font-size:18px;}



div#utilBar .half{ width:46%; }
div#utilBar .half ul#navigator, div#utilBar .half ul#headings{ width:100%; }

#wdlogo{ position:absolute; bottom:8px; left:0; text-align:center; width:100%; z-index:1000; }

div#overlay{ width:100%; float:left; }



#row3 td {vertical-align:middle;}
#pressbody #row3 td {
}

div#profilelayout {
display: block;
width: 980px;
margin:80px auto;
}
div#profilelayout #picture {
float:left;
margin: -10px 0 0 0;
width:470px;
}
div#profilelayout #picture #picturebg {
padding:10px 10px 10px 0pt;
width:480px;
}
div#profilelayout #picture ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:30px 0pt 0pt 50px;
padding:0pt;
}
div#profilelayout #picture ul li {
margin:0pt 0pt 4px;
padding:0pt;
}

div#profilelayout #picture ul li a {
display: block;
height: 10px;
font-size:8px;
padding-left: 22px;
letter-spacing:4px;
line-height:14px;
background:url("../images/arrows/arrow-right.gif") no-repeat;
background-position: 0 -3px;
}

div#profilelayout #picture ul li a:hover {
background-position: 0 -20px !important; 
}

div#profilelayout #profile {
color:#FFFFFF;
margin: 0 0 0 470px;
text-align:left;
width: 500px;
}
div#profilelayout h1 {
color:#FDBE10;
font-size:35px;
margin: 0 0 0 0;
}
div#profilelayout h2 {
color:#FFFFFF;
top: 20px;
font-size:20px;
margin: 0 0 0 0;
}
div#profilelayout #profile p {
color:#F0EADD;
font-size:13px;
padding: 0 0 0 0;
}




div#fixedEmailContent{  /*font-weight: bold;*/ font-family: "Times New Roman"; width:420px; margin:0 auto; padding-top:40px; }
div#systemMessage{margin-bottom:20px; color:#fdbe10; font-weight: bold; font-family: "Times New Roman";}
div#fixedEmailContent p{ margin:0 0 6px 0; text-transform:uppercase; padding-top:13px; clear:right; }
div#fixedEmailContent form{ text-align:left; }
div#fixedEmailContent form label{ width:90px; display:block;float:left; margin:0 10px 6px 0; text-align:right; text-transform:uppercase; }
div#fixedEmailContent form input.text{ margin:0 0 6px 0; width:313px; float:left; }
div#fixedEmailContent form textarea{ margin:0 0 6px 0; width:313px; height:88px; float:left; overflow:auto; }
div#fixedEmailContent form textarea#message{ margin-bottom:12px; }
div#fixedEmailContent form br{ clear:both; }

label span, span.yellow{ color:#fdbe10; font-size: 17px; margin-right: 2px;}
input[type=checkbox]{ vertical-align:middle; }

input[type="checkbox"]{
vertical-align:middle;
}

input, textarea, select {
font-family:Arial,Helvetica,sans-serif;
font-size: 12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
}


form#request-reel {
position: relative;
margin: 30px auto;
width:695px;
height: 550px;
}
form#request-reel div#leftform {
float:left;
width:435px;
}

form#request-reel div#leftform label, form#request-reel div#leftform p, form#request-reel div#leftform dt {
/*font-weight: bold;*/
}

form#request-reel div#rightform {
float:right;
width:210px;
}
form#request-reel div#rightform ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:44px 0pt 0pt;
padding:0pt;
}
form#request-reel div#rightform ul li {
margin:4px 0pt 0pt 0pt;
padding:0pt;
/* font-size: 16px; */
font-weight: bold;
}
form#request-reel div#rightform ul li input {
margin:0pt 6px 3px 0pt;
vertical-align:middle;
}
div#requestInfo {
width:410px;
}
div#requestInfo div#systemMessage {
margin-bottom:20px;
}
div#requestInfo p {
margin:0pt 0pt 6px;
text-align:left;
}
div#requestInfo p.r {
text-align:right;
font-weight: bold;	
}
div#fixedRequestContent {
width:435px;
}
div#fixedRequestContent {
text-align:left;
}
div#fixedRequestContent label {
display:block;
font-weight: bold;
float:left;
margin:0pt 10px 6px 0pt;
text-align:right;
width:118px;
}
div#fixedRequestContent input[type="text"] {
float:left;
margin:0pt 0pt 6px;
width:280px;
}
div#fixedRequestContent textarea {
float:left;
height:88px;
margin:0pt 0pt 16px;
overflow:auto;
width:280px;
}
div#fixedRequestContent select#reelType {
clear:left;
float:left;
margin-left:130px;
}
div#fixedRequestContent dl {
margin:0pt 0pt 0pt 130px;
padding:0pt;
}
div#fixedRequestContent dl dt {
font-weight: bold;
margin:0pt 0pt 6px;
padding:0pt;
}
div#fixedRequestContent dl dd {
margin:0pt;
padding:0pt;
}
div#fixedRequestContent dl dd label {
display:inline;
float:none;
margin:0pt 0pt 0pt 10px;
text-align:left;
width:auto;
}

div#fixedRequestContent div.buttons {
margin:5px 0pt 0pt;
}



div.buttons {
float:right;
margin-top:16px;
text-align:right;
width:156px;
}
div.buttons a, div.buttons a:link, div.buttons a:visited {
display:block;
float:left;
height:10px;
margin-right:10px;
overflow:hidden;
text-decoration:none;
}
div.buttons a#send {
background:transparent url(../images/icons/send.png) no-repeat;
width:50px;
}
div.buttons a#clear {
background:transparent url(../images/icons/clear.png) no-repeat;
width:86px;
}
div.buttons a:hover, div.buttons a:active {
background-position:left bottom !important;}



div#systemMessage{ text-align:center; margin-left:110px; width:320px; font-size:16px; }
div#systemMessage em{ background-color:#e51937; color:#fff; padding:0 4px; font-style:normal; }

/* site wide elements */
.inside{ padding:12px; }


#iowabug {
width: 308px;
height: 81px;
}

/* others */
.hide{ display: none; }
.show{ display: block; }
.show_{ display: inline; }
.underline{ text-decoration: underline; }
.i{ font-style: italic; }
.r{ text-align: right; }
.l{ text-align: left; }
.c{ text-align: center; }
.b{ font-weight: bold; }
.s{ text-decoration: line-through; }
.u{ text-decoration: underline; }
.b{ font-weight: bolder; }
.i{ font-style:italic; }
p, img,form{ border: 0; margin: 0; padding: 0; }
.fr{ float: right !important; }
.fl{ float: left !important; }
.rfr{ position:relative; float: right !important; }
.rfl{ position:relative; float: left !important; }
br.clear{ clear: both; }
hr{ width:100%; height:2px; }
td{ vertical-align:top; }

.frImg{ float:right; margin: 0 0 8px 8px; clear: right; }
.flImg{ float:left; margin: 0 8px 8px 0; clear: left; }