/*-----------------------------------------------------------------------------
Main Style Sheet for LEANTREE Media

author:   Wesley Harmon
email:    info@leantreemedia.com
website:  http://www.leantreemedia.com/
-----------------------------------------------------------------------------*/
body {
	color:#736257;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	background: url(/images/portfolio-bg.jpg) center top no-repeat #dfd3c5;
	margin:0;
}
p {
	margin-bottom:12px;
}
h3 {
	font-size:24px;
	font-weight:normal;
}
a:link  { 
	color: #FF0000;
	text-decoration: none;
}
a:visited { 
	color: #ccc; 
	text-decoration: none;
}
a:hover  { 
	color: #ccc;
	text-decoration: none; 
}
#menu {
	float:left;
	width:300px;
	height:400px;
	margin: 118px 10px 0px 80px;
	font:Arial Narrow, Arial, Helvetica, sans-serif 14px;
	text-transform: uppercase;
}
#menu a:link  { 
	color: #736257;
	text-decoration: none;
}
#menu a:visited { 
	color: #736257;
	text-decoration: none;
}
#menu a:hover  { 
	color: #790000;
	text-decoration: underline;
	background: url(/images/tree.png) no-repeat left;
	margin:19px 0px 19px -34px;
	padding:19px 0px 19px 34px;
}
#logo {
	position:absolute;
	top:560px;
	left:120px;

}
#wrapper {
	width:1045px;
	min-height:100%;
	/* height: auto !important; */
	height:760px;
	margin-left:auto;
	margin-right:auto;
}
#header {
	height:107px;
	position:relative;
}
#pageName {
	float:right;
	margin: 80px 50px 0px 0px;
	text-transform:uppercase;
	font-size:18px;
}
#contentLeft {
	float:left;
	margin: 20px 0px 0px 86px;
}
#contentRight {
	float:right;
	width:614px;
	height:530px;
	margin: 18px 36px 0px 0px;
}
#container {
	background:#000;
	margin:0 auto;
	width:100%;
	text-align:left;
	clear:both;
	overflow:hidden;
}
#footer {
	float:left;
	margin: 0px 0px 10px 70px;
	font-size:16px;
	color:#7c6c62;
	height:38px;
	width:800px;
	text-align:left;
}
#footer a {
	color:#362f2d;
	text-decoration:none;
}
#footer a:hover {
	color:#790000;
}
#copy {
	display:block;
	overflow:auto;
	height:322px;
	width:341px;
	padding: 4px 10px 4px 10px; /* top right bottom left   */
	position:absolute;
	margin: 0px 0px 0px 620px; /* top right bottom left   */
	z-index:6000;
	left: -46px;
}
#copy h1 {
	font-size:1.3em;
	font-weight:bold;
	margin:.5em 0;
}
#copy h1 a {
	color:#fff;
}
#copy h1 a:hover {
	text-decoration:underline;
}
#copy a {
	font-weight:bold;
}
#headlineContent {
	width:375px;
	height:335px;
	background-color: #000;
	filter:alpha(opacity=70); /* ie */
	-moz-opacity:0.7; /* mozilla */
	opacity:0.7; /* just in case */
	position:absolute;
	margin: 0px 0px 0px 610px; /* top right bottom left   */
	z-index:5000;
	left: -42px;
}
.social {
	margin-left:80px;
}
.social img {
	margin:10px 4px 10px 0px;
	float:left;
}
.contact {
	font:12px verdana, arial, helvetica, sans-serif #fff;
	float:right;
	margin: 20px 20px 0px 0px; /* top right bottom left   */
}
.contact a {
	color:#FF0000;
	text-decoration:none;
}
.contact a:hover {
	text-decoration: underline;
}
#mainContent {
	z-index:10;
	margin:0px;
	padding:0px;
	height:398px;
	background: url(/images/bg-portfolio.jpg) no-repeat;
}