/* 
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles here instead of style.css so it 
is easier to update the theme. Simply copy an existing 
style from style.css to this file, and modify it to 
your liking.

*/

ul.nav {
	margin-top: 25px;
	margin-left: 200px;
	position: absolute;
	text-transform: uppercase;
	width: 750px;
	z-index: 50;
}

/* 2.2.1 Drop-down menus */
ul.nav li { display: inline-block; }
ul.nav li ul { position: absolute; left: -999em; width: 210px !important; }
ul.nav li ul li { padding-top: 10px; }
ul.nav li ul li a { background: #101010; padding: 10px; width: 210px; display: block; margin-bottom: -15px !important; }
ul.nav li ul li:hover { }
ul.nav li ul { width: 210px !important; }
ul.nav li ul ul { margin: -25px 0 0 400px;  }
ul.nav li ul li ul li a { }
ul.nav li:hover ul ul, ul.nav li.sfhover ul ul, ul.nav li:hover ul ul ul, ul.nav li.sfhover ul ul ul { left:-999em; }
ul.nav li:hover ul,ul.nav li li:hover ul,ul.nav li li li:hover ul,ul.nav li.sfhover ul,ul.nav li li.sfhover ul,ul.nav li li li.sfhover ul { left:0em; }
ul.nav li:hover ul { padding: 0px; padding-top: 7px; background: transparent; width: 210px; margin-top: -5px; }
ul.nav li:hover ul li { border: none; padding-left: 0; }
ul.nav li:hover, ul.nav li:hover { position:relative; }
/* h1 { float:left; } */

.wrapper {
	padding-left: 200px; /* take this out when site is widened proportionally */
	top: -120px;
	width: 900px !important;
}
#navbg {
	margin: 0 auto;
	height: 120px;
	width: 1000px;
	background:url(images/nav-bg.jpg) center bottom no-repeat !important;
	z-index: -50;
}
.header-left {
	width: 1010px !important;
	margin-bottom: 10px;
	min-height: 290px;
}
div.portfolioItem {
	width: 600px !important;
}
div.recentProjects {
	display: none;
}
.header-left img.topimg, .header-left img.homeimg {
	/* margin: 0;
	padding: 0; */
	position: relative;
	margin-top: 120px;
	margin-left: -220px;
}

img.topimg, img.homeimg {
	clear: both;
}
.header-left h1 {
	margin: 0 !important;
	padding: 0 !important;
	float: left;
}
.header-left h1 {
	margin: 0;
	padding: 0;
	font-size: 10px;
	line-height: 10px;
	height: 200px;
}
.header-left h1 a img {
	position: relative;
	top: -40px;
	left: -23px;
	margin-bottom: -20px;
}
ul.nav {
	margin-top: 25px;
	margin-left: 200px;
	position: absolute;
	text-transform: uppercase;
	width: 750px;
	z-index: 50;
}
ul.nav li {

}
ul.nav li a {
	color: #aaa;
	font-weight: bold;
	font-size: 90%;
}
h2.entry-title {
	position: absolute;
	margin-top: -70px;
	margin-left: -10px;
	z-index: 100;
}
.homepost {
	margin-left: -22px;
	margin-top: -12px;
	width: 600px !important;
}
.homepost h2.entry-title {
	/* position: static;
	margin-bottom: -7px;
	padding-bottom: 0; */
	display: none;
}
.homepost p {
	padding-top: 1px;
}
.homepost img.alignleft {
	margin-right: 10px;
}
p.description {
}
.singlePost p, .sidebar li ul li {
	font-size: 110%;
}
p.thedate {
	margin-top: 5px;
}
.clear, .header-clear {
	margin: 0 !important;
	padding: 0;
	height: 1px;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}