/****** MAIN ******/
* {
	padding: 0;
	margin: 0px;
}
html, body {
	margin:0;
	padding:0
}

body {
	background-image:url(../Images/bg-1.png);
}

body#02 {
	background: url(../Images/bg-2.png);
}

body#home {
	background: url(../Images/bg-home.png);
}

body#sb {
	background-image:none;
	background-color:#6A6A6A;
}

#content p {
	line-height:1.4em;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
}

#content img.main {
	margin-right: 10px;
	border: 3px solid #383838;
	float: left;
 }

#sbcontent p {
	line-height:1.4em;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
}

#content2 p {
	line-height:1.4em;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
}

h1 {
	text-transform: none;
	letter-spacing: -0.1;
	color:#1E1E1E;
	font: normal 18px/1.4em Helvetica, Arial, sans-serif;
}
h2 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: normal;
	line-height: 1.6em;
	color:#999999;
}

h3 {
	text-transform: none;
	color:#262626;
	font: normal 14px/1.6em Helvetica, Arial, sans-serif;
	margin-bottom: 5px;
	margin-top: 5px;
	border-bottom: 1px solid #383838;
}


h4 {
	text-transform: none;
	letter-spacing: normal;
	color:#333333;
	font: normal 11px/1.6em Helvetica, Arial, sans-serif;
}

h5 {
	text-transform: none;
	color:#262626;
	font: normal 12px/1.6em Helvetica, Arial, sans-serif;
	margin-bottom: 5px;
	margin-top: 5px;
}

h6 {
	text-transform: none;
	color:#999999;
	font: normal 9px/1.6em Helvetica, Arial, sans-serif;
	margin-bottom: 5px;
	margin-top: 5px;
}



#content a {
	color: #999;
	text-decoration: none;
}
#content a:hover {
	color: #FFFFFF;
}

#content2 a {
	color: #999;
	text-decoration: none;
}
#content2 a:hover {
	color: #FFFFFF;
}


#subnav {
}

/****** NAVIGATION ******/


div#sbwrapper {
	float:left;
	width:95%;
	margin: 10px;
}

div#wrapper {
	float:left;
	width:100%;
	margin-top: 50px;
}
div#content {
	margin-left: 450px;
	max-width: 750px;
	min-width: 440px;
	margin-right: 10px;
}

div#sbcontent {
	max-width: 750px;
	min-width: 440px;
}

div#content2 {
	margin-left: 230px;
	max-width: 750px;
	min-width: 440px;
	margin-right: 10px;
}

div#middle {
	float:left;
	width:220px;
	height: 100%;
	position: fixed;
	left: 220px;
}
div#nav {
	float:left;
	width:220px;
	height: 100%;
	position: fixed;
	left: 0px;
	margin: 0;
}

div#nav-home {
	float:left;
	width:220px;
	height: 100%;
	position: fixed;
	left: 0px;
	margin: 0;
}

.footer {
	clear:left;
	width:100%
}

/****** NAVIGATION ELEMENTS ******/


.nav ul li {
	float: right;
	display: block;
	text-align: right;
}
.nav ul li a {
	margin-top: 2px;
	color: #FFF;
	text-decoration: none;
	padding: 4px 8px 4px 0px;
	width: 212px;
	float: right;
	font: 10px Helvetica, Arial, sans-serif;
}
.nav ul li a:hover {
	background: #383838;
}
.nav ul li.active a {
	color: #FF3333;
	background: #383838;
}


/***** HOMEPAGE *****/

.navhome ul li {
	float: right;
	display: block;
	text-align: right;
}
.navhome ul li a {
	margin-top: 2px;
	color: #FFF;
	text-decoration: none;
	padding: 4px 8px 4px 0px;
	width: 212px;
	float: right;
	font: 10px Helvetica, Arial, sans-serif;
}
.navhome ul li a:hover {
	background: #262626;
}
.navhome ul li.active a {
	color: #FF3333;
	background: #262626;
}

.subnav_home li {
	float: left;
	display: block;
	text-align: left;
}

.subnav_home li a {
	margin-top: 2px;
	color: #FFF;
	text-decoration: none;
	padding: 4px 0px 4px 8px;
	width: 212px;
	float: right;
	font: 10px Helvetica, Arial, sans-serif;
}
.subnav_home li a:hover {
	background: #383838;
}
.subnav_home li.active a {
	color: #FF3333;
	background: #383838;
}
.subnav_home li a:active {
	color: #FF3333;
	background: #383838;
}


/**** SUBNAV WITH SCROLL *****/



.subnav li {
	float: left;
	display: block;
	text-align: left;
}
.subnav li a {
	margin-top: 2px;
	color: #FFF;
	text-decoration: none;
	padding: 4px 0px 4px 8px;
	width: 204px;
	float: right;
	font: 10px Helvetica, Arial, sans-serif;
}
.subnav li a:hover {
	background: #5c5c5c;
}
.subnav li.active a {
	color: #FF3333;
	background: #5c5c5c;
}
.subnav li a:active {
	color: #FF3333;
	background: #5c5c5c;
}


/**** SUBNAV WITH NO SCROLL *****/



.subnav_ns li {
	float: left;
	display: block;
	text-align: left;
}

.subnav_ns li a {
	margin-top: 2px;
	color: #FFF;
	text-decoration: none;
	padding: 4px 0px 4px 8px;
	width: 212px;
	float: right;
	font: 10px Helvetica, Arial, sans-serif;
}
.subnav_ns li a:hover {
	background: #5C5C5C;
}
.subnav_ns li.active a {
	color: #FF3333;
	background: #5C5C5C;
}
.subnav_ns li a:active {
	color: #FF3333;
	background: #5C5C5C;
}

/* THUMBNAILS */


thumbs {
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
}
.thumbs img {
	position: relative;
	border: 4px solid #ebebeb;
	background: none;
	margin: 4px 6px 4px 0px;
	float:left
}
.thumbs img:hover {
	border: 4px solid #262626;
	background: none;
}
.thumbs a:hover {
	background-color: transparent;
	border: none
}
/* SCROLL */


.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}
.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #383838;
}
.jScrollPaneDrag {
	position: absolute;
	background: #262626;
	cursor: pointer;
	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: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
/*background-color: #f60;*/
}
a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
/*background-color: #f00;*/
}
.holder {
	float: left;
	left: 220px;
	position: fixed;
}

.scroll-pane {
	width: 220px;
	float: left;
	height: 500px;
}

.left .jScrollPaneTrack {
	left: 0;
	right: auto;
}
.left a.jScrollArrowUp {
	left: 0;
	right: auto;
}
.left a.jScrollArrowDown {
	left: 0;
	right: auto;
}
/* IE SPECIFIC HACKED STYLES */
			* html .osX .jScrollPaneDragBottom {
	bottom: -1px;
}
			/* /IE SPECIFIC HACKED STYLES */