@import url("pages.css");

html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, a, em, img, ol, ul, li, fieldset, form, label, table {
	margin:0;
	padding:0;
	border:0;
}

html, body {
height: 100%;
}

*{
	margin:0;
	padding:0;
}

body {
	color: #FFF;
	font-family: Arial, Sans-serif;
	font-size: 12px;
	letter-spacing: 0.1px;
	background: url(../images/main-bg.jpg) repeat;
	overflow: hidden;
	/*text-align:center;*/
	min-width:960px;
}

/* ----------------------typography.css---------------------- */
h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
}

.invisible{
	visibility:hidden;
	text-indent:-9999px;
	}

h1 {
	font-size: 33px;
	line-height:1;
	text-transform: uppercase;
	font-weight: normal;
	letter-spacing: 4px;
	color: #FC6;
	padding-bottom: 10px;
    }
h2 {
	font-size: 18px;
	text-transform: uppercase;
	font-weight: normal;
	letter-spacing: 2px;
	color: #FC6;
	padding-bottom: 10px;
	}
h3 {
	font-size: 14px;
	text-transform: uppercase;
	font-weight: normal;
	letter-spacing: 1px;
	color: #FC6;
	}
h4 {
	font-size: 12px;
	text-transform: uppercase;
	font-weight: normal;
	letter-spacing: 1px;
	color: #333;
	}
	
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}

/* links */
a img {border:none;}
a:focus, a:hover {
	color: #FC9;
}
a {
	color: #FC6; 
	text-decoration: none;
	outline:none;
}
strong {font-weight:bold;}
em {font-style:italic;}
li ul, li ol {margin:0;}
ul, ol {margin:0 1.5em 1.5em 0;
padding-left:3.333em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}

.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

/* ----------------------Main Wrap---------------------- */
#header_wrap {
	width: 100%;
	height:95px;
	z-index: 5;
	position:relative;
	overflow:hidden;
	margin:0;
	background: url(../images/bg-header.jpg) repeat-x;
}

#header_content {
	width: 960px;
	height:95px;
	margin: 0px auto;
	padding: 0;
	position:relative;
	z-index: 5;
	background: url(../images/header-banner.jpg) no-repeat center top;
}

#body_wrap {
	width: 100%;
	height: 100%;
	text-align:left;
	position:relative;
	z-index: 0;
	overflow: hidden;
	margin: 0;
	padding:0;
}

/*-----#content_wrap {
	overflow: hidden;
	margin:0px auto;
	height: 100%;
	width:960px;
	text-align:left;
	z-index: 8;
	background: #0FC;
}------*/

/* ---------Home Page--------- */
#content_home_wrap{
	margin:0px auto;
	width:100%;
	bottom:30px;
	z-index: 3;
	background: transparent url(../images/dark_grey_bck.png) repeat;
	position:absolute;
}

#content_home_frame{
	width:940px;
	font-size:12px;
	text-align:center;
	overflow: hidden;
	margin:0px auto;
	padding:0px 10px 10px;
	z-index: 3;
	line-height:18px;
}

#content_home_frame span a{
	width:200px;
	display:block;
	height:20px;
	line-height:20px;
	text-align:center;
	background: #933;
	font-weight:bold;
	font-size:12px;
	color:#FFF;
}

#content_home_frame span a:hover{
	background: #521B1B;
	color:#999;
}

.title_frame{
	width:960px;
	height:39px;
	text-align:center;
	overflow: hidden;
	margin:0px auto;
	background: url(../../images/about.png) no-repeat center bottom;
}

.title_frame a img{
	float:right;
	padding-right:100px;
}

#footer_wrap {
	position: absolute;
	bottom: 0;
	width: 100%;
	background: transparent url(../images/footer_trans_bck.png) repeat-x bottom;
	height: 40px;
	font-size: 10px;
	text-align: left;
	overflow: hidden;
	z-index: 9;
	overflow-x: hidden;
	min-width:960px;
}

#footer_wrap_frame {
	width: 960px;
	margin:0 auto;
	height: 30px;
	padding-top:10px;
	z-index: 9;
}

#footer_wrap_frame ul{
	text-align:center;
	margin:0;
	padding: 0;
}

#footer_wrap_frame li{
	display: inline;
	font-weight: bold;
	line-height:30px;
	height:30px;
	color: #333;
	padding: 0;
	margin: 0;
}

#footer_wrap_frame ul li a{
	color: #333;
	padding: 0 10px 0 10px;
	font-weight: bold;
	text-decoration: none;
}

#footer_wrap_frame  ul li a:hover, #footer_wrap_frame ul li a:focus{
	color: #FFF;
}

/* logo */
h1 a { width:138px; height:86px; text-indent:-9999px; display:block; position:absolute; top:0px; left:412px; z-index:3; }

/* ----------------------Navigation---------------------- */

/* Navleft */
#navleft{
    width:380px;
	height:84px;
	display:block;
	position:absolute;
	top:0px;
	left:26px;
}

/* Navright */
#navright{
    width:401px;
	height:84px;
	display:block;
	position:absolute;
	top:0px;
	left:555px;
}

.nav ul{
	margin: 0px;
	padding: 0px;
	font-size: 12px;
}

.nav li{
    display: inline;
    padding: 0;
    margin: 0;
    letter-spacing: 1px;
}

.nav ul li a{
	float:left;
	height: 44px;
	line-height:44px;
	display: block;
	color: #CCC;
	text-decoration: none;
	padding: 40px 10px 0px;
	overflow:hidden;
}

.nav ul li a:hover, .nav ul li a:focus{
	color: #FFF;
	background: url(../images/nav-bg-hover.jpg) repeat-x center top;
}

/* banner-home - Supersized */

#loading {
			position: absolute;
			top: 49.5%; 
			left: 49.5%;
			z-index: 3;
			width: 24px; 
			height: 24px;
			text-indent: -999em;
			background-image: url(../images/progress.gif);
		}
		#supersize{
			position:fixed;
		}
		#supersize img, #supersize a{
			height:100%;
			width:100%;
			position:absolute;
			z-index: 0;
		}
		#supersize .prevslide, #supersize .prevslide img{
			z-index: 1;
		}
		#supersize .activeslide, #supersize .activeslide img{
			z-index: 2;
		}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.row_border {
		width: 800px;
		margin: 0 0 20px 0;
		height: 1px;
		background-color: #ddd;
		overflow: hidden;
		clear: both;
		}
		
		.text_small {
		line-height: 15px;		
		letter-spacing: 0.3px;
		font-size: 11px;
		}

.clearit{
    clear: both;
}