/* -------------------------------------------------------------- 
  
   Master CSS for screen
   
-------------------------------------------------------------- */

@import "lib/reset.css"; 
@import "lib/style.css";


/* position main layout items
-------------------------------------------------------------- */

body { text-align: center; }

#content { position: relative;	padding: 0;	margin: 0 auto;	text-align: left; width:940px; font-size:80%;}
#content {
	min-height: 100%;
   	height: auto !important;
   	height: 100%;
}

#header {
	padding:0;
	margin:40px 0 0 0;
	width:100%;
	height:200px;
 	background: transparent url('../../../assets/images/header.gif') repeat-x 0px 0px;  
}

#nav { position: absolute;top: -230px; left: 0; width:100%; }

#main { float:left; width:520px; margin-top:40px; }
#main h1 { font-size:35px; color:#9D1010; font-family: Georgia, "Times New Roman", Times, serif; margin-bottom:0px; }
#main h2 { font-size:30px; color:#9D1010; font-family: Georgia, "Times New Roman", Times, serif; margin-bottom:28px;}

#sub{ width:385px; position: absolute;top:-160px;left:555px;}
#quote{  margin:20px 5px;width:220px; float:left; border-right: 1px dotted #000; height:200px; }
#quote p { text-align:right; padding:10px; font-size:80%; }

#video{ text-align:center; }
#video a,#video a:link,#video a:active,#video a:visited { color:#9D1010; font-family: Georgia, "Times New Roman", Times, serif; font-size:100%; }
#video a,#video a:link,#video a:active,#video a:visited { margin: 0;  padding: 5px 5px 5px 0px; }
#video a:hover { text-decoration: underline;  }


#download{ padding:20px 5px; width:140px; float:right; }
#download h2 { line-height:20px; font-size:20px; color:#000; font-family: Georgia, "Times New Roman", Times, serif; }

/* Navigation ( horizontal )
-------------------------------------------------------------- */

#nav {   z-index:2; text-align:right; }
#nav ul { margin: 0; padding: 0; line-height: .8em; list-style: none;  float:right; }
#nav li { float: left; display: inline; margin: 0; padding: 0; list-style: none; line-height: .8em; }
#nav a,#nav a:link,#nav a:active,#nav a:visited { color:#9D1010; font-family: Georgia, "Times New Roman", Times, serif; font-size:100%; }
#nav a,#nav a:link,#nav a:active,#nav a:visited {display: inline-block; /* \*/ display: block; margin: 0;  padding: 5px 15px 5px 0px; }
#nav a:hover { text-decoration: underline;  }

/* Language Picker
-------------------------------------------------------------- */
#language{ z-index:1; padding:0; margin:0; position:absolute;top: -240px; left:0; width:520px;  }
#language li{ font-family: Georgia, "Times New Roman", Times, serif; padding:0 20px; list-style: none;  };
#language li{ color:#FFF };
#language a,#language a:link,#language a:active,#language a:visited {  color:#FFFFFF; }
#language a:hover { text-decoration: underline;  }
#language ul{ padding-top:10px; }
#language a.button {
	color: #FFF;
    display: block;
	padding: 5px 17px;
	text-decoration: none;
	width:213px;height:30px;	
	font: normal 100% Georgia, "Times New Roman", Times, serif;
    background: transparent url('../../../assets/images/lg_button.gif') no-repeat 0px 0px;   
}
languagelist { display:none; width:520px; height:240px;color:#FFF;background-color:#9E100F; }
/*Header
-------------------------------------------------------------- */

#headercontent {
	width:940px;
	text-align:left;
	margin:0 auto;
}

/* Footer
-------------------------------------------------------------- */

#footer, .push 
{
  height: 100px;
  clear: both;
}

#footer p {
	margin:0;
	font-size: 0.8em;
	text-align:center;
	color: #3E2715;
}
#footer {
background-color: #666;
color: #fff;
width: 80%;
text-align: center;
padding: 2% 10%;
}

#footer {
\width: 100%;
w\idth: 80%;
}
		
/* quote
------------------------------------------------------------- */
blockquote {
	font-size:90%;
	position: relative;
	text-indent: 3em;
	padding-right:10px; 
	margin:5px;
}
.bqstart,
.bqend { font-size: 500%; }
/* apply IE specific rules first */
.bqstart {
	color:#9E100F;
	text-indent: 0;
	margin: -0.6em 0 -3em 0;
	float: left;
}
blockquote> .bqstart {
	/* add extra non-IE rules */
	position: absolute;
	top: -0.5em;
	left: 0;
	/* remove IE specific rules */
	float: none;
	margin: 0;
}
