@charset "utf-8";
/**
 * COLOR MAP:
 * 'backgroundRed' : #8d0000(with transparent img overlay)
 * 'ContentRed' : #f81210;
 * 'Buttons and headers red': #a71906(red), #710000(orange), 075567(blue), 047d24(green)
 * 'heading highlight(Pink highlight)' : #de746f;
 * unused:
 *		Tetriad (075567)
 **/

/*== Basic styles ==*/
	* 		{ margin:0; padding:0; }
	html 	{ height:auto; width:100%; }
	body 	{ background:#000 url('../graphics/bg3.png') repeat top left; color:#f9d2d2; font:normal 0.7em "Arial", sans-serif; width: 100%; }
	a 		{ border:0; color:#610000; text-decoration:none;}
	a:hover { color:#DE746F; }
	img 	{ border:0; }
	hr 		{ display:none; }

/*== Common classes ==*/
	.clearfix:after 	{ content: "."; display: block; height: 0; overflow:hidden; clear: both; visibility: hidden; }
	.hidden 			{ display: none; }
	label.error 		{ color:#DE746F; text-transform:uppercase; }	
	.profileLink 		{ text-align:right; display:none; }
	.largeLink 			{ font-size:1.8em;}

/*== FONTS ==*/
	/* fat fonts */
	@font-face {
		font-family: 'BebasRegular';
		src: url('BEBAS___.eot'); src: local('Bebas Regular'), local('Bebas'), url('BEBAS___.ttf') format('truetype');
	}
	
	#content #h1wrap h1,
	#content #preface h2,
	#content .panel h4,
	#content .panel .buttonSmall,
	#content .panel .buttonLarge{ 
		font-family: 'BebasRegular', sans-serif;
	}
	
	/* thin fonts */
	@font-face {
		font-family: 'ExistenceLightRegular';
		src: url('Existence-Light.eot'); src: local('Existence Light Regular'), local('Existence-Light'), url('Existence-Light.ttf') format('truetype');
	}
	@font-face {
		font-family: 'NonserifRegular';
		src: url('Nonserif.eot'); src: local('Nonserif Regular'), local('Nonserif-Regular'), url('Nonserif.ttf') format('truetype');
	}
	#content #logo,
	#content #h1wrap h1 span,
	#content #mainMenu ul li	{ font-family: 'NonserifRegular', sans-serif;}		
	#content #preface h2,
	#content .panel h4,
	#content .panel .buttonSmall,
	#content .panel .buttonLarge	{ letter-spacing:1px; word-spacing:4px;}
	
	#content #h1wrap h1 		{ color:#fff; font-size:78px; line-height:normal; letter-spacing:1px;}
	#content #h1wrap h1 span 	{ font-size:50px; line-height:30px; letter-spacing:2px; word-spacing:3px;}
	#content #h1wrap h1 span em { color:#de746f; text-transform:uppercase;}
	#content #mainMenu ul li a	{ color: #fff; font-size: 18px; font-weight: bold;line-height: 27px; height:26px;text-decoration: none; }

/*== Content ==*/
#main		{ margin: 0px auto 20px auto; min-height:100%; position:relative; width:1024px; }
#content 	{ background: transparent url("../graphics/content_3.png") top left repeat; padding: 55px 55px 10px 55px; margin: 40px 0 0; font-size:1.6em; min-height: 100%; }

#content #logo				{ font-size:28px;line-height:30px;margin:0px 0px 30px 0px;text-transform:uppercase;text-shadow:1px 1px 2px #540300;}
#content #logo a			{ color:#fff;text-decoration:none; }
#content #logo strong 		{ color:#de746f; font-weight:bold;text-transform:none;}

#content #h1wrap			{ background: transparent url('../graphics/content-head3.png') no-repeat 0 0;position:absolute; top:198px; left: 0; padding:0 0 0 53px;}
#content #h1wrap h1 		{ height:150px; text-indent:0; width: 510px; padding-top:0px;}
#content #h1wrap h1 span 	{ display:block; z-index: 1; font-size:0.4em; }
#content #h1wrap #more 		{ background: url('../graphics/content-head-more.png') top left no-repeat; bottom:-30px; display:none; height:69px; position: absolute; right: -30px; width: 69px; z-index: 2;}
#content #h1wrap h1 span 	{ position:relative; bottom:-22px; left:1px; }
#content #h1wrap h1 span em	{ position:relative; left:0px; font-size:1.9em; font-style:normal; }

#content #mainMenu 				{ background: url('../graphics/content-nav-right.png') no-repeat top right; float:left; height:27px; margin:0px 0px 0px 0px;padding:0 2px 0 0; width: auto; }
#content #mainMenu .wrapper		{ background: url('../graphics/content-nav.png') top left no-repeat; height:27px; padding:0 0 0 2px; }
#content #mainMenu ul 			{ list-style: none;}
#content #mainMenu ul li 		{ float: left; }
#content #mainMenu ul li a		{ color:#de746f; display:block; height:27px; padding: 0px 11px; text-transform:none; text-shadow:transparent 0 0 0;}
#content #mainMenu ul li a:hover{ color:#fff; background-color: #A50D00; text-decoration: none;}

#content .panel .col1 	{ float:left; width:500px; }
#content #why 			{ margin:0; float:right; width:400px;}
#content #why h2		{ height: 42px; overflow: hidden; margin:0px; position: relative; text-indent: -9999px; width: 310px; }
#content #why h2 span	{ background: url('../graphics/content-why2.png') top left no-repeat; display: block; height: 42px; position: absolute; left: 0; top: 0; width: 310px; z-index: 1; }

#content #why ul 					{ list-style: none; margin: 0px 0px 0px 5px; }
#content #why ul li 				{ color: #f18d8d;cursor:default; border-bottom:1px solid #990000; background: url('../graphics/twiter_01.png') center right no-repeat; font-size:.75em; letter-spacing:1px; margin:0px 0px 10px 0px; padding:0 64px 5px 0; min-height:59px; text-align:right; }
#content #why ul li:nth-child(even)	{ background: url('../graphics/twiter_01.png') center left no-repeat; padding:0 0 0 64px; text-align:left; }
#content #why li span 				{ display:block; }
#content #why li:hover 				{ list-style: none; }
#content #why li:hover span			{ display:block; font-size:1.1em; color:#fff;}

#content #preface		{ width: 460px; padding-top:200px; clear:none;}
#content #preface h2	{ color:#610000; font-size: 1.6em; margin: 0px 0px 20px 0px;}
#content #preface p 	{ margin: 0px 0px 25px 0px; }

#content .panel 		{ padding:35px 0 10px;}
#content .panel .rule   { background: url('../graphics/content-hr.gif') top left repeat; border: 0px; height: 1px; margin: 0px 0px 10px 0px; }
#content .panel a		{ text-transform:uppercase; font-weight:700; font-size:1.1em; letter-spacing:0;  }
#content .panel h3		{ color:#fff; }
#content .panel h4 		{ color: #710000; font-size: 1.2em; font-weight: bold; margin: 0px 0px 10px 0px; }
#content .panel h4 a	{ font-size: 1em!important; }
#content .panel p 		{ font-size:1.0em; margin: 0px 0px 15px 0px; text-shadow: #661104 1px 1px 0px; }

#content .panel .item 						{ margin: 0px 0px 25px 0px; }
#content .panel .item_alt .image			{ float:right; }
#content .panel .item_alt .desc				{ margin-right:25px; width: 345px; }
#content .panel .image 						{ background:#b84136 none; clear:both; float:left; height:132px; padding: 5px 5px 5px 5px; position:relative; width:532px; z-index:1; box-shadow:3px 3px 3px #710000; -moz-box-shadow:3px 3px 3px #710000; -webkit-box-shadow:3px 3px 3px #710000; }
#content .panel .image:hover				{ background: #0094fd; left:-3px; top:-3px; box-shadow:5px 5px 10px #710000; -moz-box-shadow:5px 5px 10px #710000; -webkit-box-shadow:5px 5px 10px #710000; }
#content .panel .image:active				{ background:#b84136; top:3px; left:3px; box-shadow:0 0 0 transparent; -moz-box-shadow:0 0 0 transparent; -webkit-box-shadow:0 0 0 transparent; }
#content .panel .desc						{ float: right; width: 360px; }
#content .panel .desc p,
#content .panel .smallText			{ font-size:.68em; }
#content .panel .xsmallText			{ font-size:.60em; word-spacing:1px; }
#content .panel .image a 			{ display:block; }

#content .panel .buttonSmall 			{ background: #710000 url('../graphics/content-button-small.png') top left repeat-x; float: left; height: 25px; line-height: 23px; margin: 0px 0px 5px 5px; }
#content .panel .buttonSmall a 			{ background: url('../graphics/content-button-small.png') top left no-repeat; color: #fff; display: block; font-weight: bold; height: 25px; text-decoration: none; }
#content .panel .buttonSmall a:hover 	{ color: #fff; display: block; font-weight: bold; text-decoration: underline; }
#content .panel .buttonSmall a strong	{ background: url('../graphics/content-button-small-right.png') top right no-repeat; display: block; height: 25px; padding: 0px 14px; }
#content .panel .buttonSmall a span 	{ background: url('../graphics/content-button-small-arrow.gif') 0px 9px no-repeat; cursor: pointer; display: block; padding: 0px 0px 0px 10px; }

#content .panel .buttonLarge 			{ background: #710000 url('../graphics/content-button-large-center.gif') top left repeat-x; cursor: pointer; float: right; height: 28px; line-height: 28px; margin: 0px 0px 5px 0px; }
#content .panel .buttonLarge a 			{ background: url('../graphics/content-button-large-left.gif') top left no-repeat; color: #2e4300; display: block; font-size: 1.2em; font-weight: bold; height: 28px; text-decoration: none; }
#content .panel .buttonLarge a:hover 	{ color: #2e4300; display: block; font-weight: bold; text-decoration: underline; }
#content .panel .buttonLarge a strong	{ background: url('../graphics/content-button-large-right.gif') top right no-repeat; display: block; height: 28px; padding: 0px 14px; }
#content .panel .buttonLarge a span 	{ background: url('../graphics/content-button-large-arrow.gif') 0px 9px no-repeat; cursor: pointer; display: block; padding: 0px 0px 0px 15px; }

#content .panel #bio		{ font-size:.80em; list-style:none; margin-left:20px;}
#content .panel #bio ul		{ margin-left:40px;}
#content .panel #bio > li	{ margin:4px 0; padding:4px 0; background: url('../graphics/content-hr.gif') bottom left repeat-x; text-align:right; }
#content .panel #bio > li li{ list-style:none; margin:2px 0; padding:2px 0; }
#content .panel #bio strong { color:#DE746F; display:inline-block; float:left; margin-right:15px; text-align:right; width:60px; }

#content .top 			{ cursor: pointer; margin: 20px 0px 0px 0px; }
#content .top a			{ cursor: pointer; }

/* portfolio */
.videoPag				{ clear:left; float:left; margin-left:10px; }
.videoPag a 			{ background:#b84136; display:block; float:left; margin:0 5px 10px 5px; padding: 5px 5px 2px; position:relative; top:-5px; width:auto; }
.videoPag a:hover		{ background:#610000;}
.videoPag a.activeSlide	{ border:2px solid #610000;}

/* contact */
input,textarea			{ color: #F9D2D2; font: normal 75% "Arial", sans-serif; line-height:1em; padding: 4px 6px 6px 6px; }
#contactForm h2 span	{ color: #de746f;}

#content #contactForm input 		{ border:0px; background: url('../graphics/footer-input.gif') top left no-repeat; height: 16px; margin: 0px 0px 4px 0px; width: 529px; }
#content #contactForm input:outline	{ border:0px; }
#content #contactForm input#submit	{ background:url('../graphics/footer-submit.gif') top left no-repeat; color: #ffffff; cursor: pointer; float: right; font-weight: bold; height: 28px; padding: 0px 0px 3px 0px; vertical-align: top; text-align: center; width: 59px; }  
#content #contactForm p 			{ margin:0px 0px 22px 0px; }
#content #contactForm form p		{ margin:0px; }
#content #contactForm textarea		{ height:117px; background: #000 url('../graphics/footer-textarea.gif') top left no-repeat; border: 0px; margin: 0px 0px 13px 0px; width: 529px; }
       
#content #quickNavigation 			{ float:left; margin-right:20px; width:345px; }
#content #quickNavigation h2 		{ height:31px; margin-left: 6px; width: 233px; }
#content #quickNavigation h2 span 	{ color:#de746f; }                         
#content #quickNavigation p 		{ margin:0px 0px 0px 6px; }

#content #quickNavigation ul			{ list-style: none; margin:0 0 10px 20px; }         
#content #quickNavigation ul li			{ position: relative;  clear:left; margin-bottom:5px; }
#content #quickNavigation ul li a		{ display: block; font-size:.8em; height:32px; line-height:32px; text-decoration: none; }
#content #quickNavigation ul li a img	{ float:left; margin-right:10px; }


#content { 
	/*css3 below*/
	box-shadow: 0px 0px 30px #000;  -moz-box-shadow:0 0 15px #6a0000;-webkit-box-shadow:0 0 15px #6a0000; box-shadow:0 0 15px #6a0000;
}

/*== special font styles ==*/
	#home .col1 p,
	.spaciousText, 
	#bio li			{ font-size:.75em; letter-spacing:1px; line-height:1.4em; word-spacing:3px; }

/*== rounding corners ==*/
	#content .panel .image,
	#content .panel .image img,
	.videoPag a	{ display:block; -moz-border-radius:5px!important; -webkit-border-radius:5px!important; border-radius:5px!important;	}
	#content 	{ -moz-border-radius:10px; -webkit-border-radius:10px; behavior:url(border-radius.htc); border-radius:5px; }


/*== shadowing, drop-shadows, embossed ==*/
	/* shadows */
		#content 	{ box-shadow: 0px 0px 30px #000; }
		h3,
		.shadow, 
		#logo *		{ text-shadow: #710000 3px 3px 3px!important; }		
		
	/*dark text - like links, or headings */
		.panel h4,
		#content a, 
		#preface h2			{ text-shadow: #bd5340 1px 1px 0; }
		#content a:hover	{ text-shadow: #661104 1px 1px 0; }
		
	/* white text - like the content */
		.panel p, 
		#bio li 	{ text-shadow: #661104 1px 1px 0; }
		
	/* clean text-shadows from flat-text elements */
		.flat-text,
		#bio li strong	{ color:#DE746F; text-shadow: transparent 0 0 0!important; }
		

		
		
/*==== PLUGINS ===*/
/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 *
 * Version: 1.3.1 (05/03/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	height: 40px;
	width: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

* html #fancybox-loading {	/* IE6 */
	position: absolute;
	margin-top: 0;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('./images/fancybox/fancybox.png');
}

#fancybox-overlay {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #000!important;
	z-index: 1100;
	display: none;
}

* html #fancybox-overlay {	/* IE6 */
	position: absolute;
	width: 100%;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 20px;
	z-index: 1101;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #FFF;
}

#fancybox-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: 0;
	outline: none;
	overflow: hidden;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background-image: url('./images/fancybox/fancybox.png');
	background-position: -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox_error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 7px;
	margin: 0;
}

#fancybox-content {
	height: auto;
	width: auto;
	padding: 0;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
}

#fancybox-frame {
	position: relative;
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-title {
	position: absolute;
	bottom: 0;
	left: 0;
	font-family: Arial;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding: 10px 0;
	text-align: center;
	color: #333;
}

.fancybox-title-outside {
	padding-top: 5px;
	color: #FFF;
	text-align: center;
	font-weight: bold;
}

.fancybox-title-over {
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('./images/fancybox/fancy_title_over.png');
	display: block;
}

#fancybox-title-wrap {
	display: inline-block;
}

#fancybox-title-wrap span {
	height: 32px;
	float: left;
}

#fancybox-title-left {
	padding-left: 15px;
	background-image: url('./images/fancybox/fancybox.png');
	background-position: -40px -90px;
	background-repeat: no-repeat;
}

#fancybox-title-main {
	font-weight: bold;
	line-height: 29px;
	background-image: url('./images/fancybox/fancybox-x.png');
	background-position: 0px -40px;
	color: #FFF;
}

#fancybox-title-right {
	padding-left: 15px;
	background-image: url('./images/fancybox/fancybox.png');
	background-position: -55px -90px;
	background-repeat: no-repeat;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background-image: url('./images/fancybox/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('./images/fancybox/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('./images/fancybox/fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible;    /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancy-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancy-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('./images/fancybox/fancybox-x.png');
}

#fancy-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('./images/fancybox/fancybox.png');
	background-position: -40px -162px;
}

#fancy-bg-e 	{ top: 0; right: -20px; height: 100%; background-image: url('./images/fancybox/fancybox-y.png'); background-position: -20px 0px;}
#fancy-bg-se 	{ bottom: -20px; right: -20px; background-image: url('./images/fancybox/fancybox.png'); background-position: -40px -182px; }

#fancy-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('./images/fancybox/fancybox-x.png');
	background-position: 0px -20px;
}

#fancy-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('./images/fancybox/fancybox.png');
	background-position: -40px -142px;
}

#fancy-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('./images/fancybox/fancybox-y.png');
}

#fancy-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('./images/fancybox/fancybox.png');
	background-position: -40px -122px;
}

/* IE */

#fancybox-loading.fancybox-ie div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/fancybox/fancy_loading.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-close		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/fancybox/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-title-over	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie #fancybox-title-left	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-main	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-right	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/fancybox/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-left-ico		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-right-ico	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/fancybox/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie .fancy-bg { background: transparent !important; }

.fancybox-ie #fancy-bg-n	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-ne	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-e	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-se	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-s	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-sw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-w	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-nw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }