/* HTML Element Styles */
html, body { height:98%; overflow:hidden; }
body { background:#000; padding:0; margin:0; color:#fff; padding-top:10px; 
	   font-family: "palatino linotype",palatino,serif; font-size: 12px; letter-spacing: 1.2pt; }
h1 { font-size: 18px; font-weight: bold; }
h2, h3 { font-size:14px; font-weight:normal; }
h3 a { font-size: 12px; }
h2 { font-size:16px; letter-spacing:1.2pt; }
blockquote { margin:0; padding:0; }
li { padding-top: 4px; padding-bottom: 4px; }

/* Layout Styles */
.js #content { display:none; }

#wrap { position:relative; margin:0 auto; margin-top:10px; }
#wrap, #background, .background { width:857px; height:549px; }
#background, .background { background: no-repeat top left; 
			  position:absolute; top:0; left:0; z-index:-1; }
#logo { position:absolute; bottom:43px; left:52px; 
		background:url(img/logo-coram-deo.png) no-repeat top left; }
#logo, #logo a { width:207px; height:80px; }
#logo a { display:block; text-indent:-9999px; overflow:hidden; }
#content { position:absolute; top:100px; width:435px; left:279px; padding:22px 20px 30px 35px;
		   background:url(img/content-bg-blackfade-darkened.png) repeat-y top right; }
#content .scroll { height:280px; }
#content a { color: #fff; text-decoration: underline; }
#content a:hover { text-decoration: none; }
#footer-nav { position:absolute; bottom:20px; right:0; }
#footer-nav ul { float:right; list-style:none; width:100%; display:block; }
#footer-nav li { float:left; text-align: right; }
#footer-nav a { font-size:11px; }

#footer { position:absolute; bottom:0px; right:0; padding-right: 5px; color:#5e594f; text-align:right; font-size:10px; white-space: nowrap; }
#footer a { color:#948567; text-decoration:none; text-transform:uppercase; letter-spacing:-0.1px; }
#footer a:hover { text-decoration:underline; }

/* Navigation */
#nav { width:129px; float:left; margin-left:88px; margin-top:-5px;
	   font-family: "times new roman",times,serif; font-size: 15px; letter-spacing: -0.4pt; font-weight:normal; }
#nav-top { background:url(img/nav-top.png) no-repeat; height:42px; }
#nav-bottom { background:url(img/nav-bottom.png) no-repeat; height:14px; clear:both; }
#nav-content { background:url(img/nav-bg.png) repeat-y; float:left; padding-bottom:15px; }
#nav ul { list-style:none; margin:0; padding:0; }
#nav li { text-align:center; }
#nav a { text-decoration:none; display:block; margin:0 14px; }
#nav a:hover { color:#eee !important; }
#nav li.primary { margin-bottom:5px; }
#nav span.primary a { color:#f1dec0; background:url(img/icon-flurish.png) no-repeat 48% 5px; padding:25px 0 10px 0; }
#nav li.secondary a { color:#ad9b81; font-size:12px; padding:3px 0 8px; }
#nav li a.active { color:#fff; }

/* Submenu/Nav Definitions */

	/* Accounting Subnav CSS */
	#nav-accounting ul { display:none; }
	#nav-accounting.over { background:url(img/nav-over.png) no-repeat; }
	#nav-accounting.up { background-image:none!important; }
	#accounting #nav-accounting { background:url(img/nav-over.png) no-repeat; }
	#accounting #nav-accounting ul { display:block; }
	#litigation #nav-accounting { background:url(img/nav-over.png) no-repeat; }
	#litigation #nav-accounting ul { display:block; }
	#economic #nav-accounting { background:url(img/nav-over.png) no-repeat; }
	#economic #nav-accounting ul { display:block; }
	#fraud #nav-accounting { background:url(img/nav-over.png) no-repeat; }
	#fraud #nav-accounting ul { display:block; }
	#audit #nav-accounting { background:url(img/nav-over.png) no-repeat; }
	#audit #nav-accounting ul { display:block; }

	/* Main Images */
	#accounting #background, #accounting-background
		{ background-image:url(img/main-bg-flyfishing.jpg); }
	#audit #background, #audit-background
		{ background-image:url(img/main-bg-forrest.jpg); }
	#pastcases #background, #pastcases-background
		{ background-image:url(img/main-bg-mountains.jpg); }
	#contact #background, #contact-background
		{ background-image:url(img/main-bg-oceanoverlook.jpg); }
	#economic #background, #economic-background
		{ background-image:url(img/main-bg-forrest2.jpg); }
	#experience #background, #experience-background,
	#affiliations #background, #affiliations-background
		{ background-image:url(img/main-bg-forrest2.jpg); }
	#fraud #background, #fraud-background
		{ background-image:url(img/main-bg-mountains.jpg); }
	#home #background, #home-background
		{ background-image:url(img/main-bg-trees.jpg); }
	#litigation #background, #litigation-background
		{ background-image:url(img/main-bg-bridge.jpg); }
	#mergers #background, #mergers-background
		{ background-image:url(img/main-bg-oceanoverlook.jpg); }
	#people #background, #people-background,
	#roberts #background, #roberts-background,
	#hadfield #background, #hadfield-background,
	#hoff #background, #hoff-background,
	#shives #background, #shives-background
		{ background-image:url(img/main-bg-bridge.jpg); }
	#privacy #background, #privacy-background
		{ background-image:url(img/main-bg-bridge.jpg); }
	#services #background, #services-background
		{ background-image:url(img/main-bg-water.jpg); }
	#valuation #background, #valuation-background
		{ background-image:url(img/main-bg-water.jpg); }
	#newsletter-articles #background, #newsletter-articles-background
		{ background-image:url(img/main-bg-forrest.jpg); }
/* Page Specific */
#home h1 { display:block; 
		   font-size: 18px; letter-spacing:1.2pt; }

/* General Styles */
#content p { color:#cdbc9a; width:360px; line-height:150%; padding: 0; margin: 0 0 1em 0; }
#content blockquote p { font-style:italic; font-size:12px; color:#ddd; }

/* jScrollPane plugin */
.jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; outline:none; }
.jScrollPaneTrack { position:absolute; cursor:pointer; right:0; top:0; height:100%; 
					background:url(img/scroll-bar.png) repeat-y 9px 10px; }
.jScrollPaneDrag { position:absolute; cursor:pointer; overflow:hidden;
				   height:13px; width:13px; background:url(img/scroll-handle.png) no-repeat 5px 8px; }
.jScrollPaneDragTop { position:absolute; top:0; left:0; overflow:hidden; }
.jScrollPaneDragBottom { position:absolute; bottom:0; left:0; overflow:hidden; }
a.jScrollArrowUp { display:block; position:absolute; z-index:1; top:0; right:0; text-indent:-2000px; overflow:hidden; 
				   height:20px; width:22px; background:url(img/scroll-top.png); }
a.jScrollArrowUp:hover { }
a.jScrollArrowDown { display:block; position:absolute; z-index:1; bottom:0; right:0; text-indent:-2000px; overflow:hidden; 
					 height:20px; width:22px; background:url(img/scroll-bottom.png); }
a.jScrollArrowDown:hover { }
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { }
