html, body{
background-color:#111;
color:#727d4c;
font-family: verdana;
font-size:8pt;
height:100%;
overflow:auto;
padding:0px;
margin:0px;
}

/* query loader */
.QOverlay {
	background-color: #111;
	z-index: 9999;
}

.QLoader {
	background-color: #494F38;
	height: 1px;
}

/* image preloader */
#preloader {
	display: none
}
#preloader img {
	height: 0; width: 0; border: none;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -30;
}
/*js image preloader*/
.preload {
	display:inline-block;
	zoom: 1;
	*display:inline;
	width:260px;
	height:260px;
	border:none;
	outline:none;
	padding:0px;
	margin:0px;
	background:url(img/loading.gif) no-repeat center center;
}

/*layout*/
#icons-area{
	width:800px;
	height:18px;
	position: absolute;
	left:50%;
	margin-left:-400px;
	top:50%;
	margin-top:-220px;
	outline:none;
	border:none;
	text-align:right;
	z-index: 2;
}
#icons-area img{
	border:none;
	outline:none;
}
a.icons:link,a.icons:visited,a.icons:hover {
	border:none;
	outline:none;
}
#container{
	z-index: 1;
    width:830px;
	height:450px;
	position: absolute;
	left:50%;
	margin-left:-415px;
	top:50%;
	margin-top:-215px;
    background: url('img/bg.png') no-repeat top center;
	outline:none;
	border:none;
}
#cr-area{
	width:800px;
	height:15px;
	margin:420px 0px 0px 15px;
	padding:0px;
	position:absolute;
}
#content-area{
	width:800px;
	height:260px;
	margin:30px 0px 0px 15px;
	position:absolute;
	outline:none;
	border:none;
	overflow:hidden;
}
#content{
	width:800px;
	height:260px;
	overflow:auto;
	margin:0px;
	padding:0px;
	position:absolute;
}
#nav-area{
	width:442px;
	height:65px;
	margin:330px 0px 0px 30px;
	padding:0px;
	position:absolute;
}
a.people:link,a.people:visited, a.people:active{
	display:inline-block;
	zoom: 1;
	*display:inline;
	width:71px;
	height:65px;
	background: url("img/nav-people.png") no-repeat;
	outline:none;
	border:none;
}
a.people:hover{
	background: url("img/nav-peopleh.png") no-repeat;
}
a.music:link,a.music:visited {
	display:inline-block;
	zoom: 1;
	*display:inline;
	width:56px;
	height:65px;
	background: url("img/nav-music.png") no-repeat;
	outline:none;
	border:none;
}
a.music:hover{
	background: url("img/nav-musich.png") no-repeat;
}
a.street:link,a.street:visited {
	display:inline-block;
	zoom: 1;
	*display:inline;
	width:70px;
	height:65px;
	background: url("img/nav-street.png") no-repeat;
	outline:none;
	border:none;
}
a.street:hover{
	background: url("img/nav-streeth.png") no-repeat;
}
a.nature:link,a.nature:visited {
	display:inline-block;
	zoom: 1;
	*display:inline;
	width:74px;
	height:65px;
	background: url("img/nav-nature.png") no-repeat;
	outline:none;
	border:none;
}
a.nature:hover{
	background: url("img/nav-natureh.png") no-repeat;
}
a.about:link,a.about:visited {
	display:inline-block;
	zoom: 1;
	*display:inline;
	width:65px;
	height:65px;
	background: url("img/nav-about.png") no-repeat;
	outline:none;
	border:none;
}
a.about:hover{
	background: url("img/nav-abouth.png") no-repeat;
}
a.contact:link,a.contact:visited {
	display:inline-block;
	zoom: 1;
	*display:inline;
	width:86px;
	height:65px;
	background: url("img/nav-contact.png") no-repeat;
	outline:none;
	border:none;
}
a.contact:hover{
	background: url("img/nav-contacth.png") no-repeat;
}

/* content */
#cr-area p{
	text-align:right;
    font-size:7pt;
	color:#444;
	padding:0px;
	margin:0px;
}
#cr-area a:link, #cr-area a:visited{
	font-size:7pt;
	color:#444;
	text-decoration:underline;
	outline:none;
}
#cr-area a:hover{
	text-decoration:none;
}
#content a{
	outline:none;
}
#content h1{
	width:40%;
	border-bottom:1px dashed #727d4c;
	font-size:12pt;
	margin-left:10px;
	font-variant:small-caps;
}
#content h2{
	font-size:10pt;
	margin-left:10px;
	font-variant:small-caps;
}
#content h3{
	width:65%;
	border-bottom:1px dashed #727d4c;
	font-size:10pt;
	margin:5px 0px 0px 10px;
	font-variant:small-caps;
}
#content p{
	text-align:justify;
	padding:0px;
	margin:10px;
}
#content a:link,#content a:visited {
	color:#494F38;
	font-family: verdana;
	font-size:8pt;
	text-decoration:none;
	font-weight:bold;
}
#content a:hover{
	color:#727d4c;
}

.self{
	float:left;
	border:1px solid #000;
	padding:0px;
	margin:10px;
	outline:none;
}

#portfolio li{
	width:260px;
	height:260px;
}

/* clear floats */
.clear-left{
	clear:left;
}
.clear-right{
	clear:right;
}
.clear-both{
	clear:both;
}