body {background-color: #F4F4F4; font-family: Arial; line-height: 150%; color: #FFFFFF; font-size: 0.9em;}

#container {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	background: url('img/home-photo.jpg') #FFFFFF;
	border: 1px solid #FFFFFF;
}

a {color: #FFFFFF;}
a:hover {color: #EDB1C0;}

.logo {width: 321px; height: 222px;}

#nav {
    width: 700px; height: 75px;
    background: url('img/nav.gif');
    margin: 0px auto; padding: 0;
    position: relative;
    top: 10px;}
#nav li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;}
#nav li, #nav a {
    height: 75px; display: block;}
#nav a span {display:none;}
    
#about {left: 0; width: 115px;}
#sponsors {left: 116px; width: 111px;}
#registration {left: 228px; width: 144px;}
#donate {left: 372px; width: 106px;}
#fb {left: 479px; width: 147px;}
#twitter {left: 627px; width: 74px;}

#about a:hover {background: transparent url('img/nav.gif') 0px -75px no-repeat;}
#sponsors  a:hover {background: transparent url('img/nav.gif') -116px -75px no-repeat;}
#registration  a:hover {background: transparent url('img/nav.gif') -228px -75px no-repeat;}
#donate  a:hover {background: transparent url('img/nav.gif') -372px -75px no-repeat;}
#fb  a:hover {background: transparent url('img/nav.gif') -479px -75px no-repeat;}
#twitter  a:hover {background: transparent url('img/nav.gif') -627px -75px no-repeat;}


.quote { text-align: right; margin: 180px 0px 20px 0px;}

#aboutcontent {width: 960px; height: 430px; background-color: #CE505A;}
#sponsorscontent {width: 960px; height: 200px; background-color: #E47B90;}
#footer {width: 960px; height: 135px; background-color: #EDB1C0; font-size: smaller;}
#footer a:hover {color: #CE505A;}

h1.about {height:18px; background: url('img/header-about.png') no-repeat;}
h1.sponsors {height:22px; background: url('img/header-sponsors.png') no-repeat;}
h1.about span , h1.sponsors span {display:none;}

div.logo {background-color: #FFFFFF; width: 200px; height: 100px; border: 1px solid #EDB1C0; text-align: center; vertical-align: middle; margin: 10px 10px 0px 0px; float: right; padding: 0px 0px 20px 0px;}

div.sponsor {background-color: #FFFFFF; width: 100px; height: 100px; border: 1px solid #EDB1C0; text-align: center; vertical-align: middle; margin-left: 10px; float: left; padding: 10px;}


/* Containers
----------------------------------------------------------------------------------------------------*/
.container_16 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16{
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 2 Columns
----------------------------------------------------------------------------------------------------*/
    .container_16 .grid_1 {
	width:40px;
}
    .container_16 .grid_2 {
	width:100px;
}
    .container_16 .grid_3 {
	width:160px;
}
    .container_16 .grid_4 {
	width:220px;
}
    .container_16 .grid_5 {
	width:280px;
}
    .container_16 .grid_6 {
	width:340px;
}
    .container_16 .grid_7 {
	width:400px;
}
    .container_16 .grid_8 {
	width:460px;
}
    .container_16 .grid_9 {
	width:520px;
}
    .container_16 .grid_10 {
	width:580px;
}
    .container_16 .grid_11 {
	width:640px;
}
    .container_16 .grid_12 {
	width:700px;
}
    .container_16 .grid_13 {
	width:760px;
}
    .container_16 .grid_14 {
	width:820px;
}
    .container_16 .grid_15 {
	width:880px;
}
    .container_16 .grid_16 {
	width:940px;
}




/* Prefix Extra Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
    .container_16 .prefix_1 {
	padding-left:60px;
}
    .container_16 .prefix_2 {
	padding-left:120px;
}
    .container_16 .prefix_3 {
	padding-left:180px;
}
    .container_16 .prefix_4 {
	padding-left:240px;
}
    .container_16 .prefix_5 {
	padding-left:300px;
}
    .container_16 .prefix_6 {
	padding-left:360px;
}
    .container_16 .prefix_7 {
	padding-left:420px;
}
    .container_16 .prefix_8 {
	padding-left:480px;
}
    .container_16 .prefix_9 {
	padding-left:540px;
}
    .container_16 .prefix_10 {
	padding-left:600px;
}
    .container_16 .prefix_11 {
	padding-left:660px;
}
    .container_16 .prefix_12 {
	padding-left:720px;
}
    .container_16 .prefix_13 {
	padding-left:780px;
}
    .container_16 .prefix_14 {
	padding-left:840px;
}
    .container_16 .prefix_15 {
	padding-left:900px;
}


/* Suffix Extra Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
    .container_16 .suffix_1 {
	padding-right:60px;
}
    .container_16 .suffix_2 {
	padding-right:120px;
}
    .container_16 .suffix_3 {
	padding-right:180px;
}
    .container_16 .suffix_4 {
	padding-right:240px;
}
    .container_16 .suffix_5 {
	padding-right:300px;
}
    .container_16 .suffix_6 {
	padding-right:360px;
}
    .container_16 .suffix_7 {
	padding-right:420px;
}
    .container_16 .suffix_8 {
	padding-right:480px;
}
    .container_16 .suffix_9 {
	padding-right:540px;
}
    .container_16 .suffix_10 {
	padding-right:600px;
}
    .container_16 .suffix_11 {
	padding-right:660px;
}
    .container_16 .suffix_12 {
	padding-right:720px;
}
    .container_16 .suffix_13 {
	padding-right:780px;
}
    .container_16 .suffix_14 {
	padding-right:840px;
}
    .container_16 .suffix_15 {
	padding-right:900px;
}


/* Push Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
    .container_16 .push_1 {
	left:60px;
}
    .container_16 .push_2 {
	left:120px;
}
    .container_16 .push_3 {
	left:180px;
}
    .container_16 .push_4 {
	left:240px;
}
    .container_16 .push_5 {
	left:300px;
}
    .container_16 .push_6 {
	left:360px;
}
    .container_16 .push_7 {
	left:420px;
}
    .container_16 .push_8 {
	left:480px;
}
    .container_16 .push_9 {
	left:540px;
}
    .container_16 .push_10 {
	left:600px;
}
    .container_16 .push_11 {
	left:660px;
}
    .container_16 .push_12 {
	left:720px;
}
    .container_16 .push_13 {
	left:780px;
}
    .container_16 .push_14 {
	left:840px;
}
    .container_16 .push_15 {
	left:900px;
}




/* Pull Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
    .container_16 .pull_1 {
	right:60px;
}
    .container_16 .pull_2 {
	right:120px;
}
    .container_16 .pull_3 {
	right:180px;
}
    .container_16 .pull_4 {
	right:240px;
}
    .container_16 .pull_5 {
	right:300px;
}
    .container_16 .pull_6 {
	right:360px;
}
    .container_16 .pull_7 {
	right:420px;
}
    .container_16 .pull_8 {
	right:480px;
}
    .container_16 .pull_9 {
	right:540px;
}
    .container_16 .pull_10 {
	right:600px;
}
    .container_16 .pull_11 {
	right:660px;
}
    .container_16 .pull_12 {
	right:720px;
}
    .container_16 .pull_13 {
	right:780px;
}
    .container_16 .pull_14 {
	right:840px;
}
    .container_16 .pull_15 {
	right:900px;
}


/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/


.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}


.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}