/* RESET STYLES */

html, body, div, span, 
h1, h2, h3, h4, h5, h6, p, 
blockquote, a, img, strong, 
dl, dt, dd,  ul, li,
fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus { outline: 0;}
body { line-height: 1;}
ul { list-style: none;}
ul.indent{
	margin-left: 10px;
	color:#D9C180;	
}

/* BASIC STYLES */
/* --------------------------------------------------------------- */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	background-color:#221100;
}

ol {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color:#221100;
}

h1 { font-size: 2em; }
h2 { font-size: 1.8em;font-weight:bold;}
h3 {
	font-size: 1.3em;
	font-weight:normal;
	color:#000;
	text-transform:uppercase;
	letter-spacing:0.1em;
	margin-bottom:0.5em;
}
h4 {
	font-size: 1.3em;
	font-weight:normal;
	color:#D9C180;
	text-transform:uppercase;
	letter-spacing:0.1em;
	margin-bottom:0.5em;
}
h5 {
	font-weight:bold;
	font-size: 1.4em;
	border-bottom:solid 1px #CCC;
	margin-bottom:0.5em;
	text-transform:uppercase;
}
p, li, td {
	font-size: 1.6em;
	line-height: 1.5em;
}
a:link, a:visited {color:#221100;text-decoration:none;}
a:hover {color:#221100;text-decoration:underline;}
a:active {color:#221100;}

/* WRAPPER */
#wrapper {
	margin:20px auto;
	width:980px;
}


/* HEADER */
/* --------------------------------------------------------------- */
#header {
	width:980px;
	height:170px;
	background-color:#77DDCC
;
}

#header h1#logo {
	text-indent:-5000px;
	display:block;
	float:left;
	width:390px;
	height:170px;
}
#header h1#logo a {
	display:block;
	width:390px;
	height:170px;
	background:url(../images/logo.png) no-repeat;
}
#header h2#tagline {
	text-indent:-5000px;
	width:0;
	height:0;
}


/* TOP NAV DROPDOWN MENUS */
/* --------------------------------------------------------------- */
ul#top-nav {
	display:block;
	max-width:590px;
	height:160px;
	float:right;
	margin-right:5px;
	position:relative;
	overflow:hidden;
}
ul#top-nav li {
	display:block;
	float:left;
	height:138px;
	margin:0;
	padding:10px 10px;
	font-size:11px;
	text-transform:uppercase;
	text-align:right;
	border:1px solid #77ddcc;
	}
	body#homepg ul#top-nav li#home,
	body#portfolio ul#top-nav li#port,
	body#about ul#top-nav li#about,
	body#faqs ul#top-nav li#faqs,
	body#excl ul#top-nav li#excl,
	body#news ul#top-nav li#news,
	body#contact ul#top-nav li#cont {border:1px solid #77ddcc;
}
ul#top-nav li ul {
	display:block;
	float:none;
	margin:0;
	position:absolute;
	left:-5000px;
	text-align:right;
	}
	body#portfolio ul#top-nav li#port ul,
	body#about ul#top-nav li#about ul {
		position:relative;
		left:0;
}

ul#top-nav li ul li {
	display:block;
	width:100%;
	height:1em;
	float:none;
	margin:0;
	padding:5px 0;
	font-size:10px;
	text-align:right;
	border:none;
	color:#ooo;
}
ul#top-nav li ul li a {
	color:#221100;
}
ul#top-nav li ul li.current a,
ul#top-nav li ul li a:hover {color:#FFF; text-decoration:none;}



/* LAYOUT CONTAINERS */
/* --------------------------------------------------------------- */
#content {
	background-color:#D9C180;
	width:980px;
	height:375px;
}

	#sub50l {/* Use with sub50r for a 50/50 split */
		width:480px;
		height:375px;
		float:left;
	}
	#sub50r {/* Use with sub50l for a 50/50 split */
		width:500px;
		height:375px;
		float:right;
		background-color:#D9C180;
	}
	
	#sub70l {/* Use with sub30r for a 70/30 split */
		width:686px;
		height:375px;
		float:left;
	}
	#sub30r {/* Use with sub70l for a 70/30 split */
		width:294px;
		height:375px;
		float:right;
		background-color:#D9C180;
	}
#content-main-left,
#content-main-right {
	padding:20px;
	height:335px;
	overflow:auto;
}	

div.half {/* Use 2 of these divs to create a 2-column layout */
	width:45%;
	float:left;
	padding-left:10px;
	margin-left:10px;
	}
	#content-main-left div.half {border-left:solid 1px #ad9b69;}
	#content-main-right div.half {border-left:solid 1px #ad9b69;
}
div.thirds { /* Use 3 of these divs to create a 3-column layout */
	width:28%;
	float:left;
	padding-left:10px;
	margin-left:10px;
	}
	#content-main-left div.thirds {border-left:solid 1px #D9C180;}
	#content-main-right div.thirds {border-left:solid 1px #;
}
div.two-thirds { /* Use with a single "thirds" div for a 33-66 split */
	width:62%;
	float:left;
	padding-left:10px;
	margin-left:10px;
	}
	#content-main-left div.thirds {border-left:solid 1px #D9C180;}
	#content-main-right div.thirds {border-left:solid 1px #D9C180;
}
div.left-border,
#content-main-left div.left-border,
#content-main-right div.left-border {/* Add this class to div.half or div.thirds to get a white border on the left. Format is <div class="thirds left-border"> */
	border-left:solid 1px #D9C180;
}



/* CONTENT */
/* --------------------------------------------------------------- */
div.spotlight {
	border:solid 1px #D9C180;
	padding:5px;
	margin:0 0 10px;
}

div.thirds li {
	font-size:1em;
	line-height:1.3em;
	color:#000;
	margin-bottom:0.5em;
}
div.thirds ul { margin-bottom:1.5em;}

#content-main-right div.thirds li a { color:#D9C180;}
#content-main-right div.thirds li.current a { color:#221100; text-transform:uppercase;}

#content-main-left p,
#content-main-left td {
	font-size:1em;
	line-height:1.4em;
	margin-bottom:0.5em;
	color:#000;
}

#content-main-right p,
#content-main-right td {
	font-size:1em;
	line-height:1.4em;
	margin-bottom:0.5em;
	color:#000;
}

div.spotlight p {text-transform:uppercase;}

#content-main-left p.subtitle {color:#221100;}
#content-main-left p.description {font-size:0.9em;}

#content-main-left p.button {
	font-size:1em;
	margin:1em 0 2em;
}
#content-main-left p.button a {
	color:#D9C180;
	padding:0.3em;
	border:solid 1px #D9C180;
	text-decoration:none;
	background-color:#D9C180;
}
#content-main-left p.button a:hover {
	background-color:#D2830A;
}
p.clearall {
	display:block;
	clear:both;
}

ul li.current a {color:#FFF; text-decoration:none;}

/* STAFF PORTTRAITS AND SHADOWS */
/* --------------------------------------------------------------- */
div.portrait {
	width:80px;
	height:80px;
	background:url(../images/portrait_shad_dk_sml.png) no-repeat bottom right;
	margin:0 15px 20px 0;
	float:left;
}
div.portrait2 {
	width:80px;
	height:80px;
	margin:0 10px 20px 0;
	float:left;
	
}
div.portrait-lg {
	width:148px;
	height:148px;
	background:url(../images/portrait_shad_lg.png) no-repeat bottom right;
	margin:0 auto 10px;
}



/* PHOTO NAV */
/* --------------------------------------------------------------- */
#photo-nav {
	width:500px;
	float:right;
	padding-top:10px;
}
#photo-nav li {
	display:block;
	float:right;
	margin:0 2em;
	font-size:0.9em;
	font-weight:bold;
	text-transform:uppercase;
}
#photo-nav li.enlarge {float:left; margin-left:0;}
#photo-nav li.prev {
	border-right:solid 1px #D9C180;
	padding-right:1em;
	margin-right:0;
}
#photo-nav li.next {
	margin-left:1em;
}

#photo-nav li a { color:#D9C180;}

.portfolio {
	float:none;
	margin-left: 20%;
}

/* FOOTER */
/* --------------------------------------------------------------- */
#footer {
	width:980px;
	height:95px;
	position:relative;
	color:#FFF;
	background:#77ddcc url(../images/logo_footer.png) no-repeat right top;
}
#footer p#phone {
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	margin:auto 30px 10px 15px;
	font-size:1.2em;
}
#footer ul#footer-nav {
	display:block;
	position:absolute;
	bottom:0;
	left:11em;
	margin:auto 0 10px 30px;
	font-size:1.0em;
}
#footer ul#footer-nav li {
	float:left;
	margin:0 1em 0 0;
	padding-right:1em;
	font-size:1.0em;
	line-height:1.4em;
	color:#221100;
	border-right:1px solid #000;
}
#footer ul#footer-nav li.last {border-right:none;}
#footer ul#footer-nav li a {color:#221100
;}