/*
Background Color: 	D6D1CB
Orange Text: 		ff7900
Light Tan Text: 	837870
Dark Tan Text: 		000000

*** To hang punctuation give the element the (.hang) class
	eg: <p class="hang">"Hello world, bla bla bla..."</p>


*** To hang unordered list bullets outside paragraph, use (.outside) class on list element
	eg: <ul class="outside">
			<li>Hello</li>
			<li>World</li>
			<li>Goodbye</li>
			<li>World</li>
		</ul>
	
	
*** For Curly Quotes use HTML character entities
	eg: &ldquo; => “
		&rdquo; => ”
	
	
*/



/* -------------------
		Layout
---------------------- */
html, body{
	margin: 0;
	padding: 0;
	background-color: #D6D1CB;
	color: #837870;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#con_global{
	width: 986px;
	margin: 30px auto;
	background: url("../images/bk_tile.jpg") repeat-y;
}

#identity{
	height: 113px;
	width: 100%;
	margin: 0;
	padding: 0;
	background: url("../images/header_identity.jpg") no-repeat;
}

#banner{
	width: 950px;
	height: 200px;
	margin: 0 18px;
	padding: 0;
	background: url("../images/banner_1.jpg") no-repeat;
}

#nav_main{
	width: 950px;
	margin: 0 18px;
	padding: 0;
	background-color: #D6D1CB;
}

#footer{
	height: 43px;
	width: 100%;
	background: url("../images/footer.jpg") no-repeat;
	clear: both;
}

#site_info{
	margin: -40px 0 50px 0;
}

#con_body{
	width: 950px;
	margin: 0 18px;
	clear: both;
}

#con_content{
	width: 650px;
	margin: 40px 150px 50px 150px;
}





/* -------------------
	Text Replacement
---------------------- */
.hide{
	text-indent: -9999px;
	margin: 0;
	padding: 0;
}




/* -------------------
	  Navigation
---------------------- */
#nav_main ul{
	margin: 0 0 0 230px;
	padding: 0;
	overflow: hidden;
	list-style-type: none;
}

#nav_main li{
	float: left;
}

#nav_main a:link{
	display: block;
	margin: 8px 0;
	padding: 0 10px;
	
	color: #837870;
	font-size: 12px;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	
	border-right: 2px solid #837870;
}

#nav_main a:visited{
	display: block;
	margin: 8px 0;
	padding: 0 10px;
	color: #837870;
	font-size: 12px;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	
	border-right: 2px solid #837870;
}

#nav_main a:hover{
	color: #000000;
}

#nav_main a.last{
	border-right: none;
}


.home #nav_main a.home:link,
.about #nav_main a.about:link,
.services #nav_main a.services:link,
.stories #nav_main a.stories:link,
.contact #nav_main a.contact:link{
	display: block;
	margin: 8px 0;
	padding: 0 10px;
	color: #000000;
	font-size: 12px;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	border-right: 2px solid #837870;
}

.home #nav_main a.home:visited,
.about #nav_main a.about:visited,
.services #nav_main a.services:visited,
.stories #nav_main a.stories:visited,
.contact #nav_main a.contact:visited{
	display: block;
	margin: 8px 0;
	padding: 0 10px;
	color: #000000;
	font-size: 12px;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
}




/*  -------------------
	 Text Styling
---------------------- */
h3{
	color: #ff7900;
	margin: 0 0 18px 0;
	padding: 0;
}

p{
	font-size: 15px;
	line-height: 140%;
	margin: 4px 0 18px 0;
}

a:link{
	color: #837870;
	font-weight: bold;
	text-decoration: none;
}

a:hover{
	color: #000000;
}

a:visited{
	text-decoration: none;
	color: #000000;
}

a:active{
	color: #000000;
}

#site_info p{
	font-size: 11px;
	text-align: center;
	clear: both;
}

#con_content ol , #con_content ul{
	list-style-position: outside;
}

#con_content ol li, #con_content ul li{
	font-size: 15px;
	line-height: 140%;
}

#con_content ol.outside , #con_content ul.outside{
	list-style-position: outside;
	margin: 0 0 0 -2.5em;
}

#con_content ol.outside li, #con_content ul.outside li{
	font-size: 15px;
	line-height: 140%;
}




/* -------------------
Banner Specific Styling
---------------------- */
.about #banner,
.services #banner,
.stories #banner,
.contact #banner{
	display: none;
}






/* -------------------
	 Special Styling
---------------------- */
.hang{
	text-indent: -0.5em;
}






/* -------------------
Stories & About Specific Styles
---------------------- */

#con_body .bio{
	clear: both;
	position: relative;
	margin: 0 0 60px 0;
	overflow: hidden;
}

#con_body .bio .bio_image{
	float: left;
	width: 190px;
	margin: 0;
	padding: 0;
}

#con_body .bio .bio_body{
	width: 430px;
	margin: 0 0 0 30px;
	float: right;
}

#con_body .bio .bio_body a:link{
	color: #837870;
	font-weight: bold;
	text-decoration: none;
}

#con_body .bio .bio_body a:hover{
	color: #000000;
}

#con_body .bio .bio_body a:visited{
	text-decoration: none;
	color: #000000;
}

#con_body .bio .bio_body a:active{
	color: #000000;
}

#con_body .bio .bio_body p.no_space{
	margin: 0 0 18px 0;
}