/**
	File: 
		layout.css

	Validates: 
		CSS Level 2.1

	Project: 
		Extra People
	Author: 
		Ian Silvester

	Date Created: 
		2009 06 07

	About: 
		Contains styles for the main layout and framework of the site

	Notes: 
		Place second in the cascade.
		Seperate styling blocks with 6 carriage returns.
		Indent child blocks by one extra tabs each time to give a visual representation of the cascade and specificity.
		Wrap styling block with a comment in the following format: START/END plus the selector, id, class or combination of.

	Cascade index: 
		01	undo.css - Resets browser default styles
		02	layout.css - Styles for the main layout and framework of the site
		03	content.css - Styles for general content
		04	elements.css - Styles for specific page elements
		05	ie6.css - IE6 specific styles.
		06	ie7.css - IE7 specific styles.
		07	clearing.css - Enables the use of .clearfix across the site.
		08	main.css - Continuity generated stylesheet
		09	print.css - Print specific styles
 */


html { background-color:#151515; min-height: 100%; margin-bottom: 1px; } /* min-height + margin-bottom added to force vertical scroll bar */

body { background: #FFFFFF; color:#2F2F2F; font-family:"helvetica neue", arial, helvetica, san-serif; font-size:0.75em; /*WARNING DO NOT CHANGE*/ font-style:normal; font-variant:normal; font-weight:normal; line-height:1.4em; }

#container { margin:0 auto; padding:0; width: 900px; }

#export-container { margin:0 auto; padding:0; width: 800px; }

#export-container .fancybox-two-col-wrap { float:left; margin-right:-235px; width:100%; } 
	#export-container .fancybox-content-a { border-top:2px solid #CCCCCC; padding:10px 0 0 0; width: 535px; }
	#export-container .fancybox-content-b { border-top:2px solid #CCCCCC; float:right; padding:10px 0 0 0; width:235px; }


#export-call-sheet-container { padding:0; position: relative; width: 100%; }


/* ----- START MASTHEAD ------*/

#masthead_wrapper { padding:0; position: relative; width: 100%; }

#masthead { position:relative; margin: 0 auto; padding: 73px 0 0 0; width: 920px; }
	#masthead-inner { background-color:#151515; border-bottom:1px solid #000000; float:left; margin-right:-612px; width:100%; }
		#logo-wrap{ padding:0; width:308px; }
		#nav-contact-wrapper { background:#FFFFFF; float:right; padding:0; width:612px; }
#masthead-bottom { background: transparent url(/template-images/layout/header/masthead/bottom.gif) no-repeat bottom left; bottom:0; height:5px; left:0; position:absolute; width:920px; }

#masthead-search { color: #FFFFFF; display: block; float: right; margin: 0; padding: 0; width: auto; }
    #masthead-search li { list-style-image:none; list-style-position:outside; list-style-type:none; margin: 0; padding: 0;}
    #masthead-search #search-bar { background: #570D1D url(/_images/assets/masthead/search/background/left.gif) no-repeat bottom left; display: block; text-align: right; margin: 0; padding: 0; }
	#masthead-search #search-bar fieldset { background: transparent url(/_images/assets/masthead/search/background/right.gif) no-repeat bottom right; padding: 5px; width: auto; }
	    #masthead-search #search-bar input { margin: 0; padding: 0; vertical-align:middle; width: 150px; }
		#masthead-search #search-bar input[type="image"] { border: 0;margin: 0; padding: 0; width: auto; }
		#masthead-search #search-bar label.keywords { display: inline; margin: 0; padding: 0; }
		#masthead-search #search-bar .search-for-title { color: #FFFFFF; font-size: 0.8333em; margin: 0; padding: 0;}
	    #masthead-search #search-bar .search-submit { background: transparent url(/_images/assets/masthead/search/button.gif) no-repeat top left; border: 0; color: #000000; cursor:pointer; display: inline-block; font-size: 0.9em; height: 16px; margin: 0; padding: 0 0 5px 0; text-align: center; width: 39px; }

#masthead-nav ol { display: inline; float: right; font-size: 0.9167em; margin: 0; padding: 30px 0 0 0; }
    #masthead-nav li { border-left: 1px gray solid; color: #FFFFFF; display: inline; float: left; margin: 0; padding: 0; }
	    #masthead-nav li.first { border-left: none; } /* We don't want a separator (left border) on the first navigation link */
		#masthead-nav li a { color: #FFFFFF; text-decoration: none; }
		    #masthead-nav li a:link { }
		    #masthead-nav li a:hover { text-decoration: underline; }

#primary-nav{ background: #AA0808 url(/template-images/layout/primary-nav/background.gif) repeat-x top left; margin:23px 0 0 2px; padding:0; }
    #primary-nav.home { border: 0; }
	#primary-nav ol { background: transparent url(/template-images/layout/primary-nav/right-round.gif) no-repeat top right; margin: 0; overflow: hidden;  }
	    #primary-nav li { background:none; border-right:2px solid #FFFFFF; float:left; font-size: 1.0833em; list-style-image:none; list-style-position: outside; list-style-type: none; margin: 0; padding: 0; }
		#primary-nav a { color: #FFFFFF; display: block; font-weight: bold; text-decoration: none; }
		    #primary-nav a.selected,
		    #primary-nav a:hover { background: #A50707; color: #FFFFFF;} 
	#primary-nav span { display: block; padding: 5px 18px; }

#quick-contact { background: #151515; border-top:2px solid #FFFFFF; color:#E1E1E1; margin:0; padding:7px 10px 6px; text-align: right; }
	#quick-contact span {padding:0;}

#logo-wrap {background:#151515;}

#page-title { background-color:#151515; border-top:1px solid #1C1C1C; margin:0 auto; position:relative; width:920px; }
	#page-title img { margin: 15px 0 5px 10px; }

/* ----- END MASTHEAD ------*/

#content-wrap { float:right; margin-left: -200px; width:100%; }
#main-content { margin: 0 0 0 200px; }

#sidebar { float:left; width:190px; }
    #sidebar h2 { background-color: #DFDFDF; font-size:1.2em; margin:0 0 5px 0; padding: 5px 10px; }
    #sidebar ol { background: #FDFDFC url(/_images/assets/sidebar/bottom.gif) no-repeat bottom left; margin: 0 0 10px 0; padding: 0 0 10px 0; }
	#sidebar ol li { list-style-image:none; list-style-position: outside; list-style-type: none; margin: 0; padding: 0; }
	    #sidebar ol li ol li{ display: block; padding: 3px 5px; }
		#sidebar ol li ol li a { display: block; padding: 0 0 0 17px; }
		    #sidebar li a:hover,
		    #sidebar li.active a { background: #F2F2F2 url(/template-images/layout/secondary-nav/top-red-bar.gif) no-repeat top left; }
    #sidebar ol ol { background: none; margin: 0; padding: 0; }


#secondary-nav { background:#DFDFDF url(/template-images/layout/secondary-nav/top-red-bar.gif) no-repeat top left; margin:0; padding:17px 0 0 0; }
	#secondary-nav li { border-top:1px solid #FDFDFD; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; }
		#secondary-nav li.bottom { background:#DFDFDF url(/template-images/layout/secondary-nav/bottom-beige-bar.gif) no-repeat bottom left; height:16px; margin:0; padding:0; }
		#secondary-nav li a { background:#DFDFDF; border:0; color:#979797; display:block; font-size:1.0769em; font-weight:bold; line-height:1.1em; margin:0; min-height:0; padding:7px 8px 8px 26px; text-decoration:none; }
			#secondary-nav li a:hover {color:#646464;}
			#secondary-nav li.active a { background:#DFDFDF url(/template-images/layout/secondary-nav/cutout.gif) no-repeat center left; color:#646464; }
    
/*----- START --- Homepage - two - three column section ---*/		

#hp-three-col-outer-wrap { border-bottom:1px solid #000000; border-top:10px solid #FFFFFF; height:1%; padding:0 0 6px 0; }
	#hp-three-col-wrap { float:left; margin-right:-300px; width:100%; }
		#hp-three-col-inner {margin-right:300px;}
			#hp-three-a { float:left; padding:0 10px 0 0; width:290px; }
			#hp-three-b { padding:0; margin-left:300px; }
			#hp-three-c { float:right; width:300px; }

#hp-two-col-outer-wrap { border-top:6px solid #FFFFFF; }
	#hp-two-col-wrap { float:left; margin-right:-300px; width:100%; }
			#hp-two-a { padding:0 20px 0 0; width:580px; }
			#hp-two-b { float:right; width:300px; }

/*----- END --- Homepage - two - three column section ---*/		    


/*----- START --- Content - two column wrap ---*/
	
#content-two-col-wrap { float:left; margin-right:-300px; width:100%; }
	#content-two-a { border-top: 10px solid #FDFDFD; padding:0 20px 0 0; width:580px; }
	#content-two-b { border-top: 10px solid #FDFDFD; float:right; width:300px; }

/*----- END --- Content - two column wrap ---*/

/*----- START --- Registration Top - two column wrap ---*/

#top-content-wrap { border-bottom:10px solid #FDFDFD; }
	#must-have { float:left; padding:0 20px 0 0; width:188px; }
	#top-content { float:left; width:372px; }


/*----- END --- Registration Top - two column wrap ---*/


/*----- START --- Artiste Directory ---*/

#directory-images #image-wrap { float: left; margin-right: -133px; width: 100%; }
	#directory-images  #images #image-main { background:yellow; width:447px; }
 	#directory-images  #image-thumbs { float: right; width: 133px; }
}
/*----- END --- Artiste Directory ---*/

ul li
{
background:transparent url(/_images/assets/bullet_black.png) no-repeat scroll left top;
margin:0.4em 0.5em;
padding:0 0 0.1em 1.2em;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}


/* ----- START FOOTER ------*/

#footer-container { background: #151515 url(/template-images/layout/footer/grad-background.jpg) repeat-x left top; padding: 20px 0 40px 0; margin:10px 0 0 0; width:100%; }
    #footer { overflow: auto; margin:0 auto; width:900px; }

	#footer-wrap { float:left; margin-right:-300px; width:100%; }
			#footer-left { padding:0 20px 0 0; width:580px; }
			#footer-right { float:right; width:300px; }

#footer-contact { color: #F4F4F4; float: left; width:265px }
    #footer-contact a { color: #F4F4F4; }

    #footer-links { color: #F4F4F4; display:inline-block; margin: 0; }
        #footer-links li { float: left; list-style-image:none; list-style-position: outside; list-style-type: none; margin: 0 5px 0 0; padding: 0; }
	#footer-links li a { color: #F4F4F4; margin:0 5px 0 0; }

/* ----- END FOOTER ------*/

#terms #container {border-top:10px solid #FDFDFD;}