body {
	margin: 20px 0px;
    padding: 0;
    font-family: georgia, times, serif;
    background: #ffffff;
}

#movie {
    width: 880px;
	height: 15px;
	text-align: right;
    margin: 0px auto 0px auto;
    background: #fff;
	border: 0px solid #888;
}

#container {
    width: 845px;
	text-align: center;
    margin: 0px auto 0px auto;
    background: #000;
	border-right: 1px solid #888;
	border-top: 1px solid #888;
	border-bottom: 1px solid #888;
	height: 640px;
}


#leftsidebar {
        float: left;
        width: 85px;
		background-image: url(images/back.jpg);
		height: 640px;
}

#leftcontent { 
        float: left;
        width: 310px;
		background: #ff0000;
		height: 640px;
}

#rightcontent {
        float: left;
        width: 450px;
		height: 650px;
		margin-top:0px;
}	

#headerleft {
    width: 310px;
    background: #ff0000;
    padding: 45px 0 0px 0;
	height: 117px;
	background-image: url(images/logo.jpg);
}

#headerright {
    width: 450px;
    background: #fff;
    padding: 50px 0px 0px 0px;
	height: 112px;
} 

#linksleft {
    width: 310px;
	background: #000;
    padding: 50px 0 0px 0;
    text-align: left;
	height: 229px;
}

#linksright {
    width: 450px;
	background: #fff;
    padding: 0;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	margin-top: 20px;
	}

#mainright {	
	margin-top: 0px;
	padding: 0;
	float: none;
    width: 450px;
	background-image: url(images/pict1.jpg);
	height: 279px;
}

#mainrightreference {	
	margin-top: 0px;
	padding: 0;
	float: none;
    width: 450px;
	height: 279px;
}

#mainrightgallery {	
	margin-top: 0px;
	padding: 0;
	float: inherit;
    width: 450px;
	height: 479px;
	border-top: 1px solid #888;
}

#bottomleft {	
		margin: 30px 20px;
		padding: 0;
        width: 280px;
		background-color: #ff0000;
		color: #fff;
		text-align: left;
		font-family: arial, helvetica, sans-serif;
		font-size: 12px;
		height: 169px;
}

#bottomright {	
		margin: 8px 20px;
		padding: 0;
        width: 410px;
		background-color: #000;
		color: #fff;
		height: 184px;
}

#bottomrightreference {	
		margin: 8px 0px;
		padding: 0;
        width: 410px;
		background-color: #000;
		color: #fff;
		height: 184px;
}

#bottom {	
		margin: 0px 0px;
		padding-top: 0px;
		float: left;
        width: 450px;
		background-color: #fff;
		color: #000;
		font-family: helvetica, arial, verdana, sans-serif;
		text-align: right;
		font-size: 11px;
}


ul#navlist {
	margin: 0;
	padding: 0  50px  0 50px;
	white-space: nowrap;
}

#navlist li {
	display: block;
	list-style: none;
}

#navlist {
    font-family:Arial, Helvetica, sans-serif;
    font-size:.8em;
    font-weight:bold;
    list-style:none;
}
#navlist a {
    display:block;
    width:135px;
    color:#fff;
    text-decoration:none;
   	padding:7px 10px 10px 20px;
}

#navlist a.now {
    display:block;
    width:135px;
    color:#fff;
    text-decoration:none;
	padding:7px 10px 10px 20px; 
	color: #ff0000;
	background:url(images/link.jpg) no-repeat;
}

#navlist a:hover { 
    color: #ff0000;
	background:url(images/link.jpg) no-repeat;
}
#navlist a:active {
    color:#ff0000;
}
 
#navcontainer ul {
	padding-top: 0;
	padding-left: 0;
	margin: 0;
	color: #000;
	float: left;
	width: 100%;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
}

#navcontainer ul li { 
    list-style-type:none;
	display: inline;
 }

#navcontainer ul li a {
	margin: 0px;
	padding: 6px 0px 8px 8px ;
	background-color: #fff;
	color: #000;
	text-decoration: none;
	float: left;
	background:url(images/link1.jpg) no-repeat;
}

#navcontainer ul li a.first {
	margin: 0px;
	padding: 6px 0px 8px 11px ;
	color: #000;
	text-decoration: none;
	float: left;
	background:none;
}

#navcontainer ul li a:hover {
	color: #ff0000;
}

img {
	position:relative;
	left:0px;
	top:0px;
	padding: 0px 0 0px 0;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
	
h1 {
    font-family: helvetica, arial, verdana, sans-serif;
    color: #fff;
    margin: 0;
    padding: 0;
    font-size: 60px;
    letter-spacing: -1px;
}
	
h2 {
    font-family: helvetica, arial, verdana, sans-serif;
    color: #ff0000;
    margin: 0;
    padding: 0;
    font-size: 55px;
    letter-spacing: -2px;
	text-align:left;
	font-weight: normal;
}
	
h3 {
    font-family: helvetica, arial, verdana, sans-serif;
    color: #fff;
    margin: 0;
    padding: 0;
    font-size: 19px;
    letter-spacing: 1px;
	text-align:left;
	font-weight: normal;
	line-height: 1.3;
}

a.normal {
	font-family: helvetica, arial, verdana, sans-serif;
	color: #fff;
	font-weight: normal;
	font-size: 13px;
	text-decoration: none;
}

a.redsmall {
	font-family: helvetica, arial, verdana, sans-serif;
	color: #ff0000;
	font-weight: normal;
	font-size: 10px;
	text-decoration: none;
}
	
p {
	font-family: helvetica, arial, verdana, sans-serif;
	color: #fff;
	font-weight: normal;
	padding: 1px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	text-align: left;
	font-size: 13px;
}

p.squezze {
	font-family: helvetica, arial, verdana, sans-serif;
	color: #fff;
	font-weight: normal;
	padding: 1px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	text-align: left;
	font-size: 13px;
	line-height: 1.0;
}

.red {
	color: #ff0000;
}

.redsmall {
	font-size: 10px;
	color: #ff0000;
}

#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrapper {width:450px; margin-top:0px; display:none}
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:450px; height:279px; padding:0; border:0px solid #ccc; background:#fff}
/*#information {position:absolute; bottom:0; width:450px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px}*/
#image {width:450px;margin-top: 0px;}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:279px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(images/left.gif) left center no-repeat}
#imgnext {right:0; background:url(images/right.gif) right center no-repeat}
#imglink {position:absolute; height:279px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(images/link.gif) center center no-repeat}
#thumbnails {margin-top:6px}
#slideleft {float:left; width:20px; height:81px; background:url(images/scroll-left.gif) center center no-repeat; background-color:#000}
#slideleft:hover {background-color:#222}
#slideright {float:right; width:20px; height:81px; background:#000 url(images/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#222}
#slidearea {float:left; position:relative; width:400px; margin-left:5px; height:81px; overflow:hidden}
#slider {position:absolute; left:0; margin-top:0px; height:81px}
#slider img {cursor:pointer; border:0px solid #666; padding:2px}

.stepcarousel{
position: relative; /*leave this value alone*/
border: 0px solid black;
overflow: scroll; /*leave this value alone*/
width: 450px; /*Width of Carousel Viewer itself*/
height: 279px; /*Height should enough to fit largest content's height*/
}

.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: 0px; /*margin around each panel*/
width: 450px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}