body
{
	background-color: #EAE6E6;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}
#background
{
	width: 1000px;
	height: 800px;
	background: url(/images/backgrounds/cherry.jpg) no-repeat 50% 50%;
	margin: 10px auto;
	position: relative;
	text-align: left;
}
body#philosophy #background,
body#contact #background
{
	background: url(/images/backgrounds/leather.jpg) no-repeat 50% 50%;
}
body#services #background,
body#press #background
{
	background: url(/images/backgrounds/leafprint.jpg) no-repeat 50% 50%;
}
body#about #background
{
	background: url(/images/backgrounds/paper.jpg) no-repeat 50% 50%;
}
body#gallery #background
{
	background: url/(images/backgrounds/goldcrete.jpg) no-repeat 50% 50%;
}
#container
{
	width: 800px;
	height: 600px;
	background: #FFF;
	position: absolute;
	top: 108px;
	left: 100px;
}
#headerLogo
{
	width: 800px;
	height: 97px;
	background: #FFF;
	text-align: center;
	padding: 11px 0px 12px;
	position: absolute;
	top: 0px;
	left: 0px;
}
#headerLogo img
{
}
#topNav
{
	width: 800px;
	height: 45px;
	background: #FFF url(/images/topnavbg_maroon.png) no-repeat 50% 50%;
	position: absolute;
	top: 120px;
	left: 0px;
}
body#services #topNav,
body#press #topNav
{
	background: #FFF url(/images/topnavbg_tan.png) no-repeat 50% 50%;
}
body#about #topNav
{
	background: #C2BAA0 url(/images/topnavbg_tan.png) no-repeat 50% 50%;
}
.topNavBar
{
	width: 800px;
	height: 25px;
	position: absolute;
	top: 10px;
	border-top: 1px solid #41060E;
}
/*.topNavBar ul
{
	text-align: center;
}
.topNavBar li
{
	display: inline;
	float: left;
	margin: 0px 15px;
}*/
.topNavBar a
{
	display: inline;
	float: left;
	height: 25px;
	line-height: 20px;
	font-size: 8pt;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 1px;
	margin: 0px 10px;
}
.topNavBar a:link,
.topNavBar a:visited
{
	color: #41060E;
	text-decoration: none;
	border-top: 3px solid #FFF;
}
.topNavBar a:hover,
.topNavBar a:active,
.topNavBar a:focus,
.topNavBar a:link.active,
.topNavBar a:visited.active,
.topNavBar a:hover.active,
.topNavBar a:active.active,
.topNavBar a:focus.active
{
	color: #41060E;
	text-decoration: none;
	border-top: 3px solid #41060E;
}
#content
{
	width: 800px;
	height: 410px;
	background: #F8F2D0 url(/images/contentbg.png) repeat right top;
	position: absolute;
	top: 165px;
	left: 0px;
}
body#services #content
{
	background: #FFF;
}
body#philosophy #content
{
	background: #41060E;
}
body#about #content
{
	background: #C2BAA0;
}
body#gallery #content
{
	background: #361C0D;
}
body#before_and_after #content
{
	background: #41060E;
}
body#press #content,
body#press #container
{
	background: transparent;
}
body#contact #content
{
	background: #FFF;
	height: 435px;
}
.subnav
{
	background: #C2BAA0;
	height: 25px;
	text-transform: uppercase;
	font-size: 7pt;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 25px;
}
.subnav a
{
	letter-spacing: 1px;
	margin: 0px 9px;
	padding: 3px 3px 1px;
}
.subnav a:link,
.subnav a:visited
{
	color: #41060E;
	text-decoration: none;
	border: 1px solid #C2BAA0;
}
.subnav a:hover,
.subnav a:active,
.subnav a:focus,
.subnav a.active:link,
.subnav a.active:visited
{
	color: #41060E;
	text-decoration: none;
	border: 1px solid #FFF;
}
.copyImage
{
	position:absolute;
	bottom:0px;
	left:0px;
	width: 400px;
	height: 410px;
}
.copy
{
	position:absolute;
	bottom:0px;
	right:0px;
	width: 400px;
	height: 410px;
	overflow: hidden;
	background-color: #FFF;
}
body#services .copyImage,
body#services .copy
{
	height: 385px;
}
.copy p
{
	margin: 15px;
	font-family: Times, "Times New Roman", serif;
	font-size: 9pt;
	line-height: 1.8em;
	text-align: center;
	color: #361C0D;
}
body#services .copy p
{
	margin: 15px 30px;
}
body#gallery .frame
{
	position: absolute;
	border: 1px solid #C2BAA0;
	height: 335px;
	width: 718px;
	top: 60px;
	left: 38px;
}
body#gallery .frameHead
{
	position: absolute;
	border: 1px solid #C2BAA0;
	background: #C2BAA0;
	width: 718px;
	height: 45px;
	top: 13px;
	left: 38px;
	overflow: hidden;
	clip: auto;
}
#galleryPhotoFrame
{
	border: 1px solid #C2BAA0;
	height: 300px;
	width: 400px;
	position: absolute;
	top: 16px;
	left: 15px;
}
#galleryPhotoFrame img
{
	position: absolute;
	top: 0px;
	left: 0px;
}
#galleryPhotoFrame img.first
{
	visibility: visible;
}
#galleryThumbs
{
	height: 300px;
	width: 200px;
	position: absolute;
	top: 16px;
	right: 45px;
}
.galleryThumbnail
{
	height: 40px;
	width: 40px;
	margin: 3px;
	border: 1px solid #C2BAA0;
	display: inline;
	float: left;
}
.galleryNav
{
	position: absolute;
	bottom: 0px;
	left: 15px;
	height: 15px;
	width: 400px;
}
#beforeAfterThumbs
{
	height: 48px;
	width: 290px;
	position: absolute;
	bottom: 16px;
	left: 215px;
}
.beforeAfterThumbnail
{
	height: 40px;
	width: 40px;
	margin: 3px;
	border: 1px solid #C2BAA0;
	display: inline;
	float: left;
}

body#before_and_after .frame
{
	position: absolute;
	border: 1px solid #EBEBB9;
	height: 335px;
	width: 718px;
	top: 60px;
	left: 38px;
}
body#before_and_after .frameHead
{
	position: absolute;
	border: 1px solid #EBEBB9;
	background: #EBEBB9;
	width: 718px;
	height: 45px;
	top: 13px;
	left: 38px;
	overflow: hidden;
	clip: auto;
}
#beforeAfterPhotoFrame
{
	border: 1px solid #C2BAA0;
	height: 245px;
	width: 686px;
	position: absolute;
	top: 16px;
	left: 15px;
}
#beforeAfterPhotoFrame h2
{
	background-color: #C2BAA0;
	width: 98px;
	height: 245px;
	display: inline;
	float: left;
	font-size: 9pt;
}
#beforeAfterPhotoFrame img
{
	display: inline;
	float: left;
	top: 0px;
	left: 0px;
}
#beforeAfterPhotoFrame img.first
{
	visibility: visible;
}

.virtualTourLink
{
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 235px;
	text-align: center;
}
a.virtualTourLink:link,
a.virtualTourLink:visited
{
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 8pt;
	font-weight: bold;
	height: 15px;
	line-height: 15px;
}
body#gallery .virtualTourLink,
body#press .virtualTourLink
{
	border-top: 1px solid #C2BAA0;
	border-left: 1px solid #C2BAA0;
	color: #361C0D;
}
body#gallery a.virtualTourLink:link,
body#gallery a.virtualTourLink:visited,
body#press a.virtualTourLink:link,
body#press a.virtualTourLink:visited
{
	background: #C2BAA0;
}
body#gallery a.virtualTourLink:hover,
body#gallery a.virtualTourLink:active,
body#gallery a.virtualTourLink:focus,
body#press a.virtualTourLink:hover,
body#press a.virtualTourLink:active,
body#press a.virtualTourLink:focus
{
	background: #361C0D;
	color: #C2BAA0;
}
body#before_and_after .virtualTourLink
{
	border-top: 1px solid #EBEBB9;
	border-left: 1px solid #EBEBB9;
	color: #41060E;
}
body#before_and_after a.virtualTourLink:link,
body#before_and_after a.virtualTourLink:visited
{
	background: #EBEBB9;
}
body#before_and_after a.virtualTourLink:hover,
body#before_and_after a.virtualTourLink:active,
body#before_and_after a.virtualTourLink:focus
{
	background: #41060E;
	color: #EBEBB9;
}

.pressDetail
{
	position:absolute;
	bottom:0px;
	left:0px;
	width: 400px;
	height: 410px;
	background-color: #C2BAA0;
}
.pressList
{
	position:absolute;
	bottom:0px;
	right:0px;
	width: 400px;
	height: 390px;
	overflow: hidden;
	color: #C2BAA0;
}
.pressItemList
{
	height: 358px;
	overflow: scroll;
}
.pressItem
{
	margin: 15px;
	margin-left: 45px;
	margin-bottom: 30px;
	clear: both;
}
.pressItem img
{
	margin-left: 15px;
}
.pressDesc
{
	width: 250px;
	padding-left: 45px;
	background: url(/images/d-icon.png) no-repeat left top;
	margin: 15px;
}
.pressDesc a
{
	color: #C2BAA0;
	text-transform: lowercase;
	text-decoration: underline;
}
.pressItem h3
{
	font-weight: bold;
	text-transform: uppercase;
}
.pressItem p
{
	font-size: 80%;
	text-transform: uppercase;
	margin-top: 1em;
}


#bottomNav
{
	width: 800px;
	height: 25px;
	background-color: #C2BAA0;
	position: absolute;
	bottom: 0px;
	left: 0px;
}
