/* CSS Document */

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+
+	File		: screen.css
+	Author		: Frismedia
+	Date		: 23-08-2006
+
+	Notes		:
+
+	 
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*

/*++++++++++++++++++++++++*/
/*      HTML ELEMENTS     */


body	
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.75em;
	color:#FFFFFF;
	padding:0;
	margin:0;
	background:url(../img/bck.gif);
}

ul	
{
	margin:0;
	padding:0;
	list-style:none;	
}

p
{
	margin-top:5px;
	margin-bottom:10px;
	line-height:1.4em;
	font-size:0.9em;
}
p.block {clear:both;margin-top:10px;}

h1	
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:lighter;
	font-size:1.3em;
	margin:0 0 10px 0;
	padding:3px 20px 3px 0;
	background:url(../img/h1_bck.gif) top right no-repeat #2C312A;
	float:left;	
}
div#content h1 {min-width:200px;}
div#content div.extra h1{min-width:10px;}

h2, h4 , h5 
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	font-size:1.0em;
	margin:10px 0 0 0;
}
div.sub h2 {font-size:1.3em;font-weight:lighter;}
h4 {font-size:2.4em;font-weight:normal;clear:both;margin-top:0;color:#B1B2B4;}
h4, h5 {font-size:2.4em;font-weight:normal;}
h4 span, h5 span {color:#b1c800;}
h3  
{
	font-weight:bold;
	font-size:1.0em;
	margin:5px 0 0 0;
	color:#b1c800;
}
h5 a.twitter {
	background:url(../img/twitter_contact.png) no-repeat 0 8px;
	text-indent:-9999px;
	display:inline-block;
	width:24px;
	height:34px;
	margin-left:70px;
}

a, h5 {color:#B1B2B4;text-decoration:none;}
a:hover {color:#b1c800;}

a img 
{
	border:0;
	margin:0;
}
a.pdf {background:url(../img/pdf.gif) no-repeat left;
display:block;
padding-left:35px;}

label {display:block;}
input, textarea{border:1px solid #808080;
margin-bottom:5px;
border-bottom:none;
border-right:none;
width:400px;
color:#808080;
}
input.button {width:auto;
display:block;
background-color:white;}

address a {color:#ABABAD;}
address a:hover {text-decoration:underline;}

em {font-style:normal;}

address em {color:purple;}

/*      HTML ELEMENTS     */
/*++++++++++++++++++++++++*/

/*++++++++++++++++++++++++*/
/*    GENERAL CLASSES     */
.clearfix:after, div#wrapper:after, div#wrap:after, ul#nav:after, ul#sub_nav:after, div#main:after, div#side ul:after, div#footer:after, address:after, div.paging:after, div.sub:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac and IE-win \*/
* html .clearfix, div#wrapper, div#wrap, ul#nav, ul#sub_nav, div#main, div#side ul, div#footer, address, div.paging, div.sub {height: 1%;}
/* End hide from IE-mac */




/*++++++++++++++++++++++++*/
/*      MAIN  DIV'S       */


div#wrapper
{
	position:relative;
	left:50%;
	margin-left:-470px;
	width:940px;
	padding:0 15px 15px 15px;
	min-height:675px;
	background-color: #000000;
	background:url(../img/bck_wrapper.gif) no-repeat bottom left;
}

*html div#wrapper {height:675px;}

div#header
{
	float:left;
	text-align:center;
	width:200px;
	margin-top:25px;
}
	
div#main
{
	float:left;
	margin-right:15px;
	margin-bottom:5px;
	padding-bottom:5px;
	width:715px;
}
div#nav {min-height:75px;margin-top:30px;}
*html div#nav {height:75px;}

div#side{float:left;}

div#side div.sub, div#side div.extra, div#content div.extra
{
	background:url(../img/side_bck.gif) no-repeat left top;
	width:160px;
	padding:0 10px 10px 10px;	
	min-height:415px;
}
*html div#side div.sub {height:415px;}

div#side div.extra
{
	background:url(../img/side_short_bck.gif) no-repeat left top;
	min-height:175px;
}

*html div#side div.extra {height:175px;}
div#side div.short {min-height:125px;}
*html div#side div.short {height:125px;}

div#content {
	position:absolute;
	right:40px;
	width:504px;
	background:url(../img/content_bck.gif) no-repeat left top black;
	padding:0 10px 10px 10px;
	margin:0 0 0 10px;
	min-height:490px;
}
*html div#content {height:490px;}

div#cycle {
	margin-top:35px;
}
div.wrap {clear:both;}
div.item {
	float:left;
	position:relative;
	margin:0 5px 10px 0;
	padding:5px;
	width:65px;
	min-height:100px;
	border-bottom:1px dashed #b1c800;
/*	background:url(../img/item_bck.png) no-repeat top left;*/
}
*html div.item {height:100px;}
div.item img
{
	position:absolute;
	z-index:0;
	top:0;
	left:0;
}

div.item h3 {color:white;}
div.item h3, div.item p
{
position:relative;
z-index:1;}

div.nomargin {margin:0 0 10px 0;}

address
{	
	font-style:normal;
	padding:10px;
	left:0;
	bottom:10px;
	color:#aaabad;
}

div#footer
{
	margin:0;
	position:absolute;
	bottom:25px;
	width:930px;
	height:25px;
}
div#footer a.twitter
{
	position:absolute;
	right:0;
	padding:5px 30px 5px 0;
	background:url(../img/twitter.png) no-repeat right center;
	display:block;	
	font-size:10px;
}
div#footer span {margin-top:4px;}
/*++++++++++++++++++++++++*/
/*       NAVIGATION       */

ul#nav, ul#sub_nav
{
	position:relative;
	margin:0;
	padding:0;
	list-style:none;
}
ul#sub_nav {margin-top:6px;}
ul#nav li, ul#sub_nav li {float:left;}
ul#nav li a, ul#sub_nav li a
{
	color:#b3b3b3;
	font-weight:normal;
	font-weight:bold;
	font-size:1.1em;
	display:block;
	margin:0 5px 5px 0;
	padding:0 40px 3px 8px;
	background:url(../img/nav_bck.gif) no-repeat left top;
}

ul#sub_nav li a {padding:0px 5px 3px 8px;font-size:0.85em;}
/*ul#nav li em a span {display:none;}*/
ul#nav li em a {padding:0 40px 0 0;}

ul#nav li a:hover, ul#sub_nav li a:hover, ul#sub_nav li em a {color:#b1c800;background:url(../img/nav_bck_select.gif) no-repeat left top;}

div#side ul {clear:both;}
div#side ul li a
{
	margin:0 0 3px 0;
	padding:0;
	width:155px;
	display:block;
}
div#side ul li em a {color:#b1c800;}

div#side div.sub img {
padding-bottom:10px;
margin-bottom:5px;
/*background:url(../img/img_bottom.png) no-repeat bottom left;*/
}

div.paging {
	position:absolute;
	top:190px;
	z-index:1000;
	width:503px;
	display:none;
	left:10px;
}
div.paging a {
	margin-left:5px;
	padding:0;
	color:#FFF;
	font-size:40px;
	display:block;
	width:17px;
	height:31px;
}
div.paging a span {
	display:none;
}
div.paging em a
{
	color:#b1c800;
	font-size:1.25em;
}
div.paging a#prev {
	position:absolute;
	background:url(../img/prev.png) no-repeat;
	margin-left:10px;
	left:0;
} 
div.paging a#next {
	position:absolute;
	background:url(../img/next.png) no-repeat;
	margin-right:10px;
	right:0;
} 

/*div#content img {margin-bottom:5px;}*/
div#content li {
	list-style:inside;
}
div.item li {
	list-style:inside;
}

div#footer {font-weight:bold;color:#C6C6C6;text-align:right;
margin-left:5px;}
div#footer span {float:left}
div#footer strong {color:#b1c800;}
div#footer img {display:none;}


a.hover div {display:none;}
a.hover:hover {cursor:default;}
a.hover:hover div {display:block;
cursor:default;}
a.hover div p {color:white;}