/* SCIENTIFIC ART STUDIO web site www.scientificartstudio.com  */
/* IMPORTANT: the #slideholder width must be (MAXIMUM # of slides * (#slideholder li) width) */
/* element styles */
/* CSS Reset */
  * { margin:0px; padding:0px; }
a {
	text-decoration:none;
	outline:none;
	color:#000000;
}
body {
	color:#000000;
	background:#ebd19e url(img/bgMap.jpg) repeat 0 0;
	font-size:80%;
	font-family: verdana, arial, helvetica, sans-serif;
}
img {
	border-style:none;
}

/* header container styles */
#headerbox {
	width:100%;
	height:70px;
	text-align:center;
	overflow:hidden;
}

/* content container styles */
#contentbox {
	width:100%;
	height:575px;
	text-align:center;
	vertical-align:middle;
	background:#ffffff url(img/content_bg.jpg) repeat-x 0 0;
	overflow:hidden;
}
#navbox {
	display:inline-block;
	color:#ffffff;
	width:960px;
	height:70px;
	margin:0px auto;
	position:relative;
	top:-490px;
}
#projectbox {
	display:inline-block;
	width:880px;
	height:486px;
	background:url(img/project_bg.jpg) repeat-x 0 0;
	border:2px solid #8e5b33;
	margin:0px auto;
	overflow:hidden;
	padding:0px 38px;
	position:relative;
	top:70px;
}
#textbox {
	display:inline-block;
	float:left;
	text-align:left;
	list-style:disc inside;
	width:330px;
	height:410px;
	margin:38px 30px 38px 0px;
	overflow:auto;
}
#textbox ul ul {
	position:relative;
	left:15px;
	width:295px;
}
#imgbox {
	display:inline-block;
	text-align:right;
	width:520px;
	height:448px;
	margin:38px 0px 0px 0px;
	overflow:auto;
}
#single {
	width:520px;
}
.panobox #imgbox {
	width:880px;
}
#slideholder {
	list-style:none;
	width:7800px;
	height:428px;
}
#slideholder li {
	display:inline-block;
	float:left;
	width:520px;
	height:428px;
	font-size:0.9em;
	overflow:hidden;
}
.panobox #imgbox #slideholder li {
	width:880px;
}

/* footer container styles */
#footerbox {
	width:100%;
	height:60px;
	text-align:center;
}
#bottombox {
	display:inline-block;
	width:960px;
	margin:0px auto;
	font-size:0.8em;
	font-weight:bold;
}
#footernav {
	display:inline-block;
	float:left;
	text-align:left;
	width:400px;
	margin:5px 40px;
}
#footertxt {
	display:inline-block;
	float:right;
	text-align:right;
	width:400px;
	margin:5px 40px;
}

/* text specific styles */
h1 {
	display:inline-block;
	width:604px;
	height:39px;
	margin:7px auto 23px auto;
	background:url(img/logo.png)  no-repeat 0 0;
	text-indent:-10000px;
}
h1 a {
	display:block;
	width:100%;
	height:100%;
}
h2 {
	font-size:1.3em;
	font-weight:bold;
}
h3 {
	font-size:1.1em;
	font-weight:bold;
	display:inline;
}
p {
	margin:1em 0px;
}

/*menu styles (all contained in navbox)*/
#topnav {
	display:inline-block;
	float:left;
	width:328px;
	height:40px;
	margin:15px 40px;
	font-size:0.9em;
	background:url(img/menu.jpg) no-repeat 0 0;
	list-style:none;
	overflow:hidden;
}
#topnav > li {
	display:block;
	float:left;
	width:109px;
	height:40px;

}
#topnav li a {
	display:block;
	width:100%;
	height:100%;
}
#about,#portfolio,#contact {
    text-indent:-10000px;
}
#about:hover {
	background:url(img/menu.jpg) no-repeat 0 -40px;
}
#portfolio:hover {
	background:url(img/menu.jpg) no-repeat -109px -40px;
}
#contact:hover {
	background:url(img/menu.jpg) no-repeat -218px -40px;
}
#topnav > li ul {
	display: none;
	list-style: none;
	text-align: left;
	position: absolute;
	z-index: 200;
}
#topnav > li ul a {
	display: block;
	width: 202px;
	padding: 4px;
	border-left:4px solid #e9cf9d;
	border-right:4px solid #ead09d;
	color:#e5e5e5;
	background-color:#222222;
}
.menutop {
	display: block;
	width: 218px;
	height: 15px;
	background:url(img/menutop_bgMap.png) no-repeat 0px 0px;
}
.menubottom {
	display: block;
	width: 218px;
	height: 15px;
	background:url(img/menubottom_bgMap.png) no-repeat 0px 0px;
}
#topnav > li ul .child-hover1 {
	background-color: #777777;
}
#topnav > li ul li ul {
	margin: -35px 0px 0px 193px;
	position: absolute;
}
#topnav span {
	float: right;
}
#motto {
	display:inline-block;
	float:right;
	width:328px;
	height:40px;
	margin:15px 40px;
	background:url(img/motto.jpg) no-repeat 0 0;
	text-indent:-10000px;
}
.menulist ul li span {
	display:none;
}
.menulist .menutop {
	display:none;
}
.menulist .menubottom {
	display:none;
}

/* image + accent styles*/
.shadowbar {
	width:100%;
	height:1px;
	background:url(img/shadow.png) repeat-x 0 0;
}
#beetlebox {
	margin:0px auto;
	width:960px;
}
#beetlebox img {
	margin:0px 406px;
	position:absolute;
	top:50px;
	z-index:100;
}
#slider {
	position:relative;
	width:880px;
	height:410px;
	margin:38px 0px;
	overflow:hidden;
}

/* easyslide (jquery.myslide.js) styles */
.link_nor{
border: 2px solid #8e5b33;
padding:0px 4px;
text-align:center;
}
#playpause {
cursor:pointer;
}
#playpause img{
height:0.9em;
width:0.9em;
}
.link_act{
background-color:#8e5b33;
border: 2px solid #8e5b33;
padding:0px 4px;
text-align:center;
font-weight:bold;
}
.opa{
padding:6px 10px;
position:absolute;
z-index:101;
text-align:left;
top:38px;
background:url(img/whitebox.png) repeat 0 0;
}
#imgshow {
	text-align:right;
	width:520px;
	min-width:520px;
	height:486px;
	overflow:hidden;
	/*display:none;*/
}
.panobox #imgshow {
	width:880px;
}
.imgnav {
	text-align:right;
	vertical-align:middle;
	font-size:0.9em;
	height:14px;
	min-height:14px;
	width:520px;
	min-width:520px;
	margin:12px auto;
}
.panobox #imgshow .imgnav {
	width:880px;
}