img { border: 0; display: block; }
.inlineimage img {display:inline;margin:0 12px;}
.alt {color:#333;}
.skiplink {display:none;}
.hidden {display:none;}

body	{
	margin: 0;
	padding: 0;
	border: 0;
	text-align: center;
	color: #000;

	}
	
body, p {
  font-family:  arial, verdana, sans-serif;
  font-size: 12px;
}

/*/*/a{}
body,
body p {
  font-size: x-small;
  voice-family: "\"}\"";
  voice-family: inherit;
  font-size: small;
}
html>body,
html>body p {
  font-size: small;
}  
/* */

#wrapper	{
	margin: 10px  auto ;
	padding: 0;
	border:0;
	width: 850px;
	text-align: left;
background: #fff;
height:100%;
	}
/* ---------- BANNER ----------- */


#header {position:relative;display:block;width:800px;height:100px;padding:0; margin: 0;
}
html>body #header {height:auto;min-height:110px;} 

#banner {position:absolute;left:600px;top:13px;margin:0 ;padding:0;border:0; background: transparent url(../g/logo_o.gif) top left no-repeat;width:170px;height:30px;}
#logo {float:left;position:relative;margin:0;padding:0;border:0;background: transparent url(../g/logo.gif) top left no-repeat;width:170px;height:30px;}
#logo:hover {background: url(../g/logo_o.gif) top left no-repeat;}



/* ---------- Menu ---------- */

#menu {
	
	margin: 0;
	padding: 23px 0 0 0px;
	height: 20px;
	width: 600px; 
}
html>body #menu {height:auto;min-height:20px;}


#menu ul	{
	margin: 0;
	padding: 0;
	list-style: none;
	width: 600px;
	}
	
#menu ul li {	position: relative; float:left;padding:0 ;margin:0;width:120px;}
	
#menu li ul { 

	position: absolute;
	left: 0px;
	top:12px;
	display: none;
	float:none;
	width:180px;
padding:0;margin:0;z-index:1;
 }

#menu ul li a {
	display: block;
	text-decoration: none;
	color: #685c53;
	background: #fff;
	padding: 0px;
	margin:0;
	font:100 90%/12px arial;
	background:url(../g/bullet1.gif) left no-repeat;
	padding:0 0 0 18px;
	}

#menu ul ul li a {
background:none;
margin:0;padding:0;
}
	
/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */

li > ul {
	top: auto;
	left: auto;
	}

#menu li:hover ul, #menu li.over ul { display: block;clear: left; }
#menu ul li a:hover { color: #b3b3b3; } /* Hover Styles */
#menu li ul li a:hover {background: none;}
#menu li ul li a { padding: 0 0 0 18px; } /* Sub Menu Styles */



/* ---------- STRUCTURE ----------- */


#content { position:relative;display:block;margin:0 ; padding:  0;width:800px; border:0;}

#maincontent {
	position:relative;
	display:block;
	padding: 0 0 30px 0;
	border: 0;
	margin:0 ;
	height:600px;
	width:600px;
		}
html>body #maincontent {height:auto; min-height:600px;}


#sidebar {display:block;position:absolute;top:0;left:600px;width:230px;height:400px;margin:0;padding: 0; 
}
html>body #sidebar {height:auto; min-height:400px;}

.scrollbox {height:350px;margin:0;padding: 0 12px 6px 0 ;overflow: auto; }
.text {width:80%;}

.filmtext {width:300px;padding:16px 0 0 0;margin:0;}


/* ---------- backgrounds ---------- */

.images {position:relative;width:350px;margin:0;padding:0;}
#sidebar .images {width:170px;padding:0 0 0 0;}





/* ---------- typography---------- */


p  { margin-top: 1em; padding-top: 0; }
p.nomargin {margin-top:0;}
p.nomargin2 {margin:1em 0 2px 0;padding:0;}
#maincontent p {font-size:100%;}
#sidebar p {font-size:100%;}

h1 {margin:0 0 16px 0; padding:0;font:900 120%/1em arial,serif;color:#695D54;}

h2 {margin:0 0 24px 0; padding:0;font:100 130%/1em arial,serif;color:#695D54;}
.pagetitle h2 {margin:0;padding:0;color:#695D54;display:inline;width:200px;}

h3 {margin:0 0 4px 0; padding:0;font-size:100%;font-weight:100;color:#695D54;}

h4 {margin: 0; padding:0;font-size:100%;font-weight:100;color:#695D54;}

h5 {margin: 1em 0; padding:0;font-size:100%;font-weight:100;color:#695D54;}

h6 {}

#sidebar  li, #sidebar p {font-size:90%;}

.bold {font-weight:900;}
.small {font-size:90%;}
.subtitle {letter-spacing:0;font-weight:100;font-size:75%;}

.credit {position:absolute;bottom:0;left:-60px;font:60% arial;text-align:left;}
/* .caption {font-style:italic;} */
.italic {font-style:italic;}
.center {text-align:right;font-weight:900;}
.indent {text-indent:-9999px;}

/* ---------- Linkage ---------- */
	
a:link, a:visited {
	font-weight : 100; 
	text-decoration : none;
	color: #685c53;
	background: transparent; 
	}

a:hover, a:active {
	font-weight : 100; 
	text-decoration : none;
	color: #b3b3b3;
	background: transparent; 
	}

#dlist a:link, #dlist a:visited { color: #7e696d; }
#dlist a:hover, #dlist a:active { color: #b3b3b3; }

p.email a:link, p.email a:visited {color: #7e696d;}
p.email a:hover, p.email a:active {color:#b3b3b3;font-weight : 100;}

.arrows {position:relative;height:20px;margin:0 0 0 60px;}

.next {position:absolute; left:84px;top:0px;margin:0;padding:0; background: url(../g/arrow2.gif) 0 0 no-repeat;width:16px;height:12px;  }
#next {float:left;position:relative;margin:0;padding:0;border:0;background: url(../g/arrow.gif) 0 0 no-repeat;width:16px;height:12px;}
#next:hover {background: url(../g/arrow2.gif) 0 0 no-repeat;width:16px;height:12px;}


.back {position:absolute; left:0px;top:0px;margin:0;padding:0; background: url(../g/back2.gif) 0 0 no-repeat;width:16px;height:12px; text-indent:0; }
#back {float:left;position:relative;margin:0;padding:0;border:0;background: url(../g/back.gif) 0 0 no-repeat;width:16px;height:12px;}
#back:hover {background: url(../g/back2.gif) 0 0 no-repeat;width:16 px;height:12px;}


/* ---------- Lists ---------- */
	
#maincontent ul { display: block; margin:16px  0 ; padding: 0;}
#maincontent ul li { font-size: 96%; list-style: none; padding: 0 0 0.4em 0; margin: 0; text-align:left;}
#maincontent ul li a {font-weight:900;}	

#sidebar ul { display: block; width:80%; margin:8px  0; padding: 0 ;}
#sidebar ul li { list-style: none; padding: 0 0 0.2em 0; margin: 0; text-align:left;display:block;float:none; }
#sidebar ul li a {font-weight:100;}	

.pagetitle {position:relative;display:block;width:200px;margin:0 0 0 600px;padding:14px 0 0 0;height:50px;}
div#more { position:absolute;top:0;left:116px;margin:0;padding:12px 0 0 0;width:80px;height:50px;}
div#more ul { margin:0;padding:0;list-style: none;}
div#more ul li {display:block;width:80px;}
div#more ul li a { font-size:90%;display:block;}

#maincontent dl {
position:relative;
width:400px;
padding:0.5em;
}

#maincontent dd {font:100 100%/1em arial;width:400px;}
#sidebar dd {padding:0;margin:0;}

/* toggle styling */

.abs { position:absolute; top:0; left:-600px; width:410px; padding:3px; }

#dlist dt {padding:8px 0;}
.clicker { cursor:pointer; color:#685c53;}
.selected { color:#b8858d; }

/* ---------- Thumbnails ----------- */

div#thumbs2 img {width:74px;}

#thumbs2 {
	clear: both;
	width: 350px;
	margin: 0 0 0 40px;
	padding: 0;height:74px;
	}
#thumbs2 ul {
	display: block;
	padding:0;
	margin:0 0 0 0;
	list-style: none;
	}
#thumbs2 ul li {
	float: left;
	width: 76px;
	padding: 0 0 10px 0;
	margin: 0 10px 0 0;
	}
div#thumbs2 ul li a {display:block; padding: 0; border: 1px solid #e5e0e3;height:74px;}	
div#thumbs2 ul li a:hover {border-color: #846E74;}
div#thumbs2 ul li:hover {color: #846E74;}	
div#thumbs2 img {}	

/* ---------- You are here ---------- */

body#oc li a.op,body#oc li a.pa, body#ob li a.op,body#ob li a.pa, body#oa li a.op, body#oa li a.pa, body#pa li a.wg, body#pa li a.wp, body#pa li a.pr, body#pa li a.vw, body#wr li a.es, body#wr li a.re, body#wr li a.st {font-weight:100;color: #9e676f;}

body#pa li a.pa, body#wr li a.wr, body#co li a.co, body#ab li a.ab, body#oa li a.oa, body#oc li a.oc, body#ob li a.ob {font-weight:100;color: #9e676f;}

/* ---------- rollover images ---------- */

div#thumbs img {width:100px;}

div#thumbs {width: 200px;height:100px;margin:0 ; padding:0px 0 0 60px;}
html>body div#thumbs { height:auto;min-height:100px;}

div#thumbs ul {display:block;width:200px;list-style: none; margin: 0; padding:0;clear:left;}

div#thumbs ul li {float:none; width: 102px; padding:0; margin:0 0 30px 0;font:100 90% arial;}
div#thumbs ul li a {display:block;height:100px;padding:0;margin:0 0 6px 0; border: 1px solid #e5e0e3;}	
div#thumbs ul li a:hover { border-color: #846E74;}
div#thumbs ul li:hover {color: #846E74;}


div#thumbs ul p {display:none;}
div#thumbs li.one:hover p {
	display: block; position: absolute; top:552px; left: -600px; width: 250px; margin: 0; z-index: 100;background:transparent ;
	padding: 0;text-align: left; color:#333; }

div#thumbs li.one:hover p:first-letter {text-transform:capitalize;}

#rollover {position: absolute;top: 0; left:0px; width: 550px;height: 550px; margin: 0;padding:0;border:0;
}
html>body #rollover { height: auto; min-height: 550px; }

div.drop img {height: 0; width: 0; border-width: 0;}
#thumbs li:hover div.drop img { position: absolute; top: 0; left: -600px; height: 550px; width: 550px;}


/* ---------- form bits ----------

div#search {position: relative; z-index: 10; text-align: left; padding: 0 0 0 10px;}
div#search h4 {display: none;}
div#search form {margin: 0; padding:  0;}
div#search p {display:inline;}
div#search input[type="text"] {width: 160px;margin:2px 0 ; border: 1px inset #fff;background:#fff;font: 100  90% 'trebuchet ms';}
div#search input[type="submit"] {width: 50px;margin:2px 0 ; border: 1px inset #fff;background:#fff;font: 100  90% 'trebuchet ms';}

div#search small {display: block; margin: 6px 100px; padding: 0; text-align: left; line-height: 1em;}
div#search small a {background: #fff; color: #668; font-style: italic;}
 */
 
#sidebar form {width:180px;font-size:100%;padding:0;margin:0;} 

#sidebar form p {display:block;clear:left;margin:0;padding: 8px 0;width:100%;}
#sidebar form p#checkbox  {margin:2px 0 6px 0;padding: 4px 0;width:100%;}
#sidebar form p#checkbox span {margin:0;padding: 2px 0;display:block;clear:both;}

form  span label {margin:0;padding:0;float:left;}

input[type="text"]  {width:180px;display:block;margin:0;padding:0;border: 1px solid #e5e0e3;font: 100  100% 'Courier New', courier, monospace;}
input[type="checkbox"] {float:right;clear:none;margin:0;padding:0;width:12px;height:12px;border: 1px solid #e5e0e3;}
input[type="submit"] {width: 60px;background:#fff;margin:0;padding: 0;border: 1px solid #e5e0e3;font: 900  100% 'Courier New', courier, monospace;}

textarea#styled {
	width: 180px;
	height: 50px;
	border: 1px solid #e5e0e3;
	padding: 2px;
	margin: 0;
	font: 100  100% 'Courier New', courier, monospace;
	
.float {float:left;clear:both;}

#sidebar p.email {margin:0;font-size:70%; }

/* --------- Tables --------- */

#mytable {
	
	padding: 0;
	margin: 0;
}
caption {
	padding: 12px 0;
	margin:0;
	width: 300px;	 
	text-align: left;
font-weight:100;font-size:70%;
}
tr {margin: 6px 0;padding:20px 0;}

th {
	font-size:70%;
	width:20%;
	border: 0;
	padding:0 0;margin:0;
	vertical-align:top;
text-align:left;
}
  
td.blocktext {display:block;width:100%;text-align:left;}
td {
	font-size:70%;
	width:40%;
	background: #fff;
	padding: 0 0;margin:0;
	vertical-align:bottom;
}


td.alt {
	background: #F5FAFA;
	color: #797268;
}

.title {display:block;padding:0 0 2px 0;color:#7e696d;font-style:italic;}




/* --------- SprySlide  --------- */



.sampleText {position:relative;height:300px;width:450px;overflow:hidden;}
html>body .sampleText {height:auto;min-height:200px;} 

.demoDiv {padding:26px;}