/* @group General Styles */
@font-face {
    font-family: 'SailRegular';
    src: url('css/fonts/sail-regular-webfont.eot');
    src: url('css/fonts/sail-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/fonts/sail-regular-webfont.woff') format('woff'),
         url('css/fonts/sail-regular-webfont.ttf') format('truetype'),
         url('css/fonts/sail-regular-webfont.svg#SailRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'AlfaSlabOneRegular';
    src: url('css/fonts/alfaslabone-regular-otf-webfont.eot');
    src: url('css/fonts/alfaslabone-regular-otf-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/fonts/alfaslabone-regular-otf-webfont.woff') format('woff'),
         url('css/fonts/alfaslabone-regular-otf-webfont.ttf') format('truetype'),
         url('css/fonts/alfaslabone-regular-otf-webfont.svg#') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'FontleroyBrownRegular';
    src: url('css/fonts/fontleroybrown-webfont.eot');
    src: url('css/fonts/fontleroybrown-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/fonts/fontleroybrown-webfont.woff') format('woff'),
         url('css/fonts/fontleroybrown-webfont.ttf') format('truetype'),
         url('css/fonts/fontleroybrown-webfont.svg#FontleroyBrownRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'AmaranthRegular';
    src: url('css/fonts/amaranth-webfont.eot');
    src: url('css/fonts/amaranth-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/fonts/amaranth-webfont.woff') format('woff'),
         url('css/fonts/amaranth-webfont.ttf') format('truetype'),
         url('css/fonts/amaranth-webfont.svg#AmaranthRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'AirstreamRegular';
    src: url('css/fonts/airstream-webfont.eot');
    src: url('css/fonts/airstream-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/fonts/airstream-webfont.woff') format('woff'),
         url('css/fonts/airstream-webfont.ttf') format('truetype'),
         url('css/fonts/airstream-webfont.svg#AirstreamRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'KingthingsExeterRegular';
    src: url('css/fonts/kingthings_exeter-webfont.eot');
    src: url('css/fonts/kingthings_exeter-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/fonts/kingthings_exeter-webfont.woff') format('woff'),
         url('css/fonts/kingthings_exeter-webfont.ttf') format('truetype'),
         url('css/fonts/kingthings_exeter-webfont.svg#KingthingsExeterRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'LouisianneRegular';
    src: url('css/fonts/louisianne-webfont.eot');
    src: url('css/fonts/louisianne-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/fonts/louisianne-webfont.woff') format('woff'),
         url('css/fonts/louisianne-webfont.ttf') format('truetype'),
         url('css/fonts/louisianne-webfont.svg#LouisianneRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'UnderwoodChampionRegular';
    src: url('css/fonts/underwood_champion-webfont.eot');
    src: url('css/fonts/underwood_champion-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/fonts/underwood_champion-webfont.woff') format('woff'),
         url('css/fonts/underwood_champion-webfont.ttf') format('truetype'),
         url('css/fonts/underwood_champion-webfont.svg#UnderwoodChampionRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'UpperEastSideRegular';
    src: url('css/fonts/uppereastside-webfont.eot');
    src: url('css/fonts/uppereastside-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/fonts/uppereastside-webfont.woff') format('woff'),
         url('css/fonts/uppereastside-webfont.ttf') format('truetype'),
         url('css/fonts/uppereastside-webfont.svg#UpperEastSideRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'WaterStreetRegular';
    src: url('css/fonts/waterst-webfont.eot');
    src: url('css/fonts/waterst-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/fonts/waterst-webfont.woff') format('woff'),
         url('css/fonts/waterst-webfont.ttf') format('truetype'),
         url('css/fonts/waterst-webfont.svg#WaterStreetRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'WalkwayBoldRegular';
    src: url('Walkway_UltraBold-webfont.eot');
    src: url('Walkway_UltraBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('Walkway_UltraBold-webfont.woff') format('woff'),
         url('Walkway_UltraBold-webfont.ttf') format('truetype'),
         url('Walkway_UltraBold-webfont.svg#WalkwayUltraBoldRegular') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'WalkwayBoldRegular';
    src: url('css/fonts/Walkway_Bold-webfont.eot');
    src: url('css/fonts/Walkway_Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/fonts/Walkway_Bold-webfont.woff') format('woff'),
         url('css/fonts/Walkway_Bold-webfont.ttf') format('truetype'),
         url('css/fonts/Walkway_Bold-webfont.svg#WalkwayBoldRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
body, html {
	font-size: 87.5%;
	text-align: center;
	font-family: Verdana, "Bitstream Vera Sans", "Vera Sans", Tahoma, Geneva, sans-serif;
	margin: 0;
	padding: 0;
	background-color: #333;
	background-image: url(images/texture/noise.png); 	
}

p {
	font-size: 1em;
	line-height: 1.4em;
}

b, strong { 
	font-weight: bold;
}

a:link { 
	text-decoration: none; 
}

a:visited { 
	text-decoration: none; 
}

a:hover, a:active { 
	text-decoration: none; 
}

img {
	border-style: none;
}

.image-left {
	margin: 3px;
	padding: 3px;
	float: left;
}

.image-right {
	margin: 3px;
	padding: 3px;
	float: right;
}

ul {
	font-size: 1.1em;
	margin: 0;
	padding: 0;
}

ul li {
	margin-bottom: 0.7em;
	line-height: 1.1em;
}

a img {
	border: none;
}

h1 {
	font-size: 3em;
	margin: 0;
	margin-top: 20px;
	padding: 0;
	-webkit-background-clip: text;
	text-shadow: rgba(255, 255, 255, 0.5) 0 1px 1px;}

h2 {
	font-weight: bold;
	font-style: normal;
	margin-bottom: 0.5em;
	margin-top: 1em;
	font-size: 2em;
	-webkit-background-clip: text;
	text-shadow: rgba(255, 255, 255, 0.5) 0 1px 1px;}

h3 {

	font-size: 1.5em;
	
}

h4 {
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 1.25em;
}

h5 {
	margin-top: 1em;
	margin-bottom: 0.1em;
	font-size: 1.1em;
}
	
/* ===========================================WRAPS =================================================*/ 
#pageWrap { 
	width: 100%; float: left;
}
#siteTitleWrap { 
	width: 100%; float: left; 
}
#headerWrap { 
	width: 100%; float: left; 
	background-color: #f7f7f7;
	background-image: url(images/texture/noise.png);
}
#navWrap { 
	width: 100%; float: left;
	padding-bottom: 5px;
}
#sliderWrap { 
	width: 100%; float: left;
	overflow: hidden;
	background-color: #eeeeee;
	background-image: url(images/texture/darkwood.png); 
	box-shadow: inset 0px 3px 8px #000;	
	-webkit-box-shadow: inset 0px 3px 8px #000; 
	-moz-box-shadow: inset 0px 3px 8px #000;}
#dividerWrap {
	width: 100%; float: left;
	background-image: url(images/dividergrad.png);
	background-color: #ccc;}
#contentWrap { 
	position: relative;
	z-index: 2;
	width: 100%; float: left; 
	background-color: #eee;
	box-shadow: 0px 1px 4px #333;	
	-webkit-box-shadow: 0px 1px 4px #333; 
	-moz-box-shadow: 0px 1px 4px #333;
}
#footerWrap { 
	width: 100%; float: left;
	position: relative;
	z-index: 1;
	background-color: #333;
	background-image: url(images/texture/noise.png); 
}
/* ==========================================Buttons */
.button {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:arial;
	font-size: 1.15em;
	font-weight:bold;
	padding:6px 15px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}
.button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}
.button:active {
	position:relative;
	top:1px;
}
.center { }
/* This imageless css button was generated by CSSButtonGenerator.com */


/* ===========================================CLEAR FIX */
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */
/* ========================================CUSTOM CALLS */
.clear { clear: both; }
.justify { text-align: justify;}
.forceCenter { display: block; margin: 0 auto;}
.alignLeft {float: left;}
.alignRight {float: right;}
.shadowbox {  
	box-shadow: 0px 1px 3px #666;	
	-webkit-box-shadow: 0px 1px 3px #666; 
	-moz-box-shadow: 0px 1px 3px #666;}
.shadowboxInset { 
	box-shadow: inset 0px 3px 8px #000;	
	-webkit-box-shadow: inset 0px 3px 8px #000; 
	-moz-box-shadow: inset 0px 3px 8px #000;}



/* =======================================MAIN SECTIONS */
#header {
	width: 960px;
	margin: 0 auto;
}
#siteTitle img {
	
}
#siteTitle {
	width: 960px;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 0px;
	text-align: left;
	display: inline-block;
	vertical-align:baseline;
	font-size: 3em;
	color: #333;
	-webkit-background-clip: text;
	text-shadow: rgba(255, 255, 255, 0.5) 0 1px 1px;
	font-weight: bold;}
#siteTitle h2 { margin-left: 20px; margin-bottom: 0; float: right;}
#siteTitle ul li{
	list-style: none; 
	outline: thin solid blue;
}
#nav {
	position: relative;
	z-index: 2000;
	width: 960px;
	margin: 0 auto;
	padding-bottom: 8px;
	background-image: url(images/navgloss.png) !important;
	background-repeat: repeat-x;
	display: inline-block;
	box-shadow: 0px 1px 4px #666;	
	-webkit-box-shadow: 0px 1px 4px #666; 
	-moz-box-shadow: 0px 1px 4px #666;
	border-radius: 10px;}
#nav ul {
	list-style: none;
}
#nav ul li {
	float: left;
	margin-top: 17px;
	margin-left: 10px;
}
#nav ul li a {
	text-decoration: none;
	padding: 10px;
	border-radius: 15px;
	-webkit-background-clip: text;
	text-shadow: rgba(255, 255, 255, 0.5) 0 1px 1px;}
#nav ul li a:active {
	box-shadow: inset 0px 1px 4px #666;	
	-webkit-box-shadow: inset 0px 1px 4px #666; 
	-moz-box-shadow: inset 0px 1px 4px #666;}
#nav ul li a:hover {
	box-shadow: inset 0px 1px 4px #666;	
	-webkit-box-shadow: inset 0px 1px 4px #666; 
	-moz-box-shadow: inset 0px 1px 4px #666;
	-transition: all 0.2s;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;}
#nav .current {
	box-shadow: inset 0px 1px 4px #666;	
	-webkit-box-shadow: inset 0px 1px 4px #666; 
	-moz-box-shadow: inset 0px 1px 4px #666;}
#slider {
	width: 960px;
	margin: 0 auto;
	
}
#slidergradL {
	position:absolute;
	left: 0;
}
#slidergradR {
	position:absolute;
	right: 0;
}
#image1 {
	background-image: url(images/slides/slider-1.jpg);
	background-position: top;
	height: 440px;
	width: 960px;
	}
#image2 {
	background-image: url(images/slides/slider-2.jpg);
	background-position: top;
	height: 440px;
	width: 960px;
	}	
#image3 {
	background-image: url(images/slides/slider-3.jpg);
	background-position: top;
	height: 440px;
	width: 960px;
	}
#bannerImage {
	background-image: url(images/slides/banner.jpg);
	background-position: top;
	margin: 0 auto;
	display: none;
	height: 250px;
	width: 960px;}
.divider {
	margin: 0 auto;
	padding-top: 15px;
	padding-bottom: 5px;
	-webkit-background-clip: text;
	text-shadow: rgba(255, 255, 255, 0.5) 0 1px 1px;}
.divider h1 img {
	margin-right: 10px;
	padding-bottom: 10px;
}
.divider h1 {
	margin-top: 15px;
}
#extraContainer4 { display: none; max-height: 420px; overflow: auto; text-align: left;}
#extraContainer5 { 
	display: none;
	font-size: 1em;
	width: 960px;
}
#extraContainer5 img {
	margin-top: -6px;
}
#contentShadow {
	margin: 0 auto;
	width: 960px;
	height: 20px;
	background-image: url(images/contentshadow.png);
	background-position: center;
}
#mainContent {
	width: 960px;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
#content {
	float: left;
	width: 67.75%;
}
#content h1 { margin: 0px 0 20px 0; }
#sidebarShadow {
	float: right;
	margin-top: 10px;
	margin-left: 1%;
	background-image: url(images/sidebarshadow.png);
	background-position: bottom;
	background-repeat: no-repeat;
	padding-bottom: 20px;
	width: 31.083333%;
}
#sidebar {
	font-size: 1em;
	text-align: left;
	padding: 5%;
	background-color: #fff;
	box-shadow: 0px 3px 6px #666;	
	-webkit-box-shadow: 0px 3px 6px #666; 
	-moz-box-shadow: 0px 3px 6px #666;
	border-radius: 5px;}
#sidebar li {
	list-style: none;
}
#sidebar a {
	text-decoration: none;
	font-size: 1.15em;
}
#sidebarTitle {
	font-size: 2em;
	font-weight: bold; 
	color: #333;
	-webkit-background-clip: text;
	text-shadow: rgba(255, 255, 255, 0.5) 0 1px 1px;
}
#seperate {
	display: none;
}
#footer {
	width: 960px;
	margin: 0 auto;
}
#footerNav {
	display: inline-block;
	vertical-align: bottom;
	margin: 0 auto;
	width: 960px;
}
#footerPages {
	text-align: left;
	float: left;
	margin-bottom: 0px;
	width: 20.833333%;
}
#footerPages ul {
	
}
#footerPages li {
	margin: 0;
	list-style: none;
	padding-top: 5px;
	padding-bottom: 5px;
	
}
#footerPages a {
	text-decoration: none;
	-webkit-background-clip: text;
	text-shadow: rgba(255, 255, 255, 0.5) 0 1px 1px;
}
#footerPagesH {
	display: none;
}
#breadcrumbContainer {
	font-size: 12px;
	opacity: .7;
	font-weight: 600;
	display: none;
	padding-top: 2px;
	text-decoration: none;
	margin: 0 auto;
	height: 20px;
	width: 960px;
	z-index: 1000;
	text-align: left;
	-webkit-background-clip: text;
	text-shadow: rgba(255, 255, 255, 0.5) 0 1px 1px;
}
#breadcrumbContainer ul li { display: inline;}

#breadcrumbContainer p {
	font-size: .85em;
}

#breadcrumbContainer a {
	text-decoration: none;
}

#breadcrumbContainer a:hover {
	
}
#copyRight {
	text-align: left;
	font-size: 1.1em;
	-webkit-background-clip: text;
	text-shadow: rgba(255, 255, 255, 0.5) 0 1px 1px;/*margin-top: -3px;*/
	padding: 5px 0px 5px 0px;
	display: block;
}
.footerBar{
	margin-bottom: 0px;
	float: left;
	text-align: left;
	width: 37.5%;
	padding-left: 2.083333%;
	font-size: 1em;
	-webkit-background-clip: text;
	text-shadow: rgba(255, 255, 255, 0.5) 0 1px 1px;}
.footerBar ul {
	
}
.footerBar li {
	margin: 0;
	list-style: none;
	padding-top: 10px;
	padding-bottom: 10px;
}
.footerBar li:first-child {
	padding-top: 0px;
}
.footerBar a {
	text-decoration: none;
	-webkit-background-clip: text;
	text-shadow: rgba(255, 255, 255, 0.5) 0 1px 1px;
}
.floatRight {
	float: right;
}
.footerBar ul {
	font-size: 1em;
}
/* Columns */
.column {
	width: 46%;
	margin-right: 4%;
	position: relative;
	float: left;
	font-size: 1em;
	hieght: 250px;
}
.threeColumn {
	width: 30%;
	margin-right: 3.3333%;
	position: relative;
	float: left;
	font-size: 1em;
	height: 250px;
}
.column h1, 
.column h2,
.column h3,
.column h4,
.column h5,
.column h6 {margin-top: 0px; }
.threeColumn h1, 
.threeColumn h2,
.threeColumn h3,
.threeColumn h4,
.threeColumn h5,
.threeColumn h6 {margin-top: 0px; }
#extraContainer5 {
	color: %colour_divider * 0.5%;
}
/* Social Media*/
.social {
	position: relative;
	width: 32px;
	float: right;
	-transition: all 0.25s;
	-webkit-transition: all 0.25s ease-out;
	-moz-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
}
.social:hover {
	width: 44px;
	margin-top: -12px;
}
.left {
	float: left;
}
#siteTitle .social {
	padding-top: 12px;
}

#contentWrap { 
	margin: 0; /* Right And Left Margin Widths To Auto */
}


#mainContent {
}

#mainContent #content {
	text-align: left;
	font-size: 1em;
}


/* @end */

/* @group Global Classes */

.standout, blockquote {
	font-size: 1.1em;
	padding: 5px;
	margin-top: 5px 0px 5px 0px;
	display: block;
	font-style: italic;
}
blockquote p {
	font-size: 2em;
}
blockquote p:before {
content: '"';
font-size: 2.25em !important;
}
blockquote p:after {
content: '"';
font-size: 2.25em !important;
line-height: 1em;
}
	


.blog-entry .imageStyle {
	display: block;
	margin: 0 auto;
	padding: 0;
	max-width: 100%;
	border: 10px solid white;
	box-shadow: 0px 1px 3px #666;	
	-webkit-box-shadow: 0px 1px 3px #666; 
	-moz-box-shadow: 0px 1px 3px #666;}

/* @end */

/* @group Blog */

.blog-entry {
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.blog-entry-title {
	text-align: left;
	font-weight: bold;
	font-size: 2em;
	padding: 5px;
}
.blog-entry-title {
	margin-bottom: 0px !important;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}
.blog-entry-tags {
	padding: 0 0 0 10px;
	font-size: 1.1em;
}
.blog-entry-tags ul {
	font-size: 1.1em;
}
.blog-entry-date {
	margin-top: -35px;
	text-align: center;
	line-height: 30px;
	height: 30px ;
	padding: 0 10px 0 10px;
	border-radius: 30px;
	float: right;
	font-size: 1.5em;
	font-style: normal;
}

.blog-entry-body {
	padding-right: 2%;
	text-align: left;
	font-size: 1em;
}

.blog-entry-comments {
	padding-top: 5px;
}

.blog-entry-category {
}

.blog-category-link-disabled {
}

.blog-category-link-enabled {
}

.blog-archive-headings-wrapper {
	margin-bottom: 2em;
}

.blog-archive-month {
	font-size: 1.5em;
}

/* styles the archives in the blog sidebar */
#blog-archives {
	margin-bottom: 10px;
}

.blog-archive-link-enabled {
	margin: 0 5px;
}

.blog-archive-link-disabled {
	margin: 0 5px;
}

/* Styles the blog categories in the blog sidebar */
#blog-categories {
	margin-bottom: 10px;
	font-size: 1.1em;
}

.blog-category-link-enabled {
	margin: 0 5px;
}

.blog-category-link-disabled {
	margin: 0 5px;
}

/* Styles the blog RSS feeds in the blog sidebar */
#blog-rss-feeds {
	margin-bottom: 10px;
}

.blog-rss-link {
}

.blog-comments-rss-link {
}
	
/* @end */

	
/* @end */

/* @group File Sharing */

.filesharing-description {
	padding-bottom: 10px;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.filesharing-item {
	float: left;
	width: 21%;
	margin-bottom: 10px;
	padding: 2%;
	-transition: all 0.2s;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	border-radius: 10px;}

.filesharing-item-title {
	text-align: left;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.25em;
}

.filesharing-item-description {
	text-align: left;
	font-size: 1em;
	font-style: normal;
	line-height: 1.1em;
	margin-top: 0.5em;
}

/* @end */

/* @group Photo Album */

/* @group Index Page (Thumbnail view) */

.album-title {
	padding: 5px;
	font-size: 3em;
}

.album-description {
	padding: 5px;
	font-size: 1.25em;
}
.album-description {
	margin-bottom: 20px;
}

.album-wrapper {
	margin: 0 auto;
	position: relative;
	display: inline-block;
}

.thumbnail-wrap {
	text-align: center;
	position: relative;
	float: left;
	margin-bottom: 10px;
	margin-right: 2.5px;
	margin-left: 2.5px;
/*	width: 144px;
	height: 144px;*/
}

.thumbnail-frame {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 3px;
/*    width: 144px;
    height: 144px;*/
    
}

.thumbnail-frame img {
    margin: auto;
    border: none;
    overflow: hidden;
    position: relative;
    display: block;
}

.thumbnail-caption {
	margin: 0;
	padding: 0;
	height: 35px;
	display: block;
	position: absolute;
	bottom: -40px;
	text-align: center;
}

.thumbnail-frame {
	
	
}

.thumbnail-frame p {
	
	  
}

.thumbnail-frame:hover {
	
}

.thumbnail-frame img {
	border: none;
	padding: 0;
}

.thumbnail-caption {
	font-size: .85em;
}

.thumbnail-frame {
	overflow: hidden;
}

.thumbnail-frame p {
	cursor: pointer;
	position:absolute; /* Center the mask */
	left: -180px;
	text-align: left;
	color: #fff;
	font-size: 50px;
	line-height: 50px;
	top: -175px;
	cursor:pointer;
    border-radius: 200px;
    border-width: 200px;
    display: inline-block;
    height: 100px;
	width: 125px;
	border: 200px solid rgba(0, 0, 0, 0.4);
	-moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
	opacity:1;
	visibility:visible;
	
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
	
}
.thumbnail-frame:hover p {
   opacity: 0;
   border:0px solid rgba(0,0,0,0.7);
   visibility:hidden;
}
	
/* @end */

/* @group Single Page (Photo view) */

.photo-background {
	background: #ffffff;
	text-align: center;
}

.photo-navigation {
	margin: 6px auto; 
	background: #cdc9bf;
	text-align: center;
	padding: 4px;
	width: 640px;
}

.photo-navigation a, .photo-navigation a:visited {
	text-decoration: none;
	font-size: .75em;
}

.photo-navigation a:hover {
	text-decoration: underline;
}

.photo-frame{
	padding: 4px;
	border: 1px solid #555555;
	margin: 6px;
	background: white;
}

.photo-links {
	padding: 0px;
}

.photo-title {
	padding: 0px;
	font-weight: bold;
	font-size: 1.5em;
	margin: 0;
}

.photo-caption {
	padding: 0px;
	font-size: 1.25em;
}

/* @end */
	
/* @end */

/* @group Quicktime Page */

.movie-description {
	text-align: center;
	margin: 5px;
}
	
/* @end */

/* @group Quicktime Album */

/* @group Index Page (Movie Thumbnail view) */

.movie-page-title {
	font-weight: bold;
	font-size: 3em;
}

.movie-page-description {
	margin-bottom: 20px;
}

.movie-thumbnail-frame {
	float: left;
	display: inline;
	margin-bottom: 10px;
	margin-right: 10px;
	text-align: center;
	margin-bottom: 60px;
}
.movie-thumbnail-frame img{
	width: 380px;
	height: 285px;
}
.movie-thumbnail-frame {}

.movie-thumbnail-frame a {
	
	  
}
.movie-thumbnail-frame:hover {}
.movie-thumbnail-caption {
	text-align: center;
	margin-bottom: 3px;
	font-size: 1em;
}
.movie-thumbnail-frame {
	overflow: hidden;
}

.movie-thumbnail-frame .movie-thumbnail-caption {
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	color: white;
	margin-top: -290px;
	margin-left: 20px;
	font-size: 2em;
	padding: 15px;
   opacity:1;
   	visibility:visible;
	position: absolute;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
	
}
.movie-thumbnail-frame:hover .movie-thumbnail-caption {
	visibility:hidden;
	cursor: pointer;
	text-align: left;
	color: #fff;
	
	line-height: 30px;
	padding: 10px;
	cursor:pointer;
	-moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
	
	opacity: 0;
	

}
	
/* @end */

.rw-sitemap {
	font-size: 1.25em;
}
.rw-sitemap .tree {
	list-style: none;
}
.rw-sitemap .tree ul {
	margin-top: 10px;
	margin-left: 20px;
	font-size: 1em;
}

/* @group Single Page (Movie View) */

.movie-background {
	background: #ffffff;
	margin-top: 5px;
}

.movie-title {
	text-align: center;
	font-weight: bold;
	font-size: 1.25em;
}

.movie-frame {
	text-align: center;
	margin-bottom: 10px;
}
	
/* @end */


/* @end */

/* @group Contact Form */
#content_text div {
	margin-bottom: 30px;
	
}
label {
	
}
.message-text {
	float: right;
	width: 48%;
} 

.required-text {
} 

.form-input-field {
	border: 1px solid #ccc;
	width: 50%;
}

textarea.form-input-field {

} 

.form-input-button { 
	border-radius: 5px;
} 
/* @end */

.boxColumn {
	border-top-right-radius: 15px;
	border-top-left-radius: 15px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	width: 46%;
	margin-right: 2%;
	float: left;
	height: 160px;
	text-align: center;
	margin-bottom: 20px;
	font-size: 1.5em;
	padding: 1%;}
.boxTitle {
	font-size: 1.6em;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	margin: 0 0 10px 0;
	padding: 10px 0 0 0;
	width: 100%;
	height: 40px;
	text-align: center;}
.ribbon-wrapper {
  width: 230px;
  height: 288px;
  overflow: hidden;
  position: absolute;
  top: 0px;
  right: 0px;
}

.ribbonCorner {
  font: bold 15px Sans-Serif;
  color: #333;
  text-align: center;
  text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
  -webkit-transform: rotate(45deg);
  -moz-transform:    rotate(45deg);
  -ms-transform:     rotate(45deg);
  -o-transform:      rotate(45deg);
  position: relative; 
  padding: 7px 50px 7px 50px;
  left: 0px;
  top: 42px;
  width: 220px;
  background-color: #588cb8;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#477ba7), to(#1a3b58));
  background-image: -webkit-linear-gradient(top, #477ba7, #2d618c);
  background-image:    -moz-linear-gradient(top, #BFDC7A, #8EBF45);
  background-image:     -ms-linear-gradient(top, #BFDC7A, #8EBF45);
  background-image:      -o-linear-gradient(top, #BFDC7A, #8EBF45);
  color: #1a3b58;
  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
  box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
}

.ribbonCorner:before, .ribbonCorner:after {
  content: "";
  border-top:   3px solid #6e8900;
  border-left:  3px solid transparent;
  border-right: 3px solid transparent;
  position:absolute;
  bottom: -3px;
}

.ribbonCorner:before {
  left: 0;
}
.ribbonCorner:after {
  right: 0;
}​
#sidecontainer .form-input-field, #footer .form-input-field {
	width: 100%;
}
#footer .message-text {
	width: 100%;
	margin: 0 0 10px 0;
}
.head2 {
	margin-top: 30px;
}
.head2:hover {
	width: 44px;
	margin-top: 18px;
}
#mobile-nav {
	display: none;
	
}
@media only screen and (max-device-width: 480px) {
body {
	font-size: 200% !important;	
}
h1, h2, h3, h4 ,h5, h6 {
	font-size: 400% !important;
	font-weight: normal !important;
}

.album-title{
	font-size: 400% !important;
}
#navWrap {
	display: none;
}
#mobile-nav {
	width: 100%;
	display: inline-block;
	float: left;
	font-size: 250% !important;
	height: auto !important;
	background-image: none;
	overflow: hidden;
	text-align: left;
}
#mobile-nav ul li {
	width: 100%;
	float: left;
}
#mobile-nav li {
	width: 100% !important;
	margin: 0 auto;
	position: relative;
	cursor: pointer;
	display: table;
	border: 1px solid #d5d5d5;
	text-shadow:0px 0px 0px #444444;
	padding: 50px 0px 50px 5% !important;
}
.menu ul {
	width: 90% !important;
	font-size: 1em;
	position: relative !important;
	top: 0;
	right: 0;
	float: right;
}
.menu ul li {
	font-size: 400% !important;
}
#mobile-nav ul ul li {
	
}
#mobile-nav ul ul ul li {
	
}
#mobile-nav ul ul ul ul li {
	
}
#mobile-nav ul ul { display: none;}
#mobile-nav ul li:hover ul { display: block;}
#mobile-nav a {
	width: 100%;
	height: 100%;
	display: block;	
	color: #fff !important;
}
#sidebarTitle {
	font-weight: normal;
	font-size: 4em;
	height: auto;
}
.album-title {
	font-weight: normal;
}
.movie-page-title {
	font-weight: normal;
}
.camera_pag {
	display: none;	
}
#social_media {
	
}
.social img {
	width: 104px;
	height: 104px;
}
.social {
	width: 80px;
	height: 80px !important;
	background-size: 100% 100%;
	margin-top: 40px;
}


#siteTitle {
	font-size: 160px !important;	
}
#sloganWrap {
	font-size: 40px !important;	
	display: block !important;
	margin-bottom: 20px;
}
#slogan {
	height: auto !important;
	margin: 0 auto;
	width: 100% !important;
}
#content {
	padding: 5%;
	width: 90% !important;
	float: none;
	/*font-size: 200%;*/	
}
#content p {
	/*font-size: 200% !important;*/
}
#sidebarShadow {
	padding: 5%;
	width: 90% !important;
}
#pagestyle5 {
	background-color: #dedede; 	
}
#myExtraContent4,  {
	width: 90% !important;
	padding: 5% !important;
	
}
#myExtraContent5 {
	margin-top: 50px !important;
}

h1 {
	height: auto !important;
}
h2 {
	height: auto !important;
}
h3 {
	height: auto !important;
}
h4 {
	height: auto !important;
}
h5 {
	height: auto !important;
}
h6 {
	height: auto !important;
}
#breadcrumbContainer{
	height: auto !important;	
}


#pagestyle1 {
	margin-top: 40px;
}

#header {
	width: 960px !important;}
#slogan{
	width: 480px;
}
#nav {
	width: 960px !important;}
#slider {
	width: 960px !important;
	overflow:hidden;
}
.p
#contentShadow {
	width: 960px !important;}
#mainContent {
	width: 960px !important;}

#footer {
	width: 960px !important;}
#footerNav {
	width: 960px !important;}
.camera_wrap {
	width: 960px !important;}
#pix_pag {
	width: 960px !important;
}
#extraContainer5 { 
	width: 960px !important;
}
#myExtraContent5 { 
	width: 960px !important;
}
#image1 {
	width: 960px !important;
	}
#image2 {
	width: 960px !important;
	}	
#image3 {
	width: 960px !important;
	}
#bannerImage {
	width: 960px !important;
}
#pix_pag_ul {
margin-left: 364px;
}
.caption {
	width: 590px !important;
	margin-bottom: 50px;
}
#copyRight {
	width: 960px !important;
}

#pagestyle1 {
	width:980px !important;	
}
#pagestyle2 {
	width:980px !important;	
}
#pagestyle3 {
	width:980px !important;	
}
#pagestyle4 {
	width:980px !important;	
}
#pagestyle5 {
	width:980px !important;	
}
.thumbnail-wrap0 {
	width: 192px !important;
}

.thumbnail-frame0 {
	width: 192px !important;
	}


.thumbnail-frame0 img {
	width: 192px;
	}
	
.thumbnail-wrap1 {
	width: 192px !important;
}
.thumbnail-frame1 {
	width: 192px !important;
	}



.thumbnail-frame1 img {
	width: 286px;
	}


.thumbnail-wrap2 {
	width: 192px !important;
}	
	
.thumbnail-frame2 {
	width: 192px !important;
}

.thumbnail-frame2 img {
	width: 192px;
}


.thumbnail-wrap3 {
	width: 192px !important;
	
}
.thumbnail-frame3 {
	width: 192px !important;
	}

.thumbnail-frame3 img {
	width: 192px !important;
}
.thumbnail-wrap4 {
	width: 192px !important;
	
}
		
.thumbnail-frame4 {
	width: 192px !important;
}	
.thumbnail-frame4 img {
	width: 192px;
	}

.thumbnail-wrap5 {
	width: 395px !important;
	
}
	
.thumbnail-frame5 {
	width: 395px !important;
	}

	
.thumbnail-frame5 img {
	width: 395px;
	}


.thumbnail-wrap {
	width: 192px !important;
}
	
.thumbnail-frame {
	width: 192px !important;
	}
#pagestyle1, #pagestyle2, #pagestyle3, #pagestyle4, #pagestyle5 {
	-moz-box-shadow:    0px 0px 0px !important;
	-webkit-box-shadow: 0px 0px 0px !important;
	box-shadow:         0px 0px 0px !important;
}#nav {
	display: none;
}
#mobile-nav {
	display: inline-block;
	float: left;
	font-size: 400%;
	height: auto !important;
	background-image: none;
	overflow: hidden;
}
#mobile-nav ul li {
	width: 100%;
	float: left;
}
#mobile-nav li {
	width: 100% !important;
	margin: 0 auto;
	position: relative;
	cursor: pointer;
	display: table;
	border: 1px solid #d5d5d5;
	text-shadow:0px 0px 0px #444444;
	padding: 40px 0px 40px 0;
}

#mobile-nav ul ul li {
	
}
#mobile-nav ul ul ul li {
	
}
#mobile-nav ul ul ul ul li {

}
#mobile-nav ul ul { display: none;}
#mobile-nav ul li:hover ul { display: block; }

#siteTitle {
	font-size: 160px !important;	
}
#sloganWrap {
	font-size: 40px !important;	
	display: block !important;
}
#slogan {
	height: auto !important;
	margin: 0 auto;
	width: 100% !important;
}





#pagestyle1 {
	margin-top: 40px;
}

#header {
	width: 960px !important;}
#slogan{
	width: 480px;
}
#nav {
	width: 960px !important;}
#slider {
	width: 960px !important;
	overflow:hidden;
}
.p
#contentShadow {
	width: 960px !important;}
#mainContent {
	width: 960px !important;}
#footer {
	width: 960px !important;}
#footerNav {
	width: 960px !important;}
#pix_pag {
	width: 960px !important;
}
#extraContainer5 { 
	width: 960px !important;
}
#myExtraContent5 { 
	width: 960px !important;
}
#image1 {
	width: 960px !important;
	}
#image2 {
	width: 960px !important;
	}	
#image3 {
	width: 960px !important;
	}
#bannerImage {
	width: 960px !important;
}
#pix_pag_ul {
margin-left: 364px;
}
.caption {
	width: 590px !important;
	margin-bottom: 50px;
}
#copyRight {
	width: 960px !important;
}

#pagestyle1 {
	width:980px !important;	
}
#pagestyle2 {
	width:980px !important;	
}
#pagestyle3 {
	width:980px !important;	
}
#pagestyle4 {
	width:980px !important;	
}
#pagestyle5 {
	width:980px !important;	
}
.thumbnail-wrap0 {
	width: 192px !important;
}

.thumbnail-frame0 {
	width: 192px !important;
	}


.thumbnail-frame0 img {
	width: 192px;
	}
	
.thumbnail-wrap1 {
	width: 192px !important;
}
.thumbnail-frame1 {
	width: 192px !important;
	}



.thumbnail-frame1 img {
	width: 286px;
	}


.thumbnail-wrap2 {
	width: 192px !important;
}	
	
.thumbnail-frame2 {
	width: 192px !important;
}

.thumbnail-frame2 img {
	width: 192px;
}


.thumbnail-wrap3 {
	width: 192px !important;
	
}
.thumbnail-frame3 {
	width: 192px !important;
	}

.thumbnail-frame3 img {
	width: 192px !important;
}
.thumbnail-wrap4 {
	width: 192px !important;
	
}
		
.thumbnail-frame4 {
	width: 192px !important;
}	
.thumbnail-frame4 img {
	width: 192px;
	}

.thumbnail-wrap5 {
	width: 395px !important;
	
}
	
.thumbnail-frame5 {
	width: 395px !important;
	}

	
.thumbnail-frame5 img {
	width: 395px;
	}


.thumbnail-wrap {
	width: 192px !important;
}
	
.thumbnail-frame {
	width: 192px !important;
	}
#pagestyle1, #pagestyle2, #pagestyle3, #pagestyle4, #pagestyle5 {
	-moz-box-shadow:    0px 0px 0px !important;
	-webkit-box-shadow: 0px 0px 0px !important;
	box-shadow:         0px 0px 0px !important;
}
/*-------------- Clear border remove --------*/

#footer {
	width: 100%;
}
#header, #mainContent, #breadcrumbContainer, #footer, #social_media, #extraContainer5, #slcircle {
	padding: 0px !important;
}
#nav {
	background-color: #fff;
	border-right: 0px !important;
	border-left: 0px !important;
}
#mainContent {
	margin-bottom: 0;
	padding-bottom: 80px;
}
#social_media {
	margin: 0 auto !important;
	
}
#sl_circle {
	opacity: .6;
}
#breadcrumbContainer {
	top: 0;
	width: 100% !important;
	margin-left: 0px !important;
}
#slcircle {
	margin-left: 0px !important;
	margin-right: 0px !important;
}
/**/
.threeColumn {
	width: 100% !important;
	height: auto !important;
}
#footerPages, #footerPagesH {
	width: 90%;
	padding: 0 5%;
}
#extraContainer4 {
	width: 90%;
	padding: 5%;
}
#extraContainer5 {
}
#extraContainer6 {
	width: 90%;
	padding: 5%;
}
#extraContainer7 {
	width: 90%;
	padding: 5%;
}
.pix_diapo {
	display: none !important;
}
img {
	width: 90%;
	height: auto !important;
}
.social {
	float: left;
}
#footerPagesH ul li {
	float: left;
	clear: left;
}
.threeColumn, .column {
	font-size: inherit !important;
}
.filesharing-item {
	width: 90%;
	padding: 50px 0 50px 20px;
}
form {
	float: left;
	clear: left;
	width: 90%;
}
.message-text {
	float: left;
	width: 90%;
}
.movie-thumbnail-caption {
	display: none;	
}
#extraContainer4 {
	max-height: 5000px;
}
}