@charset "utf-8";
/* CSS Document */

/* === Custom font === */

@font-face {
    font-family: 'BebasNeueRegular';
    src: url('../font/BebasNeue-webfont.eot');
    src: url('../font/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/BebasNeue-webfont.woff') format('woff'),
         url('../font/BebasNeue-webfont.ttf') format('truetype'),
         url('../font/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@-ms-viewport{
	width: device-width;
}

/* === General Stuff === */

html{
	
	background:none;
	text-align:left;
	
}

body{

	width:100%;
	background:#eeeeee url(../images/light/body-background.png) repeat;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	padding:0;
	margin:0;
	color:#666666;
	overflow:hidden;
	line-height:1.6em;
	
}

a{
	
	color:#333333;
	
}

i{

	color:#444444;

}

.hidden{

	display:none;

}

/* === Alignment, Spacing === */

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

hr{

	border:0px none;
	border-bottom:1px solid #eeeeee;
	border-top:1px solid #ababab;
	height: 1px;
	margin: 30px 0 10px;

}

.clearer{
	
	clear:both;	
	
}

.spacer{

	padding:20px 0px 0px;

}

.content-box{
	
	padding:5px 15px;	
	
}

.content-box-with-color{

	background: none repeat scroll 0 0 #DDDDDD;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 5px 5px 5px 5px;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
	padding: 15px;

}

.omega>.content-box{
	
	padding:5px 0px 5px 15px;	
	
}

.alpha>.content-box{
	
	padding:5px 15px 5px 0px;	
	
}

/* === Preloader === */

#universal-preloader{
	
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:rgba(255,255,255,0.7);
	z-index:99999999999999;
	
}

#universal-preloader>.preloader{
	
	width:24px;
	height:24px;
	position:absolute;
	top:50%;
	left:50%;
	text-align:center;
	
}

/* === Structure === */

div#shine-top{
	
	width:100%;
	height:300px;
	display:block;
	position:absolute;
	top:0px;
	background:url(../images/light/top-shine.png) top center no-repeat;
	
}

div#wrapper{
	
	margin:0px;
	
}

div.logo{
	
	margin:0px auto 60px;
	text-align: center;
	opacity:0;
	display:block;
	position: relative;
	z-index:9;
	
}

div#menu-wrapper{
	
	height:100%;
	opacity:0;
	padding:0px 10px;
	
}

div#menu-wrapper .fifteen{

	margin: 0px auto 10px auto;

}

div#menu-wrapper .aligner{

	width:880px;
	text-align: center;
	margin:0px auto;

}

div#menu-wrapper div.menuitem{
	
	/* do NOT add any shadow to this div */
	z-index:1;
	opacity:0;
	position:relative;
	top:-20px;
	height:250px;
	background:#222222;
	overflow:hidden;
	border-radius:5px;

}

div#menu-wrapper div.menuitem>div{

	border-radius:5px;
	height:100%;
	width:100%;
	display:block;

}

div#menu-wrapper div.menuitem img{
	
	opacity:0.8;
	position:absolute;
	top:30%;
	left:50%;
	margin:-30px 0 0 -30px;
	z-index:0;
}

div#menu-wrapper div.menuitem img.linktext{
	
	opacity:0.8;
	position:absolute;
	top:50%;
	left:22%;
	margin:-30px 0 0 -30px;
	z-index:0;	
}

div#menu-wrapper div.menuitem img:hover{

	cursor:pointer;
	
}

div.inner-menu-wrapper{
	
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	display:block;
	background:url(../images/light/light.png) 0px -120px no-repeat;
	cursor:pointer;
	opacity:0;
	border-radius:5px;
	
}

div.inner-menu-wrapper-inv{
	
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	opacity:0;
	display:block;
	background:url(../images/light/light.png) -200px -130px no-repeat;
	cursor:pointer;
	box-shadow:1px 1px 0px rgba(0,0,0,0.5) inset, -1px -1px 0px rgba(0,0,0,0.5) inset, 0px 0px 60px #000000 inset; /* last shadow VERY taxing on Firefox, remove if you find animation slow */
	border-radius:5px;
	
}

#main-wrapper-navigation{
	
	position: relative;
	top:0px;
	z-index: 999999999;
	margin:0px auto;
	opacity:0;
	display:none;
	text-align:center;
	
}

#main-wrapper-navigation a.content-close{

	display:block;
	padding:5px 10px;
	background: url(../images/light/close.png) center no-repeat;
	height:30px;

}

#main-wrapper{
	
	background:#111111 url(../images/light/backgr.png) repeat;
	border:1px solid rgba(0, 0, 0, 0.05);
	box-shadow:0 1px 0 rgba(255, 255, 255, 0.05), 0 1px 0 rgba(255, 255, 255, 0.4) inset, 0 0 0 10px rgba(0, 0, 0, 0.25);
	height:100%;
	opacity:0;
	z-index:999;
	position:absolute;
	top:0px;
	left:50%;
	margin:0px 0 0 -500px;
	z-index:-1;
	overflow: auto;
	
}

#main-wrapper-top-shine{

	z-index:997;
	background:url(../images/light/main-wrapper-shine.png) top center no-repeat;
	position:absolute;
	top:0px;
	left:0px;
	height:200px;
	width:100%;

}

#main-wrapper .contents{
	
	padding:20px 10px;
	z-index:998;
	opacity:0;
	overflow: auto;

}

#main-wrapper .universal-preloader-preloader{
	
	position:absolute; 
	top:50%; 
	left:50%;	
	margin:-12px 0 0 -12px;
	
}

/* === Typography === */

img.responsive{

	width:100%;

}

a.button{
	
	background: none repeat scroll 0 0 #CCCCCC;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 5px 5px 5px 5px;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 0 rgba(255, 255, 255, 0.4) inset, 0 -12px 12px rgba(0, 0, 0, 0.1) inset;
	display:inline-block;
	padding:7px 10px 7px 15px;
	margin:0px 10px 0px 0px;
	color:#555555;

}

a.button.down{

	color:#444444; 
	position:relative; 
	top:1px; left:1px; 
	box-shadow:0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 12px 12px rgba(0, 0, 0, 0.1) inset;

}

a.button.last{

	margin-right:0px;
	
}

a.button span{
	
	float:left;
	margin: 0 15px 0 0;
	
}

a.button img.icon{
	
	float: right;
	height: 20px;
	width: 20px;
	
}

p{
	
	margin:0px 0px 20px 0px;	
	display:block;
	
}

h1,h2,h3,h4,h5,h6{
	
	letter-spacing:2px;
	font-family:"BebasNeueRegular", sans-serif;
	color:#444444;
	margin: 20px 0px 10px;	
	text-shadow:1px 1px 0px #eeeeee;

}

h1{

	font-size:2em;
	
}

h2{

	font-size: 1.8em;

}

h3{

	font-size: 1.6em;

}

h4{

	font-size: 1.4em;

}

h5{

	font-size: 1.2em;

}

h6{

	font-size: 0.9em;

}

h1,h2,h3{
	
	padding:7px 5px 5px 9px;
	margin: 60px 0 25px 0;
	background:rgba(255,255,255,0.2);	
	
}

h4,h5, h6{

	color:#555555;

}

h1.first,h2.first,h3.first, h4.first, h5.first{
	
	margin-top:0px;	
	
}

ul li{

	padding:0px 0px 5px 30px;
	background:url(../images/light/li-background1.png) 5px 5px no-repeat;

}

ul.style2 li{

	padding:0px 0px 5px 30px;
	background:url(../images/light/li-background2.png) 5px 7px no-repeat;

}

ul.style3 li{

	padding:0px 0px 5px 30px;
	background:url(../images/light/li-background3.png) 5px 5px no-repeat;

}

ul.style4 li{

	padding:0px 0px 5px 30px;
	background:url(../images/light/li-background4.png) 5px 5px no-repeat;

}

ol li{

	padding:0px 0px 5px 10px;
	background: none;

}

ul li a, ol li a{

	text-decoration: none;

}

ul li a:hover, ol li a:hover{

	text-decoration: underline;

}

blockquote{

	background: url("../images/light/blockquote.png") 15px 15px no-repeat #dddddd;
	display: block;
	padding: 10px 10px 10px 70px;
	position: relative;
	margin-bottom:50px;
	color:#666666;

}

blockquote cite{

	position:absolute;
	background: url("../images/light/cite.png") no-repeat scroll 76px -5px transparent;
	padding: 35px 0 0;
	right:0px;
	bottom:-45px;

}

blockquote p{

	margin-bottom:0px;

}

table{

	width:100%;
	background:#252525;
	border:1px solid #444444;
	border-collapse: separate;

}

tr:nth-child(2n){

	background:#222222;

}

td, th{

	border-left:1px solid rgba(0,0,0,0.2);
	padding:10px;

}

th{

	text-transform: uppercase;
	font-weight: bold;
	background:#666666;
	color:#252525;

}

span.drop1{

	float:left;
	margin-top:5px;
	padding:10px 20px 20px 10px;
	font-size:3.2em;
	color:#555555;

}

span.highlight{

	background:#393939;
	color:#999999;
	padding:0px 10px;

}

span.highlight-dark{

	background:#111111;
	text-shadow:1px 1px 0px #000000;
	padding:0px 10px;

}

div.portfolio-img, div.bio-img{
	
	position:relative;
	z-index:999999;
	cursor:pointer;
	padding:0;
	box-shadow:1px 1px 2px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.4), 0 1px 0 rgba(255, 255, 255, 0.2) inset;
	overflow:hidden;
	margin-bottom:20px;

}

div.portfolio-img img, div.bio-img img{
	
	display:block;
	width:100%;
	opacity:0.5;
	
}

div.bio-img img{

	opacity:1;

}

div.notice, div.ok, div.error, div.alert{
	
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 5px 5px 5px 5px;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 0 rgba(255, 255, 255, 0.15) inset;
	color: #CCCCCC;
	display: block;
	margin-bottom: 30px;
	padding: 12px 15px 15px 60px;

}

div.notice{
	
	background:#3c474a url(../images/light/comment.png) 15px 12px no-repeat;
		
}

div.ok{
	
	background:#3c4a3c url(../images/light/ok.png) 15px 12px no-repeat;
		
}

div.error{
	
	background:#4a3c3c url(../images/light/error.png) 15px 12px no-repeat;
		
}

div.alert{
	
	background:#4a4a3c url(../images/light/alert.png) 15px 12px no-repeat;
		
}

input[type=text], input[type=password], input[type=email], textarea, select{
	
	background: rgba(0, 0, 0, 0.3);
	border: 0 none;
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.35), 0 1px 0 rgba(0, 0, 0, 0.2) inset;
	margin: 5px 0;
	width: 440px;
	color:#dddddd;
	display:inline-block; 
	width:100%;
	padding:10px;
	border-width:0;
	
}

input[type=text].error, input[type=password].error, textarea.error, select.error{

	background-color:rgba(20,0,0,0.5);
	opacity:0.5;

}

select{

	padding:7px;

}

textarea{
	
	height:150px;
		
}

/* === Specific pages styles === */

.contact-label{
	
	font-weight:bold;
	padding:0px 0px 0px 10px;
	
}

.services-icons{

	text-align: center;
	margin:20px 0px;

}

.services-icons img{

	margin-bottom:10px;

}

.social-panel>a{

	margin-right:5px;

}

.form-bottom{
		
	float:right;
	margin:10px 0px 20px;
	position: relative;

}

#googleMap{
	
	height:775px;
	box-shadow:0 0 5px #888888, 0 0 0 2px rgba(255, 255, 255, 0.2);
	
}

#loadingForm{
	
	z-index:999;
	position:absolute;
	top:10px;
	right:13px;
	float:right;
	height:16px;
	width:16px;
	background:url(../images/light/ajax-loader-mini.gif) no-repeat;
	
}

div.blog-icons{

	text-align: right;

}

div.blog-icons a{

	text-decoration: none;
	margin:0px 0px 0px 20px;
	padding-bottom:2px;
	color:#555555;

}

div.blog-icons img{

	padding: 0px 0px 0px 2px;

}

div.blog-icons span{

	padding:0px 0px 2px 0px;

}

/* === Responsive menu === */

/* === Mobile Portrait === */
@media only screen and (max-width: 767px) {

	div#menu-wrapper div.menuitem{
		
		height:80px; 
		margin-bottom:10px;

	}

	#main-wrapper{

		margin:0px 0 0 -380px;

	}

	div#menu-wrapper div.menuitem img
	{
		top:50%;
		left:30%;
	}

	div#menu-wrapper div.menuitem img.linktext
	{
		top:6%;
		left:50%;
	}
}

/* === Mobile Landscape === */
@media only screen and (min-width: 480px) and (max-width: 767px) {

	div#menu-wrapper div.menuitem{

		height:100px; 
		margin-bottom:10px;

	}

	#main-wrapper{

		margin:0px 0 0 -231px;

	}
	
	div#menu-wrapper div.menuitem img
	{
		top:50%;
		left:30%;
	}

	div#menu-wrapper div.menuitem img.linktext
	{
		top:6%;
		left:50%;
	}

	.logo img
	{
		width:60%;
		height: auto;
	}
}

/* Tablet (Portrait) */

@media only screen and (min-width: 768px) and (max-width: 959px) {

	#main-wrapper{

		margin:0px 0 0 -405px;

	}
	
	div#menu-wrapper div.menuitem img
	{
		top:30%;
		left:50%;
	}

	div#menu-wrapper div.menuitem img.linktext
	{
		top:50%;
		left:24%;
		width:124px;
		height:auto;
	}

	.logo img
	{
		width:70%;
		height: auto;
	}
}

/* even smaller screens */

@media only screen and (min-width: 0px) and (max-width: 480px) {

	#main-wrapper{

		margin:0px 0 0 -231px;

	}
	
	div#menu-wrapper div.menuitem img
	{
		top:50%;
		left:25%;
	}

	div#menu-wrapper div.menuitem img.linktext
	{
		top:0%;
		left:50%;
	}

	.logo img
	{
		width:60%;
		height: auto;
	}
}




















/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */