@charset "utf-8";

@font-face {
	font-family: 'NadiaSerifNormal';
	src: url('nadia_serif-webfont.eot');
	src: local('☺'), url('nadia_serif-webfont.woff') format('woff'), url('nadia_serif-webfont.ttf') format('truetype'), url('nadia_serif-webfont.svg#webfontIQs8hLrS') format('svg');
	}

* {
    margin: 0;
    padding: 0;
	}

:focus { outline: none !important; }


/* ==================================================================================================== */


a:link, a:visited {
	color: #cc4444;
	text-decoration: none;
	}

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

a img { border: none; }

body {
	background: #000000 url(img/background.jpg ) center center repeat-x fixed;
	color: #888888;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 20px;
	overflow: hidden;
	}

body, html {
	height: 100%;
	width: 100%;
	}

h1, h2 {
	font-family: 'NadiaSerifNormal', Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	}

h1, h1 a {
	color: #ffffff;
	font-size: 32px;
	line-height: 40px;
	}

h2, h2 a {
	font-size: 24px;
	line-height: 30px;
	}

h1, h2, p { padding-bottom: 20px; }


/* ==================================================================================================== */


.content {
	color: #888888;
	font-family: 'NadiaSerifNormal', Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	height: 100%;
	line-height: 30px;
	text-align: center;
	vertical-align: middle;
	width: 100%;
	}

.content a:link, .content a:visited {
	color: #888888;
	text-decoration: none;
	}

.content a:hover, .content a:active {
	color: #ffffff;
	text-decoration: none;
	}

.hidden { display: none; }

.iframe {
	background: url(img/background-iframe.jpg) center center repeat-x fixed;
	color: #888888;
	font-size: 16px;
	height: 100%;
	line-height: 20px;
	padding: 10px 20px;
	}
	
.iframe img {
	border: 1px solid #444444;
	margin: 0px 15px 5px 0px;
	}

#structure {
	height: 100%;
	margin: 0px auto;
	padding: 0px;
	width: 100%;
	}

.title { color: #ffffff; }


/* ==================================================================================================== */


#sb-title-inner, #sb-info-inner, #sb-loading-inner, div.sb-message {
	color: #ffffff;
	}

#sb-container {
	display: none;
	left: 0;
	margin: 0;
	padding: 0;
	position: fixed;
	text-align: left;
	top: 0;
	visibility: hidden;
	z-index: 999;
	}

#sb-overlay {
	height: 100%;
	position: relative;
	width: 100%;
	}

#sb-wrapper {
	position: absolute;
	visibility: hidden;
	width: 100px;
	}

#sb-wrapper-inner {
	border: 1px solid #333333;
	height: 100px;
	overflow: hidden;
	position: relative;
	}

#sb-body {
	height: 100%;
	position: relative;
	}

#sb-body-inner {
	height: 100%;
	position: absolute;
	width: 100%;
	}

#sb-player.html {
	height: 100%;
	overflow: auto;
	}

#sb-body img { border: none; }

#sb-loading {
	height: 100%;
	position: relative;
	}

#sb-loading-inner {
	font-size: 16px;
	height: 16px;
	line-height: 16px;
	margin-top: -8px;
	position: absolute;
	text-align: center;
	top: 50%;
	width: 100%;
	}

#sb-loading-inner span {
	background: url(img/ajax-loader.gif) center left no-repeat;
	display: inline-block;
	padding-left: 24px;
	}

#sb-body, #sb-loading { background-color: #060606; }

#sb-title, #sb-info {
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: relative;
	}

#sb-title, #sb-title-inner {
	height: 20px;
	line-height: 20px;
	}

#sb-title-inner { font-size: 16px; }

#sb-info, #sb-info-inner {
	height: 20px;
	line-height: 20px;
	}

#sb-info-inner { font-size: 16px; }

#sb-nav {
	float: right;
	height: 16px;
	padding: 2px 0;
	width: 45%;
	}

#sb-nav a {
	background-repeat: no-repeat;
	cursor: pointer;
	display: block;
	float: right;
	height: 16px;
	margin-left: 3px;
	width: 16px;
	}

#sb-nav-close { background-image: url(img/close.png); }

#sb-nav-next { background-image: url(img/next.png); }

#sb-nav-previous { background-image: url(img/previous.png); }

#sb-nav-play { background-image: url(img/play.png); }

#sb-nav-pause { background-image: url(img/pause.png); }

#sb-counter {
	float: left;
	width: 45%;
	}

#sb-counter a {
	color: #ffffff;
	cursor: pointer;
	padding: 0 4px 0 0;
	text-decoration: none;
	}

#sb-counter a.sb-counter-current { text-decoration: underline; }

div.sb-message {
	font-size: 16px;
	padding: 10px;
	text-align: center;
	}

div.sb-message a:link, div.sb-message a:visited {
	color: #ffffff;
	text-decoration: underline;
	}

/* ==================================================================================================== */

#cf_submit_p { text-align: right; }

#contact_form_holder {
	float: left;
	margin: 0px;
	width: 300px;
	}

#contact_form_holder input, #contact_form_holder textarea { 
    font-family: inherit; /* we must set this, because it doesn't inherit it */ 
    padding: 2px;
    width: 100%; /* make all the inputs and the textarea same size (100% of the div they are into) */ 
	}

#contact_form_holder textarea {
	height: 100px;
	margin-top: 5px;
	}

#contact_text {
	float: left;
	margin-right: 50px;
	width: 300px;
	}

#send_message { 
 /*   border: 1px solid black; remove the default border and put a normal black one */
    cursor: hand;
    cursor: pointer;
    width: 100px !important; /* the width of the submit button  */ 
	}

.error {
	color: #ff4444;
	display: none;
	padding-bottom: 5px;
	}

.success {
	color: #44cc44;
	display: none;
	padding-bottom: 5px;
	}