
/*****************************************************************
* GLOBAL STYLES
*****************************************************************/

body { 
margin: 0px;
padding: 0px;
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
color: #38372c;
line-height: 150%;
background-image: url(../images/main/pagebk.jpg);

}

/*****************************************************************
* PAGE LAYOUT
*****************************************************************/
#pagewrap {
width: 960px;
margin:auto;
background-image:url(../images/main/midbk.gif);}

#top {
width: 960px;
height: 48px;
clear:both;
}
#left {
width: 210px;
border-right: solid 1px #664d05;
float:left;
height: 100%;

}
#right {
width: 704px;
float: right;}

#picframe {
width:618px;
height: 470px;
background-image:url(../images/main/picframe.jpg);
background-repeat:no-repeat;
padding: 11px 0 0 13px;
margin-top:15px;}

#homecontent {
width: 624px;
padding: 10px 0 0 6px;}

#content {
width: 680px;
padding: 20px 0 0 7px;
}

#title {
width: 704px;
height: 152px;
text-align: left;
}

#sectionpic {
width: 250px;
padding: 8px;
margin: 0 0 15px 15px;
background-color: #F2F1E9;
float:right;}

#apic1 {
float:left;}

#apic2 {
margin: 0 0 15px 15px;
float:right;}

#keywords{
width: 900px;
padding: 10px 0 10px 0;
line-height: 135%;
font-size:10px;
color: #7c7961;
text-align:center;
margin:auto;}

#divide{
width: 100%;
margin-top: 15px;
margin-bottom: 15px;
border-top: dotted 1px #664d05;
padding-top: 5px;
text-align: right;
margin-right: 10px;}



/*****************************************************************
* LEVEL 2 (#content) TEXT  And GLOBAL TEXT
*****************************************************************/
p, ul li, ol li {
		 font-family: Arial, Helvetica, sans-serif; 
		 font-size: 12px; 
		 color: #38372c;
		 line-height: 150%;
}
h1 {
		 font-family: Arial, Helvetica, sans-serif; 
		 font-size: 15px; 
		 color: #4e3b05;
		 padding: 0px;
		 margin: 0;
}
h2 {
		 font-family: Arial, Helvetica, sans-serif; 
		 font-size: 13px; 
		 color: #4e3b05;
		 padding: 0px;
		 line-height: 160%;
		 text-decoration:none;
		
}
h3 {
		 font-family: Arial, Helvetica, sans-serif; 
		 font-size: 14px; 
		 color: #4e3b05;
		 padding: 0px;
		 
}
.link{
 font-family: Arial, Helvetica, sans-serif; 
		 font-size: 15px; 
		 color: #841f33;
		 padding: 0px;
		 line-height: 165%;
		 text-decoration:none;}

#content p { 		 
		 padding: 0px;
		 line-height: 140%;
		 
}
a {
		 color: #8b7537;
		 text-decoration: underline;
}
a:hover {
		 color: #4e3b05;
		 text-decoration: underline;
}
a:visited {
		 color: #8b7537;
		 text-decoration: underline;
}
a:visited:hover {
		 color: #4e3b05;
		 text-decoration: underline;
}
.link a{
		 color: #8b7537;
		 text-decoration: none;
		 border-bottom: dotted 1px #7c7961;
}
.link a:hover{
		 color: #4e3b05;
		 text-decoration: none;
}
.link a:visited{
		 color: #8b7537;
		 text-decoration: none;
}
.link a:visited:hover{
		 color: #4e3b05;
		 text-decoration: none;
}
.faqs a{
		 color: #8b7537;
		 text-decoration: none;
		 border-bottom: dotted 1px #7c7961;
		 font-size:14px;
		 line-height: 160%;
		 
}
.faqs a:hover{
		 color: #4e3b05;
		 text-decoration: none;
}
.faqs a:visited{
		 color: #8b7537;
		 text-decoration: none;
}
.faqs a:visited:hover{
		 color: #4e3b05;
		 text-decoration: none;
}
.smalltext {
font-size:10px;
line-height: 130%;}

/*****************************************************************
* Portfolio Landing Page
*****************************************************************/

#portfolio_landing {
	background-image:url(../images/main/portfolio_landing.jpg);
	background-repeat: no-repeat;
	width: 680px;
	height: 364px;}

#portfolio_landing ul{
	list-style: none;
	margin: 0;
	padding: 0;}

#portfolio_landing li {
  float: left;
  text-indent: -9999px;
  margin: 0;
  padding: 0;
}

#portfolio_landing li a{
  margin: 0;
  padding: 0;
  display: block;
  height: 364px;
background-image:url(../images/main/portfolio_landing.jpg);
  text-indent: -9999px;
  overflow: hidden;
}

li#tab1 a, li#tab1  a:visited{
  left: 0;
  width: 167px;
  height: 329px;
  margin-right: 5px;
  background-position: 0 0;}

li#tab1 a:hover, li#tab1 a:visited:hover{
	background-position: 0 -364px;}	
	
li#tab2 a, li#tab2  a:visited{
	left: 172px;
    width: 165px;
	height: 329px;
	 margin-right: 5px;
  background-position: -172px 0}

li#tab2 a:hover, li#tab2 a:visited:hover{
	background-position: -172px -364px;}

li#tab3 a, li#tab3  a:visited{
	left: 342px;
    width: 165px;
	height: 329px;
	 margin-right: 5px;
  background-position: -342px 0}

li#tab3 a:hover, li#tab3 a:visited:hover{
	background-position: -342px -364px;}

li#tab4 a, li#tab4  a:visited{
	left: 512px;
    width: 168px;
	height: 329px;
  background-position: -512px 0}

li#tab4 a:hover, li#tab4 a:visited:hover{
	background-position: -512px -364px;}

li#tab5 a, li#tab5  a:visited{
	left: 0;
	height: 35px;
    width: 680px;
  background-position: 0 -329px;}

li#tab5 a:hover, li#tab5 a:visited:hover{
	background-position: 0 -693px;}


	

/*****************************************************************
* Video NAV
*****************************************************************/
#video-nav{
padding: 0 15px 5px 0px; 
width: 210px;
float:right;

}

#video-nav ul{
margin: 0;
padding: 0;
padding-left: 0; /*offset of tabs relative to browser left edge*/
list-style-type: none;
line-height: 150%;
}

#video-nav li{
padding-top: 3px;
padding-bottom: 3px;
line-height: 135%;
font-size:12px;
color: #8b7537;
width: inherit;
border-bottom: dotted 1px #7c7961; }

#video-nav ul ul li{
margin: 0;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 15px; /*offset of tabs relative to browser left edge*/
list-style-type: none;
border-bottom: none;
margin-top: 3px;
}

#video-nav ul li a {
		 color: #8b7537;
		 text-decoration: none;
}
#video-nav ul li a:hover {
		 color: #4e3b05;
		 text-decoration: none;
}
#video-nav li.active {
		 background-color: #38372c;
		 font-weight: bold;
		 
}
#video-nav li.active ul {
		 background-color: #38372c;
		 font-weight: normal;
}
#video{
width:425px;
float:left;
margin-top: 15px;
}
/*****************************************************************
* FOOTER
*****************************************************************/
#footer {
width: 960px;
height: 47px;
clear: both;

}

/*****************************************************************
* MISC
*****************************************************************/

#table th{
color: #ffffff;
	background-color: #841f33;
	 font-weight: normal;
	
}
#clear{ clear:both;} 
