/* GLOBAL RESET AND COMMON STYLES
-------------------------------------------------------------------------------*/
* {margin: 0;padding: 0;}

body {background: #706851 url(../images/tile-swirl-bg.gif) repeat fixed;padding: 25px 0;}
body,input {color: #333;font-family: "helvetica", "tahoma", san-serif;font-size: 10pt;}

p {line-height: 150%;margin: 10px 0;text-align: left;}

a:link,a:visited,a:hover,a:active {color: #55461a;font-weight: bold;text-decoration: none;}
a:hover {text-decoration: underline;}

h1,h2,h3,h4 {background-image: url(../images/icon-ep.gif);background-position: right;background-repeat: no-repeat;display: inline;padding-right: 24px;}
h1 {font-size: 1.8em;}
h2 {font-size: 1.4em;} 
h3 {font-size: 1.2em;}
	h3 span {font-weight: normal;}
h4 {font-size: .8em;}

#home #body-content img {border: 4px solid #b3af91;margin: 0 5px 5px 0;}
#shift {margin: 15px 0 10px 40px;}

#work #body-content img {border: 2px solid #c7c7c7;}

.sm {font-size: 11px;}

/* WRAPPER, HEADER, & NAVIGATION
-------------------------------------------------------------------------------*/

#site-wrapper {background: #fff;border: 12px solid #fff;margin: 0 auto;position: relative;width: 760px;z-index: 2;}

#header {background: #222 url(../images/banner-swirl-bg.gif) repeat-x;height: 95px;margin-bottom: 2px;position: relative;width: 100%;}
	#header p {color: #CFCFCF;float: right;font-size: .8em;font-weight: bold;letter-spacing: 2px;margin: 70px 20px 0 0;}
	*html #header p {margin: 70px 10px 0 0;}

#header-content {bottom: 0;padding: 0 20px 0 20px;position: absolute;}
	#header-content img {border: none;}
	#header-content h1 {color: #fff;font-size: 2.5em;font-weight: normal;}
	#header-content h1 sup {color: #777;}
	#header-content h2 {color: #aaa;font-size: 1.0em;font-weight: normal;}

#header-pic {background: #fff url(../images/main-pic.jpg) no-repeat top left;height: 110px;margin-bottom: 2px;position: relative;}

#nav {background: #757575 url(../images/nav-bg.gif) repeat-x top left;height: 36px;margin-bottom: 2px;padding: 0 16px;position: relative;}
	#nav ul {position: absolute;top: 8px;}
		#nav ul li {display: inline;position: relative;}
			#nav ul li a {color: #fff;padding: 8px 20px 12px 20px;text-decoration: none;}
			#nav ul li a:hover {text-decoration: underline;}
			#nav ul li a.active {background: #333 url(../images/nav-active-bg.gif) repeat-x top left;}

#nav-bottom {background: #fff url(../images/shadow.gif) repeat-x;height: 14px;margin-bottom: 24px;}


/* MAIN BODY AND SIDE CONTENT
-------------------------------------------------------------------------------*/
#content {padding: 0 15px;}

	#body-container {float: left;margin-right: -250px;width: 100%;}
		#body-content {margin: 0 300px 0 0;}
			#body-content a {font-size: 12px;font-weight: bold;font-variant: small-caps;}

	#side-content {float: right;margin-top: 24px;width: 250px;}

.xtra {margin: 0 0 60px 0;}
.clear {clear: both;}

.line-01 {background: #fff url(../images/shadow.gif) repeat-x;clear: both;height: 14px;margin: 32px 0 24px 0;position: relative;}
.line-02 {border-bottom: 1px solid #EDEDED;height: 1px;margin: 32px 0;position: relative;}

.box {background: #F8FAF0 url(../images/box-bg.gif) repeat-x;left: 0;margin-bottom: 10px;padding: 20px;position: relative;top: -20px;}
.box-outline {background: #fff;border: 1px solid #EDEDED;left: 0;margin-bottom: 10px;padding: 20px;position: relative;top: -20px;}

ul.side-links {list-style: none;margin: 10px 0 5px 0;}
ul.side-links li {line-height: 175%;}

#retired {background: #fff url(../images/icon-retired.gif) no-repeat top left;height: 52px;padding: 18px 0 0 55px;width: 380px;}

/* CONTACT
-------------------------------------------------------------------------------*/

#mytable {
	width: 400px;
	padding: 0;
	margin: 0 0 40px 0;
	}

caption {
	width: 400px;
	padding: 0 0 5px 0;
	font: italic 10px Verdana, san-serif;
	text-align: right;
	}

th {
	padding: 6px 6px 6px 12px;
	border-top: 1px solid #d1dac1;
	border-right: 1px solid #d1dac1;
	border-bottom: 1px solid #d1dac1;
	font: bold 11px Verdana, san-serif;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	background: #e7e7e7;
	color: #505050;
	}

th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #d1dac1;
	background: none;
	}

td {
	padding: 6px 6px 6px 12px;
	border-right: 1px solid #d1dac1;
	border-bottom: 1px solid #d1dac1;
	background: #fff;
	color: #505050;
	}


td.alt {background: #eceedc;color: #666666;}

th.color01 {
	border-top: 0;
	border-left: 1px solid #d1dac1;
	background: #fff;
	font: bold 10px Verdana, san-serif;
	}

th.color02 {
	font: bold 10px Verdana, san-serif;
	border-top: 0;
	border-left: 1px solid #d1dac1;
	background: #eceedc;
	color: #666666;
	}


/* FOOTER, COPYRIGHT, ETC...
-------------------------------------------------------------------------------*/
#footer {background: #fff url(../images/shadow.gif) repeat-x 0 20px;clear: both;font-size: 0.8em;height: 20px;padding-top: 55px;position: relative;}
*html #footer {margin: 0 0 0 20px;width: 760px;}
	#footer .left {bottom: 18px;left: 5px;position: absolute;}
	#footer .right {bottom: 18px;position: absolute;right: 5px;}
