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

/*********************************
Eric Meyer's CSS reset
*********************************/
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: 12px; font-family: inherit; vertical-align: baseline;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1; text-align:left; min-width:910px;/* for mozilla*/ background: #000 url(images/page_bg.png) top left no-repeat; height:100%;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
/*****************************
End CSS reset
****************************/

/********** @ font-face ***********/
@font-face {
	font-family: 'MuseoSans500';
	src: url('fonts/museosans_500-webfont.eot');
	src: local('☺'), url('fonts/museosans_500-webfont.woff') format('woff'), url('fonts/museosans_500-webfont.ttf') format('truetype'), url('fonts/museosans_500-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}
/**********/

h1 {font: 2.2em/0.9em MuseoSans500, Arial, Helvetica, sans-serif; color: #fff; letter-spacing: -0.05em; margin-bottom: 1.5em;}
h2 {font: 1.5em/0.9em MuseoSans500, Arial, Helvetica, sans-serif; color: #fff; letter-spacing: -0.05em;}
h3 {font: bold 1.2em/1.25em MuseoSans500, Arial, Helvetica, sans-serif; color: #fff; letter-spacing: -0.05em; margin-bottom: 1.5em;}
p {font: 1em/1.4em MuseoSans500, Arial, Helvetica, sans-serif; color: #fff; margin-bottom: 1.5em;}
a {color: #fff;}
ul {list-style: outside square; margin-bottom: 2em;}
ul li {margin-left: 3em; font: 1em/1.4em MuseoSans500, Arial, Helvetica, sans-serif; color: #fff;}
label {color: #fff; font: 1em/1.4em MuseoSans500, Arial, Helvetica, sans-serif;}

#wrapper {width: 950px; margin: 30px; position: relative;}
#top_half {background: url(images/top_content_bg.jpg) top left no-repeat; position: relative; height: 138px;}
#bottom_half {background: url(images/top_content_bg.jpg) top left no-repeat; min-height: 400px;}
#bottom_half_inner {background: url(images/bottom_half_bg.png) top left repeat-y;  position: relative; padding: 50px 50px 20px 30px;  min-height: 330px;}
#social {background-color: #c4c4c4; min-height: 90px; position: relative; padding: 10px 0 10px 30px;}
#twitter {}
#social_icons {position: absolute; bottom: 0; right: 300px; width: 85px; height: 40px;}
#social_icons img {float: left; margin-right: 3px;}

#logo {position: absolute; top: 10px; left: 20px; width: 200px; height: 100px; overflow: visible;}
#footer {min-height: 25px; color: #CCC; font: 1em Verdana, Geneva, sans-serif; padding: 5px;}

#bottom_half_inner img {float: right; clear: right; margin: 0 0 20px 20px;}
#bottom_half_inner .press_images {float: left; clear: both; width: 100%;}
#bottom_half_inner .press_images a img {float: left; clear: none;}

#bottom_half_inner table {font: 1em/1.4em MuseoSans500, Arial, Helvetica, sans-serif; color: #fff; margin-bottom: 1.5em;}
#bottom_half_inner table th {text-align: center; font-weight: bold;}
#bottom_half_inner table td {padding: 10px 6px; border-bottom: 1px solid white;}

.content {position: absolute; top: 150px; left: 30px; width: 500px;}
.left {float: left}
.right {float: right}
.clr {clear: both;}

/************ Home page exclusive elements *******/
#top_half_home {background: url(images/top_content_bg.jpg) top left no-repeat; position: relative; height: 429px;}
#top_half_home img {position: absolute; bottom: 0; right: 30px;}
#bottom_half_home {background: url(images/bottom_content_bg.jpg) top left no-repeat; height: 70px; padding: 50px 300px 20px 30px;}
.content_home {width: 500px; padding: 180px 0 0 30px;}
.hp_photo {position: absolute; right: 20px; bottom: 0; width: 328px; height: 311px;}
.hp_social_photo {position: absolute; right: 20px; bottom: 20px; width: 238px; height: 202px;}
#menu_home {position: absolute; bottom: -26px; left: 20px; width: 740px;}
#menu_home ul li {display: block; float: left; margin: 2px 2px 0 0; padding: 5px 10px; background: transparent url(images/menu_bg.png) repeat;}
#menu_home li a {padding: 5px 10px; text-decoration: none; color: #fff; font: 1.05em MuseoSans500, Arial, Helvetica, sans-serif; text-transform: lowercase;}
#menu_home ul li:hover {background: transparent url(images/menu_bg_over.png) repeat;}


/************ Menu ***************/
#menu {float: right; width: 650px; margin: 20px 20px 0 250px;}
#menu ul li {display: block; float: left; margin: 2px 2px 0 0; padding: 5px 10px; background: transparent url(images/menu_bg.png) repeat;}
#menu ul li:hover, #menu ul li.active {background: transparent url(images/menu_bg_over.png) repeat;}
#menu li a {padding: 5px 10px; text-decoration: none; color: #fff; font: 1.05em MuseoSans500, Arial, Helvetica, sans-serif; text-transform: lowercase;}

/****** Contact form *********/

#EmailForm {width: 360px; text-align: left; padding-bottom: 20px; border: none;}
#EmailForm.full { width: 100%; }
#EmailForm fieldset {border: none;}
#EmailForm legend {display: none;}
#EmailForm h3 {clear: both;	padding: 15px 0 5px; font-size: 14px; font-family: Helvetica, Arial, sans-serif; color: #000; font-weight: bold;}
#EmailForm label, #EmailForm p {display: block; clear: both; width: 310px; font-size: 1em; line-height: 1.5em; padding: 0 0 9px;}
#EmailForm input { display: block; margin-top: 3px;}
#EmailForm select {float: left; display: block;}
#EmailForm label.first, #EmailForm label.city {clear: left; margin-right: 10px; width: 150px;}
#EmailForm label.second, #EmailForm label.state {float: left; clear: none; margin: 0 10px 0 0; width: 150px;}
#EmailForm label.state { width: 60px; }
#EmailForm label.first input, #EmailForm label.city input, #EmailForm label.second input {float: left; width: 150px; padding: 0;}
#EmailForm label.state select {width: 60px; float: left; margin-top: 3px;}
#EmailForm label.zip, #EmailForm label.zip input {float: left; width: 80px;}
#EmailForm label.zip { clear: none; }
#EmailForm label {float: left; clear: left; width: 310px; margin: 0; line-height: 1.5em;}
#EmailForm label input {float: left; width: 310px; padding: 0;}
#EmailForm input.radio, #EmailForm input#radiobutton_1, #EmailForm input#radiobutton_2, #EmailForm input#radiobutton_3, #EmailForm input#radiobutton_4 {clear: left; float: left;
	padding: 0; margin: 0;}
#EmailForm label.radio, #EmailForm label.radioitem {clear: none; margin: 0 0 0 25px; padding: 0 0 15px;}
#EmailForm input.checkbox, #EmailForm input#checkbox_1, #EmailForm input#checkbox_2, #EmailForm input#checkbox_3, #EmailForm input#checkbox_4 {clear: both; float: left; padding: 0;
	margin: 0;}
#EmailForm label.checkbox {clear: none; margin: 0 0 0 25px; padding: 0 0 15px;}
/* style the #EmailForm elements to look similar across browsers ... emulates Safari */
#EmailForm label input, #EmailForm textarea, #EmailForm select {border: 1px solid #ddd; border-left-color: #c3c3c3; border-top-color: #7c7c7c; padding: 0 2px; height: 18px; line-height: 20px; background: #fff url(images/input-bg.gif) repeat-x top left;}
#EmailForm input.checkbox, #EmailForm select {border: 1px solid #ddd; border-left-color: #c3c3c3; border-top-color: #7c7c7c; background-color: #fff;}
#EmailForm textarea {margin-top: 3px; width: 383px; height: auto; display: block;}
#EmailForm label input.calc {text-align: right; width: 100px; clear: left; padding: 0;}
#EmailForm input.button {clear: left; border: 1px solid #ddd; border-left-color: #c3c3c3; border-top-color: #7c7c7c; background-color: #EBE9ED;}

/************ Ditto (news engine) **************/
.ditto_info {font: italic 1.05em/1em MuseoSans500, Arial, Helvetica, sans-serif; color:#fff;}
.ditto_summaryPost h3 a {font: 1.5em/1.25em MuseoSans500, Arial, Helvetica, sans-serif; color: #fff; letter-spacing: -0.05em; margin-bottom: 1.5em; text-decoration: none;}
.ditto_summaryPost h3 a:hover {text-decoration: underline;}
.ditto_summaryPost img {width: 250px; float: right; clear: right; margin: 0 0 15px 20px;}
.ditto_summaryPost p {}
#ditto_pages {font: 1.05em/1em MuseoSans500, Arial, Helvetica, sans-serif; color: #fff;}
.hr {clear: both; height: 2px; background-color: #fff;}

/**************************************
Gallery
*************************************/

#gallery_thumbs {}
#main_gallery_pic {float: left; width: 800px; clear: left; margin-bottom: 15px;}
#gallery_thumbs {float: left; clear: both; width: 800px;}
.gallery_thumb {float: left;  margin: 3px; height: 50px; width: 50px; overflow: hidden; border: 1px solid #f1f1f1;}
.gallery {clear: both; margin: 10px 0 15px;}