/* Global reset
-----------------------------------------------------------------------------------------------*/

* { margin: 0; }
html, body { height: 100%; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd,q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit;	}

body { line-height: 1; }

ul, ol	{ margin: 0 0 20px 40px; line-height: 1.5; }
	
table {	border-collapse: separate; border-spacing: 0;  /* tables still need 'cellspacing="0"' in the markup */
}

caption, th, td { font-weight: normal; }

body {
	font-family: Arial, Helvetica, "Lucida Sans", "Trebuchet MS", Tahoma, Verdana, sans-serif;
	font-size: 62.5%; /* 1em = 10px \ 1.1em = 11px \ 1.2em = 12px */
    background: #000 url(../images/background.png) fixed repeat top left;
	color: #433525;
	text-align: left;
}


/* Headings and paragraphs
-----------------------------------------------------------------------------------------------*/

p  { padding: 0 0 15px; line-height: 1.5; font-family: Arial, Helvetica, "Lucida Sans", "Trebuchet MS", Tahoma, Verdana, sans-serif; font-weight: normal; font-size: 1em; }

h1, h2, h3, h4 { margin: 0 0 15px 0; padding: 0; font-family: Arial, Helvetica, "Lucida Sans", "Trebuchet MS", Tahoma, Verdana, sans-serif; line-height: 1; font-weight: bold; }


/* Forms
-----------------------------------------------------------------------------------------------*/	

form	{ margin: 0; padding: 0; font-size: 1em; }

legend	{ display: none; }
fieldset	{ background: #faf2f1; -moz-border-radius: 8px; -webkit-border-radius: 8px; border: none; position: relative; margin: 0; padding: 20px; }

label	{
	font-family: Arial, Helvetica, "Lucida Sans", "Trebuchet MS", Tahoma, Verdana, sans-serif;
	float: left;
	width: 120px;
	text-align: right;
	margin-right: 8px;
	margin-top: 8px;
	font-size: 1.2em;
    font-weight: bold;
}

input, textarea, select	{
	font-family: Arial, Helvetica, "Lucida Sans", "Trebuchet MS", Tahoma, Verdana, sans-serif;
	padding: 4px;
	margin: 0 0 8px 0;
	float: left;
	width: 240px;
    background-color: #fff;
    border: 1px solid #bbb;
	font-size: 1.2em;
}

textarea	{ width: 380px; height: 160px; }

input:focus, textarea:focus, select:focus   { border-color: #666; }

form br	{ clear: left; }
	
.required	{ font-weight: bold; color: #ca9140; }

.checkbox	{ margin-left: 128px; }
.checkbox label { font-size: 1.1em; text-align: left; width: auto; margin-top: 1px; }
.checkbox input { width: auto; float: left; padding: 0; margin-right: 8px; }
.checkbox img	{ margin: 8px 0; }

.submitbutton	{ margin-left: 128px; margin-bottom: 0; padding: 0; width: 133px; height: 28px; cursor: pointer; display: block; text-indent: -8000px; background: url(../images/button-submit.png) no-repeat top left; border: none; }

form p  { font-size: 1.1em !important; }

	
/* Links
-----------------------------------------------------------------------------------------------*/	

a {	text-decoration: none; cursor: pointer; color: #ca9140; border-bottom: 1px dotted #ca9140; }
a:hover	{ text-decoration: none; color: #ca9140; border-bottom: 1px solid #ca9140; }


/* Miscellaneous
-----------------------------------------------------------------------------------------------*/	

hr.line { display: block; background: transparent url(../images/hr-line.gif) repeat 0 0; border-width: 0; font-size: 1px; height: 1px; line-height: 1px; margin: 0 0 15px 0; clear: both; }
/*
hr.dotted { display: block; background: transparent url(../images/hr-dotted.gif) no-repeat 0 0; border-width: 0; font-size: 1px; height: 1px; line-height: 1px; margin: 0; clear: both; }
*/

strong, b {font-weight: bold;}
em, i {font-style: italic;}
abbr, acronym {	border-bottom: 1px dotted #999; cursor: help; }

.block { display: block; text-indent: -8000px; }
.block-link { display: block; }
.left   { float: left; }
.right  { float: right; }
.uppercase  { text-transform: uppercase; }

.notice { font-size: 1.1em; background: #ffffd6; border: 1px dashed #c3cbd6; margin-bottom: 10px; padding: 7px 5px; }
.notice p   { width: 850px; padding: 0 0 0 10px; float: left; }
.notice a.button-close  { width: 17px; height: 18px; background: url(../images/button-close.png) no-repeat top left; }

p.button, p.nopadding    { padding: 0; }

.back-to-top    { font-size: 1.1em !important; text-align: right; }


/* Main Nav
-----------------------------------------------------------------------------------------------*/

#nav    { width: 950px; height: 55px; margin: 0 auto; list-style: none; background: transparent url(../images/main-nav-background.png) no-repeat; }
#nav li { float: left; height: 55px; }
#nav li a  { height: 55px; margin: 0; background: transparent url(../images/main-nav.png) no-repeat; border: none; }
#nav li a.nav1 { width: 132px; background-position: left top; }
#nav li a.nav2 { width: 137px; background-position: -132px top; }
#nav li a.nav3 { width: 137px; background-position: -269px top; }
#nav li a.nav4 { width: 137px; background-position: -406px top; }
#nav li a.nav5 { width: 137px; background-position: -543px top; }
#nav li a.nav6 { width: 137px; background-position: -680px top; }
#nav li a.nav7 { width: 133px; background-position: -817px top; }
#nav li a:hover.nav1 { background-position: left -55px; }
#nav li a:hover.nav2 { background-position: -132px -55px; }
#nav li a:hover.nav3 { background-position: -269px -55px; }
#nav li a:hover.nav4 { background-position: -406px -55px; }
#nav li a:hover.nav5 { background-position: -543px -55px; }
#nav li a:hover.nav6 { background-position: -680px -55px; }
#nav li a:hover.nav7 { background-position: -817px -55px; }
#nav li.active a.nav1 { background-position: left -110px; }
#nav li.active a.nav2 { background-position: -132px -110px; }
#nav li.active a.nav3 { background-position: -269px -110px; }
#nav li.active a.nav4 { background-position: -406px -110px; }
#nav li.active a.nav5 { background-position: -543px -110px; }
#nav li.active a.nav6 { background-position: -680px -110px; }
#nav li.active a.nav7 { background-position: -817px -110px; }
#nav li.active a:hover.nav1 { background-position: left -165px; }
#nav li.active a:hover.nav2 { background-position: -132px -165px; }
#nav li.active a:hover.nav3 { background-position: -269px -165px; }
#nav li.active a:hover.nav4 { background-position: -406px -165px; }
#nav li.active a:hover.nav5 { background-position: -543px -165px; }
#nav li.active a:hover.nav6 { background-position: -680px -165px; }
#nav li.active a:hover.nav7 { background-position: -817px -165px; }


/* H1 Headers
-----------------------------------------------------------------------------------------------*/

h1    { font-size: 3.2em; font-weight: normal; color: #f2e8dc; width: 940px; height: 96px; background: url(../images/h1-headers.jpg) no-repeat; }
h1 span { display: block; padding: 30px 20px 0 20px; }
h1.header1  { background-position: top left; }
h1.header2   { background-position: left -96px; }
h1.header3   { background-position: left -192px; }


/* Layout
-----------------------------------------------------------------------------------------------*/	

#wrapper	{ width: 960px; margin: 0 auto; background: transparent url(../images/bgr-header-sunburst.png) no-repeat top center; }
#header { height: 189px; }

.logo { margin: 0 auto; width: 214px; height: 134px; background: transparent url(../images/pbs-logo.png) no-repeat top left; }
.logo p { padding: 0;}
.logo a { border: none; display: block; width: 214px; height: 134px; }

#interface  { width: 940px; padding: 10px 10px 20px; background: #f2e8dc; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
#header-images  { overflow: hidden; margin-bottom: 20px; }
#header-image img   { width: 940px; height: 200px; }

#content  { width: 940px; padding-top: 5px; background: transparent url(../images/bgr-2column-divider.gif) repeat-y top left; }
#content a  { font-weight: bold; }
#content .column-left a:hover, #content .column-right a:hover   { color: #433525; }

#content .column-left { float: left; width: 577px; margin-left: 20px; margin-right: 51px; }
#content .column-left p, #content .column-left li, #content.full-screen p, #content.full-screen li	{ font-size: 14px; }
#content a.get-in-touch    { width: 577px; height: 75px; border: none; background: transparent url(../images/get-in-touch.png) no-repeat; }
#content .column-left h2, #content .column-left h3, #content .column-left h4    { color: #372b1d; font-weight: normal; letter-spacing: 1px; }
#content .column-left h2    { font-size: 2em; }
#content .column-left h3    { font-size: 1.8em; }
#content .column-left h4    { font-size: 1.6em; }

#content .column-right  { float: right; width: 282px; margin-right: 10px; }
#content .column-right p, #content .column-right li	{ font-size: 12px; }

#content .column-right h3 { font-size: 1.6em; padding-bottom: 7px; margin-bottom: 15px; font-weight: normal; text-transform: uppercase; letter-spacing: 1px; color: #372b1d; background: transparent url(../images/bgr-h3-column-right.gif) repeat-x bottom left; }

#content.full-screen    { background: none; width: 930px; margin: 0 20px }


/* Photo Gallery
-----------------------------------------------------------------------------------------------*/	

#content.photo-gallery  { background: none; padding-top: 0; width: 900px; margin: 0 20px; }
.table th, .table td    { font-size: 1.2em; padding: 8px 6px; line-height: normal; }
.table.border td.categories  { border-top: 1px solid #d6c9bb; font-size: 1.4em; }
.table.border td.subcategories  { font-size: 1.1em; padding-top: 0; }
.table.border td.subcategories a  { font-size: 1.1em; }
.table th   { font-size: 1.1em; font-weight: normal; background: #433525; color: #f2e8dc; letter-spacing: 1px; }
.table a    { border: none; }
.table a:hover  { border-bottom: 1px solid #ba8748; }

.table .breadcrumb-container    { font-size: 1.1em; background: #433525; color: #f2e8dc; padding: 4px 6px; }
.breadcrumb span    { font-size: 1.1em; padding: 0 3px; }
.photo-gallery select { padding: 1px; font-size: 1em; width: auto; float: none; margin: 0; }

.thumbs, .images { text-align: center; }
.photo-gallery .image { padding: 6px; background: #faf2f1; border: 1px solid #d6c9bb; border-top: none; border-left: none; display: inline-block; }
.photo-gallery .image img   { display: block; }
.photo-gallery .thumbs  { max-width: 100px; }
.photo-gallery .thumbs img  { max-width: 93px; }
.photo-gallery .image:hover    { background: #fff; border-color: #aba196; }
.photo-gallery .thumbs a:hover, .photo-gallery .images a:hover    { border: none; }

.thumbs .title  { font-size: .9em; }
.photo-gallery .title a { font-weight: normal !important; color: #433525; }
.photo-gallery .title a:hover	{ color: #ba8748; border-bottom: 1px solid #ba8748; }

.paginate   { background: transparent url(../images/bgr-h3-column-right.gif) repeat-x top left; margin-top: 10px; padding-top: 15px; font-size: 1.2em; text-align: center; }

.photo-gallery .images { margin-top: 10px; }
.photo-gallery .images img { max-width: 640px; }
.photo-gallery .images .title { font-size: 1.2em; font-weight: bold; margin-top: 5px; }
.photo-gallery .images .caption    { font-size: 1.1em; margin-top: 5px }
.photo-gallery .images .stats  { padding-top: 8px; font-size: 1.1em; color: #aba196; }

/* The rest of the navigation style is below under jQuery Photo Gallery */
.gallery-nav.prevnext    { text-align: center; background: none; margin: 0; }
.gallery-nav.prevnext a  { display: inline-block; width: 39px; height: 39px; border: none; background: transparent url(../images/gallery-arrows-large.png) no-repeat; }
.gallery-nav.prevnext a.gallery-arrow-left { margin-left: 60px; margin-right: 0; }
.gallery-nav.prevnext a.gallery-arrow-right { margin-right: 60px; }


/* jQuery Photo Gallery
-----------------------------------------------------------------------------------------------*/

.pics { height: 270px; position: relative; }
.pics .image-wrapper { position: absolute; top: 0; left: 0; height: 270px; width: 282px; }
.pics .image-wrapper .image    { overflow: hidden; height: 200px; width: 270px/*282px without border*/; border: 6px solid #fff; margin-bottom: 8px; }
.pics .image-wrapper .image img { min-height: 200px; min-width: 270px; max-width: 270px; }
.pics .image-wrapper p { font-size: 1.2em; text-align: center; }
.pics .image-wrapper p a { font-size: .9em; }

.gallery-nav    { background: transparent url(../images/bgr-h3-column-right.gif) repeat-x bottom left; margin-bottom: 15px; }
#content .column-right .gallery-nav h3 { float: left; background: none; margin: 2px 0 0 0; }
.gallery-nav p  { float: right; padding: 0; }
.gallery-nav a  { display: inline-block; width: 19px; height: 19px; border: none; background: transparent url(../images/gallery-arrows-small.png) no-repeat; }
.gallery-nav a.gallery-arrow-left   { background-position: top left; margin-right: 3px; }
.gallery-nav a.gallery-arrow-right   { background-position: top right; }
.gallery-nav a.gallery-arrow-left:hover    { background-position: bottom left; }
.gallery-nav a.gallery-arrow-right:hover    { background-position: bottom right; }


/* Tables
-----------------------------------------------------------------------------------------------*/	


/* Footer
-----------------------------------------------------------------------------------------------*/

#footer  { width: 960px; min-height: 169px; margin: 0 auto; background: transparent url(../images/bgr-footer.png) no-repeat top center; }
#footer h4  { width: 960px; height: 48px; background: transparent url(../images/footer-tagline.png) no-repeat; margin: 0; }
#footer li, #footer p { color: #fdfbf9; line-height: normal; }
#footer .copyright  { padding: 0; font-size: 1.1em; text-align: center; }
#footer a { color: #fdfbf9; }
#footer a:hover { color: #ca9140; }
#footer ul  { list-style: none; text-align: center; margin: 0; }
#footer li  { display: inline; }
#footer ul.footer-first li.last, #footer ul.footer-second li.last { background: none; margin: 0; padding: 0; }
#footer ul.footer-first { margin-bottom: 40px; }
#footer ul.footer-second  { margin-bottom: 15px; }
#footer ul.footer-first li  { font-size: 1.2em; background: url(../images/bullet-footerblue.png) no-repeat center right; margin-right: 35px; }
#footer ul.footer-second li { font-size: 1.1em; background: url(../images/footer-bullet.png) no-repeat center right; margin-right: 14px; padding-right: 20px; }
		

/* Clearfix Hack
-----------------------------------------------------------------------------------------------*/

.hide {
	position: absolute;
	left: -9999px;
}

.clear {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0;
	overflow: hidden;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block; }
	
/* Hides from IE-mac \*/ 
* html .clearfix {
	height: 1%; }

.clearfix {
	display: block; }
/* End hide from IE-mac */