/* Maximized | Fullscreen Client Error Pages
   Author: brankoconjic@gmail.com (BrankoCee)
   Main Stylesheet 								 */
	
/* Import CSS Reset File */
@import url("reset.css");

/* Import CSS 960 Grid System File */
@import url("960.css");

/* Import JPlayer CSS File */
@import url("jplayer.css");


/**************************************
*		     	TYPOGRAPHY			  *
**************************************/

body {
	font-family: Muli;
	font-size:12px;
	line-height:1.6;
	color:#CCC;
	overflow: hidden;
}

/* P */
p {
	font-weight:normal;
	color:#CCC;

	font-size:1.2em;
}


/* Heading */
h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
	color:#CCC;
	font-family: 'Yanone Kaffeesatz';
	line-height:1;
}
h1 {
	font-size:3em;
	margin-bottom:15px;
}
h2 {
	font-size:2.5em;
	margin-bottom:15px;
}
h3 {
	font-size:2em;
	margin-bottom:15px;
}
h4 {
	font-size:1.5em;
	margin-bottom:15px;
}
h5 {
	font-size:1.5em;
	margin-bottom: 15px;
	padding:0px;
	font-style:italic;
}
h6 {
	font-size:1.3em;
	margin-bottom: 15px;
	padding:0px;
	letter-spacing: 1px;
	font-style:italic;
}
.huge {
	font-size:215px;
	font-family: 'Cabin Sketch', cursive;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	height: 430px;
	line-height: 430px;
	background-color: #C00;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	position: relative;
	left: -10px;
	top: -15px;
	padding-left: 10px;
	text-align: center;
}
.thanks {
	font-size:100px;
	font-family: 'Cabin Sketch', cursive;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	height: 430px;
	line-height: 430px;
	background-color: #C00;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	position: relative;
	left: -10px;
	top: -15px;
	padding-left: 10px;
	text-align: center;
}

/* Selection */
::selection {
	background: #ADD0D6; /* Safari */
}
::-moz-selection {
 background: #ADD0D6; /* Firefox */
}
::-webkit-selection {
 background: #ADD0D6; /* Webkit browsers */
}
/* Links */
a {
	color:#4B8992;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	text-decoration:none;
}
a:hover {
	color:#ADD0D6;
}
a img, img {
	border:none
}
/* INPUT, TEXTAREA, SUBMIT */
input[type=text], textarea {
	border:none;
	background-color:#e3e3e3;
	padding:5px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#636363;
	outline:none;
	-webkit-transition: all .6s ease;
	-moz-transition: all .6s ease;
	-o-transition: all .6s ease;
	transition: all .6s ease;
}
input[type=text]:focus, textarea:focus, input[type=text]:hover, textarea:hover {
	background-color:#fff;
	color:#000;
}
input[type=submit] {
	color:#FFF;
	opacity:0.5;
	background:#4B8992;
!important;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	-webkit-transition: all .6s ease;
	-moz-transition: all .6s ease;
	-o-transition: all .6s ease;
	transition: all .6s ease;
	cursor: pointer;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
input[type=submit]:hover {
	opacity:1;
}


/**************************************
*		     	HEADER				  *
**************************************/

#header {
	width:100%;
	height:5px;
	position:absolute;
	background:#000;
	border-bottom:3px #FFF solid;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	z-index:9999;
	top: 0px;
}
#headerWrapper {
	background-color: #F03;
	position: relative;
	top: 0px;
	height: auto;
}

#logo {
	background-color: #000;
	top: 3px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	opacity:0.5;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	cursor:pointer;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	text-align: center;
}
#logo:hover {
	opacity:1;
	top:8px;
}
#menu {
	position:relative;
	width:auto;
	height:auto;
	font-family:'Yanone Kaffeesatz';
	font-size:18px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	float: right;
}
#menu:hover {

}
#menu ul {
	float: right;
}
#menu ul li {
	padding-top:15px;
	padding-bottom:15px;
	width:100px;
	height:100%;
	background:#000;
	color:#FFF;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	opacity:0.5;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	cursor:pointer;
	float: right;
	text-align: center;
	position: relative;
	top: 3px;
}
#menu ul li:hover {
	opacity:1;
	top: 8px;
}
/* Separator */
.separator {
	height: 1px;
	width: 100%;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
	margin-top: 10px;
	margin-bottom: 20px;
	clear:both;
}
/**************************************
*		     	CONTENT				  *
**************************************/
#content {
	position:relative;
	height:310px;
	background-color:#335978;
	opacity:0.8;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	padding-top:15px;
	padding-bottom:15px;
	z-index: 9999;
	top: 140px;
}
#content:hover {
	opacity:0.95;
}
#content:hover .huge {
	font-size:225px;
}
/* Arrow */
.arrow {
	position:absolute;
	height:80px;
	width:25px;
	top: 155px;
	right: 5px;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	opacity:0;
	background-image: url(../img/redRightArrow.png);
	background-repeat: no-repeat;
	background-position: center center;
}
#content:hover .arrow {
	opacity:1;
	right:-18px;
}
/* Try suggestions */
#try {
	list-style-position: inside;
	list-style-type: lower-alpha;
	margin-left: 15px;
}
.links {
	float: left;
	margin-top: 15px;
	margin-left: 20px;
	width: 100px;
	cursor: pointer;
}
.links .heading {
	font-family: "Yanone Kaffeesatz";
	font-weight: bold;
	font-size: 15px;
	margin-left: 0px;
}
.links li a {
	margin-left:0px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	color:#CCC;
	width: 100%;
	text-decoration: none;
	display: block;
}
.links li a:hover {
	margin-left: 5px;
	color:#FFF;
	cursor: pointer;
}
/**************************************
*		     CONTACT BOX			  *
**************************************/
#contactWrapper {
	position:relative;
	height:440px;
	background-color:#000;
	opacity:0.8;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	padding-top:15px;
	padding-bottom:15px;
	display: none;
	top: 1500px;
}
#contactWrapper:hover {
	opacity:0.95;
}
/* Form Elements */
.contact_name, .contact_email {
	width:200px;
	display:block;
	margin-bottom:15px;
	height:20px;
}
.contact_message {
	width:300px;
	height:100px;
}
.send {
	clear:both;
	display:block;
	margin-top:10px;
}
#contact-form {
	float: right;
}
/* Copyright */
.copyright{
	float:right;
	font-size: 10px;
	color: #999;
	line-height: 40px;
}#content .grid_3 {
	margin-top: 20px;
}
#search-field {
	margin-left:10px;
	width:170px;
	height:20px;
	padding:3px 5px 3px 25px;
	color:#666;
	border:0;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	font-family:Verdana, Geneva, sans-serif;
	background-color: #ddd;
	background-image: url(../img/loupe.png);
	background-repeat: no-repeat;
	background-position: 7px center;
}
#search-field:hover {
	background-color:#ccc;
	color: #333;
}