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

body,td,th {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;}
	
body {background-color: #799453;
	margin-left: 0px;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 0px;}
	
p {margin:0 0 15px 0; line-height:19px;}
.comment {color:#F00;}

a {font-size: 14px;color: #000;}
a:link {text-decoration: underline;}
a:visited {text-decoration: underline;color: #000;}
a:hover {text-decoration: none;color: #000;}
a:active {text-decoration: underline;color: #000;}

h1 {font-size: 21px;color: #000; text-transform:uppercase; 
	margin:0 0 15px 0; border-bottom:#FFF 2px solid;}
h2 {font-size: 16px;color: #799453; margin:0 0 15px 0; font-weight:normal; }
h3 {font-size: 16px;color: #dd8c36; margin:0 0 15px 0; }

#headContainer {height: 136px; background:url(../images/head_back.jpg) top center repeat-x;}
#headContent {width:980px;}

#bodyContainer {background:url(../images/back_pattern.gif) top center repeat-x; 
	background-color:#FFF;}
#largeFlashBack {background:url(../images/large_flash_back.jpg) top center no-repeat;
	height:408px; width:980px;}
#flashArea {width:930px; height:300px; padding:30px 0 0 0;}

#bodyBack {width:980px; min-height:385px; background:url(../images/body_back.gif) top left repeat-y;}
#bodyContent {width:680px; float:left; margin:20px 0 0 60px;}

#galleryContainer {width:795px; float:left; padding:0 0 0 0;}
#galleryArea {width:795px; height:581px; background:url(../images/gallery_back.jpg) top left no-repeat;}

#plainTopArea {width:795px; height:30px; background:url(../images/plainTop.gif) top left no-repeat; position:relative;}

#galleryContent {width:680px; min-height:192px; float:left; padding:0 0 0 60px;}
#plainContent {width:680px; min-height:743px; float:left; padding:20px 0 0 60px;}

#flashArea2 {width:770px; height:500px; padding:30px 0 0 24px;}
	
#footerContainer {background: url(../images/footer_back.gif) top center repeat-x;
	height:100px}
#footerContent {width:950px; background:url(../images/footer_center_back.gif) top right no-repeat;
	padding:45px 30px 0 0; font-size:11px; color:#bcc9a9;}
	
#footerContent a, #footerContent a:link {font-size:11px; color:#bcc9a9; text-decoration:none;}
#footerContent a:active {color:#bcc9a9; text-decoration:none;}
#footerContent a:visited {color:#bcc9a9; text-decoration:none;}
#footerContent a:hover {color:#bcc9a9; text-decoration:underline;}
	
.clear1 {clear:both; height:5px;}

#contactButton {display:block; margin:0; padding:0; float:right; width:88px; height:20px;}
#contactButton a, #contactButton a:link {height:20px; width:88px; background:url(../images/contact_button.gif) top left no-repeat; display:block;}
#contactButton a:visited, #contactButton a:active {height:20px; width:88px; background:url(../images/contact_button.gif) 0 0 no-repeat;}
#contactButton a:hover {height:20px; width:88px; background:url(../images/contact_button.gif) 0 -21px no-repeat;}
#contactButton span {display:none;}
	
/****** LEFT NAVIGATION ******/
#leftNavContainer {width:170px; padding:0 0 0 30px; float:left; display: block;}
#leftNavContainer2 {width:170px; padding:25px 0 0 15px; float:left; display: block;}
#leftNav { width: 170px; margin:0; padding:0;}
#leftNav li { float:left; list-style: none; position:relative; display:block; margin:0; padding:0;}

a.leftNav, a.leftNav:link { height:20px; width:170px; display:block; margin:15px 0 5px 0; padding:10px 0 0 0;
	font-size: 15px;color: #799453; text-transform:uppercase;
	text-decoration:none; border-bottom:#afbf98 2px solid; }
a.leftNav:visited { font-size: 15px;color: #799453; text-transform:uppercase;
	text-decoration:none; border-bottom:#afbf98 2px solid;}
a.leftNav:hover { font-size: 15px;color: #799453; text-transform:uppercase;
	text-decoration:none; border-bottom:#afbf98 2px solid;}
a.leftNav:active {font-size: 15px;color: #799453; text-transform:uppercase;
	text-decoration:none; border-bottom:#afbf98 2px solid;}

a.subleftNav, a.subleftNav:link { width:165px; display:block; margin:0 0 0 0; padding:5px 0 5px 5px;
	font-size: 12px;color: #646564; text-transform:uppercase; background-color:;
	text-decoration:none; border-bottom:#fbcd62 0px solid; }
a.subleftNav:visited {font-size: 12px;color: #646564; text-transform:uppercase; background-color:;
	text-decoration:none; border-bottom:#fbcd62 0px solid;}
a.subleftNav:hover { font-size: 12px;color: #646564; text-transform:uppercase;
	text-decoration:none; border-bottom:#fbcd62 0px solid;background-color:#ececec;}
a.subleftNav:active {font-size: 12px;color: #646564; text-transform:uppercase;
	text-decoration:none; border-bottom:#fbcd62 0px solid;background-color:#ececec;}

/****** MAIN NAVIGATION ******/
.navContainer {width:650px; height:30px; margin:35px 0 0 0; float:right; display: inline;}

#nav { width:650px; height:30px; margin:0; padding:0;}    

#nav li span { display: none; }  
  
#nav li { float:left; list-style:none; position:relative; }
   
#nav li, #nav a {  
height:30px;    /* Each button must have the same height, define it here */  
display:block;  
margin:0;  
padding:0;  
}
   
li#home { background:url(../images/top_nav.gif) 0  0 no-repeat; margin-left:0; width:80px; }
li#portfolio { background:url(../images/top_nav.gif) -80px  0 no-repeat; margin-left:0px; width:104px; }
li#stories { background:url(../images/top_nav.gif) -184px  0 no-repeat; margin-left:0px; width:143px; }
li#closeup { background:url(../images/top_nav.gif) -327px  0 no-repeat; margin-left:0px; width:105px; }
li#contact { background:url(../images/top_nav.gif) -432px  0 no-repeat; margin-left:0px; width:97px; }
li#smugmug { background:url(../images/top_nav.gif) -520px  0 no-repeat; margin-left:0px; width:105px; }

#home a:hover, #home a.selected { background:url(../images/top_nav.gif) 0  -30px no-repeat; }
#portfolio a:hover, #portfolio a.selected { background:url(../images/top_nav.gif) -80px  -30px no-repeat; }
#stories a:hover, #stories a.selected { background:url(../images/top_nav.gif) -184px  -30px no-repeat; }
#closeup a:hover, #closeup a.selected { background:url(../images/top_nav.gif) -327px  -30px no-repeat; }
#contact a:hover, #contact a.selected { background:url(../images/top_nav.gif) -432px  -30px no-repeat; }
#smugmug a:hover, #contact a.selected { background:url(../images/top_nav.gif) -520px  -30px no-repeat; }

/***** body id's *****/
#normal {}
body#homeid li#home a { background:url(../images/top_nav.gif) 0  -30px no-repeat;}
body#portfolioid li#portfolio a { background:url(../images/top_nav.gif) -80px  -30px no-repeat;}
body#storiesid li#stories a { background:url(../images/top_nav.gif) -184px  -30px no-repeat; }
body#closeupid li#closeup a { background:url(../images/top_nav.gif) -327px  -30px no-repeat; }
body#contactid li#contact a { background:url(../images/top_nav.gif) -432px  -30px no-repeat; }
body#smugmugid li#smugmug a { background:url(../images/top_nav.gif) -520px  -30px no-repeat; }