@charset "utf-8";

html {	height: 100%; background-color: #262626; overflow-y: scroll; }

body {
	height: 100%; width: 100%; 
	margin: 0; padding: 0;
	
	background-color: #000;

	scrollbar-face-color: #000;
	scrollbar-shadow-color: #fff;
	scrollbar-highlight-color: #fff;
	scrollbar-3dlight-color: #111;
	scrollbar-darkshadow-color: #111;
	scrollbar-track-colowr: #111;
	scrollbar-arrow-color: #fff;
	
	font-family: Helvetica, sans-serif;
	font-size: 9pt;
	color: #cacaca;
	
	display: table;
}

img { border: 0 !important; }

#container {
	display: table-cell;
	height: 100%;
	vertical-align: middle; 
	clear: both;
	
	background-color: #262626;
	background-image: url(/Assets/Layout/Images/bg.gif);
	background-repeat: repeat-x;
	background-position: center;
	background-attachment: fixed;
	
	visibility: hidden;
}

#logo {
	display: block !important;	 
	text-align: center;
	padding: 30px 0 30px 0;
}

#footer {
	height: 80px;
	background-color: #181818;
	background-image: url(/Assets/Layout/Images/footer.jpg);
	background-repeat: repeat-x;
	padding-right: 35px; padding-left: 105px;
	overflow: hidden;
}

#footer .pad {
	text-align: center;
	padding-top: 29px;
	line-height: 30px;
	text-transform: uppercase;
	
	font-size: 9px; color: #636363; letter-spacing: 2px;
}

#content-wrapper { 
	background: #000;
}

#content { 
	/* width: 1000px; */
	width: 100%; min-width: 1000px;
	margin: 0 auto;
}

.utility-icon { 
	float: right; display: inline;
	margin-left: 8px; width: 25px; height: 25px; cursor: pointer;
	background-repeat: no-repeat;
/*
	opacity: 0.4; -moz-opacity: 0.4; -khtml-opacity: 0.4;
	filter:alpha('opacity'=40);
*/ 
}
.utility-icon:hover { 
/*	
	opacity: 1; -moz-opacity: 1; -khtml-opacity: 1;
	filter:alpha('opacity'=100);
*/
}
#rss-icon { background-image: url(/Assets/Layout/Images/icon-rss.png); }
#rss-icon:hover { background-image: url(/Assets/Layout/Images/icon-rss-hover.png); }
#email-icon { background-image: url(/Assets/Layout/Images/icon-mail.png); }
#email-icon:hover { background-image: url(/Assets/Layout/Images/icon-mail-hover.png); }

.togglers { cursor: pointer; }
.togglers .constraint { padding: 6px 10px 4px 10px; width: 980px; margin: 0 auto }
.togglers.active { background-image: url('/Assets/Layout/Images/toggler-active-bg.gif'); background-position: left; background-repeat: repeat-y; }
.togglers.active .constraint { background-image: url('/Assets/Layout/Images/active-bg.png'); background-position: left; background-repeat: repeat-y; }
.togglers.active, .togglers.active a { cursor: default; }
.togglers, .togglers a { font-size: 10px; line-height: 10px; letter-spacing: 1px; text-transform: uppercase; }
.togglers a { height: 10px; color: #ddd; text-decoration: none; }
.togglers:hover a, .togglers a:hover, .togglers.active a { color: #5590bf; }

.elements { width: 100%; height: auto; margin-left: auto; margin-right: auto; }
.element-content {
	min-height: 200px;
}

.element-loading { 
	background-repeat: no-repeat; background-position: center;
	background-image: url(/Assets/Layout/Images/loading-bar-black.gif);
	height: 200px;
}

.page-content-wrapper {
	float: right; display: inline;
	width: 500px; height: auto;
}

.page-content {
	padding: 30px 120px 20px 20px;
	font-weight: 100;
	color: #818181;
	line-height: 20px;
}

.page-content p { margin-bottom: 20px; }

.page-image-wrapper {
	/* float: left; display: inline; */
	width: 500px; height: auto;
}

.page-image {
	padding: 45px 20px 20px 0;
	text-align: right; 
}
.page-image img { float: right; display: inline }

.submenu {
	width: 100%; height: 20px;
	overflow: hidden;
	background-image: url(/Assets/Layout/Images/smbg.jpg);
	background-repeat: repeat-x;
	line-height: 20px;
	text-align: center;
}

.submenu a { 
	padding: 4px 20px 10px 20px; height: 40px; line-height: 15px;
	font-size: 10px; letter-spacing: 1px; text-transform: uppercase;
	color: #ddd; text-decoration: none;
}

.submenu a.active, .submenu a:hover {
	background-image: url(/Assets/Layout/Images/sm-item-bg.jpg);
	background-repeat: repeat-x; 
	color: #5590bf; 
}

.scrolling-content { width: 1000px; height: auto; overflow: hidden; margin-left: auto; margin-right: auto; }
.scrolling-element { width: 1000px; height: auto; overflow: hidden; float: left; display: inline; }

/* .scrolling-content#sc-books { height: 450px; } */

.book {
	float: left; display: inline;
	margin: 40px 30px;
	height: 333px; 
	cursor: pointer;
}
#book-1 { margin-left: 60px; }

.book img { border: 1px solid #262626 !important; }
.book .title { width: 250px; text-align: center; margin-top: -50px }
.book .title a { font-size: 12px; font-weight: 100; letter-spacing: 2px; text-transform: uppercase; color: #ddd; text-decoration: none; }
.book:hover .title a .book .title a:hover { color: #5590bf;  }

.book-images { 
	float: left; display: inline;	
	width: 276px; 
	margin-left: 130px;
	margin-right: 30px;
	margin-top: 40px;
}

.book-details {
	float: left; display: inline;	
	width: 380px;
	margin-top: 40px; 
}

.book-images .thumbs { margin-top: 25px; margin-bottom: 40px; }
.book-images .thumbs .image { 
	float: left; display: inline; margin-bottom: 5px;
}

.book-images .thumbs .image img {
	opacity: 0.6; -moz-opacity: 0.6; -khtml-opacity: 0.6; -webkit-opacity: 0.6;
	filter:alpha(opacity=60);
}
.book-images .thumbs .image img:hover {
	opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1;
	filter:alpha(opacity=100);
}
.book-images > .image img,
.book-images .thumbs .image img { /* border: 1px solid #262626 !important; */ margin-bottom: 0; } 

.book-details .details {
	font-weight: 100;
	color: #818181;
	line-height: 20px; 
}

.specs h2 {
	font-size: 14px; letter-spacing: 1px;
	color: #5590bf; text-decoration: none; font-weight: normal;
	margin: 30px 0 0 0;
}

.specs p { color: #818181; }
.specs ul {
	margin-left: 0; padding-left: 0;
	list-style-position: inside;
	color: #818181;
}

#contact-shade-wrapper { width: 100%; background-color: #141414; }
#contact-shade { width: 1000px; height: 60px; margin: 0 auto;   }
#contact-shade .separator { float: left; display: inline; width: 5px; height: 60px; background-image: url(/Assets/Layout/Images/separator.png); background-repeat: no-repeat; margin: 0 40px; }
#contact-shade .sharing-icons { float: left; display: inline; margin: 0 auto; padding-top: 20px }
#contact-shade .sharing-icons .sharing-icon { float: left; display: inline; margin: 0 0 0 10px; }
#contact-shade .sharing-icons .text { float: left; display: inline; margin: 0; text-transform: uppercase; letter-spacing: 1px; font-weight: 100; font-size: 11px; padding-top: 6px; }

#contact-form {
	width: 330px; 
	margin: 20px auto 40px auto; 
}

#contact-form input[type="text"], * html #contact-form input.text,
#contact-form input[type="submit"], * html #contact-form input.submit,
#contact-form textarea {
	font-family: Helvetica, sans-serif;
	width: 330px; height: 22px;
	font-size: 11px; 
	margin-bottom: 10px;
	background: #131313;
	border: 1px solid #333;
	color: #818181;
	line-height: 22px;
	padding: 0 5px;
}

#contact-form input[type="text"]:focus, * html #contact-form input.text:focus,
#contact-form input[type="submit"]:hover, * html #contact-form input.submit:hover,
#contact-form textarea:focus {
	outline: 1px solid #256699;
}

#contact-form input[type="submit"]:active, * html #contact-form input.submit:active {
	background: #050505;
	border: 1px solid #333;
	outline: none;
}
	
#contact-form input[type="submit"], * html #contact-form input.submit {
	width: 100px; text-transform: uppercase; letter-spacing: 1px;
	cursor: pointer;
}

#contact-form textarea { line-height: 15px; padding: 5px; height: 165px; min-height: 165px; max-height: 165px; max-width: 330px; }

.contact-content {
	color: #818181;
	line-height: 20px; letter-spacing: 1px;
	
	width: 330px; margin: 5px auto 0 auto;
	font-size: 12px; 
}

.contact-content strong, .contact-content b { color: #256699; }

#contact-form input.invalid, #contact-form textarea.invalid {
	outline: 1px solid #751c1c;;
} 

#contact-form .error-msg {
	position: absolute;
	font-size: 11px;
	line-height: 23px; height: 22px;
	color: #751c1c;; letter-spacing: 1px;
}

#news-top {
	margin: 0 auto;
	width: 640px; height: 30px;
	background-image: url(/Assets/Layout/Images/title-bg.png);
	background-repeat: repeat-x;
	overflow: hidden;
	white-space: nowrap;
}

#news-content {
	margin: 0 auto 10px auto;
	width: 640px;
}

.news-body {
	float: left; display: inline;
	width: 450px;
}

.news-sidebar {
	float: left; display: inline;
	width: 190px;
	font-size: 12px;
	color: #b2b2b2;
	line-height: 16px;
}

#news-top h1 {
	font-family: Times New Roman, serif;
	float: left; display: inline;
	font-size: 13px; font-weight: normal;
	margin-left: 10px;
	color: #63a2d5;
}

.news-sidebar h1 {
	color: #b2b2b2 !important;
	margin-left: 25px !important;
}

#news-text {
	font-size: 12px;
	background: #1a1a1a;
	color: #b2b2b2;
	line-height: 17px;
	font-weight: 100;
}

#news-text p { padding: 10px 0; height: auto; }
#news-text .pad { padding: 0 10px; }

.news-sidebar a { text-decoration: none; color: #818181; }
.news-sidebar a:hover, .news-sidebar ul li.active a { text-decoration: none; color: #63a2d5; }

.news-sidebar ul { 
	font-size: 12px; line-height: 17px;
	margin: 15px 0 0 10px; padding: 0 0 0 15px; 
	list-style-type: disc; list-style-position: outside;
	font-weight: 100; 
}

.news-sidebar ul li { margin-bottom: 8px; }

#news-nav { float: left; display: inline; width: 450px; height: 20px; margin-bottom: 10px; overflow: hidden; }
#news-nav .element { 
	float: left; display: inline;
	background-image: url(/Assets/Layout/Images/nav-bg.png);
	background-repeat: repeat-x; 
	height: 20px; overflow: hidden;
	line-height: 20px; text-transform: uppercase;
	margin-right: 5px;
	text-align: center;
	cursor: pointer;
	width: 80px;
}
#news-next:hover, #news-prev:hover { color: #751c1c; }
#news-nav #news-share { margin: 0; width: 280px; text-align: right; cursor: default; }
#news-nav #news-share .sharing-icon { float: right; display: inline; width: 16px; height: 16px; margin-right: 3px; margin-top: 2px; }

.image-category {
	float: left; display: inline;
	margin: 60px 0 80px 20px !important;
	height: 266px; width: 204px; 
	overflow-x: visible !important; overflow-y: hidden;
	cursor: pointer;
}
.image-category img { border: 1px solid #262626 !important; }
.image-category .title { width: 200px; text-align: center; margin-top: -50px; height: 20px; }
.image-category .title a { 
	font-size: 12px; font-weight: 100; letter-spacing: 2px; text-transform: uppercase;
	color: #ddd; text-decoration: none;
}
.image-category:hover .title a, .image-category .title a:hover {color: #5590bf; }

.hidden { display: none; }
.image-category .visible { display: block; margin-bottom: 70px; }
.image-category .hidden { display: block; }
.image-category:hover .visible { display: none !important; }
.image-category:hover .hidden { display: block; }

div.reflect { padding: 0 2px !important; }

.scrolling-content#sc-artwork, .scrolling-content#sc-photography { height: 360px; }

.folder-contents {
	width: 630px; height: auto; 
	margin: 40px auto 20px auto;
	overflow: hidden;
}

.folder-description {
	width: 630px; height: 20px;
	margin: 0 auto 30px auto;
	
	font-size: 11px;
	line-height: 20px;
	color: #7e7e7e;
	text-transform: uppercase;
}

.folder-description a { color: #7e7e7e; text-decoration: none; }
.folder-description a:hover, .folder-description .active { color: #ddd; text-decoration: none; }

.gallery-series {
	float: left; display: inline;
	width: 150px; height: 85px; 
	margin: 0 10px 10px 0;
}

.gallery-series .image img {
	opacity: 0.6; -moz-opacity: 0.6; -khtml-opacity: 0.6; -webkit-opacity: 0.6;
	filter:alpha(opacity=60);
}
.gallery-series .image img:hover {
	opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1;
	filter:alpha(opacity=100);
}

#home-content { height: 572px; }
#home-slideshow { cursor: pointer; visibility: hidden; width: 620px; margin: 0 auto; height: 497px;   }
#home-info { 
	width: 620px; margin: 30px auto; padding: 0; height: 15px;
	line-height: 14px;
	font-size: 11px;
	text-transform: uppercase;
	color: #444;
	text-align: center;
}

.ab-content-wrapper { width: 1000px; margin-left: auto; margin-right: auto }

.faq { cursor: pointer; margin-left: 40px; }
.faq:hover { color: #63a2d5; }
.faqanswer { 
	margin: 0 0 0 70px; display: none;  overflow: hidden;
	opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0;
	filter:alpha(opacity=0);
}

.element-content a { color: #fff; text-decoration: none; }
.element-content a:hover { color: #63a2d5; text-decoration: none; }

span.reflect { width: 204px !important; }