/*-----------------------------------
Filename: master.css
Title: Master Style Sheet
Author: Faust Gertz, Faust@LeeMarvin.com
URL: 
Description:
   -----------------------------------*/ 

/* /// Body \\\ */
html, body {
 font-family:Verdana,Arial,Helvetica,serif;
 height:100%; 
 min-height:600px; 
}
body {
 background:#fff url(/images/background/content/background.png) no-repeat fixed bottom center;		
 color:#0397D6; 
 font-size:0.75em; /* 16px * 0.75em = 12px */
 line-height:1.5em; /* 12px * 1.5em = 18px */
 position:relative;
}
body#home {
 background:#F8981D; /* #F8981D */
 color:#fff; /* #0397D6 */	
 background-image:url(/images/background/home/background-left.png);
 background-repeat: repeat-x; 	
}


/* // Wrapper \\ */
body#home #wrapper {
 background-image:url(/images/background/home/background-right.png);
 background-repeat: repeat-x;  
 height:100%; 
 right:0;
 min-height:600px; 
 position:absolute;
 top:0;
 width:50%;
}
/* \\ Wrapper // */

/* // Container \\ */
#container {
 height:100%; 
 min-height:600px; 
 min-width:774px; 
 position:relative;
 text-align:center;
}
body#home #container {
 background:url(/images/background/home/background.png) no-repeat top center;	
 width:auto;
}
/* \\ Container // */

/* // Branding \\ */
#branding-logo {
 color:#0397D6;
 font-size:1.2em;
 line-height:1.2em;
 text-transform:lowercase;
}
#home #branding-logo {
 font-size:3em;
} 
#branding-tag {
 color:#F78F1E;	
 text-transform:lowercase;	
}


#branding-logo {
 height:50px;
 left:50%;
 margin:0 0 0 -371px;
 position:absolute;	 
 top:38px; 
 width:106px;
}
#branding-logo span {
 background:url(/images/interface/menu/logo.png) no-repeat;	
 display:block;
 height:50px;
 left:0;
 margin:0 0 -50px 0;
 position:relative;
 top:0;	
}
#home #branding-logo,
#branding-tag {
 height:auto;
 left:-9999em;
 position:absolute;	
 top:auto;
 width:auto;
}

/* \\ Branding // */

/* // Navigation \\ */
#navigation {
/* background:url(/images/interface/menu/menu.png) no-repeat 0 -50px; */
 color:#0397D6;	
 height:50px;
 left:50%;
 font-family:"Comic Sans MS", cursive;
 font-size:1.2em;
 margin:0 0 0 -265px;
 margin:0 0 0 -232px;
 position:absolute;
 top:38px;
 text-align:left;
 text-transform:lowercase;
 width:535px;
 width:464px;
}
#navigation li {
 float:left;
 height:50px;
}
#navigation li span {
 background:url(/images/interface/menu/menu.png) no-repeat;	
 display:block;
 height:50px;
 left:0;
 margin:0 0 -50px 0;
 position:relative;
 top:0;
}
#navigation li.about {
 width:81px;
}
#navigation li.about span {
 background-position:0 0;
}
#navigation li.about a:hover span,
#navigation li.about a:active span,
#navigation li.about a:focus span {
 background-position:0 -50px;
}
#navigation li.booking {
 width:100px;	
}
#navigation li.booking span {
 background-position:-81px 0;
}
#navigation li.booking a:hover span,
#navigation li.booking a:active span,
#navigation li.booking a:focus span {
 background-position:-81px -50px;
}
#navigation li.photos {
 width:83px;	
}
#navigation li.photos span {
 background-position:-181px 0;
}
#navigation li.photos a:hover span,
#navigation li.photos a:active span,
#navigation li.photos a:focus span {
 background-position:-181px -50px;
}
#navigation li.video {
 width:65px;
}
#navigation li.video span {
 background-position:-264px 0;
}
#navigation li.video a:hover span,
#navigation li.video a:active span,
#navigation li.video a:focus span {
 background-position:-264px -50px;
}
#navigation li.fan {
 width:52px;
}
#navigation li.fan span {
 background-position:-329px 0;
}
#navigation li.fan a:hover span,
#navigation li.fan a:active span,
#navigation li.fan a:focus span {
 background-position:-329px -50px;
}
#navigation li.store {
 width:71px;
}
#navigation li.store span {
 background-position:-381px 0;
}
#navigation li.store a:hover span,
#navigation li.store a:active span,
#navigation li.store a:focus span {
 background-position:-381px -50px;
}
#navigation li.contact {
 width:83px;
}
#navigation li.contact span {
 background-position:-452px 0;
}
#navigation li.contact a:hover span,
#navigation li.contact a:active span,
#navigation li.contact a:focus span {
 background-position:-452px -50px;
}
#navigation li a:link,
#navigation li a:visited,
#navigation li a:hover,
#navigation li a:active,
#navigation li a:focus {
 color:#0397D6;	
 display:block;
 height:50px; 
 position:relative;
 text-decoration:none;
}
#navigation li a:hover,
#navigation li a:active,
#navigation li a:focus {
 color:#F8981D;	
}
/* \\ Navigation // */

/* // Content \\ */
#content {
 color:#09c;	
 font-size:.916666em; /* 12px * .916666em = 11px */	
 line-height:1.454545em;
 margin:0 auto;
 padding:0 180px 25px 0;
 position:relative;
 text-align:left;
 top:125px;
 width:355px; 
}
#content a:link,
#content a:visited,
#content a:hover,
#content a:active,
#content a:focus {
 color:#09c;
 text-decoration:none;
}
#content a:hover,
#content a:active,
#content a:focus {
 border-bottom:1px solid #09c;
}
#content h1,
#content h1 span {
 color:#F8981D;
 display:block;
 font-size:2em;
 height:50px;
 margin:0 0 6px;
 position:relative;
 text-transform:lowercase;
 width:200px; 
}
#content h1 span {
 margin:0 0 -50px;
}
#about #content h1 span {
 background:url(/images/headings/about.png) no-repeat;
}
#booking #content h1 span {
 background:url(/images/headings/booking.png) no-repeat;
}
#contact #content h1 span {
 background:url(/images/headings/contact.png) no-repeat;
}
#juggling #content h1 span {
 background:url(/images/headings/juggling.png) no-repeat;
}
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
 font-weight:bold;	
}
#content ul,
#content li {
 list-style-type:disc;
 margin:0 0 1.454545em;	 
}
#content li {
 margin:0 0 0 2em;
}
#content strong {
 font-weight:bold;	
}
#content em {
 font-style:italic;
}
#content form select,
#content form textarea {
 color:#09c;
}
#content form textarea {
 line-height:1.454545em;	
 width:98%
}
#content label {
 display:block;	
}
#content label.overlabel {
 font-size:0.9em;  /* 10px * .9em = 9px */
 left:6px;
 position:absolute;
 top:-1px;
 z-index:1;
}
#content label .reqMark {
 display:none;	
}
#content p {
 margin:0 0 1.454545em;	
}
#content div.email,
#content div.phone {
 font-size:1.454545em;	
 margin:0 0 1.454545em;	 
}
/* \\ Content // */

/* // Contact Info \\ */
#contact-info {
 position:absolute;
 left:-9999em;	
}
/* \\ Contact // */


/* \\\ Body /// */