@charset "UTF-8";
/* 

Hogan and Herr Master Stylesheet
C/O WebTek Computer Company
Copyright 2009

*/

/* body structure + styles
----------------------------- */

body {
	background:url(../images/body_bg.jpg);
	margin:0;
	padding:0;}

#wrapper {background:url(../images/wrapper_bg.jpg) repeat-x;}

#container {
	width:920px;
	margin:0 auto;
	height:100%;
	position:relative;}
	
.clear {clear:both;}

#flashoverlay {
	position:absolute;
	width:700px;
	height:578px;
	left:50%;
	margin-left:10px;
	margin-top:80px;
	z-index:500;}
	
/* nav structure + styles
----------------------------- */

ul#nav {
	height:38px;
	padding:6px 0 0 0;
	margin:0;
	list-style-type:none;
	float:left;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;}

ul#nav li {
	padding:5px;
	border-right:1px dotted #887b5e;
	float:left;}

ul#nav li.last {border:0;}

ul#nav a {color:#e7d4a9; text-decoration:none;}
ul#nav a:hover {color:#fff;}

ul#rightnav {
	height:32px;
	padding:6px 0 0 0;
	margin:0 30px 0 0;
	list-style-type:none;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#e7d5a9;}

ul#rightnav li {
	padding:8px;
	float:left;}
	
ul#rightnav a {color:#b19c63;}
ul#rightnav a:hover {color:#fff;}

/* content structure + styles
------------------------------- */

#content {
	width:920px;
	background:url(../images/container_bg.jpg) repeat-y;
	font-family:Georgia, "Times New Roman", Times, serif;}

#top {
	height:22px;
	background:url(../images/content_top.jpg) no-repeat;}
	
#content_home {
	width:920px;
	background:url(../images/content_home.jpg) repeat-y;
	font-family:Georgia, "Times New Roman", Times, serif;}

#top_home {
	height:18px;
	background:url(../images/top_home.jpg) no-repeat;}	

#leftcontent {
	width:673px;
	float:left;
	padding:0 13px 0 10px;}
	
#leftcontent a {color:#350202; text-decoration:underline;}

#leftcontent a:hover {color:#695534;}

	
a#gallerybutton {
	text-indent:-9999px;
	display:block;
	background:url(../images/gallery_btn.gif) no-repeat;
	width:265px;
	height:39px;
	margin:0 0 30px 0;}
	
.logo {
	width:135px;
	float:left;}

h1 {
	margin:0;
	width:135px;
	height:226px;
	display:block;
	text-indent:-9999px;
	background:url(../images/h1_bg.gif) no-repeat;
	float:left;}
	
.story {
	float:left;
	width:420px;
	font-size:13px;
	color:#333;
	line-height:16px;}

.story p {padding:0 5px 0 35px; width:450px;line-height:18px;}

.story h3 {padding:5px; color:#660000;}

.story h5 {padding-left:5px; color:#847355;
font-size:13px; padding-bottom:0px; line-height:0px;}

.story_home {
	float:left;
	width:420px;
	font-size:13px;
	color:#333;
	line-height:16px;}

.story_home p {padding:0 5px 0 10px; width:400px;line-height:18px;}

.story_home h3 {padding:5px; color:#660000;}


p.test {width:320px;}

#gallery {
    margin: 0px;
	padding: 0px;
	width:548px;
	position:absolute;
}

#portfolio {
    margin: 0px;
	padding: 0px;
	width:548px;
}

.community_table {
font-size:12px;
padding-left: 10px;
line-height: 20px;
}

.community_table2 {
font-size:12px;
width: 470px;
float:left;
font-weight:bold;
text-align:center;
padding-left: 0px;
line-height: 15px;
}


#portfolio a {color:#350202; text-decoration:underline;}

#portfolio a:hover {color:#695534;}

h4 {
	margin:0;
	display:block;
	height:72px;
	width:354px;
	text-indent:-9999px;
	background:url(../images/h3_home.jpg) no-repeat;}

	
h2 {
	margin:0 0 -10px 0;
	display:block;
	height:65px;
	width:384px;
	text-indent:-9999px;}
	
#portfolio h3 {padding-left:0px; color:#660000;
font-size:13px;}	

.showcase {background:url(../images/h2_showcase.jpg) no-repeat;}
.concepts {background:url(../images/h2_concepts.jpg) no-repeat;}
.snapshots {background:url(../images/h2_snapshots.jpg) no-repeat;}
.communities {background:url(../images/h2_communities.jpg) no-repeat;}
.consumer {background:url(../images/h2_consumer.jpg) no-repeat;}
.contact {background:url(../images/h2_contact.jpg) no-repeat;}
.history {background:url(../images/h2_history.jpg) no-repeat;}

h3 {margin:0;}

#rightcontent {
	float:left;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#b19c63;
	width:180px;
	padding:0 0 0 24px;}

#rightcontent h3 {color:#DBD0B2; font-weight:bold; margin:15px 0 10px 0;}

#rightcontent ul {
	list-style-type:none;
	font-size:13px;
	padding:0;
	margin:0;}

#rightcontent li {height:15px; margin:0; padding:8px 0; border-bottom:1px dotted #b19c63; }

#rightcontent a {color:#b19c63; text-decoration:none;}

#rightcontent a:hover {color:#fff;}

#ornament { background:url(../images/orn.gif) bottom left no-repeat;}

#bottom {
	height:100px;
	position:relative;
	bottom:0;
	background:url(../images/bottom.jpg) no-repeat bottom;
	clear:both;}
	
#bottom_home {
	height:100px;
	position:relative;
	bottom:0;
	background:url(../images/bottom_home.jpg) no-repeat bottom;
	clear:both;}	
	
.smalltext {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	font-weight:bold;
	padding-left:20px;
	padding-top:0px;}

/* footer structure + styles
------------------------------- */

#footer {
	height:48px;
	background:#111;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#c9b48f;
	padding:8px 0 0 0;
	position: relative;}

.footercontain {
	width:920px;
	margin:0 auto;}

#footer ul {
	list-style-type:none;
	padding:0;
	margin:0;
	display:block;}
	
#footer li {
	float:left;
	padding:5px;}

#footer li a {
	color:#c9b48f;
	text-decoration:none;}

#footer li a:hover {color:#fff;}

.leftfooter {
	float:left;
	width:530px;
	padding:0 0 0 40px;}
	
a.webtek {color:#c9b48f; text-decoration:none;}

a.webtek:hover {color:#fff;}

.rightfooter {
	float:left;
	width:280px;
	margin:0 0 0 30px;
	line-height:22px;}

.rightfooter a {color:#c9b48f; text-decoration:none;}

.rightfooter a:hover {color:#fff;}

.features{
	float:left;
	padding-bottom:8px;}