html, body {
	background-color:black;
	margin:0;
	padding:0;
	font-family:tahoma, verdana, sans-serif;
	font-size:12px;
	color:white;
	text-align:center;
}

h1 {
	font-size:26px;
	font-weight:normal;
	color:#cbcbcb;
	margin-left:0;
}
h2 {
	font-size:18px;
	display:inline;
	font-weight:normal;
	color:#989898;
}
a	{
	text-decoration:none;
}
a.nav {
	color:#cbcbcb;
	font-size:11px;
}
a.nav:hover {
	color:#fff;
	font-size:11px;
}

a.nav1 {
	color:#cbcbcb;
	font-size:11px;
	text-decoration:none;
	font-weight:bold;
}
a.nav1:hover {
	color:#fff;
	font-size:11px;
	font-weight:bold;
}

a.nav2 {
	color:#cbcbcb;
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
}
a.nav2:hover {
	color:#fff;
	font-size:12px;
	font-weight:bold;
	text-decoration:underline;
}

img {
	border:0;
}
#pagewidth {
	width:100%;
	height:850px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	padding:0;
	text-align:center;
}
#contact	{
	width:110px;
	height:110px;
	position:absolute;
	z-index:10;
}
#contact a	{
	width:110px;
	height:110px;
	float:left;
	background:url('../images/contact-sash.png') no-repeat;
	position:relative;
	top:-2px;
	left:-1px;
}
#contact a:focus	{
	outline:none;
}

#header {
	width:902px;
	height:115px;
	margin-left:auto;
	margin-right:auto;
}
#logo	{
	float:left;
	margin-top:50px;
	margin-left:40px;
}
#content {
	width:902px;
	height:571px;
	margin-left:auto;
	margin-right:auto;
	background:url('../images/content.png') no-repeat;
}

#maincontent {
	width:426px;
	height:400px;
	float:left;
	padding-left:80px;
	padding-top:100px;
	text-align:left;
	color:#cbcbcb;
}
#maincontent2 {
	width:750px;
	height:400px;
	float:left;
	padding-left:80px;
	padding-top:70px;
	text-align:left;
	color:#cbcbcb;
}
#maincontent3 {
	width:840px;
	height:530px;
	padding-left:40px;
	padding-top:25px;
	text-align:left;
	color:#cbcbcb;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

#maincontent4 {
	width:320px;
	height:400px;
	float:left;
	padding-left:80px;
	padding-top:60px;
	text-align:left;
	color:#cbcbcb;
}
#maincontent5 {
	width:416px;
	height:400px;
	float:left;
	padding-left:80px;
	padding-top:60px;
	text-align:left;
	color:#cbcbcb;
}
#maincontent-studioB	{
	width:380px;
	height:400px;
	float:left;
	padding-left:80px;
	padding-top:60px;
	text-align:left;
	color:#cbcbcb;
}
#main	{
	margin-top:8px;
	max-height:370px;
	max-width:392px;
}
#mainbox {
	width:350px;
	height:550px;
	float:left;
}
#mainbox1 {
	width:350px;
	height:550px;
	float:left;
	padding-left:25px;
}
#box {
	width:233px;
	height:221px;
	margin-top:285px;
	margin-left:95px;
}
.boxtop {
	width:233px;
	height:29px;
	background-image:url('../images/topbox.png');
	background-position:center;
	background-repeat:no-repeat;
	color:#cbcbcb;
	font-size:13px;
	text-align:left;
	position:relative;
}
.boxmid {
	width:233px;
	height:164px;
	background-image:url('../images/box.png');
	background-position:center;
	background-repeat:no-repeat;
}
.boxbot {
	width:233px;
	background-image:url('../images/botbox.png');
	background-position:top center;
	background-repeat:no-repeat;
	color:#ffffff;
	font-size:13px;
	text-align:center;
}

#mainbox2 {
	width:480px;
	height:555px;
	float:left;
}
#box2 {
	width:408px;
	height:500px;
	margin-top:65px;
	margin-left:45px;
}
/*single*/
#maincontent4s	{
	width:350px;
	height:400px;
	float:left;
	padding-left:80px;
	padding-top:70px;
	text-align:left;
	color:#cbcbcb;
}
#mainbox2s	{
	float:right;
	width:450px;
	position:relative;
}
#mainbox3s	{
	float:right;
	position:relative;
	width:410px;
}
#box2s	{
	margin-top:50px;
}
#box3	{
	position:relative;
	top:50px;
	right:20px;
}
#box3 span	{
	position:relative;
	top:70px;
	left:-10px;
}
#box2s span	{
	position:absolute;
	top:480px;
	width:100%;
	left:-25px;
}
.boxmid2s	{
	border:0px solid red;
	margin-top:40px;
	display:table-cell;
	vertical-align:middle;
	height:305px;
}
.boxmid2s img	{
	border:7px solid #666;
	width:392px;
}
#boxmid2s .landscape	{
	border:4px solid yellow;
}
#boxmid2s .portrait	{
	border:4px solid blue;
}
.boxbot2s	{
	width:460px;
	height:69px;
	position:absolute;
	top:400px;
	left:-30px;
}
.boxbot3	{
	width:460px;
	height:69px;
	position:absolute;
	top:300px;
	left:-30px;
}
/*multi*/
.boxbot2m	{
	width:460px;
	height:69px;
	position:absolute;
	top:470px;
	left:430px;
}
#maincontent3m {
	width:840px;
	height:530px;
	padding-left:40px;
	padding-top:25px;
	text-align:left;
	color:#cbcbcb;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}
#maincontent3m span	{
	width:360px;
	position:absolute;
	top:540px;
	left:480px;
}
#counter	{
	position:relative;
	top:460px;
	left:490px;
	width:360px;
	z-index:99;
	text-align:left;
}
#maincontent3m #instruction	{
	position:absolute;
	top:80px;
	left:40px;
}
#maincontent3m h1{
	padding-left:25px;
}
#maincontent3m .subcam1	{
	position:absolute;
	top:500px;
}
#maincontent3m .panel img	{
	max-width:80px;
	max-height:60px;
}

.boxtop2 {
	width:408px;
	height:21px;
	background-image:url('../images/singletop.gif');
	background-position:center;
	background-repeat:no-repeat;
	color:#cbcbcb;
	font-size:13px;
	text-align:left;
	position:relative;
}
.boxmid2 {
	width:408px;
	height:308px;
	background-image:url('../images/singleimg.gif');
	background-position:center;
	background-repeat:no-repeat;
	text-align:center;
}
.boxbot2 {
	width:460px;
	height:69px;
	margin-top:8px ;
	margin-left:-25px;
	color:#ffffff;
	font-size:13px;
	text-align:center;
}

#multi {
	width:655px;
	height:330px;
	margin-left:50px;
	text-align:center;
	margin-top:0;
	position:relative;
	top:40px;
	float:left;
	clear:left;
}
.multi1 {
	width:655px;
	height:22px;
	background-image:url('../images/camtop.gif');
	background-position:center;
	background-repeat:no-repeat;
	font-size:12px;
	color:white;
	text-align:left;
	}
.multi2 {
	width:636px;
	margin-top:4px;
	text-align:left;
	background-image:url('../images/back.gif');
	background-position:center;
	background-repeat:no-repeat;
	padding-top:39px;
}

.cam1 {
	width:152px;
	height:268px;
	background-image:url('../images/multileft.gif');
	background-position:center;
	background-repeat:no-repeat;
	float:left;
}
.cam2 {
	width:334px;
	height:298px;
	background-image:url('../images/multimid.gif');
	background-position:center;
	background-repeat:no-repeat;
	float:left;
	font-size:10px;
}
.cam3 {
	width:152px;
	height:268px;
	background-image:url('../images/multiright.gif');
	background-position:center;
	background-repeat:no-repeat;
	float:left;
}

.cambot {
	width:850px;
	height:90px;
	background:url('../images/cambot.gif') top right no-repeat;
	margin-top:40px;
	text-align:left;
	color:#cbcbcb;
	font-size:12px;
	float:left;
	clear:left;
}

.subcam1 {
	width:395px;
	float:left;
	margin-top:-35px;
}
.subcam2 {
	width:190px;
	height:65px;
	float:left;
	margin-top:5px;
	margin-left:54px;
	font-size:11px;
}
.subcam3 {
	width:170px;
	height:65px;
	float:left;
	margin-top:5px;
	margin-left:8px;
	font-size:11px;
	z-index:120;
}

#bottom {
	width:902px;
	height:60px;
	margin:0 auto;
}
#nav_footer	{
	float:right;
	margin-right:40px;
}
#nav_footer li	{
	background:url(../images/nav_footer_bg.png) repeat-x;
}
#nav_footer li li a	{
	background:#000;
	color:#fff;
	border-bottom:1px solid #ccc;
}
#nav_footer li a:hover	{
	color:#fc9800;
}
#nav_footer li.nf_li	{
	height:24px;
	border-right:1px solid #666;
	padding-top:4px;
}
#nav_footer li.nf_li:last-child	{
	border-right:0;
}

#video	{
	width:350px;
	margin:20px auto 0;
	position:relative;
}
#instruction	{
	position:absolute;
	width:250px;
	top:180px;
	float:left;
}

img, div {
	behavior:url(js/iepngfix.htc);
} 

ul, li {
	behavior:url(js/csshover.htc);
}
#switcher	{
	float:right;
	position:absolute;
	top:452px;
	left:477px;
	background:#888;
}
#switcher a	{
	padding:2px 7px;
	display:block;
	float:left;
	color:#eb8e00;
	background:#333;
}
#switcher a:first-child	{
	border-right:1px solid #666;
}
#switcher a.selected	{
	color:#FFF;
	background:#888;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx---------------------------------------  */

#menux {
	position:relative;
	margin-left:290px;
	height:30px;
	padding-top:70px;
}

.slidetabsmenu{ 
	float:left;
	width:582px;
	height:45px;
	font-family:tahoma, verdana, sans-serif;
	font-size:11px;
	line-height:normal;
	color:white;
	background:url(../images/nav_bg.png) repeat-x;
}

* html .slidetabsmenu{ /*IE only. Add 1em spacing between menu and rest of content*/
	margin-bottom:1em;
}

.slidetabsmenu ul{
	list-style-type:none;
	margin:0;
	padding:0;
}

.slidetabsmenu li{
	display:inline; 
	margin:0;
	padding:0;
}

.slidetabsmenu a{
	float:left;
	height:25px;
	border-right:1px solid #666;
	display:inline-table;
	margin:auto 0;
	padding:10px 10px;
	text-decoration:none;
	text-align:center;
	color:#fff;
	font-weight:bold;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.slidetabsmenu a span {
	float:none;
}
/* End IE5-Mac hack */

.slidetabsmenu a:hover, .slidetabsmenu li.selected a span{
	color:#fc9800;
}

.slidetabsmenu a:hover, .slidetabsmenu li.selected a{
	background-position:0% -125px;
}

.slidetabsmenu a:hover span, .slidetabsmenu li.selected a span{
	background-position:100% -125px;
}

html>/**/body .IEonlybr{ /*None IE browsers hack*/
	display:none; /*Hide BR tag in non IE browsers, since it's not needed*/
}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv_c	{
	position:absolute;
	top:0px;
	filter:alpha(opacity=87);
	opacity:0.87;
	background-color:#000;
	border-bottom-width:0;
	font:normal 11px tahoma, verdana, sans-serif;
	line-height:17px;
	z-index:100;
	color:white;
	width:172px;
	visibility:hidden;
}


.dropmenudiv_c a	{
	width:170px;
	display:block;
	border:0 solid #fff; /*THEME CHANGE HERE*/
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:2px 0;
	text-decoration:none;
	font-weight:bold;
	color:#fff;
	text-align:center;
}

* html .dropmenudiv_c a{ /*IE only hack*/
	width:100%;
}

.dropmenudiv_c a:hover{ /*THEME CHANGE HERE*/
	color:#fc9800;
}



/* - - - ADxMenu:BASIC styles - - - */

/* remove all list stylings */
.menu, .menu ul {
	margin:0;
	padding:0;
	border:0;
	list-style-type:none;
	display:block;
}

.menu li {
	margin:0;
	padding:0;
	border:0;
	display:block;
	float:left;	/* move all main list items into one row, by floating them */
	position:relative;	/* position each LI, thus creating potential IE.win overlap problem */
	z-index:5;		/* thus we need to apply explicit z-index here... */
}

.menu li:hover {
	z-index:10000;	/* ...and here. this makes sure active item is always above anything else in the menu */
	white-space:normal;/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)
							see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */
}

.menu li li {
	float:none;/* items of the nested menus are kept on separate lines */
}

.menu ul {
	visibility:hidden;	/* initially hide all submenus. */
	position:absolute;
	z-index:10;
	left:0;	/* while hidden, always keep them at the bottom left corner, */
	bottom:0;		/* 		to avoid scrollbars as much as possible */
}

.menu li:hover>ul {
	visibility:visible;	/* display submenu them on hover */
	bottom:100%;	/* 1st level go above their parent item */
}

.menu li li:hover>ul {	/* 2nd+ levels go on the right side of the parent item */
	bottom:0;
	left:100%;
}

/* -- float.clear --
	force containment of floated LIs inside of UL */
.menu:after, .menu ul:after {
	content:".";
	height:0;
	display:block;
	visibility:hidden;
	overflow:hidden;
	clear:both;
}
.menu, .menu ul {	/* IE7 float clear:*/
	min-height:0;
}
/* -- float.clear.END --  */

/* sticky submenu:it should not disappear when your mouse moves a bit outside the submenu
	YOU SHOULD NOT STYLE the background of the ".menu UL" or this feature may not work properly!
	if you do it, make sure you 110% know what you do */
.menu ul {
	background-image:url(empty.gif);	/* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */
	padding:30px 30px 10px 30px;
	margin:0 0 -8px -30px;
	/*background:#f00;*/	/* uncomment this if you want to see the "safe" area.
								you can also use to adjust the safe area to your requirement */
}
.menu ul ul {
	padding:30px 30px 30px 10px;
	margin:0 0 -30px -10px;
}


/* - - - ADxMenu:DESIGN styles - - - */

.menu, .menu ul li {
	color:#fff;
	font-weight:bold;
	font-size:11px;
}

.menu ul {
	width:11em;
}

.menu a {
	text-decoration:none;
	color:#fff;
	padding:.4em 1em;
	display:block;
	position:relative;

}

a.men {
	color:#fff;
	font-weight:bold;
	font-size:11px;
}
a.men:hover {
	color:#fc9800;
	font-weight:bold;
	font-size:11px;
}


.menu li li {	/* create borders around each item */
	border:1px solid #ccc;
	filter:alpha(opacity=87);
	opacity:0.87;
	background-color:#6a6969;
}

.menu li li:hover {	
background-color:#fc9800;
}


.menu ul>li + li {	/* and remove the top border on all but first item in the list */
	border-top:0;
}

.menu li li:hover>ul {	/* inset 2nd+ submenus, to show off overlapping */
	bottom:5px;
	left:90%; 
}


/* Fix for IE5/Mac \*//*/
.menu a {
	float:left;
}
/* End Fix */

.stepcarousel{
	position:relative; /*leave this value alone*/
	border:0px solid white;
	overflow:scroll; /*leave this value alone*/
	width:365px; /*Width of Carousel Viewer itself*/
	height:68px; /*Height should enough to fit largest content's height*/
	margin-left:auto;
	margin-right:auto; 
	padding-top:0px;
	background-color:#8c8d90;
}

.stepcarousel .belt{
	position:absolute; /*leave this value alone*/
	left:0;
	top:0;
}

.stepcarousel .panel{
	float:left; /*leave this value alone*/
	overflow:hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin:5px; /*margin around each panel*/
	width:85px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

/* custom gallery styles */
#place1,
#place2,
#place3,
#place4	{
	float:left;
	position:absolute;
	display:table-cell;
	vertical-align:middle;
	border:5px solid #444;
}
#place1,
#place3,
#place4	{
	width:170px;
	height:96px;
	cursor:pointer;
}
#place1	{
	top:140px;
	left:-5px;
	
}
#place2	{
	top:85px;
	left:170px;
	width:350px;
	height:197px;
}
#place3	{
	top:140px;
	left:525px;
}
#place4	{
	top:-16px;
	left:250px;
}
#place1 p,
#place2 p,
#place3 p,
#place4 p	{
	margin:0;
	position:absolute;
	text-transform:uppercase;
	font-weight:bold;
	text-align:center;
}
#place1 p	{
	top:115px;
	width:175px;
}
#place2 p	{
	top:220px;
	width:348px;
}
#place3 p	{
	top:115px;
	width:175px;
}
#place4 p	{
	top:-25px;
	width:175px;
}
#Camera1,
#Camera3,
#Camera4	{
	width:170px;
	height:96px;
}
#Camera2	{
	width:350px;
	height:197px;
}
#Camera1,
#Camera2,
#Camera3,
#Camera4	{
	position:absolute;
	left:0;
	top:0;
}
.none	{
	display:none;
}

.video	{
	border:0px solid red;
	float:right;
	position:relative;
	top:110px;
	right:40px;
}
.video object:focus	{
	outline:none;
}
.belt2 img	{
	position:relative;
	z-index:2;
}


/* grabs */
#grabs	{
	float:left;
	width:304px;
	margin:0 42px 0 0;
	padding:0;
}
#grabs li	{
	float:left;
	width:95px;
	height:95px;
	list-style:none;
	margin:2px;
}
#grabs li img	{
	width:95px;
}
#grab-lg	{
	border:0px solid red;
	width:400px;
	height:300px;
	display:table-cell;
	vertical-align:middle;
}
#grab-lg img	{
	width:400px;
	max-height:300px;
}

#sitemap a	{
	color:#CCC;
}
#print,
#download	{
	width:150px;
	height:38px;
	text-indent:-999em;
	display:block;
	float:left;
	margin-left:15px;
	margin-bottom:15px;
	cursor:pointer;
}
#print	{
	background:url(../images/button-print.gif) no-repeat;
}
#download	{
	background:url(../images/button-download.gif) no-repeat;
}