/* CSS for Rebecca Haydock */
/* Safari text rendering fix */
* {text-shadow: #000000 0 0 0px;}
/* Neutralize styling: 
   Elements we want to clean out entirely: */
html, body, form, fieldset {
  margin: 0;
  padding: 0;
  font: 100%/120% Verdana, Arial, Helvetica, sans-serif;
}

/* Neutralize styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
  margin: 1em 0;
  padding: 0;
}

/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote {
  margin-left: 1em;
}

/* Miscellaneous conveniences: */
form label {
  cursor: pointer;
}
fieldset {
  border: none;
}
input, select, textarea {
  font-size: 100%;
	font-family: inherit;
}

body
{
  background-color: #31383D;
  color: #CCC;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  min-width: 940px;
  text-align: center;
}

a {outline:none; }

a:link
{ 
	text-decoration: underline; 
	color: #FFF;
	background-color: transparent;
}

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

a:hover
{ 
	text-decoration: none;
	color: #C0CF8D;
	background-color: transparent;
}

/* FLOAT CLEAR */
.clear-content {
clear:both;
display:inline-block;
font-size:0;
line-height:0;
}
.clear-content:after {
clear:both;
content:".";
display:block;
font-size:0;
visibility:hidden;
}


/*-- MAIN CONTAINER --------------*/

#container {margin: 0 auto; width: 940px; padding: 0; border: 0; position:relative; top:20px; text-align: left;}

/*-- HEADER BAR ------------------*/

#masthead {position: relative; float: left; display: inline; width: 940px; height: 41px; margin: 20px 0 10px 0; padding: 0;}
#headerLogo {position: relative; float: left; display: inline; width: 940px; height: 80px; margin: 0; padding: 0;}	
	#headerLogo a {position: relative; width: 400px; height: 74px; display: block;}

#headerNavBar {position: relative; height: 41px; width:940px;}	
#nav_container {background:url(../images/bg_nav_full_2.gif) no-repeat 0 0; width:940px; height:41px; margin:0; padding:0;}

	#nav_container span {display: none;}
	#nav_container li {float:left; list-style:none; display:inline;}
	#nav_container li, #nav_container a {height:41px; display:block; margin:0; padding:0;}	

	#nav_home {width:57px;}
  #nav_about {width:61px;}
  #nav_commissions {width:106px;}
  #nav_sale {width:81px;}
  #nav_portraits {width:89px;}
  #nav_flyfishing {width:95px;}    
  #nav_landscapes {width:131px;}
  #nav_raves {width:70px;}
  #nav_news {width:130px;}
  #nav_blog {width:50px;}
  #nav_contact {width:70px;}
  
  #nav_home a:hover {background:url(../images/bg_nav_full_2.gif) 0 -84px no-repeat;}
  #nav_about a:hover {background:url(../images/bg_nav_full_2.gif) -57px -84px no-repeat;}
  #nav_commissions a:hover {background:url(../images/bg_nav_full_2.gif) -118px -84px no-repeat;}
  #nav_sale a:hover {background:url(../images/bg_nav_full_2.gif) -224px -84px no-repeat;}
  #nav_portraits a:hover {background:url(../images/bg_nav_full_2.gif) -305px -84px no-repeat;}
  #nav_flyfishing a:hover {background:url(../images/bg_nav_full_2.gif) -394px -84px no-repeat;}    
  #nav_landscapes a:hover {background:url(../images/bg_nav_full_2.gif) -489px -84px no-repeat;}
  #nav_raves a:hover {background:url(../images/bg_nav_full_2.gif) -620px -84px no-repeat;}
  #nav_news a:hover {background:url(../images/bg_nav_full_2.gif) -690px -84px no-repeat;}
  #nav_blog a:hover {background:url(../images/bg_nav_full_2.gif) -820px -84px no-repeat;}
  #nav_contact a:hover {background:url(../images/bg_nav_full_2.gif) -870px -84px no-repeat;}
  
  /* KEEP NAV HIGHLIGHTED ON SPECIFIC PAGE */
  #home #nav_home a {background:url(../images/bg_nav_full_2.gif) 0 -42px no-repeat;}
  #about #nav_about a {background:url(../images/bg_nav_full_2.gif) -57px -42px no-repeat;}
  #commissions #nav_commissions a {background:url(../images/bg_nav_full_2.gif) -118px -42px no-repeat;}
  #sale #nav_sale a {background:url(../images/bg_nav_full_2.gif) -224px -42px no-repeat;}
  #portraits #nav_portraits a {background:url(../images/bg_nav_full_2.gif) -305px -42px no-repeat;}
  #flyfishing #nav_flyfishing a {background:url(../images/bg_nav_full_2.gif) -394px -42px no-repeat;}    
  #landscapes #nav_landscapes a {background:url(../images/bg_nav_full_2.gif) -489px -42px no-repeat;}
  #raves #nav_raves a {background:url(../images/bg_nav_full_2.gif) -620px -42px no-repeat;}
  #news #nav_news a {background:url(../images/bg_nav_full_2.gif) -690px -42px no-repeat;}
  #blog #nav_blog a {background:url(../images/bg_nav_full_2.gif) -820px -42px no-repeat;}
  #contact #nav_contact a {background:url(../images/bg_nav_full_2.gif) -870px -42px no-repeat;}



.headerBrush {position: absolute; top: -24px; left: -24px; width: 83px; height: 138px; z-index:100;}

/*-- FOOTER ------------------------*/
.footerArea {position: relative; float: left; display: inline; width: 940px; margin: 15px 0 30px 0;}
	.footerArea p {font-size: 11px; color: #CCCCCC; display: inline; margin: 0; padding: 0 16px 0 6px;}
	.footerArea p.copyright {float:left;}
	.footerArea p.design {float:right;}
	.footerArea p.design img {border:none;}
	.footerArea .footer-image {position:absolute; top:-46px; right:-32px; }

/*-- HOME PAGE ---------------------*/
.homeIntro {position: relative; float: left; display: inline; overflow: hidden; width: 300px; height: 300px; background-color: #454E54; margin: 0 20px 20px 0;}
	.homeIntro h1 {font-size: 14px; color: #B9C9D4; line-height: 1em; margin: 20px; padding: 0;}
	.homeIntro p {font-size: 12px; color: #CCC; line-height: 1.2em; margin: 0 20px 10px 20px; padding: 0;}
	.homeIntro p.first {padding-top:20px;}

.homeMainImage {position: relative; float: left; display: inline; width: 620px; height: 300px; background-color: #454E54; margin: 0 0 20px 0;}

.homeThumb {position: relative; float: left; display: inline; width: 300px; background-color: #454E54; margin: 0 20px 0 0;}
	.homeThumb a img {border: 0;}
	.homeThumb a {border: 5px solid #454E54; padding: 0; margin: 0; display: block; height:130px;}
	.homeThumb a:visited {border: 5px solid #454E54;}
	.homeThumb a:hover {border: 5px solid #C0CF8D;}
	.homeThumbRight {margin: 0;}

/*-- GALLERY PAGE --------------------*/
.galleryMainArea {position: relative; float: left; display: inline; width: 640px; height: 460px; background: url(../images/bg_loader.gif) center center no-repeat #454E54; text-align: center; padding: 0;}
.galleryMainArea a img {border:none;}

.galleryNavigation {position: relative; float: left; display: inline; width: 300px; height: 460px; background-color: #454E54; padding: 0;}

	.galleryTop {width:300px; height:230px; position:relative;}
		.galleryTop .galleryThumb {float:left; display:inline-block; width:75px; height:70px; margin: 15px 7px 7px 13px;}		
		.galleryTop .galleryThumb a {border:5px solid #31383D; display:block; width:75px; height:70px;}
		.galleryTop .galleryThumb a:hover {border-color:#C0CF8D;}
		.galleryTop .galleryThumb a.active {border-color:#FFF;}
		.galleryTop .galleryThumb a img {border:0; margin:0;}
		
		.galleryNav {width:300px; height:30px; position:absolute; bottom:-3px;}
			.galleryNavBack {float:left; width:30px; margin-left:15px; font-size:11px;}
			.galleryNavMore {float:right; width:30px; text-align:right; margin-right:15px; font-size:11px;}
			
			.galleryNavBack a {display:block;	background:url(../images/arrow-left.gif) no-repeat 0 0;	width:30px;	height:20px; outline:none; text-indent:-99999px;}
			.galleryNavMore a {display:block; background:url(../images/arrow-right.gif) no-repeat 0 0; width:30px; height:20px; outline:none; text-indent:-999999px;}
			.galleryNavBack a:hover, .galleryNavMore a:hover {background-position:0 -20px; }
	
	.galleryBottom {width: 300px; height:230px; border-top:5px solid #31383D;}
		.galleryBottom h1 {font-size: 16px; color: #B9C9D4; line-height: 1em; margin: 20px 20px 0 20px; padding: 0;}
		.galleryBottom span.info {display:block; color: #B9C9D4; font-size:10px; margin:4px 20px 14px 20px; padding:0; line-height:.8em; }
		.galleryBottom span.info a {font-weight:bold;}
		.galleryBottom p {font-size: 12px; color: #CCC; line-height: 1.2em; margin: 0 20px 10px 20px; padding: 0;}
	
	#myController {display:none; visibility:hidden;}
	#mySlides {width:300px;height: 195px;overflow: hidden;}
	.jFlowPrev, .jFlowNext{cursor:pointer;}

/*-- ABOUT PAGE --------------------*/
.aboutMainArea {position: relative; float: left; display: inline; width: 640px; height: 460px; background: #454E54; } /* url(../images/bg_about.gif) no-repeat bottom left; */
	.aboutMainArea h1 {font-size: 16px; color: #B9C9D4; line-height: 1em; margin: 0 0 10px 0; padding: 0;}
	.aboutMainArea p {font-size: 12px; color: #CCC; line-height: 1.2em; margin: 0 20px 10px 20px; padding: 0;}
.aboutColumn1 {position: relative; float: left; display: inline; margin: 0; width: 310px; height: 420px;}
.aboutColumn2 {position: relative; float: left; display: inline; margin: 0; width: 310px; height: 420px;}
	.aboutQuote {margin:20px auto;}


.aboutImageArea {position: relative; float: left; display: inline; width: 300px; height: 460px; background-color: #454E54;}
	.aboutImageArea img {border: 0;}
	.aboutImageArea .fly {position:absolute; top:77px; left:-52px;}

/*-- RAVES PAGE -------------*/
.ravesMainArea {position: relative; float: left; display: inline; width: 640px; height: 460px; background-color: #454E54;}
	.ravesMainArea h1 {font-size: 16px; color: #B9C9D4; line-height: 1em; margin: 0 0 10px 20px; padding: 0;}
	.ravesMainArea h1 span.helper {display:block; font-size:12px; font-weight:normal; line-height:.9em; margin-top:4px; padding:0;}
	.ravesMainArea p {font-size: 12px; color: #CCC; line-height: 1.2em; margin: 0 20px 14px 20px; padding: 0 0 14px 0; border-bottom:1px solid #ccc;}
	
.ravesImageArea {position: relative; float: left; display: inline; width: 300px; height: 460px; background-color: #454E54;}
	.ravesImageArea img {border: 0;}

/*-- FOR SALE PAGE -------------*/
.saleMainArea {position: relative; float: left; display: inline; width: 640px; height: 460px; background-color: #454E54;}
	.saleMainArea h1 {font-size: 16px; color: #B9C9D4; line-height: 1em; margin: 0 0 10px 20px; padding: 0;}
	.saleMainArea h1 span.helper {display:block; font-size:12px; font-weight:normal; line-height:.9em; margin-top:4px; padding:0;}
	.saleMainArea h2 {font-size: 16px;  background:#BFCE8C; color: #31383D; line-height: 1em; margin: 14px 0 10px 20px; padding: 5px 0;}
	.saleMainArea h2.first {margin-top:0;}
	.saleMainArea p {font-size: 12px; color: #CCC; line-height: 1.2em; margin: 0 20px; padding: 0;}
	.saleMainArea p.title {font-size: 14px; color: #FFF; line-height: 1.2em; margin: 0 20px 4px 20px; padding: 0; font-weight:bold;}
	.saleMainArea p.medium {font-size: 12px; color: #CCC; line-height: 1.0em; margin: 0 20px; padding: 0;}
	.saleMainArea p.price {font-size: 12px; color: yellow; line-height: 1.0em; margin: 0 20px; padding: 0;}
	
	.saleContainer{	width:575px; margin-left:20px; margin-top:10px; margin-bottom:14px; padding-bottom:14px; border-bottom:1px solid #ccc;}
	.saleContainer .galleryThumb {float:left; width:75px; height:70px; margin:2px 7px 7px 0;}	
		/*.saleContainer:after {clear:both;content:".";display:block;font-size:0;visibility:hidden;}	*/
		.saleContainer .galleryThumb a {border:5px solid #31383D; display:block; width:75px; height:70px;}
		.saleContainer .galleryThumb a:hover {border-color:#C0CF8D;}
		.saleContainer .galleryThumb a.active {border-color:#FFF;}
		.saleContainer .galleryThumb a img {border:0; margin:0;}
	
	.saleContainer p.description {font-size: 12px; color: #CCC; line-height: 1.2em; margin-bottom:0; padding: 0;}
	.dontwrap p{margin-left:95px}

	
.saleImageArea {position: relative; float: left; display: inline; width: 300px; height: 460px; background-color: #454E54;}
	.saleImageArea img {border: 0;}

	.saleArtistProof {width:575px; margin-left:20px; margin-top:10px; margin-bottom:14px; padding-bottom:14px;}
	.saleArtistProof .proofThumb {float: left;width: 130px;margin: 0 0 15px 0;padding: 5px; text-align:center;font-size: 12px; color: #CCC; line-height: 1.2em; border-right:1px solid #ccc;}
	.saleArtistProof .proofThumb a {border:5px solid #31383D; display:block; width:75px; height:70px; margin:0 auto;}
		.saleArtistProof .proofThumb a:hover {border-color:#C0CF8D;}
		.saleArtistProof .proofThumb a.active {border-color:#FFF;}
		.saleArtistProof .proofThumb a img {border:0; margin:0;}
		.saleArtistProof .proofThumb .price {color:yellow;}

.clearboth { clear: both; }

	
/*-- COMMISSIONS PAGE -------------*/
.pricesMainArea {position: relative; float: left; display: inline; width: 640px; height: 460px; background-color: #454E54;}
	.pricesMainArea h1 {font-size: 16px; color: #B9C9D4; line-height: 1em; margin: 0 0 10px 20px; padding: 0;}
	.pricesMainArea h1 span.helper {display:block; font-size:12px; font-weight:normal; line-height:.9em; margin-top:4px; padding:0;}
	.pricesMainArea p {font-size: 12px; color: #CCC; line-height: 1.2em; margin: 0 20px 10px 20px; padding: 0;}
	
.pricesColumn1 {position: relative; float: left; display: inline; margin: 0; width: 310px; height: 420px;}
.pricesColumn2 {position: relative; float: left; display: inline; margin: 0; width: 310px; height: 420px;}

.pricesImageArea {position: relative; float: left; display: inline; width: 300px; height: 460px; background-color: #454E54;}
	.pricesImageArea img {border: 0;}


/*-- NEWS & EVENTS PAGE ------------*/
.newsMainArea {position: relative; float: left; display: inline; width: 640px; height: 460px; background-color: #454E54;}
	.newsMainArea h1 {font-size: 16px; color: #B9C9D4; line-height: 1em; margin: 0 0 10px 20px; padding: 0;}
	.newsMainArea h1 span.helper {display:block; font-size:12px; font-weight:normal; line-height:.9em; margin-top:4px; padding:0;}
	.newsMainArea p {font-size: 12px; color: #CCC; line-height: 1.2em; margin: 0 20px 14px 20px; padding: 0 0 14px 0; border-bottom:1px solid #ccc;}
	.newsMainArea p strong {color:#fff;}
	
.newsColumn1 {position: relative; float: left; display: inline; margin: 0; width: 310px; height: 420px;}
.newsColumn2 {position: relative; float: left; display: inline; margin: 0; width: 310px; height: 420px;}

.newsImageArea {position: relative; float: left; display: inline; width: 300px; height: 460px; background-color: #454E54;}
	.newsImageArea img {border: 0;}

.event-container {margin:0; }
		
.event-info {	display:block;margin:6px 15px 8px 75px;padding:0pt 5px;}
.event-info p {font-size: 12px; color: #CCC; line-height: 1.2em; margin: 0; padding: 0;}
.date {font-size:14px; margin:14px 0 10px; display:block;}

.event-date {background:transparent url(../images/events/bg-date.png) no-repeat right top;float:left;height:50px;margin:3px 10px 0px 8px;padding-left:13px;}
.event-date .pdm, .event-date .pdd {color:#FFF;	font-weight:bold;	margin:0px;	padding:0px;	text-align:center;width:50px;}
.event-date .pdd {font-size:20px;	line-height:28px;}
.event-date .pdd span {font-size:14px;	line-height:28px;	vertical-align:top;}
.event-date .pdm {font-size:13px;	line-height:22px;}


/*-- CONTACT PAGE -------------*/
.contactMainArea {position: relative; float: left; display: inline; width: 300px; height: 460px; background-color: #454E54;}
	.contactMainArea h1 {font-size: 16px; color: #B9C9D4; line-height: 1em; margin: 0 20px 10px 20px; padding: 0;}
	.contactMainArea p {font-size: 12px; color: #CCC; line-height: 1.2em; margin: 0 20px 10px 20px; padding: 0;}
	.contactMainArea p strong {color:#fff;}
.contactColumn1 {position: relative; float: left; display: inline; margin: 0; width: 300px; height: 460px;}
.aboutColumn2 {
	position: relative;
	float: left;
	display: inline;
	margin: 20px 10px 20px 20px;
	width: 290px;
	height: 420px;
}


.contactImageArea {position: relative; float: left; display: inline; width: 640px; height: 460px; background-color: #454E54;}
	.contactImageArea img {border: 0;}



p.first, h1.first {padding-top:20px;}




/* SCROLLBAR STYLING */
#sale #scrollpane {height: 390px;	width: 625px; overflow:hidden; }
#raves #scrollpane {height: 390px;	width: 625px; overflow:hidden; }
#events-column #scrollpane {height: 390px;	width: 310px; overflow:hidden; }
#news-column #scrollpane2 {height: 390px;	width: 310px; overflow:hidden; }




.winXP .jScrollPaneTrack {
	background: url(../images/scrollbar/windows_track.gif) repeat-y;
}
.winXP .jScrollPaneDrag {
	background: url(../images/scrollbar/windows_drag_middle.gif) no-repeat 0 50%;
}
.winXP .jScrollPaneDragTop {
	background: url(../images/scrollbar/windows_drag_top.gif) no-repeat;
	height: 4px;
}
.winXP .jScrollPaneDragBottom {
	background: url(../images/scrollbar/windows_drag_bottom.gif) no-repeat;
	height: 4px;
}
.winXP a.jScrollArrowUp {
	height: 17px;
	background: url(../images/scrollbar/windows_arrow_up.gif) no-repeat 0 0;
}
.winXP a.jScrollArrowUp:hover {
	background-position: 0 -20px;
}
.winXP a.jScrollArrowDown {
	height: 17px;
	background: url(../images/scrollbar/windows_arrow_down.gif) no-repeat 0 0;
}
.winXP a.jScrollArrowDown:hover {
	background-position: 0 -20px;
}
.winXP a.jScrollActiveArrowButton, .winXP a.jScrollActiveArrowButton:hover {
	background-position: 0 -40px;
}


.osX .jScrollPaneTrack {
	background: url(../images/scrollbar/osx_track.gif) repeat-y;
}
.osX .jScrollPaneDrag {
	background: url(../images/scrollbar/osx_drag_middle.gif) repeat-y;
}
.osX .jScrollPaneDragTop {
	background: url(../images/scrollbar/osx_drag_top.gif) no-repeat;
	height: 6px;
}
.osX .jScrollPaneDragBottom {
	background: url(../images/scrollbar/osx_drag_bottom.gif) no-repeat;
	height: 7px;
}
.osX a.jScrollArrowUp {
	height: 24px;
	background: url(../images/scrollbar/osx_arrow_up.png) no-repeat 0 -30px;
}
.osX a.jScrollArrowUp:hover {
	background-position: 0 0;
}
.osX a.jScrollArrowDown {
	height: 24px;
	background: url(../images/scrollbar/osx_arrow_down.png) no-repeat 0 -30px;
}
.osX a.jScrollArrowDown:hover {
	background-position: 0 0;
}

.left .jScrollPaneTrack {
	left: 0;
	right: auto;
}
.left a.jScrollArrowUp {
	left: 0;
	right: auto;
}
.left a.jScrollArrowDown {
	left: 0;
	right: auto;
}

/* IE SPECIFIC HACKED STYLES */
* html .osX .jScrollPaneDragBottom {
	bottom: -1px;
}
/* /IE SPECIFIC HACKED STYLES */