/* MAIN HTML ELEMENTS */

html,
body {
	margin-left:10;
	margin-top:0px;
	background-color:#26221F
	}
	
a,
a:link,
a:visited {
	color:#DDD;
	text-decoration:none;	
	
}

a:focus {
	outline: none;
}

a:hover {
	color:#999;
}

table {
	font-size:1.3em;
	margin:0;
	padding:0;
}

address {
	font-style:normal;
}

.small {
	font-size:1em !important;
}


/* FOLIO NAV */
#folioNav {
	clear:both;
	width: auto;
	white-space:nowrap;
	padding-top:10px;
	padding-bottom:5px;
}

#folioNav p {
	display:inline;
	padding-right:10px;
	vertical-align:middle;
}

/* FOLIO NAV */
#footer {
	width: auto;
	white-space:nowrap;
}

#footer p {
	display:inline;
	margin:0;
	padding:0;	
	vertical-align:middle;
}


/* INVISIBLE ELEMENTS */

hr {
	display:none;
}

.hide-me {
	display:none;
}



/* SCROLLER DIV */

#scroller {	
	clear:both;
	width:100%;
	padding:0;
	margin:0 auto;
	position:relative;
	height:440px;
}

#scrollContent {
	width: auto;
	white-space:nowrap;
	font-family:"Trebuchet MS", "Lucida Sans Unicode", Verdana;
	color:#FFFFFF;
	font-size:12px;
}

	
#scroller p,
#scroller div.videoContent {
	display:inline;
	margin:0;
	padding:0;	
	vertical-align:middle;
}

#scroller div.videoContent {
	margin:0 5px;
}

#scroller img {	
	margin-right:10px;
	padding:0;
	/*border:2px solid #FFF;*/
}

#about01 {
	width:580px;
	white-space:normal;
	position:absolute;
}
#noscrollBar {
	width:580px;
	height: 19px;
	padding:0;
	margin:0 auto;
}
h1 {
	font-size:16px;
}	
	

/* SCROLL BAR */


#scrollBarWrapper {
	float: left;
	margin:0 auto;
	padding:5px 0 0 0;
	width: 580px;
}


#scrollBar {
	width:580px;
	height: 19px;
	padding:0;
	margin:0 auto;
}

#scrollKnobContainer {
	float: left;
	width: 536px;
	height: 19px;
	background: url(../images/scrollBar.gif) 0 0 no-repeat;
	cursor:pointer;
}

#scrollKnob {
	height:19px;
	color:#CCC;
	margin-left:-1px;
	background: url(../images/scrollButton-l.gif) 0 0 no-repeat;
	cursor: pointer;
}

#scrollKnob div {
		float:right;
		height:19px;
		width:6px;
		margin-right:-2px;
		background: url(../images/scrollButton-r.gif) top right no-repeat;
}

#scrollBack {
	float: left;
	margin:1px 3px 0 0;
	width: 14px;
	height: 15px;
	background: url(../images/scroll-left.gif) 0 0 no-repeat;
	cursor:pointer;

}

#scrollForward {
	margin:1px 0 0 3px;
	float: left;
	width: 14px;
	height: 15px;
	background: url(../images/scroll-right.gif) 0 0 no-repeat;
	cursor:pointer;
}