/* 

WINNEBAGO MAN
screen css

*/


/***** reset styles *****/


* {
margin:0;
padding:0;
border:0;
outline:0;
font-weight:normal;
font-style:inherit;
font-size:100%;
font-family:inherit;
vertical-align:baseline;
text-decoration:none;
}

:focus {
outline:0;
}

ol, ul {
list-style:none;
}

table {
border-collapse:separate;
border-spacing:0;
}


/***** body *****/


body, html {
text-align:center;
background:#dfd9cd url(../images/bg.jpg) repeat-x;
font:12px/1.3em Georgia,"Times New Roman",Times,serif;
}


/***** container *****/

#banner {
width: 732px;
height: 109px;
background: url(../images/wm_topper.png) center 15px no-repeat;
text-indent: -5000px;
margin: 0 auto 10px auto;
}

#banner a {
	display: block;
	width: 732px;
	height: 109px;
}


#containerHome {
position:relative;
margin:0 auto;
width:960px;
padding:30px 0 0;
background:url(../images/background-page.png) left top no-repeat;
}

#container {
position:relative;
margin:0 auto;
width:756px;
padding:30px 0 0;
}

#reviewsRight, #reviews-acclaim  {
width:300px;
padding:0 30px 0 0;
float:left;
}

#reviewsRight {
float:right;
padding:30px 0 0 0;
}


/***** header *****/


#header {
height:60px;
padding:0 0 0 10px;
clear: both;
}

#Subheader {
height:75px;
padding:0;
}

#header ul#menu {
	padding-left: 380px;
}

#Subheader ul#menu {
	padding-left: 25px;
}

ul#menu li, ul#menu li a {
float:left;
height:27px;
}

ul#menu li {
margin:0 0 0 40px;
}

ul#menu li a {
background:transparent url(../images/menu.png) no-repeat;
}

ul#menu li.about-the-film, ul#menu li.about-the-film a {
width:156px;
}

ul#menu li.about-the-film a:hover {
background-position:0 -77px;
}

ul#menu li.screenings, ul#menu li.screenings a {
width:119px;
}

ul#menu li.screenings a {
background-position:-198px top;
}

ul#menu li.screenings a:hover {
width:119px;
background-position:-198px -77px;
}

ul#menu li.reviews-and-press a {
width:92px;
background-position:-188px top;
}

ul#menu li.reviews-and-press a:hover {
width:92px;
background-position:-188px -77px;
}

ul#menu li.contact a {
width:82px;
background-position:-305px top;
}

ul#menu li.contact a:hover {
width:82px;
background-position:-305px -77px;
}

ul#menu li.home a {
width:155px;
height:52px;
background-position:-420px top;
}

/***** content *****/


#content {
}

#contentHome {
width: 420px;
}

#trailer {
width: 540px;
height:336px;
float: right;
padding: 20px 0 10px 0;
}

/***** section container *****/


.section {
display:none;
}

.container {
position:relative;
text-align:left;
padding:20px 20px 30px 30px;
}

.container-contact {
background:#F9F2EA url(../images/background-section-noscroll.jpg) no-repeat;
}

.container-less-pad {
width:635px;
padding:20px 30px 30px 30px;
}

.container h2 {
font-size:21px;
font-weight:bold;
color:#2C2926;
margin:0 0 20px;
}

.container h3, .container h4 {
font-size:16px;
font-weight:bold;
color:#A28F72;
margin:20px 0 12px;
clear:both;
}

.container p {
margin:12px 0;
}

.container p strong {
font-weight:bold;
}

.container p em {
font-style:italic;
}

.container a {
padding:1px;
color:#336699;
/* background-color:#fff; */
}

.container a:hover {
color:#f00;
}

#stills {
width:300px;
clear:both;
}

#stills div {
float:left;
margin:0 25px 15px 0;
}

#stills div .name {
font-size:10px;
}

#stills div img {
margin:0 0 4px;
}

#reviews p, #reviewsRight p {
margin:0 0 15px;
font-size:13px;
font-weight:bold;
color:#003366;
}

#reviews p .source, #reviewsRight p .source {
color:#444;
font-size:11px;
display:block;
margin:3px 0 0;
}


/***** testimonials *****/


#testimonials, #testimonials div {
float:left;
width:415px;
height: 110px;
overflow: hidden;
padding: 30px 0 0 0;
}

#testimonials {
padding:130px 0 0 0;
}
#testimonials div {
	position:absolute;
	top:100px;
	left:0;
	}


/***** follow us *****/


#social-network {
float:left;
width:318px;
height:80px;
margin:10px 0 0 60px;
background:transparent url(../images/sign-up.png) no-repeat;
}

#submit-email {
float:left;
width:115px;
margin:5px 0 0 173px;
font:13px Georgia,"Times New Roman",Times,serif;
color:#5c5b5b;
background-color:transparent;
}

#submit-btn {
float:left;
width:24px;
height:24px;
margin:0 0 0 4px;
background:none;
}

#submit-btn:hover {
background:transparent url(../images/btn-submit.png) 12px 8px no-repeat;
}

#follow-us {
float:left;
width:115px;
margin:8px 0 0 167px;
background-color:transparent;
}

#facebook, #facebook a {
float:left;
width:48px;
height:48px;
background:transparent;
}

#facebook {
margin:0px;
}

#facebook a:hover {
background:url(../images/btn-facebook.png) no-repeat;
}

#twitter, #twitter a {
float:left;
width:48px;
height:48px;
background:transparent;
}

#twitter {
margin:0 0 0 8px;
}

#twitter a:hover {
background:url(../images/btn-twitter.png) no-repeat;
}


/***** footer *****/


#footer {
padding:0 0 0 10px;
text-align:left;
clear: both;
}

/***** awards *****/


#awards {
margin:10px 0 0 100px;
clear: both;
}

#awardsHome {
margin:0 0 0 225px;
}

#awards img {
margin:3px;
}

/***** dates *****/

div#datesHeader {
width: 974px;
height: 25px;
margin: 0 auto 0 auto;
background: url(../images/dates_bg.png) top center no-repeat;
}

div#dates {
width: 960px;
margin: 0 auto 25px auto;
border-width: 1px;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
padding: 6px;
color: #666;
}

div#dates ul {
padding: 0;
width: 960px;
margin: 0 auto 0 auto;
}

div#dates ul li {
padding: 3px 10px 3px 10px;
display: block;
float: left;
width: 460px;
}

div#dates ul li strong a {
font-weight: bold;
font-size: 14px;
color: #296d9b;
font-style: italic;
}

div#dates ul li div {
display: block;
float: right;
width: 295px;
}

div#dates a {
color: #296d9b;
}

div#dates a:hover {
text-decoration: underline;
}

/***** credits *****/


#credits {
margin:0 auto 0 auto;
padding:10px 0;
width: 215px;
}

#credits ul {
width:215px;
}

#credits li, #credits a {
float:left;
width:45px;
height:50px;
}

#credits li#kino, #credits li#kino a {
width:125px;
}

#credits a {
background:transparent url(../images/credits.png) no-repeat;
}

#credits a:hover {
background-position:0 -67px;
}

#credits #field-guide-media a {
background-position:-45px 0;
}

#credits #field-guide-media a:hover {
background-position:-45px -67px;
}

#credits #kino a {
background-position:-90px 0;
}

#credits #kino a:hover {
background-position:-90px -66px;
}

/***** misc *****/


.nowrap {
white-space:nowrap;
}


/***** hide *****/


.hide, hr, h1, #header h3, #Subheader h3, #header span, #Subheader ul#menu span, #footer span, #footer h3, #follow-us h3, #facebook span, #twitter span {
position:absolute;
top:0px;
left:-999px;
width:1px;
height:1px;
overflow:hidden;
}