@import "fonts/fontface.css";


/* ========================= Global properties START ============================= */
html, body {
	height:100%;
}
html {
	min-width:990px;
}
body {
	background-color:#000000;
	font-family: 'ArimoRegular';
	font-size:12px;
	line-height:18px;
	color:#333333;
}
div {
	border: 0 none;
	font-size: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: top;
}
dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset,blockquote,article,p { margin-bottom: 20px;  }
h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset,blockquote,article,p { font-family:'ArimoRegular'; font-weight:normal;}
h1 {
	font-size:40px;	
	line-height:40px;
	font-family: 'UbuntuBold';
	letter-spacing:-1px;		
}
h2 {
	font-size:32px;	
	line-height:32px;	
}
h3 {	
	font-size:24px;
	line-height:28px;		
}
h4 {	
	font-size:18px;	
	line-height:18px;	
}
h5 {
	font-size:14px;	
	line-height:18px;
}
h6 {
	font-size:13px;
	line-height:18px;
	
}
p {
	line-height:18px;
	
}

.color_orange {
	color:#ee6b26;
}
.color_grey {
	color:#333333;
}
.color_black {
	color:#000000;
}
.color_white {
	color:#ffffff;
}
/* ========================= Global properties END =============================== */


/* ========================= Global Structure START ============================== */
#maincontainer {
	width:100%;
	position:fixed;	
	height:100%;
	margin:0 auto;	
	z-index:1;
	overflow:hidden;
}
#slideshow {
    	position:fixed;
    	height:100%;
	opacity:0.7;
	
}

#slideshow IMG {
    	position:fixed;
    	top:0;
    	z-index:8;
    	opacity:0.0;
	
}

#slideshow IMG.active {
    	z-index:10;
    	opacity:1.0;
}

#slideshow IMG.last-active {
    	z-index:9;
}


#main {
	width:1050px;
	margin:0 auto;
	position:relative;
	height:95%;
	
}
/* ========================= Global Structure END ================================ */


/* ====================== Left & Right alignment START =========================== */


.align_left {
	text-align: left;
}
.align_center {
	text-align:center;
}
.align_right {
	text-align:right;
}
.alignleft {
	float: left;
	margin-right:1.5em;
}
.alignleft_pic {
	float:left;
	margin-right:10px;
	padding-top:0px;
}
.alignleft20 {
	float:left;
	margin-right:20px;
}
.alignright20 {
	float:right;
	margin-left:20px;
}
.alignright {
	float: right;
	margin-left:1.5em;
}
.topmargin {
	margin-top:10px;
}
.imgcenter {
	display: block;
	margin: 10px auto 10px;
}
.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto
}
.pic {
	
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	
}

.pic:hover {
	background:#ffffff;
	-moz-transition: all 0.2s linear 0s;
	-webkit-transition: all 0.2s linear 0s;
	-o-transition: all 0.2s linear 0s;
	opacity: 0.7;
}

.wrapper {
	width: 100%;
	overflow: hidden;
}
.clear {
	clear: both;
	margin-bottom:30px;
}
/* ====================== Left & Right alignment END ============================= */


/* ============================== header START =================================== */
header {
	margin:40px auto;
	position:relative;
	height:auto;
	z-index:222;
}
header a {
	text-decoration:none;
}
header #logo h1 {
	font-size:150px;
	font-weight:normal;
	text-decoration:none;
	text-shadow:3px 3px 5px #000000;
	text-align:center;
	font-family: 'ArizoniaRegular';
	line-height:50px;
	margin-bottom:50px;
}
header .slogan {
	text-shadow:3px 3px 5px #000000;
	text-align:center;
	font-size:40px;
	line-height:40px;
	font-family: 'UbuntuRegular';
}
/* =============================== header END ==================================== */


/* ============================= container START =================================== */
/* ============================== container END ==================================== */


/* ============================== main START ==================================== */

#slider {
	width:680px;
	height:459px;	
	background:url(../images/loading.gif) no-repeat 50% 50%;
	position:relative;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;

	
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}

#slider a {
	border:0;
	display:block;
}

.nivo-controlNav {
	position:absolute;
	left:260px;
	bottom:-42px;
}

.nivo-controlNav a {
	display:block;
	width:18px;
	height:18px;
	background:url(../images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:0px;
	float:left;
	left:320px;
	bottom:60px;
}

.nivo-controlNav a.active {
	background-position:0 -22px;
}

.nivo-directionNav a {
	position:absolute;
	top:206px;
	z-index:99;
	cursor:pointer;
	width:48px;
	height:48px;
	text-indent: -500px;
	overflow:hidden;
	background: url(../images/slider_arrows.png) top left no-repeat;
}



.nivo-prevNav {
	left:10px;
}

.nivo-prevNav:hover{
	background-position: 0 -48px !important;
}

.nivo-nextNav {
	right:10px;
	background-position: -48px 0 !important;
}

.nivo-nextNav:hover{
	background-position: -48px -48px !important;
}

/* ============================== main END ==================================== */


/* ============================ footer START ===================================== */
footer {
	height:auto;
	width:100%;
	float:left;
	padding:15px 0px 15px 0px;
	position:relative;
	z-index:1111111;
}
footer a {
	color:#ffffff;
}
footer .privacy {
	color:#ffffff;
	text-align:center;
	margin-left:-40px;
}
/* ============================= footer END ====================================== */