@charset "utf-8";
html, body {margin:0; padding:0; background: #000 url(images/bg04.jpg) no-repeat center top; color: #FFF; font-family: Tahoma, Geneva, sans-serif;} 
#pagewidth{margin: 0px auto; position: relative; text-align: center; width: 100%;}
#header{position:relative; height: 80px; width:960px; text-align: center; margin: auto; background: #141414; border-bottom:solid 1px; border-color:#282828;} 
#footer{position: relative; height: 100px; width:960px; text-align: center; margin: auto; background: #141414;} 
#contacta {
	float: left;
	list-style:none;
	margin: auto;
	font-size:12px;
	text-align:left;
	line-height: 20px;
}


#maincol{position: relative; height: 360px;	width:960px; text-align: center; margin: auto; background: #000; padding-top:10px; padding-bottom: 10px; border-bottom:solid 1px; border-color:#282828;}

#navigation {list-style: none; margin: auto;}
#navigation li {float: right; margin: 55px 12px 0 0;}
#navigation a * {display: none;}
#navigation a,#navigation a .hover {height: 18px; position: relative;	display: block;	background: url(images/toolbar3.png);}
#navigation a.home {background-position: 0 0; width: 65px;}
#navigation .highlight a.home:hover,#navigation a.home .hover {background-position: 0 -18px; width: 65px;}
#navigation a.work {background-position: -85px 0; width: 65px;}
#navigation .highlight a.work:hover,#navigation a.work .hover {background-position: -85px -18px;}
#navigation a.about {background-position: -171px 0;width: 70px;}
#navigation .highlight a.about:hover,#navigation a.about .hover {background-position: -171px -18px;}
#navigation a.contact {background-position: -263px 0; width: 91px;}
#navigation .highlight a.contact:hover,#navigation a.contact .hover {background-position: -263px -18px;}
#navigation a.blog {background-position: -375px 0; width: 60px;}
#navigation .highlight a.blog:hover,#navigation a.blog .hover {background-position: -375px -18px;}

#socialmedia {list-style: none; margin: auto;}
#socialmedia li {float: right; margin: 65px 25px 0 0;}
#socialmedia a * {display: none;}
#socialmedia a,#socialmedia a .hover {height: 30px; position: relative; display: block;	background: url(images/socialmedia2.png);}

#socialmedia a.facebook {background-position: 0 0; width: 32px;}
#socialmedia .highlight a.facebook:hover,#socialmedia a.facebook .hover {background-position: 0 -30px; width: 32px;}

#socialmedia a.youtube {background-position: -32px 0; width: 32px;}
#socialmedia .highlight a.youtube:hover,#socialmedia a.youtube .hover {background-position: -32px -30px;}

#socialmedia a.linkedin {background-position: -64px 0;width: 32px;}
#socialmedia .highlight a.linkedin:hover,#socialmedia a.linkedin .hover {background-position: -64px -30px;}

#socialmedia a.flickr {background-position: -96px 0; width: 32px;}
#socialmedia .highlight a.flickr:hover,#socialmedia a.flickr .hover {background-position: -96px -30px;}

#socialmedia a.twitter{background-position: -128px 0; width: 32px;}
#socialmedia .highlight a.twitter:hover,#socialmedia a.twitter .hover {background-position: -128px -30px;}

a {font-weight: bold; color:#FFF;}


a:active	{outline: none;}/* Firefox Dotted Outline Fix */
a:focus		{-moz-outline-style: none;}/* Firefox Dotted Outline Fix */
a img		{ border: none; text-decoration: none; outline: none;} 
a 			{ text-decoration: none; outline: none; color:#960000;}
a:visited 	{ text-decoration: none; outline: none;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
 .clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

Highlighted Content 
#featured{position:absolute;top:20px; width: 960px; height: 460px; background:#000;}
#featured ul.ui-tabs-nav{
	position:absolute;
	top:10px;
	left:660px;
	list-style:none;
	padding:0;
	margin:0;
	width:290px;
	height: 360px;
	background-color:#141414;
} thumbnail cell width & location 
#featured ul.ui-tabs-nav li{ padding:0px 0; padding-left:0px; font-size:12px; border:1px solid #282828;}
#featured ul.ui-tabs-nav li img{float:right; vertical-align:middle; margin:4px;	background:#808080; padding:2px; border:1px solid #282828;}
#featured ul.ui-tabs-nav li span{font-size:11px; line-height:18px;}
#featured li.ui-tabs-nav-item a{display:block; height:82px; color:#808080; background:#ffffff;line-height:20px; background-color:#141414; border:4px double #282828;}
#featured li.ui-tabs-nav-item a:hover{background-color:#282828; color:#960000}
#featured li.ui-tabs-selected{background:url('images/dhousepointer.png') top left no-repeat;background-color:#141414; color:#960000;}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{background:#282828;color:#960000; }

#featured .ui-tabs-panel{width:640px; height:360px;	background:#000; position:relative; padding-left: 10px;}
#featured .ui-tabs-panel .info{
	position:absolute;
	top:331px;
	left:10px;
	height:29px;
	background: url('images/transparent-bg.png');
	width: 640px;
}

#featured .info h2{font-size:16px; font-family:Tahoma, Geneva, sans-serif;color:#ffffff; padding: 12px; margin:0;overflow:hidden;text-align: left;}
#featured .info p{margin:0 5px;	font-family: Tahoma, Geneva, sans-serif; font-size:11px; line-height:15px; color:#ffffff;text-align: left;}
#featured .info a{text-decoration:none; color:#ffffff;text-align: left;} 
#featured .info a:hover{
	text-decoration:underline;
	text-align: left;
}
#featured .ui-tabs-hide{display:none;}

/*contact*/
div.directions{float: left; width: 730px; text-align:left; postion: relative; padding-left: 10px;}
div.directions li{float:left; list-style:none; margin: 0px 5px 0px 7px;}
#parking {float:left; width:325px; text-align:center; font-size:14px;}
#contactinfo {float:right; height:250px; width: 220px; font-size:12px; line-height: 18px; margin:auto;}
#mapicons {float:left; width:230px; text-align:left; font-size:14px;}
#mapicons li {float:left; text-align:left; list-style:none; margin: 0px 30px 0px 0px;}

/*about*/
#about {position: relative; height: 550px;	width:960px; text-align: center; margin: auto; background: #000; padding-top:10px; padding-bottom: 10px; border-bottom:solid 1px; border-color:#282828;}
#aboutus {height: 112px; width:960px; text-align: left;	margin: auto; background: #141414; color:#CCC; font-size:12px} 
#mark {float:left; width: 300px; padding: 10px 10px 10px 10px; margin: auto; background: #141414;} 
#jason {float:left; width: 300px; padding: 10px 10px 10px 10px; margin: auto; background: #141414;}
#scott {float:left; width: 300px; padding: 10px 10px 10px 10px; margin: auto; background: #141414;}

/*work*/
.clear {clear:both;}
.captionbody {font-size:11px; color:#fff; line-height: 175%;}
.zitem {width:180px; height:114px;overflow:hidden; position:relative;float:left;}

.zitem .caption {width:180px; height:35px; background:#000;	color:#fff;	font-weight:bold; padding-top: 0px; position: absolute; bottom:-1px; left:5px; bottom: 10px; display:none; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9;}

.zitem .caption a {text-decoration:none; color:#960000; font-size:11px; display:block;}
.top {padding: 0px 5px 10px 5px;}
.row {float: left; width: 960px; margin:auto; text-align:center; padding-left: 5px;}
h1 {padding-top: 10px; font-size:14px; color:#960000; text-align:left; line-height: 12px;}
h2 {font-size:12px; color:#808080; text-align:left;line-height: 5px;}