/*==============================
	GLOBALS
Sets the default document font size, family
and color
===============================*/
body
{
	font-size:12px; 
	background-color:#dcdadd;
	font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Arial, Helvetica, sans-serif; 
    font-weight: 100;
    background:url(images/back.jpg);    
    
}
/*==============================
	SITE WRAPPER
===============================*/
.site-wrapper
{
	width:800px; 
 
	/* min-height lets your site grow vertically 
	(like in tables). */
	min-height:640px; 
 
	/* By setting these to auto you are centering the 
	site */
	margin-left:auto;  
	margin-right:auto; 
 
	border:solid 1px black; 
}
/*==============================
	HEADER WRAPPER
===============================*/
.header-wrapper
{
	width:800px; 
	height:54px; 
 
 
	/*  */
 
	/* css lets you designate how you want an image to 
	repeat. Along the x-axis, y-axis or not at all. */
	background-repeat:repeat-x; 
}

/* this sets the position of the title. 
header.gif goes here here */
.header-title
{
    float:left; 
}

/* This sets the position of the call us */
.callus
{
    padding: 20px 10px 0 0;
	float:right;
}
 

/* This sets the position of the menu */
.header-menu
{
    clear:both;
    float:left; 
	width:370px; 
	height:54px; 
}
 
/*  The Menu  */
/*Whey you follow a class definition with an html element (such 
as ul) all styles that you apply will only affect that element. 
So for instance, in this case you read it as "apply these 
settings to every ul html element inside every div tag named 
<b>header-menu</b>, but no other."
*/
.header-menu ul
{

	padding:0; 
 
	/* the removes the left margin */
	margin:0;
 
	/* this removes the bullet */
	list-style:none; 
}
.header-menu li
{
	float:left; 
    padding:20px;
    font-size: 18px;
    font-weight:100;
}

.header-menu ul li .selected{
    font-weight: 600;
    }


/*==============================
		BODY WRAPPER
===============================*/
.body-wrapper
{
	margin-top:3px; 
 
 
	/* floats are crucial to the creation of any
	web interface. Every web developer must master
	this concept. Don't worry I'll be writing a
	tutorial about this a little later.	:)	*/
	float:left; 
 

 
	width:800px; 
	height:400px; 
}

/*==============================
	CONTENT-WRAPPER
===============================*/
.content-wrapper
{  
	float:left; 
	width:470px;
	margin-right:5px; 
}
/*==============================
		PANEL CONTENT
===============================*/
.panel
{ 
	margin-bottom:5px;
}
/*The panel content */
.panel_content
{
	padding:2px; 
}
/* The panel title */
.panel_title
{	  
	height:24px; 
	font-size:18px; 
    color:#634607;
	padding:2px; 
}

/*==============================
		LEFT WRAPPER 
===============================*/
.left-wrapper
{
	float:left; 
	width:465px; 
	/*min-height:136px; */
    padding:20px 0 0 10px;
}

.left-wrapper p
{
	padding-left: 10px;
    
}

.left-wrapper li
{

	margin:0 0 10px 30px
 

}

/*==============================
		RIGHT WRAPPER 
===============================*/
.right-wrapper
{
	float:left; 
	width:290px; 
	min-height:500x; 
    padding:20px 0 0 20px;
}



/*==============================
		FOOTER
===============================*/
.footer
{
	/* clears are the sisters to float, it's 
	time to meet the whole family :) */
	clear:left; 
	height:10px; 
	background:url(images/footer.gif); 
    font-size: 8px;
    text-align: center;
    padding-top: 40px;
}
 








h1 {
    font-size: 18px;  

}

h2 {


}

h3 {
    }

p {
    margin-top: 0px;
    }

a, a:visited {
	background-color: transparent; 
	color: #634607;
	text-decoration: none;
}


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