@import url(http://fonts.googleapis.com/css?family=PT+Sans);


/***** GENERAL STYLING *****/
body, h1, h2, h3, h4, h5, h6, p, ol, ul, dl, li, dt, dd, form, img {
	margin: 0;
	padding: 0;
}
body {
	background-color:#7a7a7a !important;
	color:#fff;
	font:normal normal normal 100%/150% Georgia, Arial, Helvetica, Sans-Serif;
	text-align: center;
}
h1, h2, h3, h4, h5, h6, input, textarea {
	font-family: Arial, Helvetica, Sans-Serif;
	font-weight: normal;
}
h2 {
	font-size: 340%;
	font-weight: normal;
	margin-bottom: 30px;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 110%;
}
p {
	margin-bottom: 1em;
}
a {
	border-bottom: dotted 1px #fff;
	color: #fff;
	text-decoration: none;
}
a:hover {
	border-bottom: solid 1px #fff;
}
a.external {
	background: url("images/external.png") no-repeat center right;
	padding-right: 15px;
}


/***** LAYOUT *****/
div.panel {
	background: url("images/panel-shadow.png") repeat-x;
	border-bottom: solid 6px #fff;
}
body.panel1 #content, #panel1 {
	background-color: #355167;
	color: #fff;
}
body.panel2 #content, #panel2 {
	background-color: #99b0bd;
	color: #fff;
}
body.panel3 #content, #panel3 {
	background-color: #786C64;
	color: #fff;
}
body.panel4 #content, #panel4 {
	background-color: #99b0bd;
	color: #fff;
}
body.panel5 #content, #panel5 {
	background-color: #4C4E4D;
	color: #fff;
}
body.panel6 #content, #panel6 {
	background-color: #99b0bd;
	color: #fff;
}
div.gutter {
	font-size: 90%;
	margin: 0 auto;
	padding: 15px 0 15px;
	text-align: left;
	width: 770px;
}
div.column-wrapper {
	height: auto;
	overflow: hidden;
	width: 100%;
}
div.column-wrapper div.column1, div.column-wrapper div.column2 {
	float: left;
}
div.column1 {
	width: 483px;
	padding-bottom: 30px;
}
div.column1 h3, div.column1 h4, div.column2 h3, div.column2 h4 {
	font-size: 140%;
	font-weight: normal;
	margin: 2em 0 0.5em;
	text-transform: uppercase;
	letter-spacing: 1px;
}
div.column2 {
	width: 256px;
	margin-left: 30px;
}


/***** NAVIGATION *****/
#navigation {
	height: auto;
	overflow: hidden;
	margin-bottom: 5px;
}
#navigation ul li a:before {
	content: "\00a0\00B7\00a0";
}
#navigation h1, #navigation ul {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 70%;
	text-transform: uppercase;
}
#navigation h1 {
	float: left;
}
#navigation ul {
	float: right;
	height: auto;
	list-style: none;
	overflow: hidden;
}
#navigation ul li {
	float: left;
}
#navigation ul li.first {
	margin-left: 0;	
}
#navigation ul li.first a:before {
	content: "";	
}
#navigation a {
	display: block;
	border: none 0;
}


/***** CONTENT ****/
h1, h2 {
	font-family: "PT Sans", Arial, Helvetica, sans-serif;
}
#primary ul, #primary ol {
	margin-bottom: 1em;
	margin-left: 3em;
}
#secondary dl.gallery dd span {
	display: block;
	font-size: 80%;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 135%;
	margin-top: 0.5em;
}


/***** FEATURE *****/
div.feature {
	background: url("images/feature-shadow.png") no-repeat;
	height: 370px;
	margin-bottom: 30px;
	padding: 17px 19px 21px 19px;
	width: 770px;
	margin-left: -19px;
	overflow: hidden;
	position: relative;
}
div.feature div {
	height: 370px;
	position: relative;
	width: 770px;
	overflow: hidden;
}
div.feature img {
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
}
div.feature, div.feature a {
	color: #0e0e0e;	
}
div.feature a {
	border-bottom: dotted 1px #0e0e0e;
	text-decoration: none;
}
div.feature a:hover {
	border-bottom: solid 1px #0e0e0e;
}
div.feature p.caption { 
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 80%;
	position: absolute;  
	background: #fff;
	height: 100px;  
	width: 100%;  
	opacity: .85;

	/* For IE 5-7 */  
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);

	/* For IE 8 */  
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";  
}  
div.feature p.caption {
	border-top: solid 1px #fff;
	top: 371px;  
	left: 0;
	width: 740px;
	padding: 10px 15px;
}


/***** GALLERY *****/
#primary ul.gallery {
	margin: 0 0 0 -4px;
}
ul.gallery {
	list-style-type: none;
	width: 513px;
}
ul.gallery, dl.gallery {
	height: auto;	
	overflow: hidden;
}
ul.gallery li, dl.gallery dt {
	float: left;
	height: 95px;
	width: 95px;
	margin-bottom: 7px;
	margin-right: 2px;
}
ul.gallery li a, dl.gallery dt a {
	background: url("images/thumbnail-shadow.png") no-repeat;
	border: 0 none !important;
	display: block;
	padding: 8px 10px 12px 10px;
}
ul.gallery li a img, dl.gallery dt a img {
	border: 0 none;
	display: block;
}


/***** FOOTER *****/
#footer {
	border-bottom: none 0;
}
#footer div.column1, #footer div.column2 {
	float: left;
}
#footer div.column1 h3, #footer div.column1 h4, #footer div.column2 h3, #footer div.column2 h4 {
	margin-top: 0;
}
#footer ul.contact li {
	background: no-repeat center left !important;
	list-style-type: none;
	padding-left: 22px;	
}
#footer ul.contact li.twitter {
	background-image: url("images/twitter.png") !important;
}
#footer ul.contact li.facebook {
	background-image: url("images/facebook.png") !important;
}
#footer ul.contact li.flickr {
	background-image: url("images/flickr.png") !important;
}
#footer ul.contact li.email {
	background-image: url("images/email.png") !important;
}
#footer p.copyright {
	clear: both;
	margin-bottom: 0;
}
#footer input.text, #footer textarea.text {
	background-color: #fff;
	border: none 0;
	padding: 5px;
	width: 256px;
}
#footer textarea.text {
	height: 5em;
}


/***** FANCYBOX OVERRIDES *****/
#fancybox-close {
	border: none 0 !important; 
}


body.iframe {
	background-color: #fff!important;
}