@charset "utf-8";
/*
Haiton Web Site
Developed By: Junaid Bhura
www.junaidbhura.com
*/

/* --- Elements --- */
* {
	margin:0px;
	padding:0px;
}

body {
	background-color:#342A07;
	font-family:Arial, Helvetica, sans-serif;
	font-size:7px;
	background-image:url(../images/gradient_bg.png);
	background-position:top;
	background-repeat:repeat-x;
}

img {
	border:0px;
}

h1 {
	font-size:13px;
	font-weight:normal;
	color:#FFFFFF;
	padding-bottom:10px;
}

p {
	color:#F0F0A4;
	font-size:10px;
	line-height:14px;
}

a {
	text-decoration:none;
}
	a:hover {
		text-decoration:underline;
	}


/* --- Classes --- */
.ClearFloats {
	font-size:1px;
	height:1px;
	clear:both;
}

.AjaxLoading {
	background-image:url(../images/loading.gif);
	background-repeat:no-repeat;
	background-position:center center;
}


/* --- IDs --- */
#wrap {
	width:930px;
	height:625px;
	margin:0 auto;
	background-color:#000000;
}

#background {
	width:930px;
	height:625px;
	overflow:hidden;
	position:absolute;
	z-index:1;
}

#site {
	z-index:2;
	position:relative;
}

#left {
	width:160px;
	height:625px;
	background-image:url(../images/gradient_left.png);
	background-repeat:repeat-x;
	float:left;
}

#logo {
	width:98px;
	padding-top:44px;
	margin:0 auto;
}

#menu {
	padding-top:267px;
}

#menu ul {
	list-style-type:none;
}

#menu ul li {
	text-align:center;
	height:12px;
	padding-bottom:28px;
}

#right {
	background-image:url(../images/gradient_right.png);
	background-repeat:repeat-y;
	width:329px;
	height:130px;
	margin-top:445px;
	float:right;
}

#scrollContent {
	position:absolute;
	width:329px;
	height:130px;
}

#content {
	padding-left:25px;
	padding-top:15px;
	padding-right:15px;
	padding-bottom:10px;
}

#footer {
	background-color:#000000;
	position:absolute;
	margin-left:160px;
	width:770px;
	height:45px;
	padding-top:5px;
	margin-top:-50px;
	z-index:2;
}
	#footer p {
		font-size:9px;
		color:#A8A45F;
		padding-bottom:5px;
	}
	#footer p a {
		color:#A8A45F;
	}
	#footer span {
		color:#665423;
		font-size:9px;
	}
	#footer span a {
		color:#665423;
		text-decoration:none;
	}


/* ----- JSCROLLPANE ----- */
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 3;
}

.jScrollPaneTrack {
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	background: #64656A;
}
.jScrollPaneDrag {
	position: absolute;
	background: #64656A;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 3;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background-image:url(../images/arrow_up.png);
	height: 7px;
}
a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 3;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background-image:url(../images/arrow_down.png);
	height: 7px;
}