/* ------------------------------------------
Troupe du Jour screen stylesheet
Author - benbailey.com.au
------------------------------------------ */

* { margin: 0; padding: 0; } /* reset all element's margin and padding to 0 to avoid browser inconsistencies  */
.skip, .hide { display: none; }


/* =wrapper 
--------------------------------------------------------------------------
 */
#wrapper 
{
position: absolute; 
top: 0;
left: 50%;
width: 722px;
margin-left: -361px; 
padding: 165px 11px 0 11px;
background: #FFF url(../i/bg-wrapper.jpg) left repeat-y; 

}

/* =header 
--------------------------------------------------------------------------
 */
#header
{
position: absolute;
top: 60px;
left: 11px;
width: 700px;
height: 110px;
background: url(../i/bg-header.png) no-repeat 590px -5px;
z-index: 2;
}  



#header h1
{
background: url(../i/bg-troupe.png) no-repeat;
text-indent: -4000px;
height: 72px;
margin: -14px 0 0 0;
position: relative;
}

#header a
{
display: block;
height: 72px;
width: 291px;
border: 0;  
text-decoration: none;
outline: 0;
}

/* =main navigation 
--------------------------------------------------------------------------
 */
#navigation
{ 
position: absolute;
top: 0;
left: 11px;
background: url(../i/bg-navigation.jpg) repeat-x; 
width: 698px;
height: 47px; 
border-right: 1px solid #FFF;
border-left: 1px solid #FFF;
}

#navigation ul
{
display: inline;
list-style-type: none;
}

#navigation ul li
{
display: inline;
}

#home a, #repertoire a, #artistes a, #clientele a, #contact a
{
display: block;
float: left;
width: 68px;
height: 47px;
text-indent: -3000em;
background: url(../i/bg-main-nav.jpg) no-repeat;
border: 0;     
text-decoration: none;
outline: 0;
}
/* default nav state */
#repertoire a { width: 104px; background: url(../i/bg-main-nav.jpg) no-repeat -69px 0; }
#artistes a { width: 82px; background: url(../i/bg-main-nav.jpg) no-repeat -172px 0; }
#clientele a { width: 92px; background: url(../i/bg-main-nav.jpg) no-repeat -254px 0; }
#contact a { width: 91px; background: url(../i/bg-main-nav.jpg) no-repeat -346px 0; }
/* hover nav state */
#home a:hover { background: url(../i/bg-main-nav.jpg) no-repeat 0 -47px; }
#repertoire a:hover { width: 104px; background: url(../i/bg-main-nav.jpg) no-repeat -69px -47px; }
#artistes a:hover { width: 82px; background: url(../i/bg-main-nav.jpg) no-repeat -172px -47px; }
#clientele a:hover { width: 92px; background: url(../i/bg-main-nav.jpg) no-repeat -254px -47px; }
#contact a:hover { width: 91px; background: url(../i/bg-main-nav.jpg) no-repeat -346px -47px; }
/*active nav state */
#homepage #home a { background: url(../i/bg-main-nav.jpg) no-repeat 0 -47px; cursor: text; }
#rep #repertoire a { width: 104px; background: url(../i/bg-main-nav.jpg) no-repeat -69px -47px; cursor: text; }
#art #artistes a { width: 82px; background: url(../i/bg-main-nav.jpg) no-repeat -172px -47px; cursor: text; }
#client #clientele a { width: 92px; background: url(../i/bg-main-nav.jpg) no-repeat -254px -47px; cursor: text; }
#cont #contact a { width: 91px; background: url(../i/bg-main-nav.jpg) no-repeat -346px -47px; cursor: text; }


/* =banner 
--------------------------------------------------------------------------
 */

#banner
{
height: 194px;
width: 700px;
background: #CCBFD0 url(../i/bg-banner.gif) no-repeat right bottom;
}

#homepage #banner { height: 353px; }

#banner blockquote
{
position: absolute;
top: 173px;
left: 480px;
width: 226px;
height: 194px;
}

#rep #banner blockquote { background: url(../i/quote-rep.gif) no-repeat; }
#art #banner blockquote { background: url(../i/quote-art.gif) no-repeat; }
#client #banner blockquote { background: url(../i/quote-client.gif) no-repeat; }
#cont #banner blockquote { background: url(../i/quote-contact.gif) no-repeat; }
#homepage #banner blockquote {
top: 195px;
left: 475px;
background: url(../i/quote-hp.gif) no-repeat;
width: 198px;
height: 258px; }

#banner blockquote p, #banner cite { text-indent: -4000em; }

#banner img { position: absolute; top: 122px; left: -25px; }
#homepage #banner img { position: absolute; top: 95px; left: -40px; }

/* =related-content - several declarations relating to this area are declared above
--------------------------------------------------------------------------
 */
#related { display: none; }

#homepage #related
{
display: block;
float: right;
width: 200px;
margin: 20px 55px 20px 0;
_margin: 20px 25px 20px 0;
text-align: right;
}

#homepage #related cite
{
display: block;
position: relative;
	top: -8px;
	font-style: normal;
	padding-bottom: 15px;
}


/* =content
--------------------------------------------------------------------------
 */
#homepage #content
{
margin: 100px 0 40px 35px;
width: 400px;
}

#content
{
margin: 60px 0 40px 35px;
width: 620px;
}

.feature
{
	float: left;
	widows: 100%;
	margin: 0.2em 0 0.7em 0;
}

#content img
{
	float: right;
	padding: 5px;
	border: 1px solid #eee;
	margin: 0 0 15px 10px;
}

#content form img
{
	float: none;
	padding: 0;
	border: 0;
	margin: 0;
}

/* =footer
--------------------------------------------------------------------------
 */
#footer
{
clear: both;
text-align: center;
background: url(../i/bg-footer.jpg) no-repeat bottom; 
margin-left: -22px;
padding-bottom: 30px;
}

#footer dt, #footer dd
{
display: inline;
list-style-type: none;
}

#footer dd
{
padding-right: 10px;
}

/* =form
--------------------------------------------------------------------------
 */
#contact-day, #contact-month, #contact-year
{
	width: auto;
}


/* =elements
--------------------------------------------------------------------------
 */
a { color: #541B8D; text-decoration: underline; }
a:visited { color: #666; }
a:hover, a:focus { text-decoration: none; }


acronym { cursor: help; }

body
{
font-family: "Lucida Grande", Verdana, Arial, sans-serif;
color: #3B3B3B;
font-size: 62.5%;
background: #FFF;
padding: 0 15px;
}

cite { font-weight: bold; font-variant: normal; }

fieldset { border: 0; }

h1, h2, h3, h4, h5, h6
{ 
font-family: "Lucida Grande", Arial, Verdana, sans-serif;   
margin: 0 5px 5px 0;
color: #3B1659;
}

h1
{
font-size: 1.75em;
margin-bottom: .5em;
}

h2, h3, h4, h5, h6
{
font-size: 1.5em;
margin: 1.5em 0 .25em 0;
}

h3, h4, h5, h6
{
font-size: 1.3em;
margin: 0.75em 0 .25em 0;
}

hr { display: none; }

img { border: 0; }

label { display: block; padding-top: 1em; font-size: 1.15em; font-weight: bold; }

p
{
font-size: 1.15em;
line-height: 1.5em;
margin-bottom: 1em;
margin-top: 0.55em;
}

p + ul, p + ol
{
margin-top: -10px;
}

select { width: 200px; }

ul
{
list-style-type: disc;
margin: 0 0 10px 20px;
padding: 0;
}

ol
{
list-style-type: decimal;
margin: 0 0 5px 28px;
padding: 0;
}

li
{
font-size: 1.15em;
line-height: 1.45em;
padding: 1px 0;
}

label { cursor: pointer; }
legend { display: none; }