/* GENERAL */

* { margin: 1; padding: 0; }

/* fixex - This is the class name I assign to container element that contains floated child elements, no matter
				what they are div's ul etc. */
	.fixed:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
	.fixed{ display:block;}
	/*  \*/
	.fixed{
		min-height:1%;
		}
	* html .fixed{
		height:1%;
		}

body
{
	background-color:#2d2d2d;
	color: #000; 
   	font: 12px Verdana, Georgia, "Times New Roman", Times, serif;
}

	a { 
		color: #0000ff; 
		text-decoration: underline;  
	}
	img{ border:none;}
	a:hover {  }

/*-------[     ]---------*/

#wrap{
	width:970px;
	
	margin:0 auto;
	border: 1px solid #000; border-top:none; border-bottom:none;
	padding:0 10px 0 10px;
	
	background-color:#FFFFFF;	
}


/* HEADER*/

#header{
	position:relative;
	height:102px;
	z-index: 99;
}

	#logo{
	position:absolute;
	top:-33px;
	left:34px;
	z-index:-1;
	width:257px;
	height:102px;
	background-color:#FFFFFF;
	border:1px solid #ddd;
	border-top:none;
	}
		#logo a img{ border:none;}
		#logo h1{ line-height:30px; text-align:center; font-size:38px; margin-top:50px; }
		#logo h1 a { text-decoration:none; color:#111;  letter-spacing:-2px; }
		
	/* main navigation*/	
	#nav ul
	{
	position:absolute;
	top:7px;
	right:-14px;
	padding:0;
	list-style: none;
	}
		#nav li{ display: inline; }
			#nav a
			{ 
				display: block; 
				float: left;
				padding:5px 10px 5px 10px; 
			   
				font-family: "Trebuchete MS", Arial, Helvetica, sans-serif; color:#000;
				text-transform:uppercase; text-decoration:none; font-weight:bold; font-size:14px; 
			}
			
				#nav a:hover{ text-decoration:underline; }
				#nav .active a{  background-color:#ff0a0a; color:#FFFFFF; }	
				#nav .active a:hover{ text-decoration:none; }
				

h2 {
	 margin:0;
	 }