/* -------------------------------------------------------------------------- */
/* SEE DESIGN === LAYOUT                                                      */
/* -------------------------------------------------------------------------- */

* { margin: 0px; padding: 0px; }

#wrapper {
	position:relative;
	display:block;
	overflow:hidden;
	width: 810px;
	margin: 20px auto;
}
.see_logo {
	position: absolute;
	top: 28px;
	left: 36px;
	z-index: 200;
	padding: 0px;
	margin: 0px;
}
#top_nav {
	position: relative;
	display: block;
	overflow: hidden;
	clear: both;	
	width: 768px;
	padding: 0px 21px;
	text-align:right;
}
#drop_top {
	position:relative;
	display: block;
	overflow: hidden;
	clear: both;	
	width: 810px;
	margin: 0px;
	height: 21px;
	background-image: url(../images/bg_drop_top.png);	
}
#content_holder {
	position:relative;
	display: block;
	clear: both;
	overflow: hidden;
	width: 768px;
	padding: 0px 21px;
	background: url(../images/bg_drop_fill.png) repeat-y center top;
}
#flash_header {
	position:relative;
	display: block;
	clear: both;
	overflow: hidden;
	z-index: 10;
	text-align:center;
	width:768px;
}
#footer {
	position:relative;
	display: block;
	clear: both;
	overflow: hidden;
	width:768px;
	height:21px;
	background: url(../images/bg_drop_bottom.png) no-repeat top center;
	padding: 10px 21px 30px;
}

#column1, #column2 { display: block; overflow: hidden; }


/* -------------------------------------------------------------------------- */
/* Top Navigation                                                             */
/* -------------------------------------------------------------------------- */

#top_nav ul {
	display:block;
	float:right;
}
#top_nav li {
	list-style-type: none;
	display: block;
	float:left;
	font-size: 11px;
}
#top_nav li a {
	display:block;
	padding: 8px 10px;
	background-color: #FFFFFF;
	color: #000000;
	text-decoration: none;
}
#top_nav a:hover {
	color: #000000;
	text-decoration: none;
	background-color: #FAE8B6;
	padding: 8px 10px;
}

/* -------------------------------------------------------------------------- */
/* Main Navigation                                                            */
/* -------------------------------------------------------------------------- */

#nav { display: block; clear:both; height: 54px; float:right; }
#nav ul { padding-top: 20px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; }
#nav li { list-style:none; display:inline; }
#nav a { float:left; padding:0px; margin:0px; }

.index { background: url("../images/home.gif") no-repeat; width: 67px; height: 24px; }
.results { background: url("../images/results.gif") no-repeat; width: 116px; height: 24px; }
.people { background: url("../images/people.gif") no-repeat; width: 108px; height: 24px; }

.index:hover { background-position:0 -24px; }
.results:hover { background-position:0 -24px; }
.people:hover { background-position:0 -24px; }

.index_active { background: url("../images/home.gif") no-repeat; width: 67px; height: 24px; background-position:0 -48px; }
.results_active { background: url("../images/results.gif") no-repeat; width: 116px; height: 24px; background-position:0 -48px; }
.people_active { background: url("../images/people.gif") no-repeat; width: 108px; height: 24px; background-position:0 -48px; }



/* -------------------------------------------------------------------------- */
/* Home                                                                       */
/* -------------------------------------------------------------------------- */

div#column1.home {
	float: left;
	width: 423px;
	padding: 30px 30px 30px 30px;
}
div#column2.home {
	float: right;
	width: 255px;
	padding: 30px 30px 30px 0px;
}
.but_how { clear:left; display: block; bottom:0px; left:0px; }

/* -------------------------------------------------------------------------- */
/* Results                                                                    */
/* -------------------------------------------------------------------------- */

div#column1.results {
	float: left;
	width: 220px;
	padding: 20px 15px 20px 30px;
}

div#column2.results {
	float: right;
	width: 458px;
	padding : 20px 30px 20px 15px;
}
/*div.results#column3 {
	clear: both;
	margin-right: 30px;
	margin-left: 30px;
}*/

/* -------------------------------------------------------------------------- */
/* Contact                                                                    */
/* -------------------------------------------------------------------------- */

#contact_column1 {
	float: left;
	width: 200px;
	padding: 20px 15px 20px 30px;
}
#contact_column2 {
	float: right;
	width: 478px;
	padding-top: 20px;
	padding-right: 30px;
	padding-left: 15px;
}

dt { float: left; clear: left; width: 15px; text-align: left;}
dd { margin: 0px; padding: 0px 0px 5px 0px; }

#contact_subCol1 { float: left; padding-right: 25px; }
#contact_subCol2 { float: left; }
#contact_subCol3 { clear:both; padding-top:5px; }

.err_hand_hide { padding-left:10px; display:none;}
.err_hand_show { padding-left:10px; display:inline; }

.error { color:#b40000; }
.errorBox {
	color:#b40000;
	border: 1px solid #b40000;
	padding: 5px;
	margin-top:10px;
	margin-bottom:10px;
}
.sent {
	color:#009900;
	border: 1px solid #009900;
	padding: 5px;
	margin-top:10px;
	margin-bottom:10px;
}

/* -------------------------------------------------------------------------- */
/* News                                                                       */
/* -------------------------------------------------------------------------- */

#news_column1 {
	float: left;
	width: 478px;
	padding: 20px 15px 20px 30px;
}
#news_column2 {
	float: right;
	width: 200px;
	padding-top: 20px;
	padding-right: 30px;
	padding-left: 15px;
}


/* -------------------------------------------------------------------------- */
/* Footer                                                                     */
/* -------------------------------------------------------------------------- */

#footer {
	font-size: 10px;
	color: #727272;
}
#footer a { color: #727272; }
#footer a:hover { color: #000000; text-decoration: underline; }

#footer ul { list-style-type: none; }
.li_left { float: left; padding-top: 5px; padding-right: 20px; }
.li_right { float: right; padding-top: 5px; }
