/* COLORS:
 * border				: #f8f9f9
 * text  				: #525f3a
 * footer text	: #979e88
*/

:focus {outline:0}

body, p, ul, h3 {margin:0; padding:0; font-size:100%;}
body {color:#525f3a; font-family:Arial, Verdana, sans-serif; font-size:10.84pt;}

a {color:#525f3a !important; text-decoration:none;}
a:visited {color:#525f3a !important;}
a:hover {color:#d0885f !important;}

#vert-center {height:100%; width:100%; position:fixed;}
#vert-center td {vertical-align:middle; text-align:center;}
#frame {border:10px solid #f8f9f9; width:710px; height:511px; position:relative; margin:auto; text-align:left;}
#logo {margin:26px auto 0 auto; display:block; padding-left:14px;}

#nav {list-style:none; text-align:center; margin:19px 0 31px 0;}
#nav li {display:inline;}
	#nav .sep {margin:0 7px;}
	body#Home #nav a#Home,
	body#Services #nav a#Services,
	body#Portfolio #nav a#Portfolio,
	body#Bio #nav a#Bio,
	body#Testimonials #nav a#Testimonials
		{color:#2c3e10 !important;}

#content-area {margin:0 auto; width:578px; height:260px;}
#content-img {float:left; margin-right:17px; margin-top:3px;}
#content {height:260px; line-height:1em;}
	h3 {color:#9c5a35;}
		p + h3 {margin:1em 0 .5em 0;}
	#toc {color:#9c5a35; list-style:disc outside; padding-left:1.25em; margin:1em 0;}
		#toc a:hover {color:#732e07;}
	.attribution {display:block; text-align:right; margin-top:1em;}
	a img {border:none;}
	
#footer {position:absolute; bottom:5px; color:#979e88; font-size:10.1pt; text-align:center; width:100%;}
.opera #footer {position:	absolute; top:486px;}

/* SCROLL PANE */
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background:transparent url(../_images/track_bg.gif) repeat-y;
	width:5px !important;
}
.jScrollPaneDrag {
	position: absolute;
	cursor: pointer;
	overflow: visible;
	background:transparent url(../_images/slider.gif) no-repeat;
	width:5px !important;
	height:47px !important;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}



/* CAROUSEL */
	/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
    width:481px; /* IE SEEMS TO NEED THIS SET EXPLICITLY */
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 481px;
    height: 312px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

.jcarousel-next, .jcarousel-prev {position:absolute; top:44px; cursor:pointer; font-size:75% !important;}
.jcarousel-next {right:-53px;}
.jcarousel-prev {left:-53px;}
.jcarousel-next:hover, .jcarousel-prev:hover {color:#d0885f;}