/*---------------------------------------------------------*/
/*-- V0.3.1 - 091026 - LR ---------------------------------*/
/*---------------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, a, abbr, cite, em, font, img, small, strong,
sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, input, button, legend, table, caption, tr, th, td, blockquote {
	margin: 0;
	padding: 0;
}

ul, ol {
	list-style:none;
}

body {
	background:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#808285;
}

textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

a {
	color:#808285;
	text-decoration:none;
}

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

a img{
	border:0 none;
}

table {
	border-collapse:collapse;
}

/*---------------------------------------------------------*/
/*-- Generic Styles ---------------------------------------*/
/*---------------------------------------------------------*/

.float_left 	{ float:left; }
.float_right	{ float:right; }
.bordered 		{ border:1px solid #DEDEDE;	}
.clear 			{ clear:both; }
.nowrap 		{ white-space:nowrap; }
.uppercase 		{ text-transform:uppercase; }
.grey			{ color:#CCCCCC; }

/*---------------------------------------------------------*/
/*-- Text Styles ------------------------------------------*/
/*---------------------------------------------------------*/

h1 {
	font-size:16px;
	font-weight:bold;
	margin:0 0 12px;
}

h1.logo {
	background:url('../graphics/logo.png') no-repeat;
	width:140px;
	height:126px;
	overflow:hidden;
	text-indent:-99999px;
	margin:0;
	position:absolute;
	top:16px;
	right:43px;
}

h1.logo a {
	width:140px;
	height:126px;
	display:block;
}

h2 {
	font-size:12px;
	font-weight:normal;
	margin:0 0 12px;
}

h3 {
	font-size:12px;
	font-weight:bold;
	margin:0 0 12px;
}

p {
	margin:0 0 12px;
}

/*---------------------------------------------------------*/
/*-- Error & Notification Styles --------------------------*/
/*---------------------------------------------------------*/

.success {
	background:#F5FFF0;
	color:#009900;
	border:1px solid #009900;
	text-align:center;
	margin-bottom:12px;
	padding:8px 0;	
}

.error {
	background:#FEEDED;
	color:#990000;
	border:1px solid #990000;
	text-align:center;
	margin-bottom:12px;	
	padding:8px 0;
}

.inline_error {
	color:#FF0000;
	font-weight:bold;
}

/*---------------------------------------------------------*/
/*-- Main Page Layout -------------------------------------*/
/*---------------------------------------------------------*/

#wrapper {
	background:url(../graphics/main_background.jpg) top left no-repeat;
	width:1000px;
	height:599px;
	margin:0 auto;
	text-align:left;
}

#header {
	width:1000px;
	height:77px;
	padding-top:1px;
	position:relative;
	z-index:100;
}

#header h2 {
	margin:40px 0 0 28px;
}

#portfolio_nav {
	position:absolute;
	top:41px;
	left:267px;
}

#portfolio_nav li {
	float:left;
	color:#00a2ec;
}

#main_content {
	background:#DEDDD8;
	height:391px;
	width:948px;
	margin:0 26px;
	display:none; /* For jQuery fade-in */
	z-index:0;
}


/*---------------------------------------------------------*/
/*-- Sub Page Layout --------------------------------------*/
/*---------------------------------------------------------*/

/*---------------------------------------------------------*/
/*-- List & Navigation Styles -----------------------------*/
/*---------------------------------------------------------*/

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

#footer {
	width:1000px;
	margin:0 auto;
}

#footer_left {
	width:450px;
	float:left;
	text-align:left;
}

#footer_left ul {
	margin:40px 0 0 28px;
}

#footer li {
	float:left;
	display:block;
	padding:2px;
	color:#00a2ec;
}

#footer li a{
	float:left;
	display:block;
	padding:0 5px 0 0;
}

#footer_right{
	width:500px;
	float:left;
	margin:20px 0 0;
	text-align:left;
	color:#000000;
}

/*---------------------------------------------------------*/
/*-- CSS Clearfix -----------------------------------------*/
/*---------------------------------------------------------*/

.clearfix:after {
    content:".";
    display:block;
    clear:both;
    visibility:hidden;
    line-height:0;
    height:0;
}

.clearfix {
    display:inline-block;
}

html[xmlns] .clearfix {
    display:block;
}

* html .clearfix {
    height:1%;
}