/*   =======   RESET    =======   */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
		{ margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body 	{ line-height: 1; }
a img, iframe, object { border: none; }
ol, ul 	{ list-style: none }
:focus 	{ outline: 0; }
ins 	{ text-decoration: none; }
del 	{ text-decoration: line-through; }
table	{ border-collapse: collapse; border-spacing: 0; }


/*   =======   BASICS    =======   */

body { 
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	color: #687d78;
	background: #b9c9be url(../images/bg_greenglow.jpg) no-repeat center top;
}
h1, h2, h3, h4, h5, h6 { 
	color: #423331; 
	margin-bottom: 1em; 
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
}
h1	{ font-size: 2.25em;}
h2	{ font-size: 1.5em; }
h3	{ font-size: 1.25em; }
h4	{ font-size: 1.125em; }
p	{ 
	font-size: 1em; 
	line-height: 130%; 
	margin: 1em 0;
}

a, a:link, a:visited, a:active { color: #687d78; text-decoration: underline;   }
a:hover { text-decoration: none;   }
a:active { outline: none; }

.left { float: left }
.right { float: right }
.center { text-align: center; }
.hide { display: none; }
.clear { clear:both; height:1px; font-size:1px; line-height:1px; }
.upperC { text-transform: uppercase; }
.noBorder { border: none !important; }
.imgLeft { float: left; padding: 5px 20px 10px 0; }
.imgRight { float: left; padding: 0 0 10px 15px; }
#right ul.bullet { list-style: disc; margin: 1em 0; }
#right ol.number { list-style: decimal; margin: 1em 0; }
#right ul.bullet li, #right ol.number li {
	font-size: 1em;
	line-height: 130%;
	margin: .25em 1.5em;
}

/*   =======   LAYOUT  =======   */


#content {
	width: 1144px;
	margin: auto;
	overflow: auto;
	position: relative;
	z-index: 10;
}
#top {
	height: 74px;
}
#logo {
	margin: 100px auto 0;
	text-align: center;
}
#logo a { border: none; }
#cosmetic {
	display: block;
	background: url(../images/tag_cosmetic.png) no-repeat center center;
	width: 250px;
	height: 32px;
	text-indent: -999em;
	margin: 17px auto 0;
}
#burke {
	display: block;
	background: url(../images/tag_burkewilliams.png) no-repeat center center;
	width: 212px;
	height: 28px;
	text-indent: -999em;
	margin: auto;
}
#left {
	clear: both;
	width: 262px;
	float: left;
}
#right {
	width: 750px;
	float: left;
	margin-left: 40px;
}


/*   =======   NAV  =======   */

#nav li {
	list-style: none;
	display: block;
	float: left;
	line-height: 40px;
}
#nav a {
	display: block;
	float: left;
	padding: 0 35px;
	height: 74px;
	text-align: center;
	color: #fff;
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	font-weight: normal;
	text-decoration: none;
	background: url(../images/nav_glow.png) no-repeat center -74px;
}
#nav a:hover, #nav li.navOn a {
	background-position: center 0;
}

#footer {
	clear: both;
	padding: 20px 0 20px 322px;
	width: 560px;
	font-size: .75em;
}
#pageFooter {
	clear: both;
	margin-left: 452px;
	padding: 25px 0;
	width: 540px;
	font-size: .75em;
	border-top: 1px solid #687d78;
}

#footer-nav {
	margin: 1em 0;
}
#footer-nav li {
	display: inline;
	border-left: 1px solid #687d78;
	padding: 0;
	margin: 0;
	list-style: 100%;
}
#footer-nav a {
	margin: 0 5px 0 7px;
	padding: 1px;
	display: inline;
	list-style: 100%;
}
#footer-nav li.first { border: none; }
#footer-nav li.first a { margin-left: 0; padding-left: 0; }






/*   =======   HOME  =======   */

#homeHeader {
	margin: 368px 0 0 20px;
	width: 520px !important;
	padding: 40px 0;
}
#homeHeader h1 {
	font-style: 2.25em;
	color: #fff;
	margin: 0;
	line-height: 120%;
}
#homeText {
	clear: both;
	margin: 20px 0 0 20px;
	width: 520px !important;
	padding: 0;
}
#homeText p {
	font-family: Georgia, 'Times New Roman', Palatino, Times, serif !important;
	color: #423331;
	font-size: .875em;
	margin: 0 0 1em;
}
#greenBar {
	background: #889c95;
	width: 100%;
	height: 210px;
	position: absolute;
	top: 442px;
	z-index: 1;
}
#woman img {
	position: fixed;
	right: -1%;
	top: 0;
	height: 125%;
	z-index: 2;
	overflow: hidden;
}
#comingsoon {
	position: absolute;
	left: 240px;
	top: 55px;	
}


/*   =======   PAGES  =======   */

#pageHeader {
	margin: 70px 0 30px 150px;	
	width: 500px;
}
#pageHeader h1 {
	margin: 0;
}
.profile {
	width: 650px;
	overflow: auto;
	margin-bottom: 35px;
}
.profile img {
	float: left;
}
.profileText {
	float: right;
	width: 500px;
}
.profileText h3 {
	margin-bottom: 5px;
}
.profileText h5 {
	color: #423331;
	font-size: .875em;
	font-style: italic;
}
.tab {
	margin-left: 150px !important;
	clear: both;
}
.miniLeftCol {
	float: left;
	width: 150px;
	text-indent: -999em;
}
#servicesList {
	list-style: none;
	font-weight: bold;
	padding: 2px 0px;
	margin: 0 0 2em 0;
}
#servicesList ul {
	list-style: disc outside;
	padding: 2px 5px;
	margin: 0;
}
#servicesList li {
	padding: 5px 0px;
}
#servicesList ul li {
	margin-left: 25px;
	list-style: disc outside;
	font-weight: normal;
}
body.servicesWindow {
	background: #b9c9be !important;
}
body.servicesWindow #content {
	width: auto !important
}
.serviceBlock {
	margin: 2em 2em .5em;
	overflow: auto;
}

.serviceBlockText {
	float: left;
	width: 590px;
	clear: none;
}
.imgTabOut p {
	margin-top: 3px;
}
.imgTabOut {
	float: left;
	margin: 0 10px 1em 0;
	width: 140px;
	overflow: auto;
}

.serviceBlock h4 a {
	color: #423331; 
	text-decoration: none;
	font-size: 1.25em;
}
.serviceBlock p, .serviceBlock blockquote {
	font-weight: normal;
	font-size: .875em;
	line-height: 140%
}
.serviceBlock blockquote {
	font-style: italic;
	padding: 0 1em;
}
.serviceBlock blockquote p {
	font-style: normal;
	font-weight: bold;
}
sup {
	vertical-align: baseline;
	font-size: 0.625em;
	position: relative;
	top: -0.4em;
}
.imgFloat {
	float: left;
	margin: 0 1em 1em 0;
}
.serviceBlock dt {
	font-weight: bold;
	font-size: 1em;
}
.serviceBlock dd {
	padding: 0 1em 1em;
}

#site-map li {
	margin: .25em 0;
}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{
	position: absolute;
	top: 168px;
	left: 341px;
	z-index: 90;
	width: 388px;
	height: 179px;
}
.newsletter-signup {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #000;
	background-color: #97ada6;
	padding: 5px;
}
.newsletter-signup a:link, .newsletter-signup a:visited {
	color: #000
}
.tab-table {
	margin-left: 150px !important;
	clear: both;
	line-height: 20px;
}