/* CSS DOCUMENT - MAIN STYLESHEET */


/* BODY AND CONTAINER
----------------------------------------------*/
body {
	font-size: 76%;
	padding: 0px;
	margin: 0px;
}

#container {
	overflow: hidden;
	width: 900px;
	padding: 0px;
	margin: 50px auto 0 auto;
}


/* HEADER
----------------------------------------------*/
#header {
	float: left;
	width: 885px;
	height: 30px;
	text-align: right;
	padding: 0 0 0 15px;
	margin: 0px;
}


/* MAIN NAVIGATION STRUCTURE
----------------------------------------------*/
#nav {
	float: left;
	width: 200px;
	padding: 0px;
	margin: 30px 0 0 0;
}

#nav #page_title {
	float: right;
	height: 30px;
	text-align: right;
	background-color: #606f3c;
	padding: 0px;
	margin: 0px;
}

#nav #nav_menu {
	float: right;
	display: table;
	width: 145px;
	text-align: right;
	background-color: #7e914f;
	border-top: 1px solid #606f3c;
		border-bottom: 1px solid #606f3c;
		border-left: 1px solid #606f3c;
	padding: 20px 20px 0 20px;
	margin: 0px;
}

/* MAIN NAVIGATION LIST
----------------------------------------------*/
#nav_menu ul {
	display: table-cell;
	vertical-align: middle;
	list-style: none;
	padding: 0 0 20px 0;
	margin: 0px;
}

#nav_menu ul li {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

#nav_menu ul li a {
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
		font-size: 1em;
		line-height: 1.9em;
		font-weight: bold;
		color: #fff;
	text-transform: uppercase;
	text-decoration: none;
}

#nav_menu ul li a:hover {
	color: #606f3c;
}


/* MAIN CONTENT TEXT AREA
----------------------------------------------*/
#content_main {
	float: left;
	width: 698px;
	background-image: url(../images/bg_content_main.gif);
		background-repeat: no-repeat;
		background-position: right bottom;
	border: 1px solid #ccc;
	padding: 0px;
	margin: 0px;
}

#content_main #content_main_text {
	float: right;
	width: 480px;
	border-left: 1px solid #ccc;
	padding: 0 100px 0 25px;
	margin: 50px 0 50px 50px;
}


/* DROP CONTENT AREA
----------------------------------------------*/
#drop {
	float: right;
	width: 552px;
	padding: 0px;
	margin: 0px;
}

#drop_title_box {
	float: right;
	width: 552px;
	background-color: #f6f6f6;
	border-left: 1px solid #ccc;
	padding: 0px;
	margin: 0px;
}

#drop_title {
	float: right;
	background-color: #606f3c;
	padding: 0px;
	margin: 0px;
}

#drop #drop_content {
	float: right;
	width: 501px;
	background-color: #F6F6F6;
	border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		border-left: 1px solid #ccc;
	padding: 40px 25px 25px 25px;
	margin: 0px;
}


/* WORK AND DESCRIPTION BOX
----------------------------------------------*/
.work_box {
	float: left;
	width: 500px;
	padding: 0px;
	margin: 0 0 45px 0;
}

.wb_title {
	float: left;
	width: 500px;
	height: 19px;
	padding: 0px;
	margin: 0px;
}

.wb_img {
	float: left;
	width: 65px;
	padding: 5px 0 0 0;
	margin: 0px;
}

.wb_desc {
	float: left;
	width: 435px;
	padding: 0px;
	margin: 0px;
}

.wb_link {
	float: right;
	width: 435px;
	border-top: 1px solid #ccc;
	padding: 3px 0 0 0;
	margin: 5px 0 0 0;
}

/* FOOTER
----------------------------------------------*/
#drop #footer {
	float: right;
	width: 550px;
	text-align: right;
	padding: 5px 5px 50px 0;
	margin: 0px;
}

#drop #footer p {
	font-size: 1em;
}


/* TYPOGRAPHY ELEMENTS
----------------------------------------------*/
p {
	font-family: Arial, Helvetica, sans-serif;
		font-size: 1.2em;
		line-height: 1.5em;
		color: #666;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
		font-size: 1.6em;
		line-height: 1.3em;
		font-weight: bold;
		color: #606f3c;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
		font-size: 1.4em;
		line-height: 30px;
		font-weight: bold;
		color: #fff;
	background-color: #606f3c;
	padding: 0 17px 0 17px;
	margin: 0px;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
		font-size: 1.2em;
		line-height: .85em;
		font-weight: bold;
		color: #666;
	text-transform: uppercase;
	padding: 0px;
	margin: 0 0 5px 0;
}

a {
	font-family: Arial, Helvetica, sans-serif;
		font-size: .92em;
		font-weight: bold;
		color: #606f3c;
	text-decoration: none;
}

a:hover{
	color: #7e914f;
}

.normal_list {
	font-family: Arial, Helvetica, sans-serif;
		font-size: 1.2em;
		line-height: 1.5em;
		color: #666;
}

.list_break {
	padding: 0 0 8px 0;
}


/* IMAGE ELEMENTS
----------------------------------------------*/
.wrap_right {
	float: left;
	border: none;
	padding: 3px 3px 0 0;
	margin: 0px;
}

.wrap_icon {
	float: right;
	border: none;
	padding: 0 0 0 10px;
	margin: 0px;
}


/* MISC ELEMENTS
----------------------------------------------*/
hr {
	float: left;
	width: 100%;
	height: 1px;
	color: #e1e1e1;
	background-color: #606f3c;
	border: 0px;
	padding: 0px;
	margin: 8px 0 5px 0;
}

hr.content_divide {
	float: left;
	width: 100%;
	height: 1px;
	color: #ccc;
	background-color: #ccc;
	border: 0px;
	padding: 0px;
	margin: 20px 0 20px 0;
}


/* INDEX MISC ELEMENTS
----------------------------------------------*/
/* splash image wrap */
.index_splash {
	float: left;
	margin: 0 75px 0 0;
}

/* splash qualities list */
#qualities ul {
	display: table-cell;
	vertical-align: middle;
	list-style: none;
	padding: 40px 0 0 0;

}

#qualities ul li{
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
		font-size: 1.2em;
		line-height: 1.9em;
		font-weight: bold;
		color: #7e914f;
	text-decoration: none;
}

#qualities .uppercase {
	text-transform: uppercase;
}

#qualities .orange {
	color: #ff9900;
}