@charset "UTF-8";
/* CSS Document */

/*****Zero out margins and padding*****/

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, th, td, input, textarea, select { margin: 0; padding: 0; }


/******BASIC TAG DEFINITIONS********/

body {font: 12px Verdana, Verdana, Arial, Helvetica, sans-serif; color: #000; line-height: 18px; background: url(../images/background.jpg); /*margin: 0px 40px;*/ background-attachment: fixed;}


h1 {font: 20px Palatino, Georgia, "Times New Roman", Times, serif; color: #4F443D; font-weight: normal; margin-bottom: 10px;}
h2 {font: 16px Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #760c0E; line-height: 17px; margin-bottom: 10px; text-shadow: 0px 1px 1px #9f946c;}
h3 {font: 14px Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #2A4A5D;}
h4 {font: 12px Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #4F443D;}


p {margin-bottom: 10px;}

img {border:0;}

a:link {color: #760c0e; text-decoration: underline;}

a:visited {color: #760c0E; text-decoration: underline;}

a:hover {color: #A67A5D; text-decoration: underline;}


#content ul, ol, blockquote {margin: 0 0 10px 24px;}



/******LAYOUT*****************/

#wrapper {width: 1010px; margin: 0 auto;}

#col1 {width: 265px; float:left; position:fixed; margin-top: 80px; margin-left: 30px;}
#col1 p {margin-top: 20px;}

#col2 {width: 640px; float:right; padding-bottom: 175px; margin-right: 40px;}

#nav {list-style: none; margin-bottom: 15px; margin-top: 32px; height: 35px;}
#nav li {float: left; margin-right: 6px;}

#footerWrapper {
	background: #750c0c url(../images/footer-back.jpg) no-repeat center top;
	position: fixed; 
	right: 0px;
	bottom: 0px; 
	width: 100%; 
	height: 162px;
	}

#footer {width: 940px; margin: 0 auto;}
	
#contact {margin-top: 35px; float: left; width: 300px;}
#social {margin-top: 30px; float: left; width: 300px;}	


/******MENU****************/


ul#nav li#nav1 {width: 54px;}
ul#nav li#nav2 {width: 54px;}
ul#nav li#nav3 {width: 108px;}
ul#nav li#nav4 {width: 44px;}

ul#nav li a  {
	display: block; 
	height: 35px; 
	color: #000;
	overflow:hidden;
	position:relative;
	
}

ul#nav li a span {
	cursor: pointer; 
	display: block; 
	height: 35px; 
	position: absolute; 
	left: 0; 
	top: 0;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomleft: 3px;
	-webkit-border-radius-topright: 3px;
	-webkit-border-radius-bottomleft: 3px;
}


ul#nav li#nav1 a span { width: 54px; background: url(../images/nav.png) no-repeat 0px 0px; }
ul#nav li#nav2 a span { width: 54px; background: url(../images/nav.png) no-repeat -54px 0px; }
ul#nav li#nav3 a span { width: 108px; background: url(../images/nav.png) no-repeat -108px 0px; }
ul#nav li#nav4 a span { width: 216px; background: url(../images/nav.png) no-repeat -216px 0px; }

ul#nav li#nav1 a:hover span, ul#nav li#nav1 a.selected span { background: url(../images/nav.png) no-repeat 0 -35px; }
ul#nav li#nav2 a:hover span, ul#nav li#nav2 a.selected span { background: url(../images/nav.png) no-repeat -54px -35px; }
ul#nav li#nav3 a:hover span, ul#nav li#nav3 a.selected span { background: url(../images/nav.png) no-repeat -108px -35px; }
ul#nav li#nav4 a:hover span, ul#nav li#nav4 a.selected span { background: url(../images/nav.png) no-repeat -216px -35px; }

ul#nav li#nav1.active a span { background: url(../images/nav.png) no-repeat 0px -70px; }
ul#nav li#nav2.active a span { background: url(../images/nav.png) no-repeat -54px -70px; }
ul#nav li#nav3.active a span { background: url(../images/nav.png) no-repeat -108px -70px; }
ul#nav li#nav4.active a span { background: url(../images/nav.png) no-repeat -216px -70px; }



/*****Custom Classes********************/

.clearing {clear:both;}

img.phone {margin-bottom: 10px;}
img.email {margin-bottom: 30px;}

.copyright {color: #A67A5D; font-size: 11px; margin-top: 17px;}

img.twitter {margin-bottom: 13px;}

.art {
	clear: both; 
	background: url(../images/white-trans-back.png); 
	margin-bottom: 15px; 
	padding: 10px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-radius-topleft: 5px;
	-webkit-border-radius-bottomright: 5px;
	}

.art img {
	float: left; 
	margin-right: 10px; 
	border: 4px solid #fff;
	}

.art p {line-height: 15px; margin-bottom: 6px;}


.bio {clear: both; background: url(../images/white-trans-back.png); margin-bottom: 15px; padding: 10px;}
.bio img {border: 4px solid #fff; margin-bottom: 10px;}


.bio p {line-height: 17px; padding: 10px 20px 0 20px;}