/* ============= */
/* = STRUCTURE = */
/* ============= */

a {
text-decoration: none;
}

html
{
height: 100%;
}

body
{
margin-top:80px;
background-image:url(../images/bg.jpg);
background-position: top right;
background-repeat:repeat-x;
background-color:black;
}

#about
{
width:450px;
padding-top:30px;
position: relative; 
float:left;
}

#about2
{
width:301px;
padding-right:20px;
padding-top:30px;
float: right;
position: relative; 
}

#header
{
padding-top:1px;
margin:auto;
width: 824px;
height: 73px;
background-image:url(../images/logo.gif);
background-repeat:no-repeat;
}

#homeLink{
display: block;
float: left;
width: 295px;
height: 50px;
/*border: 1px solid red; /*remove when you get it sized correctly*/
}


#wrapper
{
margin:auto;
height:100%;
width:824px;

}

#content
{
width:824px;
height:516px;

}


#navlist li
{
display: inline;
list-style-type: none;
margin-top:28px;
float:left;
padding-left: 20px;
font-size:12px;
}


/* ============== */
/* = Typography = */
/* ============== */
body{font: 80%/150% "Helvetica Neue", Arial, Helvetica, sans-serif;}

a {color: #cacaca;}

a:hover{color: #666;}

p{margin: 0 0 10px;}

#nav a{
	text-transform: uppercase;
	font-size: 110%;
	text-decoration: none;
	color: #999;
}

#nav a:hover{color: #D6773D;}