/* @group General Styles */
@font-face {
    font-family: 'icons';
    src: url('css/fonts/modernpics-webfont.eot');
    src: url('css/fonts/modernpics-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/fonts/modernpics-webfont.woff') format('woff'),
         url('css/fonts/modernpics-webfont.ttf') format('truetype'),
         url('css/fonts/modernpics-webfont.svg#ModernPictogramsNormal') format('svg');
    font-weight: normal;
    font-style: normal;
}
body, html {
	font-family: 'LaneNarrowRegular', Verdana, "Bitstream Vera Sans", "Vera Sans", Tahoma, Geneva, sans-serif;
	font-size: 15px;
	margin: 0;
	padding: 0;
	/*text-align: center;*/
}

p {
	margin: 10px 0 10px 0;
}

b, strong { 
	font-weight: bold;
}

a:link { 
	text-decoration: none; 
}

a:visited { 
	text-decoration: none; 
}

a:hover, a:active { 
	text-decoration: none; 
}
a:hover {
	transition: color .3s;
	-moz-transition: color .3s; 
	-webkit-transition: color .3s; 
	-o-transition: color .3s; 
}
img {
	/*border-style: none;
	max-width: 100%;
	height: auto;*/
	max-width: 100%;
}

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

.image-right {
	margin: 3px;
	padding: 3px;
	display:inline-block;
	float: right;
}
.image-right img, .image-left img {
	width: auto;
}
ul {
	padding: 0;
}
.mainContent ul {
		margin: 0 0 0 30px;
}
ul li {
	
}

a img {
	border: none;
}

h1 {
	font-size: 28px;
	text-shadow: 0px 1px 2px rgba(0,0,0,.7);  
}

h2 {
	font-size: 24px;
	text-shadow: 0px 1px 2px rgba(0,0,0,.7);  
}

h3 {
	font-size: 20px;
	text-shadow: 0px 1px 2px rgba(0,0,0,.7);  
}

h4 {
	font-size: 18px;	
}

h5 {
	font-size: 16px;
}
	
/* ===========================================WRAPS =================================================*/ 
#pageWrap { 
	width: 100%; float: left;
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position: center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";
}
#logoWrap { 
	/*width: 100%;*/ float: left;
	margin-bottom: 10px;
}
#siteTitleWrap { 
	width: 100%; 
	float: left; 
	margin-bottom: 10px;
	max-width: 300px;
}
#leftSideWrap { 
	width: 320px; float: left;
	position: relative;
	z-index: 5000;
}
#sliderWrap { 
	width: 100%; float: left;
}
#camera_wrap {
	margin-bottom: 10px;
}
#contentWrap {
	text-align: left;
	position: relative;
	z-index: 2;
	max-width: 960px;
	min-width: 320px;
	margin: 10px 10px 0px 0;
	float: none;
	overflow: hidden;
}
#footerWrap {
	text-align: left;
	margin: 0 10px 10px 10px;
	max-width: 1268px;
	/*width: 93.75%;
	float: left;*/
	float: none;
	clear: left;
	overflow: hidden;
	position: relative;
	z-index: 1;
}
/* ==========================================Buttons */
.icon {
	font-family: 'icons'; 
	font-size: 40px;
	font-weight: 400 !important;
}
.icon {  
    position: relative;  
    text-shadow: 0px 1px 2px rgba(0,0,0,.7);  
    letter-spacing: 8px;  
}  
.rollMenu .icon {
	font-size: 24px;
	text-transform: none !important;
	text-shadow: 0px 0px 2px rgba(0,0,0,.3);  
}
.button {
	float: left;
	text-align: center;
	cursor: pointer;
	background: #349BCE;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 3px solid #4CAAD9;
	color: white;
	padding: 6px 45px 6px 45px;
	text-shadow: 0px -1px 0px #2D86B3;
	display: block;
	margin: 5px 0px 0px 5px;
}
.centerButton {
	margin: 0 auto;
	display: block;
	width: 200px;
	background: green;
}
.button:hover {
}
.button:active {
}
/* ===========================================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;}
/* =======================================LEFT SIDE */
#logoWrap img {
	/*max-width: 100%;*/
}
.leftSide {
	/*-webkit-transform: perspective(1200px) rotateY(40deg) !important;
    -moz-transform: perspective(1200px) rotateY(40deg) !important;
    -ms-transform: perspective(1200px) rotateY(40deg) !important;
    -o-transform: perspective(1200px) rotateY(40deg) !important;
    transform: perspective(1200px) rotateY(40deg) !important;*/

    /*-webkit-transform-origin: 110% 25%;
    -moz-transform-origin: 110% 25%;
    -ms-transform-origin: 110% 25%;
    -o-transform-origin: 110% 25%;
    transform-origin: 110% 25%;
	margin-top: 40px;
   
	-webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;*/
}
.leftSide {
	width: 93.75%;
	margin: 10px 3.125% 0px 3.123%;
	position: relative;
	z-index: 0 !important;
}
#siteTitle {
	padding: 15px 20px;
	font-size: 22px;
	text-shadow: 0px 1px 2px rgba(0,0,0,.7);  
}
#siteTitle img {
	
}
#siteTitle ul li{
}
/* =======================================SLIDER */
.slider {
	height: auto;
	margin: 0 auto;
	display: block;
	/*display: inline-block;
	width: 100%;
	margin: 0 0 40px 0;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-color: #1a1a1a;*/
}


/* =======================================MAIN SECTIONS */
.mainContent {
	display: inline-block;
}
.slogan {
	font-size: 38px;
	padding: 20px;
	margin-bottom: 10px;
	text-shadow: 0px 1px 2px rgba(0,0,0,.7);  
}
.content {
	padding: 20px;
	margin-bottom: 10px;
}
.content h1, #myExtraContent1 h1, #myExtraContent2 h1, #myExtraContent3 h1, #myExtraContent4 h1 {
	border-bottom: 1px solid;
	margin: 0 0;
}
.sidebar {
	width: 100%;
	float: left;
}
.sidebar h3 {
	margin-bottom: 10px;
}
.sidebar ul {
	
	margin: 0 0 0 20px;
}
.sideContainer {
		padding: 10px 20px;
}
.sidebarTitle {
	font-size: 20px;
	padding: 15px 20px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	-moz-box-shadow: inset 0px -1px 0px rgba(0,0,0, .4);
	-webkit-box-shadow: inset 0px -1px 0px rgba(0,0,0, .4);
	box-shadow: inset 0px -1px 0px rgba(0,0,0, .4);
	text-shadow: 0px 1px 2px rgba(0,0,0,.7);  
}
.light .sidebarTitle {
	border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
#myExtraContent1, #myExtraContent2, #myExtraContent3, #myExtraContent4 {
	/*width: 100%;*/
	float: left;
	padding: 20px;
	margin-bottom: 10px;
}
#myExtraContent1 {
}
#myExtraContent2 {
}


/* =======================================FOOTER */
.footer {
	/*display: inline-block;
	max-width: 1280px;
	width: 94.7742%;
	margin: 0 2.6129% 0 2.6129%;*/
	padding: 0px 20px 0px 20px;
}
.copyRight {
	padding: 5px 0;
	display: block;
}
.mainContent .breadcrumbContainer {
	display: none;
	padding: 10px 20px;
	margin-bottom: 10px;
}
.footer .breadcrumbContainer {
	display: none;
	padding: 5px 0 5px 0;
}
.breadcrumbContainer ul {
	margin: 0;
}
.breadcrumbContainer ul li {
	display: inline;
}

/* =======================================HTML STYLES */
.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;
}
a.social {font-family: 'JustVector';}
a.social:hover {
	transition: color .5s;
	-moz-transition: color .5s; 
	-webkit-transition: color .5s; 
	-o-transition: color .5s; 
}
.footer a.social {font-size: 24px; padding-left: 3px; float: right;}
#siteTitle a.social { margin-right: 5px;}
/* =======================================BLOG */
.imageStyle {
	max-width: 100%;
	height: auto;
}
/*.ie9 .imageStyle {
	width: 100%;
}*/
.blog-entry {
	margin-bottom: 40px;
	padding-bottom: 10px;
	padding: 0px 0px 15px 0px;
}
.blog-entry-title {
	text-align: left;
	font-weight: normal;
	font-size: 24px;
	margin: 10px 0 5px 0 !important;
	padding: 0px 0 0 0 !important;
}
.blog-entry-tags {
	padding: 0 0 0 10px;
}
.blog-entry-tags ul {

}
.blog-tag-cloud {
	display: inline-block;
	margin: 0 !important;
}
.blog-tag-cloud li {
	float: left;
	margin: 0 0 0 5px;
	list-style: none;
}
.blog-tag-cloud li:after {
    content: " /";
}
.blog-tag-cloud li:last-child:after {
    content: "";
}
.blog-entry-date {
	
}

.blog-entry-body {
	text-align: left;
	margin-top: 20px;
}

.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 {

}

/* 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;
}

.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 {
}
/* =======================================FILE SHARING */
.filesharing-description {
	margin: 0px 0 0 0;
}
.filesharing-description h1 {
	font-size: 28px;
	border-bottom: 1px solid;
	padding: 0px 0 5px 0;
	margin: 25px 0 20px 0;
}
.filesharing-item {
	
}
.filesharing-item-title {
	font-size: 24px;
	margin: 5px 0;
}

.filesharing-item-description {
	
}
/* =======================================PHOTO ALBUM */
@media (max-width: 600px){
	div.pp_pic_holder {
		width: 325px !important;
		left: 0 !important;
		margin-top: -40px !important;
	}
 	.thumbnail-frame {
		width: 295px !important;
	}
	.pp_content, .pp_hoverContainer, .pp_details {
		width: 300px !important;
	}
	.pp_content {
		height: auto !important;
		padding-bottom: 50px !important;
	}
	#fullResImage {
		width: 290px !important;
		height: auto !important;
	}
	.pp_top, .pp_bottom, .ppt {
		width: 325px !important;
		
	}
	.pp_gallery, .pp_expand {
		display: none !important;
	}
	.thumbnail-wrap {
		margin-left: -20px !important;
	}
}
.album-title {
	font-size: 28px;
	border-bottom: 1px solid;
	padding: 25px 0 5px 0;
	margin-bottom: 20px;
}
.album-description {
	padding: 5px;
}
.album-description {
	margin-bottom: 40px;
}
.album-wrapper {
	margin: 0 auto;
	position: relative;
	display: inline-block;
}
.thumbnail-wrap {
	text-align: center;
	position: relative;
	float: left;
	height: auto;
	margin-bottom: 40px;
	margin-right: 10px;
	margin-left: 10px;
}
.thumbnail-frame {
    position: absolute;
    top: 0;
    left: 0;
}
.thumbnail-frame img {
    margin: auto;
    border: none;
    overflow: hidden;
    position: relative;
    display: block;
}
.thumbnail-frame img {
	-moz-box-shadow: 0px 1px 5px rgba(0,0,0, .4);
	-webkit-box-shadow: 0px 1px 5px rgba(0,0,0, .4);
	box-shadow: 0px 1px 5px rgba(0,0,0, .4);
}

.thumbnail-caption {
	
}

.thumbnail-frame {
	/*overflow: hidden;*/
}

.thumbnail-frame p {
	
}
.thumbnail-frame:hover p {
}
/* =======================================PHOTO PAGE */
.photo-background {
	background: #ffffff;
	text-align: center;
}

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

.photo-navigation a, .photo-navigation a:visited {
	text-decoration: none;
}

.photo-navigation a:hover {
	
}

.photo-frame{
	-moz-box-shadow: 0px 1px 5px rgba(0,0,0, .4);
	-webkit-box-shadow: 0px 1px 5px rgba(0,0,0, .4);
	box-shadow: 0px 1px 5px rgba(0,0,0, .4);
}

.photo-links {
	padding: 0px;
}

.photo-title {
	padding: 0px;
	font-size: 28px;
	margin: 0;
}

.photo-caption {
	padding: 0px;
	font-size: 1.25em;
}
/* =======================================MOVIE PAGE */
.movie-description {
	text-align: center;
	margin: 5px;
}
.movie-page-title {
	font-size: 28px;
	font-size: 28px;
	border-bottom: 1px solid;
	padding: 0px 0 5px 0;
	margin: 25px 0 20px 0;
}

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

.movie-thumbnail-frame {
	float: left;
	display: inline;
	margin-bottom: 10px;
	margin-right: 5px;
	text-align: center;
	margin-bottom: 60px;
}
.movie-thumbnail-frame img{
	width: 190px;
	height: 140px;
	margin-bottom: 10px;
	-moz-box-shadow: 0px 1px 5px rgba(0,0,0, .4);
	-webkit-box-shadow: 0px 1px 5px rgba(0,0,0, .4);
	box-shadow: 0px 1px 5px rgba(0,0,0, .4);
}
.movie-thumbnail-frame {}

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

.movie-thumbnail-frame .movie-thumbnail-caption {
	
	
}
.movie-thumbnail-frame:hover .movie-thumbnail-caption {

	

}
/* =======================================SITE MAP */
.sitemap-header h1 {
	font-size: 28px;
	border-bottom: 1px solid;
	padding: 0px 0 5px 0;
	margin: 25px 0 20px 0;
}
.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;
}
/* =======================================MOVIE */
.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;
}
/* =======================================CONTACT */
#content_text div {
	margin-bottom: 30px;
}
label {
	
}
.message-text h1{
	font-size: 28px;
	border-bottom: 1px solid;
	padding: 0px 0 5px 0;
	margin: 25px 0 20px 0;
} 
.required-text {
} 
.form-input-field {
	width: 578px;
	max-width: 100%;
	padding: 9px;
	border: solid 1px #E5E5E5;
	outline: 0;
	font: normal 13px/100% Verdana, Tahoma, sans-serif;
	background: white url('bg_form.png') left top repeat-x;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;
}
 @media (max-width: 960px){
	.form-input-field {
		width: 94%;
	}
}
textarea.form-input-field {

} 
.form-input-button { 
	float: left;
	text-align: center;
	cursor: pointer;
	background: #349BCE;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 3px solid #4CAAD9;
	color: white;
	padding: 6px 45px 6px 45px;
	text-shadow: 0px -1px 0px #2D86B3;
	display: block;
	margin: 5px 0px 0px 5px;
} 
.camera_wrap {
	box-shadow: 0px 1px 3px rgba(0,0,0, .4);
	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0, .4);
	-moz-box-shadow: 0px 1px 3px rgba(0,0,0, .4);
}
#logoWrap, #siteTitleWrap, .sidebar,  .slogan, .content, #myExtraContent1, #myExtraContent2, #myExtraContent3, #myExtraContent4,
 .mainContent .breadcrumbContainer, #footerWrap, .camera_prev, .camera_next, .camera_commands, .thumbnail-frame img {
	box-shadow: 0 1px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
}


/* ============================================== @media ===========================================*/

 @media (max-width: 640px){
 	#leftSideWrap {
		width: 100%;
	}
 	#contentWrap {
 		margin: 0;
 	}
	.slider, .slogan, .content, #myExtraContent1, #myExtraContent2, #myExtraContent3, #myExtraContent4, #footerWrap, .mainContent .breadcrumbContainer {
		margin: 0 3.125% 10px 3.125%;
		position: relative;
		z-index: 0 !important;
	}
	.thumbnail-wrap {
		margin-right: 0px;
		margin-left: 0px;
	}
}
 @media (max-width: 960px){
 	.slogan {
		font-size: 24px;
	}
}


/* ============================================== Transition ===========================================*/
.camera_wrap { 
	-webkit-transition:all 1s;
	-moz-transition:all 1s;
	-o-transition:all 1s;
	-ms-transition:all 1s;
	transition:all 1s;
	-webkit-backface-visibility: hidden;
}

/* Glass*/

/* glossy overlay */
.glass:before {
	display:block;
	content:"";
	position:absolute;
	left:0;
	top:0;
	z-index:999;
	background-image:linear-gradient(250 500,transparent 75.9%,rgba(255,255,255,0.1) 76%,rgba(255,255,255,0.6) 100%);
	background-image:-o-linear-gradient(250 500,transparent 75.9%,rgba(255,255,255,0.1) 76%,rgba(255,255,255,0.6) 100%);
	background-image:-moz-linear-gradient(250 500,transparent 75.9%,rgba(255,255,255,0.1) 76%,rgba(255,255,255,0.6) 100%);
	background-image:-webkit-linear-gradient(250 500,transparent 75.9%,rgba(255,255,255,0.1) 76%,rgba(255,255,255,0.6) 100%);
	background-image:-ms-linear-gradient(250 500,transparent 75.9%,rgba(255,255,255,0.1) 76%,rgba(255,255,255,0.6) 100%);
	background-image:-webkit-gradient(linear,250 500,left top,color-stop(0.759,transparent),color-stop(0.76,rgba(255,255,255,0.1)),color-stop(1,rgba(255,255,255,0.4)))
}

/*clock container and bevel*/
.glass,.glass:before {
	padding: 30px 15px;
	width: 153.9px;
	height: 150px;
	-moz-box-shadow:	1px 1px 1px rgba(255,255,255,0.15) inset,-1px -1px 1px 1px rgba(0,0,0,0.3) inset,0px 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow:	1px 1px 1px rgba(255,255,255,0.15) inset,-1px -1px 1px rgba(0,0,0,0.3) inset,0px 1px 3px rgba(0,0,0,0.5);
	box-shadow:			1px 1px 1px rgba(255,255,255,0.15) inset,-1px -1px 1px rgba(0,0,0,0.3) inset,0px 1px 3px rgba(0,0,0,0.5);
}

.glass {
	position:relative;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.glass:last-child {
	margin-right: 0px;
}

/*type*/
.glass {
	font-size:16px;
	line-height:16px;
	line-height: 22px;
	text-shadow: 0px 1px 2px rgba(0,0,0,.7); 
}