/*
==============================
=== GLOBAL ===================
==============================
*/
body{ 
	color: 				#8A8A8A; 
	font: 				75%/140% Arial, Helvetica, sans-serif; 
	text-align: 		center;
	background: 		#E1E1E1; 
}
h1, h2, h3, h4, h5, h6{
	color: 				#618C04; 
	font: 				bold 1.3em Arial, Helvetica, sans-serif;
	text-transform:		capitalize; 
}
h1{ 
	font-size: 			1.5em; 
}
h2{ 
	font-size: 			1.3em; 
}
a{ 
	color: 				#77B003; 
	text-decoration: 	underline;
	outline: 			0; 
}
#container{
	padding-top:		202px;
	text-align:			left;
	background:			url(/images/backgrounds/body.gif) repeat-x top left #FFF;
	position:			relative;
}
#main{
	width:				990px;
	margin:				0 auto;
	padding:			10px 0;
}

/*
==============================
=== HEADER ===================
==============================
*/
#header{
	width:				100%;
	height:				202px;
	position:			absolute;
	top:				0;
	left:				0;
}
#header .container{
	width:				990px;
	height:				100%;
	margin:				0 auto;
	position:			relative;
}
#header #logo{
	font-size:			3em;
	position:			absolute;
	top:				35px;
	left:				0;
}
#header #logo a{
	text-decoration:	none;
}

/* --- Social Links --- */
#header #social{
	position:			absolute;
	top:				28px;
	right:				0;
}
#header #social li{
	float:				left;
}
#header #social li a{
	display:			block;
}

/* --- Main Menu --- */
#header #headermenu{
	width:				100%;
	position:			absolute;
	bottom:				45px;
	left:				0;
}
#header #headermenu ul{
	padding:			0;
}
#header #headermenu li{
	float:				left;
}
#header #headermenu li a{
	padding:			12px 20px;
	color:				#FFF;
	font-weight:		bold;
	text-decoration:	none;
	border-right:		1px solid #afcf40;
	display:			block;
}
#header #headermenu li.firstItem a{
	padding-left:		10px;
}
#header #headermenu li.lastItem a{
	padding-right:		10px;
	border-right:		0;
}

/* --- Breadcrumbs --- */
#header #breadcrumbs{
	color:				#4D4D4D;
	font-size:			0.9em;
	position:			absolute;
	bottom:				0;
	left:				0;
}
#header #breadcrumbs p{
	margin:				0;
	padding:			14px 10px 13px 10px;
	float:				left;
}
#header #breadcrumbs a{
	color:				#4D4D4D;
	font-weight:		bold;
	text-decoration:	none;
}
#header #breadcrumbs a.submit{
	color:				#FFF;
	background-color:	#000;
}

/*
==============================
=== COLUMNS ==================
==============================
*/
#content, #left, #right{
	padding:			0 10px;
	position:			relative;
	float:				left;
}
#left, #right{
	width:				200px;
}

/* --- ONE COLUMN --- */
body.oneCol #content{
	width:				970px;
	margin-left:		0;
}

/* --- TWO COLUMNS - LEFT --- */
body.twoCol_Left #left{
	margin-left:		-990px;
}
body.twoCol_Left #content{
	width:				750px;
	margin-left:		220px;
}

/* --- TWO COLUMNS - RIGHT --- */
body.twoCol_Right #content{
	width:				748px;
	margin-left:		0;
}

/* --- THREE COLUMNS --- */
body.threeCol #left{
	margin-left:		-770px;
}
body.threeCol #content{
	width:				530px;
	margin-left:		220px;
}

/*
==============================
=== GLOBAL ===================
==============================
*/


/*
==============================
=== SIDEBARS =================
==============================
*/
/* --- Menus --- */
#left .menu li,
#right .menu li{
	margin:				5px 0;
}
#left .menu li a,
#right .menu li a{
	padding:			5px 10px;
	color:				#000;
	text-decoration:	none;
	background:			#EBEDE2;
	display:			block;
}
#left .menu li a:hover,
#right .menu li a:hover{
	background:			#E0E0DE;
}

#left .menu li.firstItem,
#right .menu li.firstItem{
	margin-top:			0;
}
#left .menu li.lastItem,
#right .menu li.lastItem{
	margin-bottom:		0;
}

/*
==============================
=== CONTENT ==================
==============================
*/
/* --- Menus --- */
#content .menu{
	padding-top:		10px;
	border-top:			1px solid #D4D8CB;
}
#content .menu h2{
	display:			none;
}
#content .menu li{
	width:				24.9%;
	float:				left;
}
#content .menu li a{
	text-align:			center;
	display:			block;
}
/*
==============================
=== CMS PAGES ================
==============================
*/
/* --- Portfolio --- */
#content.portfolio td{
	vertical-align:		top;
}
#content.portfolio img{
	margin:				2px 0.5em 1em 0;
	border:				1px solid #000;
}

/*
==============================
=== FOOTER ===================
==============================
*/
#footer{
	padding:			5px 10px;
	font-size:			0.9em;
	background:			#E1E1E1;
	position:			relative;
}
#footer .container{
	width:				990px;
	margin:				0 auto;
}
#footer p{
	margin:				0;
	float:				left;
}
#footer a{
	color:				#8A8A8A;
	font-weight:		bold;
	text-decoration:	none;
}
#footer #footermenu{
	float:				right;
}
#footer #footermenu li{
	float:				left;
}
#footer #footermenu li a{
	padding:			0 10px;
	border-left:		1px solid #8A8A8A;
	display:			block;
}
#footer #footermenu li.firstItem a{
	border-left:		0;
}

/*
==============================
=== CUSTOM GLOBAL STYLING ====
==============================
*/
input.submit, a.submit,
form.styled fieldset h2{
	color:				#000;
	background-color:	#88B816;
}