/* generated by csscreator.com */ 
html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
 background: #1c1c1c;} 

 
/* LINKS */
a, a:link, a:visited {
	text-decoration: none;
	color: #ffd798;
	font-size: 11px;}
	
a:hover, a:active, a:focus {
	text-decoration: none;
	color: #fff;
	outline:none;}
	
a img, a:hover img, a:focus img {
	outline: none;
	border: none;}
	
img:link, img:visited, img.hover, img.active, img.focus {
	outline: none;} 
	
	
/* TYPOGRAPHY */
h1 {
	margin: 0;
	font: normal 20px Arial, Tahoma;
 	color: #e0e0e0;}
	
#maincol h1 {
	padding-left: 80px;
	padding-top: 10px;
	line-height: 1.3;
	width: 350px;}
	
h2 {
	margin: 0;
	font: normal 14px Arial,Tahoma ;
 	color: #dfdede;
	text-transform: uppercase;}
 
 
/* STRUCTURE */
#pagewidth { 
 width:1000px; 
 text-align:left;  
 margin: 0 auto; 
 font: normal 12px Tahoma, Arial;
 color: #000;} 
 
#pagewidth p {
	margin: 0;
	line-height: 1.3;
	padding: 4px 0;}

#wrapper {
 text-align:left;  
 margin: 30px auto 0 auto;  
 background: transparent url(../img/body.jpg) no-repeat; 
 height: 585px;
 width:1000px; 
 float: left;
 position: relative;
 display: inline-block;
 clear: both;}

 
/* LEFT COLUMN */
#leftcol{
 width:290px; 
 height: 545px;
 float:left; 
 clear: left;
 position:relative; 
 background:transparent; 
 margin: 0; }
 
#leftcol .leftcol {
	margin: 0;
	padding: 30px 0 0 50px;}
	
#leftcol .logo {
	padding: 0 0 0 65px;}
	
/* -- navigation -- */
#menu {
	float: right;
	width:210px;
	position: relative;
	display: block;
	margin: 25px 0 0 0;
} 
#menu ul {
	margin: 0; 
	float: left;
	list-style: none;
	padding: 0;}
	
#menu li {
	float: left;
	width: 210px;
	height: 34px;
	background: url(../img/btn.gif);
	line-height: 34px;
	margin: 0 0 3px 0;}

#menu li:hover {
	background: url(../img/hover.gif);}

#menu a {
	display: block;
	height: 34px;
	line-height: 34px;
	text-align: right;
	padding-right: 40px;}
	
#menu ul a {
 	font: bold 13px Tahoma, Arial;
 	color: #dfdede;
	line-height: 34px;
	text-transform: uppercase; }
	
#menu ul a:hover,  ul a:active {
 	text-decoration: none;
	color: #ffd798; }
 
/* MAIN COLUMN */
#maincol{
 background: transparent;  
 float: right; 
 clear: left;
 display:inline; 
 position: relative; 
 width:710px; 
  height: 545px;
 margin: 0;
 /*overflow: auto; */}

#maincol .maincol {
	margin: 0;
	padding: 65px 50px 0 0px;}
	
#maincol .maincol p {
	padding-left: 20px;}
	
#maincol .name {
	margin: 0;
	position: relative;
	left: 0px;
	float: left;}
	

/* -- others -- */
.left {
	float: left;
	clear: left;
}
.right {
	float: right;
	clear: right;
}

img.right {
	margin: 5px;
}
	
/* FOOTER */ 
#footer{
 width: 1000px;
 height: auto;
 margin: 0 auto; 
 float: left;
 text-align: center;} 
 
.footer {
 font: normal 11px Tahoma, Arial;
 color: #666;
  height: 40px;
  position: relative;
  top: -18px;}
  
.footer a, .footer a:visited {
	text-decoration: none;
	color: #999;
	font-size: 11px;}
	
.footer a:hover, .footer a:active, .footer a:focus{
	text-decoration: none;
	color: #ccc;

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.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 */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}