@charset "UTF-8"; /* CSS Document */
html, body, #wrap {height: 100%;} /* full browser window containing elements */
#wrap {background: url(../images/siteBuild/wrapBg.jpg) repeat-y left top; height:100%;width: 1000px; position: relative; margin: 0 auto;}
body {background: #222;}
#outerContainer {background: url(/images/siteBuild/outerContainerBg.jpg) repeat-y left top; text-align: left; width: 1000px; position: relative; margin: 0 auto;}
#header {height: 109px; position: absolute; width: 1000px; padding: 0; top: 0; left: 0;}
#sspContainer {padding-top: 109px; position: relative;}
#ssp {height: 610px; display: block;}
#home #ssp {height: 500px}
#contentContainer {background: url(/images/siteBuild/outerContainerBg.jpg) repeat-y left top; padding: 1em 30px; width: 940px; position: relative; /* height of header */}

	 
#headerImageContainer {padding: 134px 25px 25px; background:url(../images/siteBuild/headerImageBg.png) no-repeat left 109px;}
#headerImage {width: 950px; height: 150px; background: url(../images/uploads/headers/rotator.php) no-repeat left top; overflow: hidden;}
#error #headerImage {background: url(/images/siteBuild/404.jpg) no-repeat left top !important;}

#branding {position: relative;}
#branding h3 {width:242px; height:50px; position: absolute; top: 0px; left: 728px; overflow: hidden; margin: 0;} /* company name/logo */
	#branding h3 span, #branding h2 span {position: absolute; width: 100%; height: 100%; display: block;}
	 {background: url(../images/siteBuild/headerSlogan.png) no-repeat left top;}
	#branding h3 span {background: url(../images/siteBuild/headerName.png) no-repeat left top;}
	#branding h2 {display: block; width: 95px; height: 95px; position: absolute; top: 7px; left: 22px; overflow: hidden; margin: 0;}
	#branding h2 span {background: url(/images/siteBuild/headerLogo.png) no-repeat left top;cursor: pointer;}
	#branding h2 a:hover span {background: url(/images/siteBuild/headerLogo.png) no-repeat left -95px;}
.column1, .column2 {display:inline; position: relative;}
	.column1 {float: left;} .column2 {float: right;}
#main {width: 640px;}
	#main .column1, #main .column2 {width: 47%;} /* resets width of columns within #main to be 49% */
	#blog #main h1 {text-transform: none;}
	#blog #sticky h1, #main h1 {color: #ff9c00; text-transform: uppercase; padding: 0;}
	
	#home #main h2 {font-size: 2.2em; color: #ff9c00; margin-top: 0;}
	#home #blogEntries {padding-top: 1em;}
	#home #blogEntries h4 {border-bottom: 1px solid #4D4D4D; margin: 0; padding-bottom: .5em;}
	#home #main h6 {position: relative; width: 640px; height: 60px; overflow: hidden; margin-bottom: 2.2em;}
	#home #main h6 span {postion: absolute; width: 100%; height: 100%; display: block; background:url(../images/siteBuild/welcome.jpg) no-repeat left top;}
#sub {width: 260px;}
	#sub h4 {color: #fff; text-transform: uppercase; margin-top:0;}

#sub #galleryEnticer {border: 1px solid #777; position: relative; margin-bottom: 2em;}
#sub #galleryEnticer.js {cursor: pointer;}
#sub #galleryEnticer img {display: block; z-index: 1;}
#sub #galleryEnticer .content {display: block; z-index: 10; position: absolute; width: 168px; min-height: 32px; left: 0; bottom: 0; background:url(/images/siteBuild/k-50.png); padding: 5px 85px 10px 5px;}
#sub #galleryEnticer h5 {color: #fff; margin: 0; padding: 0; line-height: 1; font-size: 1.4em; display: inline;}
#sub #galleryEnticer p.view {margin: 0; position: absolute; right: 0; top: 10px; display: block; width: 84px; height: 28px; overflow: hidden;}
#sub #galleryEnticer p.view a {position: relative; display: block; width: 100%; height: 100%; padding: 28px 0 0 84px; background: url(/images/siteBuild/btn-enticer-view.jpg) no-repeat left top;}
#sub #galleryEnticer p.view a:hover, #sub #galleryEnticer.js:hover a {background-position: left -28px !important;}

#blogFeed h4 {margin:0 0 .5em; padding-right: 60px; position: relative;}
#blogFeed h4 span a {color: #fff; text-decoration: none;} #blogFeed h4 span a:hover {color: #ffba4c;} 
#blogFeed h3 {font-size:1.4em; margin: 0 0 .25em;} #blogFeed h3 a {text-decoration: none;} #blogFeed h3 a:hover {color: #ffba4c;}
#blogFeed .postInfo {color: #999999;}
#blogFeed {padding: 1em 0 .5em; margin-bottom: 1em; border-bottom: 1px solid #4d4d4d;}
.blogger {padding-left: 35px; background: url(../images/siteBuild/Blogger_Icon.png) no-repeat left top; line-height: 15px;}
.rssIcon, .twitIcon {position: relative; float: right; display: inline; width: 53px; height: 22px; overflow: hidden; margin: 0 0 .5em .5em;}
.rssIcon span, .twitIcon span {position: absolute; width: 100%; height: 100%; background:url(../images/siteBuild/rssIcon.png) no-repeat left top;}
.rssIcon a:hover span {background:url(../images/siteBuild/rssIcon.png) no-repeat left -22px;}

#twitFeed h4 {margin: 0 0 .5em;}
#twitFeed h4 a:hover {color: #fff;}
.twitIcon {width: 28px; height: 28px;}
.twitIcon span {background:url(../images/siteBuild/twitIcon.png) no-repeat left top;}
.twitIcon a:hover span {background:url(../images/siteBuild/twitIcon.png) no-repeat left -28px;}
#twitFeed a {color: #39a9d1; text-decoration: none;}
#twitFeed a:hover {color: #7fc8e2;}
#twitFeed ul {list-style-type: none; margin: 0;}
#twitFeed li {padding: .5em 0; border-bottom: 1px solid #4d4d4d;}
#twitFeed li:last-child {border-bottom: none;}
#twitFeed li a {display: block;}
#twitFeed li span a {display: inline; color: #ff9c00;}
#twitFeed li span a:hover {display: inline; color: #ffba4c;}

#contentClear {}

#contactFormWrapper {position: relative; width: 100%; text-align: center; }
#contactInfo {width: 940px; margin: 0 auto; border-top: 1px solid #4d4d4d; position: relative; text-align: left;}
#contactInfo h5 {float:left; display: inline; line-height: 34px; color: #fff; margin: 0; text-transform: uppercase; padding-right: .5em;}
#contactInfo .contactInfo {line-height: 40px; float: left; display: inline; color:#999999; margin: 0;}
#contactInfo .contactInfo strong {color: #ff9c00; font-weight: normal;}
#contactInfo .contactInfo span {padding: 0 .5em;}
#contactInfo .contactInfo a {color: #fff; text-decoration: none;}
#contactInfo .contactInfo a:hover {color: #ff9c00;}
#contactInfo .slide {line-height: 40px; float: right; display: inline;}
	#contactInfo .slide .btn-slide {display: block; line-height: 40px; padding: 0 1em; background: #000; color: #ff9c00; text-decoration: none; font-size: 1.1em; text-transform: uppercase; cursor: pointer;}
	#contactInfo .slide .btn-slide:hover {color: #fff;}

.panel {
	display: none;
	position: relative;
	padding: 0;
	margin: 0;
}
.slide {
	margin: 0;
	padding: 0;
	position: relative;	
}
.btn-slide {
	margin: 0;
	padding: 0;
}

#footerFormContainer {position: relative; margin: 0 auto; padding: 0; width: 1000px; text-align: left;}
#footerFormContainer .panel {background: #000000 url(../images/siteBuild/footerFormBg.gif) repeat-y left top; width: 1000px;}
#footerFormContainer .panelContent {padding: 1em 30px; width: 940px;}
	#footerFormContainer .slide a {display: block;}
	#footerFormContainer .slide span {position: absolute; width: 100%; height: 100%; background:url(../images/siteBuild/footerContactButton.png) no-repeat left top; cursor: pointer;}
	#footerFormContainer .slide .active span {background: url(../images/siteBuild/footerContactButton.png) no-repeat left -35px;}
	
#footer {width: 940px; margin: 0 auto; position: relative; padding: 50px 30px 10px; height: 20px; background:#000 url(../images/siteBuild/footerFormBg.gif) repeat-y left bottom; text-align: left; color: #434343; font-size: 90%;}
#footer a {color: #434343; text-decoration: none;}
#footer a:hover, #footer a.current {color: #999;}
#footer p {line-height: 20px;}
#copyright {float: left; display: inline;}
#siteCredit {float: right; display: inline; position: relative;}
#copyright a {padding: 0 1em; border-right: 1px solid #434343;}
#copyright a.last {border-right: none;}
#siteCredit a {padding-right: 50px; border-right: none;}
#siteCredit a span {position: absolute; height: 20px; width: 40px; background:url(../images/siteBuild/siteCredit.gif) no-repeat left top; text-indent: -9999px; margin-left: .5em;}
#siteCredit a:hover span {background:url(../images/siteBuild/siteCredit.gif) no-repeat left -100px;}


/*///// Pages Styles /////*/
/* entry styles */
.post {} /* post/entry container */
.postInfo {font-style: italic; color: #999; font-size: .9em;margin-bottom: 1.5em;} /* post/entry information */
	.postInfo a {text-decoration: none;}
	.postInfo a:hover {color: #ffba4c;}
	.author {}
	
.entryList li {border-bottom: 1px solid #4d4d4d; padding: 1em 0; margin: 1em 0;}
	.entryList li.pagination {border-bottom: none; color: #666; padding-top: 1em;}
.entryList li h3 {margin: 0 0 .25em;}	
.entryList li h3 a {text-decoration: none;}	
	.entryList li h3 a:hover {color: #fff;}	

#socialBookmarks {border-top: 1px solid #4d4d4d; border-bottom: 1px solid #4d4d4d; padding: 1em 0; margin: 1em 0;}
#socialBookmarks h6 {float: left; display: inline; margin: 0; color: #39a9d1;}
#socialBookmarks ul {float: right; display: inline; text-align: right; margin-bottom: 0;}
#socialBookmarks li {float: left; display: inline; padding-right: 1em; }
#socialBookmarks li img {display: block;}

/* comments */
.commentList {list-style-type: none; margin: 0 0 1em; padding:0; border-top: 1px solid #4d4d4d;} 
.commentList li {border-bottom: 1px solid #4d4d4d; padding: .5em 1em 0; margin: 0; list-style-position:inherit;}
	.commentList .odd {}
	.commentList .even {background: #333;}
	.commentList .preview {background: #222;}
		.commentList .preview strong {color: #ff9c00;}
.gravatar {margin-left: -70px; float: left; display: inline;}

/* pagintation */ 
.pagination {position: relative; padding: 0; margin: 0;} /* usually ul element */
.pagination li {display: inline; width: 45%;}
.pagination_link_next {float: right; text-align: right;}
.pagination_link_prev {float: left;}
.pagination .next {text-align: right;}
.pagination strong, .pagination a:hover {color: #fff;}

	.ssp-mobile-poster-content {
		/* Parent div of content underneath image */
	}
	.ssp-mobile-poster-label {
		/* "Media Gallery" text */  
	}
	.ssp-mobile-poster-title {
		display: none !important;/* Album and gallery title */     
	}
	.ssp-mobile-poster-description {
		/* Album and gallery description */  
	}
	.ssp-mobile-poster-button {
		width: 1000px !important;
		height: 610px !important;
		position: absolute !important; 
		overflow: hidden !important;
		background: url(/images/siteBuild/icn-play.png) no-repeat center center !important;
		
		
		/* "View Gallery" button */           
	}