body { 	
font-family: Geneva, Tahoma, Verdana, Arial, Helvetica, sans-serif; 
background: #fff url(../images/topline.png) repeat-x top left;
}


html, body, #container {
height: 100%;
}

body > #container {
height: auto; 
min-height: 100%;
}

#content {
padding-bottom: 30px; /* must be same height as the footer */
}  

#footer {
position: relative;
margin-top: -30px; /* negative value of footer height */
height: 30px;
clear:both;
} 

.clearfix:after {content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


.hide {
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}
 
.hide a:focus {
position:static;
width:auto;
height:auto;
}

a:link, a:visited { 
text-decoration: none;
color: #346299;
}
	
a:hover, a:active { 
text-decoration: underline;
}
 
.clearboth { clear: both; }
	
h1 {
color:#000;
font-weight:normal;
padding:0;
margin:0;
}

h1 {
font-size:200%;
margin-bottom:5px;
display:inline;
}

h1.logo {
font-size:1em;
width:294px;
height:294px;

position: absolute;
top: 60px;
left: 0;
}

h1.logo a {
display:block;
overflow:hidden;
height:0px;
width:294px;
padding-top:294px;
background:url(../images/logo.png) no-repeat;
}


/* layout */	

#container {
width: 960px;
margin: 0 auto;
position: relative;
}
	
#content {
z-index: 10;
}

#main {
/* margin-left: 310px; */
float: right;
display: inline;
padding: 75px 0 30px 0;
width: 630px;
}


/* content */

h2 {
font-size: 335%;
font-family: Courier,monospace;
font-weight: normal;
text-transform: lowercase;
color: #b8bcc0;
padding-top: 345px;
float: left;
width: 300px;
display: inline;
text-align: center;
}

h3 {
font-size: 150%;
font-weight: normal;
color: #fff;
margin-bottom: 15px;
background: #eeb14f;
padding: 8px;
}

h4 {
font-size: 120%;
font-family: Courier,monospace;
font-weight: normal;
text-transform: lowercase;
color: #8d8f90;
margin-bottom: 5px;
}

p { 
margin-bottom: 15px;
line-height: 1.4em;
}

ul {
margin-bottom: 30px;
list-style: none;
} 

ul li {
padding-left: 20px;
background: url(../images/bullet.png) no-repeat 0 5px;
margin-bottom: 5px;
line-height: 1.4em;
}

.image-big {
margin-bottom: 30px;
}

strong {
color: #333;
}


/* navigation */ 

#nav {
text-align: right;
z-index: 100;
height: 30px;
overflow: hidden;
}

#nav ul {
padding: 5px 0 9px 0;
}

#nav li {
display: inline;
font-family: Courier,monospace;
text-transform: lowercase;
color: #fff;
background: none;
padding: none;
}

#nav li a {
font-size: 95%;
padding-bottom: 10px;
margin: 0 0 0 30px;
color: #fff;
}

#nav li.active a {
background: url(../images/nav-arrow.png) no-repeat 50% 100%;
}


/* footer */

#footer {
width: 100%;
background: #8d8f90;
}

#footer span {
display: block;
width: 960px;
margin: 0 auto;
text-align: right;
padding-top: 10px;
font-family: Courier,monospace;
font-size: 75%;
color: #fff;
}

#footer span a {
color: #fff;
}