@charset "utf-8";

/* styles for main template */
.wrapper {
	width: 1155px;
	height: 660px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	top: 86px;
	padding-right:140px;
}

.contact {
	width:1155px;
	height:22px;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	text-align:right;
	font-size:8pt;
	color:#a8a8a8;
}

a {color:#a8a8a8;text-decoration:none;outline:none;}
a:hover {text-decoration:underline;}

.logo-container {
	width: 120px;
	height: 660px;
	float: left;
	padding-left:20px;
	background:url(images/strt8logo.png) no-repeat;
	_background:url(images/strt8logo.gif) no-repeat;
	background-position: 20px 0px;
	
}
#Container {
	float:right;
	margin-left: auto;
	margin-right: auto;
	width: 1010px;
	height: 660px;
	border: 2px solid white;
	background: #444649;
}
.menu-container {
	position:relative;
	float:left;
	width: 47px;
	height: 660px;
	background:#ccc;
}
.menu-item-new {
	width:47px;
	height:165px;
	background:url(images/newOFF.jpg) top left no-repeat;
}
.menu-item-new:hover {
	background:url(images/newON.jpg) top left no-repeat;
	cursor: pointer;
}
.menu-item-motion {
	width:47px;
	height:165px;
	background:url(images/motionOFF.jpg) top left no-repeat;
}
.menu-item-motion:hover {
	background:url(images/motionON.jpg) top left no-repeat;
	cursor: pointer;
}
.menu-item-stills {
	width:47px;
	height:165px;
	background:url(images/stillsOFF.jpg) top left no-repeat;
}
.menu-item-stills:hover {
	background:url(images/stillsON.jpg) top left no-repeat;
	cursor: pointer;
}
.menu-item-thought {
	width:47px;
	height:165px;
	background:url(images/thoughtOFF.jpg) top left no-repeat;
}
.menu-item-thought:hover {
	background:url(images/thoughtON.jpg) top left no-repeat;
	cursor: pointer;
}

/* styles for scrollbar */
#Scroller-1 { 
	position: absolute; 
	overflow: hidden;
	width: 400px;
	height: 200px;
}
#Scroller-1 p {
	margin: 0; padding: 10px 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-indent: 20px;
	color: #fff;
}
.Scroller-Container {
	position: absolute;
	top: 0px;
	left: 0px;
	color: #fff;
}
#Scrollbar-Container {
	position: absolute;
	top: 40px; left: 60px;
}
.Scrollbar-Up {
	cursor: pointer;
	position: absolute;
}
.Scrollbar-Track {
	width: 20px; height: 161px;
	position: absolute;
	top: 36px; left: 4px;
}
.Scrollbar-Handle {
	position: absolute;
	width: 20px; height: 22px;
}
.Scrollbar-Down {
	cursor: pointer;
	position: absolute;
	top: 187px;
}


/* styles for background-image */
html {
	height: 100%;
}
body {
	background-color: #333;
	margin: 0px;
	padding: 0px;
	height: 100%;
	border-top: 1px transparent solid;
	margin-top: -1px;
	z-index:0;
	position:relative;
}
img#background {
	width: auto;
	height: auto;
	z-index: -1;
	position: absolute;
	color: white;
}

/* home page styles */
.new-content {
	width: 963px;
	height: 495px;
	float:right;
}

.new-scroller-wrapper {
	padding-top:20px;
	width: 793px;
	height: 424px;
	margin-left:auto;
	margin-right:auto;
}
.new-scroller-left {
	width:100px;
	height:495px;
	float:left;
	padding-right:10px;
}
.new-scroller-caption {
	margin-top:60px;
	height:90px;
	font-size:9pt;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	line-height:14px;
	visibility:hidden;
}
.new-nav-wrapper {
	margin-top:60px;
	width:100px;
	font-size:9pt;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	line-height:14px;
}
.new-nav-left {
	margin-top:10px;
	float:left;
	width:30px;
	height:20px;
	background:url(images/l_arrow_off.png) top left no-repeat;
	_background:url(images/l_arrow_off.gif) top left no-repeat;
	cursor:pointer;
}
.new-nav-left:hover {
	background:url(images/l_arrow_on.png) top left no-repeat;
	_background:url(images/l_arrow_on.gif) top left no-repeat;
	cursor:pointer;
}
.new-nav-right {
	margin-top:10px;
	float:left;
	width:30px;
	height:20px;
	background:url(images/r_arrow_off.png) top left no-repeat;
	_background:url(images/r_arrow_off.gif) top left no-repeat;
	cursor:pointer;
}
.new-nav-right:hover {
	background:url(images/r_arrow_on.png) top left no-repeat;
	_background:url(images/r_arrow_on.gif) top left no-repeat;
	cursor:pointer;
}
#new-scroller-photo {
	width:683px;
	height:455px;
	overflow:hidden;
	float:right;
}
#new-scroller-photo img {
	z-index:8;
}
#new-scroller-photo img.active {
	visibility:visible;
	z-index:10;
}
#new-scroller-photo img.last-active {
	z-index:9;
}
ul#imglist {
	padding:0;
	margin:0;
}
ul#imglist li {
	margin:0;
	padding:0;
	width:683px;
	height:455px;
	float:left;
	list-style-type:none;
}


/* middle background bar */
.middle-back-bar {
	width: 963px;
	height: 330px;
	background: #3a3c3f;
	margin-top: 21px;
	float:right;
}

/* bottom background bar */
.bot-back-bar {
	width: 963px;
	height: 165px;
	background: #3a3c3f;
	float:right;
}

/* styles for tag */
.tag-wrapper {
	padding-top: 40px;
	height: 85px;
	width: 205px;
	margin-left: auto;
	margin-right: auto;
}
.motion-tag-wrapper {
	padding-top: 20px;
	height: 100px;
	width: 400px;
	margin-left: auto;
	margin-right: auto;
	display:none;
}
.tag-left {
/*	height: 85px; */
	height: 100%;
	width: 15px;
	border-left: 2px solid #a2a3a5;
	border-top: 2px solid #a2a3a5;
	float:left;
}
.tag-right {
	height: 100%;
	width: 15px;
	border-bottom: 2px solid #a2a3a5;
	border-right: 2px solid #a2a3a5;
	float:right;
}
.new-tag-middle {
	height: 85px;
	width: 135px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	color: #fff;
	padding-top:12px;
	padding-left:30px;
}
.motion-tag-middle {
	height: 100%;
	width: 345px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	color: #fff;
	padding-top:12px;
	padding-bottom:12px;
	padding-left:15px;
}


/* motion scroller styles */
.motion-scroller-wrapper {
	width: 860px;
	height: 150px;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
}

#motion-scroller {
	height:93px;
	width:2000px;
}

#motion-scroller-window {
	width:800px;
	height:150px;
	overflow:hidden;
	float:left;
}

.motion-nav-left {
	margin-top:38px;
	float:left;
	width:30px;
	height:20px;
	background:url(images/l_arrow_off.png) top left no-repeat;
	_background:url(images/l_arrow_off.gif) top left no-repeat;
}
.motion-nav-left:hover {
	background:url(images/l_arrow_on.png) top left no-repeat;
	_background:url(images/l_arrow_on.gif) top left no-repeat;
}
.motion-nav-right {
	margin-top:38px;
	float:left;
	width:30px;
	height:20px;
	background:url(images/r_arrow_off.png) top left no-repeat;
	_background:url(images/r_arrow_off.gif) top left no-repeat;
}
.motion-nav-right:hover {
	background:url(images/r_arrow_on.png) top left no-repeat;
	_background:url(images/r_arrow_on.gif) top left no-repeat;
}

.prev{
	float:left;
	cursor:pointer;
}
.next{
	float:right;
	cursor:pointer;
}

#motion-slider {
	padding-left:0px;
	padding-top:0px;
	padding-bottom:0px;
	margin-left:0px;
	margin-top:0px;
	margin-bottom:0px;
	width:10000px;
}

#motion-slider li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	font-weight:normal;
	color:#aaabac;
	display: block;
	width:157px;
	float:left;
	list-style:none;
	padding-right:0px;
	padding-left:3px;
	padding-top:0px;
}

#motion-slider li img {
	border: 2px solid #3a3c3f;
}

#motion-slider li img:hover {
	border: 2px solid white;
	cursor:pointer;
}

#motion-slider li:hover {
	color:#fff;
}

#motion-categories {
	margin-top:34px;
	margin-left:25px;
}
.motion-cat-item {
	margin-left:64px;
	float:left;
	-moz-opacity:.5;
	opacity:.5;
	filter: alpha(opacity=50);
	font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	font-weight:normal;
	color:#fff;
}
.motion-cat-item img {
	border:2px solid #444649;
	cursor:pointer;
}
.motion-cat-item img:hover {
	border:2px solid white;
}
.motion-cat-item:hover {
	-moz-opacity:1;
	opacity:1;
	filter: alpha(opacity=100);
}
.motion-cat-item-on {
	margin-left:64px;
	float:left;
	-moz-opacity:1;
	opacity:1;
	filter: alpha(opacity=100);
	font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	font-weight:normal;
	color:#fff;
}
.motion-cat-item-on img {
	border:2px solid white;
}



/* stills styles */

#stills-slider {
	padding-left:0px;
	padding-top:0px;
	padding-bottom:0px;
	margin-left:0px;
	margin-top:0px;
	margin-bottom:0px;
}

#stills-slider li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	font-weight:normal;
	color:#aaabac;
	display: block;
	width:94px;
	float:left;
	list-style:none;
	padding-right:0px;
	padding-left:3px;
	padding-top:0px;
}

#stills-slider li img {
	border: 2px solid #3a3c3f;
}

#stills-slider li img:hover {
	border: 2px solid white;
	cursor:pointer;
}

#stills-slider li:hover {
	color:#fff;
}

.stills-scroller-wrapper {
	width: 935px;
	height: 130px;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
}

#stills-scroller {
	height:93px;
	width:2000px;
}

#stills-scroller-window {
	width:875px;
	height:150px;
	overflow:hidden;
	float:left;
}

.stills-nav-left {
	margin-top:22px;
	float:left;
	width:30px;
	height:20px;
	background:url(images/l_arrow_off.png) top left no-repeat;
	_background:url(images/l_arrow_off.gif) top left no-repeat;
}
.stills-nav-left:hover {
	background:url(images/l_arrow_on.png) top left no-repeat;
	_background:url(images/l_arrow_on.gif) top left no-repeat;
}
.stills-nav-right {
	margin-top:22px;
	float:left;
	width:30px;
	height:20px;
	background:url(images/r_arrow_off.png) top left no-repeat;
	_background:url(images/r_arrow_off.gif) top left no-repeat;
}
.stills-nav-right:hover {
	background:url(images/r_arrow_on.png) top left no-repeat;
	_background:url(images/r_arrow_on.gif) top left no-repeat;
}

#stills-image-wrapper {
	height:455px;
}

#stills-image-caption {
	width:100px;
	height:455px;
	padding-left:20px;
	padding-right:20px;
	float:left;
	font-size:9pt;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	line-height:14px;
}

#stills-image {
	width:683px;
	height:455px;
	float:left;
	z-index:1;
}

#stills-image-nav-left {
	position:absolute;
	width:54px;
	height:137px;
	top:330px;
	margin-left:83px;
	cursor:pointer;
	background:url(images/gallery-nav-left2.png) top left no-repeat;
	-moz-opacity:.15;
	opacity:.15;
	filter: alpha(opacity=15);
	z-index:100;
}
#stills-image-nav-left:hover {
	-moz-opacity:.60;
	opacity:.60;
}

#stills-image-nav-right {
	position:absolute;
	top:330px;
	left:1016px;
	width:54px;
	height:137px;
	cursor:pointer;
	background:url(images/gallery-nav-right2.png) top left no-repeat;
	-moz-opacity:.15;
	opacity:.15;
	filter: alpha(opacity=15);
	z-index:100;
}
#stills-image-nav-right:hover {
	-moz-opacity:.60;
	opacity:.60;
	filter: alpha(opacity=60);
}


/* scroll box styles */

#scrollbar-container {}
.scrollbar-track {width:9px;border-left:2px solid #98999b;margin-left:30px;}
.scrollbar-handle {}

#blog-index {
	position:absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:20px;
	font-stretch:condensed;
	color:#fff;
	width:220px;
	left:260px;
	top:100px;
}
#blog-index a {line-height:20px;color:#fff;cursor:pointer;}
#blog-index a:hover {color:#f97e1d;}
#blog-index a:visited {color:#fff;}
#blog-index strong {color:#f97e1d;}

#new-navigation {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	color:#FFF;
	position:absolute;
	z-index:100;
	margin-left:40px;
	margin-top:52px;
}
#new-navigation a {color:#fff;}
#new-navigation a:hover {text-decoration:none;}

#movpop {display:none;width:910px;height:620px;background-color:#444649;border:1px solid #fff;}

#simplemodal-container a.modalCloseImg {
	background:url(x.png) no-repeat; /* adjust url as required */
	width:25px;
	height:29px;
	display:inline;
	z-index:3200;
	position:absolute;
	top:6px;
	right:5px;
	cursor:pointer;
}
#simplemodal-overlay {background-color:#000; cursor:wait;}