html, body {
	width: 99%;
}

body {
	text-align:center;
	font-family: Arial, sans-serif;
	font-size:10px;
	background-color:#fff;
	color:#666;
}

a {
	color:#9AC13C;
	text-decoration:none;
	outline: none !important; 
}

p {
	margin-bottom:1em;
}

#centerpage { 
	text-align: left;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 1px;
}

#content {
	margin-left: -475px;
	position: absolute;
	top: -300px;
	left: 50%;
	width: 955px;
	height: 600px;
	overflow:auto;
	border:solid 0px whitesmoke;
	visibility:hidden;
}

#stage {
	position: absolute;
	top: 124px;
	left:190px;
	width: 765px;
	height: 454px;
	overflow:auto;
	border:solid 0px red;
	font-size:1.2em;
	line-height:150%;
}


#intro {
	position:absolute;
	left:200px;
	top:91px;
	width: 214px;
	height: 158px;
}

#footer {
	text-align:right;
	position:absolute;
	right:20px;
	bottom: 10px;
}

/***************** navigation ****************/

#navigation {
	position:absolute;
	left:20px;
	top: 20px;
	text-transform:uppercase;
	line-height:200%;
	width:915px;
	height:93px;
	background-color:transparent;
}
#navigation a {
	color:#666;
	border:0;
}

#navigation ul {
	list-style-type: none; 
	margin: 0; 
	padding: 0;
}
#navigation ul ul {
	position:relative;
	top:0;
}
#navigation ul ul li {
	display:inline;
	margin: 0;
	padding: 0 1em 0 0 ;
}

#navigation .logo, #navigation .main, #navigation .sub {
	position:absolute;
}

#navigation .logo {
	background-image:url(images/md-studios-logo-white.gif);
	background-repeat:no-repeat;
	background-color:white;
	z-index:999;
	width:170px;
}
#navigation .logo img {
	visibility:hidden;
}



#navigation .main {
	top:6px;
	left:170px;
	width:746px;
	background-color:transparent;
}

#navigation .sub {
	left:150px;
	float:left;
	background-color:transparent;
}


#navigation .active a {
	border:0px;
	color:#9AC13C;
}
#navigation .active .sub a {
	border:0px;
	color:#666;
}
#navigation .sub .active a {
	color:#9AC13C;
}


#navigation .main .active .sub {
}


#colorswitch {
	background-image:url(images/color-switch-white.gif);
	background-repeat:no-repeat;
	
	position:absolute;
	top:30px;
	left:935px;
}

/*
#loader { border:solid 1x red; padding:1em; width:250px; height:250px; background-color:lightyellow; }
*/
#statusbar {
	background-color:#666; 
	height:12px; 
	display:inline;
}

/***************** gallery ****************/

#gallery {
	position:absolute;
	top: 0px;
	left:0px;
	width: 765px;
	height: 454px;
	overflow:hidden;
}

#galleryImagesStage {
	width:554px;
	text-align:center;
}

#galleryStorage {
	position:absolute;
	top:-1200px;
	left:-1200px;
} 

#selectedGalleryImage {
	cursor: url("images/slideshow-button_next.cur"), url("images/slideshow-button_next.gif"), auto;
}



#galleryImages {
	border:solid 2px #666;
}


.box, .borderline {
	border:solid 2px #666;
}

#gallery #thumbnails {
	position:absolute;
	top:   0px; 
	left:  625px;
	width: 126px;
	height:215px;

	border:solid 0px green;
	overflow:hidden;
}

#gallery #thumbnails a {
	text-decoration:underline;
}

#gallery #thumbnails .block {
	width:126px;
	float:left;
}

#gallery #thumbnails .gallerythumbs div {
	width:30px;
	height:60px;
	margin:0;
	padding:0;
}

#gallery .gallerythumbs, #thumbnails .active  {	
	float:left;

	padding:2px;

	margin:0;
	margin-right:8px;
	margin-bottom:6px;
	
	background-color:#666;
}


#thumbnails .active {
	background-color:#9AC13C;
}


#gallery #controls {
	position:absolute;
	top:   215px; 
	left:  625px;
	width: 126px;
	height: 50px;

	border:solid 0px green;
	overflow:hidden;
}



#controls .next, #controls .prev, #controls .play {
	float:left;
	width:40px;
	border:solid 0px red;
}

#controls .next {
	text-align:right;
	font-size:2em;
	color:#9AC13C;
}
#controls .prev {
	margin-top:-2px;
	font-size:2em;
	color:#666;
}
#controls .play {
	margin-top:2px;
	background-image:url(images/slideshow-button_start.gif);
	background-repeat:no-repeat;
	background-position:center;
	text-align:center;
}
#controls .active {
	background-image:url(images/slideshow-button_stop.gif);
}


#in_memory_image {
	background-image:url(images/in_memory_white.gif);
	background-repeat:no-repeat;
	background-position:center;
	height:350px;
}
#in_memory_image p {
	font-size:0.8em;
	position:absolute;
	top:300px;
	padding-left:10px;
	text-transform:uppercase;
	display:none;
}

.box {
	width:554px;
	padding:20px;
	font-size:0.9em;
/*	font-family:Verdana; 
	text-transform:uppercase;*/

}

.left {
	float:left;
}

.clear {
	clear:both;
	width:0px;
	height:0px;
	margin:0px;
	padding:0px;
	font-size:0px;
}

.cut {
	display:none;
}

.thumbs {
	width:25%;
	height:25%;
	border:solid 1px red;
	margin-right:1em;
	margin-bottom:1em;
}

form {
	margin:0;
}

form input, form textarea {
}

.active_field {
	background-color:#EBF3D8;
	border:solid 1px #9AC13C;
}
.error_field {
	border:solid 1px red;
}

form .left {
	font-size:0.9em;
	width:120px;
}
form fieldset {
	margin:0;
	padding:0;
	
	border:0;
	line-height:2.5em;
}
input, textarea {
	font-size:0.9em;
	width:25%;
	border:solid 1px #666;
	padding:0.3em;
}
textarea {
	width:50%;
	height:150px;
}
/*
form .button {
	margin-top:0.3em;
	background-color:#666;
	color:white;
}
*/


/***************** unused ****************
#horizon        
	{
	color: white;
	background-color: #0ff;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	visibility: visible;
	display: block
	}
*****************/