/* 
Title: Dyloan studio
Owner: Dyloan studio
Developer Agency: Beat Fly Lab
URL: http://www.beatfly.com

Created: Feb 08
Copyright: Dyloan studio

All rights reserved including rights of reproduction and use in any form or by any means, including the making of copies by any photo process or by any electronic or mechanical device (printed, written, or oral), or recording for sound or visual reproduction, or for use in any knowledge or retrieval system or device, unless permission in writing is obtained from the copyright proprietor.
*/

@import url("text.css");
@import url("form.css");
@import url("lightbox.css");

html, body{
	padding:0;
	margin:0;
	height:100%;}

body{
	color:#2a2a2a;
	cursor:default;
	text-align:center;
	font:68.75%/1.5 Geneva, Arial, Helvetica, sans-serif;
	/*background:#000 url(../../splash_library/body_bg.jpg) no-repeat left top;*/
	background-color:#000;}

body>#page{
	height:auto;
	min-height:100%;}

#page{
	width:100%;
	margin:0;
	padding:0;
	/*background:url(../../splash_library/page_bg.jpg) no-repeat right bottom;*/}	
		
#container{
	text-align:left;
	background:#000 url(../../splash_library/bg.jpg) no-repeat left top;
	width:960px;
	margin:0 auto;}
	
#wraptop{
	margin:0;
	padding:0;}
	
#logo{
	width:275px;
	height:100px;
	background:url(../../splash_library/logo.png) no-repeat left top;
	margin:0;
	padding:0;
	float:left;
	display:block;}
	
#left{
	width:650px;
	margin:0;
	padding:0;
	float:left;}
	
#right{
	width:200px;
	margin:0;
	padding:0;
	float:right;}
							
#full{
	width:960px;
	padding:10px 0 0 0;
	margin:0;
	float:left;}
	
#footer{
	font-size:11px;
	width:100%;
	clear:both;
	padding:0;
	margin:0;
	display:block;}
	
.footer{
	width:960px;
	margin:0 auto;
	padding:20px 0 0 0;
	text-align:center;}
		
/*-------------------------setting menu-----------------------------*/
#menu{
	width:600px;
	padding:0;
	margin:0;
	float:right;}
	
#menu ul{
	margin:0;
	padding:10px 0 0 0;}

#menu li{
	display:inline;
	text-transform:lowercase;}

#menu li a{
	text-decoration:none;
	/*background:#0C0C0C;*/
	float:right;
	color:#FFFE04;
	padding:9px 9px 9px 9px;
	margin:0 2px 0 0;
	display:block;}

#menu li a:hover, #menu li .current{
	color:#FFFE04;
	background:#797979;
	border-bottom:1px solid #362E2E;}
	
/*home slider*/
.contentslide{
	/*border:1px solid navy;
	border-bottom-width:1px;*/
	text-align:center;
	padding:0px;
	width:960px;
	height:250px;}

.contentslide .opacitylayer{ /*Do not edit this rule unless you're familiar with CSS opacity behavior*/
	width:100%;
	height:100%;
	filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;}

.contentslide .contentdiv{
	display:none;}

.pagination{
	width:960px; /*Width of pagination DIV. To equal that of Content Slider's width, take into account the later's left/right paddings!*/
	text-align:right;
	/*background-color:navy;
	border:1px solid navy;*/
	/*border-width:0 10px; Left/ right border width of pagination DIV.*/
	padding:0 0 4px 0;}

* html .pagination{ /*Simplified box model hack to get IE5 to display width equal to that of Content Slider's*/
	width:944px; /*IE5 width*/
	w\idth:960px; /*IE6 width*/}

.pagination a{
	padding:5px;
	text-decoration:none; 
	color:#fff;
	/*background-color:trasparent;*/}

.pagination a:hover, .pagination a.selected{
	color:#999966;
	background-color:#2C2C2C;}