/* LAYOUT */

body {
	background: #151515;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #D8D8D8;
}
#container {
	width: 912px;
	height: auto;
	margin: 0 auto 0 auto;
}
#header {
	background: url(http://www.S3studios.com/images/body/header-bg.gif) no-repeat top left;
	width: 878px;
	height: 43px;
	margin: 30px 0 0 0;
	padding: 8px 17px 0px 15px;
}
#header-logo a {
	background: url(http://www.S3studios.com/images/body/header-logo.gif) no-repeat top left;
	display: block;
	width: 240px;
	height: 43px;
}
#header-logo a:hover {
	text-decoration: none;
	/*opacity: .25;
	-moz-opacity: .25;
	filter: alpha (opacity=25);*/
}

/***********************
		NAVBAR
***********************/

#navbar {
	background: url(http://www.S3studios.com/images/body/navbar-bg.gif) no-repeat top left;
	width: 852px;
	height: 12px;
	margin: 0 0 0 0px;
	padding: 8px 30px 15px 30px;
}
* html #navbar {
	margin-top: -1px;
}
#navbar ul {
	margin: 0px;
	padding: 0px;
}
#navbar ul li {
	display: inline;
	list-style: none;
	margin: 0px;
	padding: 0 26px 0 0;
}
#navbar ul li a {
	font-size: 13px;
	color: #000000;
}
#navbar ul li a:hover {
	color: #B7090B;
	text-decoration: none;
}

/***********************
		MAIN
***********************/

#main {
	background: url(http://www.S3studios.com/images/body/main-bg.gif) repeat-y top left;
	width: 900px;
	min-height: 550px;
	margin: 0 0 0 0px;
	padding: 0 7px 0px 6px;
}
* html #main {
	height: 550px;
	margin-top: -4px;
}
#content {
	float: left;
	width: 700px;
	min-height: 100px;
}
*  html #content {
	height: 100px;
}

/***********************
      INNER FORM
***********************/
#form {width: 500px; height: auto; margin: 20px auto 0 auto; padding: 0 0 0 7px; text-transform:uppercase; color:#1f2325; }
#formleft {width:200px; height:auto; float:left;}
#formright {width:200px; height:auto; float:left; margin: 0 0 0 100px;}
#form .form-line {margin: 5px 0}
#form .form-name {float: left; display:block; width:100px; height: 23px; margin: 0 15px 0 0; line-height:23px;}

	.txtbox-200X23 { float:left; border:0; margin-left: 9px; padding: 5px 0 0 0; width:185px; height: 18px; background-color:transparent; }
	.txtbox-200X23-bg { background: url(../images/form/txtbox-200X23.png) no-repeat; display:block; width: 200px; height: 23px; border:0; }
	.txtbox-200X23:hover + .txtbox-200X23-bg { background:url(../images/form/txtbox-200X23-focus.png) no-repeat;}
	.txtbox-200X23:focus + .txtbox-200X23-bg { background:url(../images/form/txtbox-200X23-focus.png) no-repeat;}
	
	.txtbox-500X150 { float:left; border:0; margin-left: 9px; margin-top: 5px; padding: 5px; width:490px; height: 140px; background-color:transparent; }
	.txtbox-500X150-bg { background: url(../images/form/txtbox-500X150.png) no-repeat; display:block; padding: 5px; width:490px; height: 140px; border:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; }
	.txtbox-500X150-bg:hover { background:url(../images/form/txtbox-500X150-focus.png) no-repeat;}
	.txtbox-500X150-bg:focus { background:url(../images/form/txtbox-500X150-focus.png) no-repeat;}

	/* GLOBAL CUSTOM SELECT MENUES (the # after "select" represents the width of the select menu) */
	span.select { position: absolute; width: 191px; height: 23px; line-height:23px; padding: 0px 0 0 9px; background: url(../images/form/drpdwn-200X23.png) no-repeat; overflow: hidden;}
	span.checkbox { width: 19px; height: 25px; padding: 0 5px 0 0; background: url(../images/form/checkbox.png) no-repeat; display: block; clear: left; float: left;}
	span.radio { width: 19px; height: 25px; padding: 0 5px 0 0; background: url(../images/form/radio.png) no-repeat; display: block; clear: left; float: left; }
	
	.styled { margin: 0 0 3px 0;}
	
	option { background-color: #EEEEEE; color: #010101; border: 0;}


/***********************
      INNER FRAME
***********************/

.inner-frame {
	background: url(http://www.S3studios.com/images/body/projectsandnews-bg.gif) repeat-y top left;
	width: 667px;
	height: auto;
	margin: 20px auto 0 auto;
	padding: 0 0 0 7px;
}
.inner-frame h2 {
	background: url(http://www.S3studios.com/images/body/projectsandnews-h2.gif) no-repeat top left;
	display: block;
	width: 674px;
	height: 22px;
	margin: 0 0 0 -7px;
	padding: 13px 0 0 25px;
}
.inner-frame .sub1 {
	float: left;
	width: 155px;
	min-height: 108px;
	margin: 10px 0 0 0px;
	padding: 5px 10px 0 15px;
	line-height: 160%;
	border-right: 1px #4D4D4D solid;
}
* html .sub2 {
	height: 208px;
}
.inner-frame .sub2 {
	float: left;
	width: 440px;
	margin: 10px 0 0 0;
	padding: 5px 15px 10px 15px;
	line-height: 160%;
	border-bottom: 1px #4D4D4D solid;
}
.inner-frame .sub3 {
	position: relative;
	float: left;
	width: 440px;
	min-height: 100px;
	margin: 10px 0 0 -1px;
	padding: 3px 15px 0px 15px;
	line-height: 160%;
	border-left: 1px #4D4D4D solid;
}
* html .sub3 {
	height: 100px
}
.sub1 h2, .sub2 h2, .sub3 h2 {
	background: none;
	width: auto;
	margin: 0px;
	padding: 0px;
	color: #AAAAAA;
}
.inner-frame ul {
	margin: 0 0 5px 0;
	padding: 0px;
}
.inner-frame ul li {
	margin: 0px;
	padding: 0px;
}
.inner-frame-end {
	background: url(http://www.S3studios.com/images/body/projectsandnewsbottom-bg.gif) no-repeat top left;
	width: 674px;
	height: 17px;
	margin: 0 0 0 -7px;
}
.inner-frame p {
	margin: 10px 15px 5px 15px;
	line-height: 170%;
}
.s3 {
	width: 133px;
	height: 91px;
	margin: 5px auto 0 auto;
	padding: 0px;
}

/***********************
	SELECTION FRAME
***********************/

.inner-frame .selection {
	width: 660px;
	height: 100px;
	margin: 0;
	padding: 1px 0 1px 0;
	line-height: 150%;
	border-bottom: #BABABA 1px solid;	
}
.inner-frame .selection100 {
	width: 660px;
	height: 100%;
	margin: 0;
	padding: 1px 0 1px 0;
	line-height: 150%;
	border-bottom: #BABABA 1px solid;	
}
.inner-frame .pic {
	float: left;
	width: 85px;
	height: 100px;
	padding: 0 1px 0 0;
	border-right: #BABABA 1px solid;
}
.inner-frame .info {
	float: left;
	width: 543px;
	height: 70px;
	padding: 10px 15px;
}
* html .inner-frame .info {
	padding: 8px 10px;
}
.info h2, .info-port h2 {
	background: none;
	width: auto;
	margin: 0px;
	padding: 0px;
	color: #AAAAAA;
}
.info p, .info-port p {
	margin: 1px 0 0 0;
	padding: 0px;
}
.inner-frame .pic-port {
	float: left;
	width: 250px;
	height: 100px;
	padding: 0 1px 0 0;
	border-right: #BABABA 1px solid;
}
.inner-frame .info-port {
	float: left;
	width: 378px;
	height: 70px;
	padding: 10px 15px;
}
* html .inner-frame .info-port {
	padding: 8px 10px;
}

/***********************
	    SIDEBAR
***********************/

#sidebar {
	float: left;
	width: 199px;
	height: 100%;
}
#sidebar h2 {
	background: url(http://www.S3studios.com/images/body/sidebar-h2-bg.gif) no-repeat top left;
	display: block;
	width: 184px;
	height: 19px;
	margin: 9px auto 0 auto;
	padding: 5px 0 0 0;
	text-align: center;
	color: #1F2325;
}
#sidebar .box {
	background: url(http://www.S3studios.com/images/body/sidebar-box-bg.gif) repeat-y top left;
	width: 160px;
	margin: 0 auto 0 auto;
	padding: 14px 12px 12px 12px;
	border-bottom: #ACACAC 1px solid;
}
#sidebar ul {
	list-style: none;
	margin: 0px 0 0 0;
	padding: 0px;
}
#sidebar ul li {
	margin-bottom: 3px;
}
#sidebar ul li ul {
	margin: 0px 0 0 13px;
	padding: 0 0 5px 0;
}
#sidebar ul li ul li {
	margin-top: 3px;
}

/***********************
      NESTED LIST
***********************/

.open {
	display: block;
	margin-bottom: 8px; 
}
.closed {
	display: none;
}

/***********************
      MAIN BOTTOM
***********************/

#mainbottom {
	background: url(http://www.S3studios.com/images/body/mainbottom-bg.gif) no-repeat top left;
	width: 912px;
	height: 27px;
	margin: 0 0 0 0px;
	padding: 0px;
}

/***********************
		FOOTER
***********************/

#footer {
	position: relative;
	background: url(http://www.S3studios.com/images/body/footer-bg.gif) no-repeat top left;
	width: 912px;
	height: 64px;
	margin: 0 0 15px 0px;
	padding: 0 0 0 0px;
	text-align: center;
}
#footer ul {
	margin: 0px;
	padding: 0px;
}
#footer ul li {
	list-style: none;
	padding: 0 0 8px 0;
}
#footer ul .small {
	font-size: 9px;
	color: #AAAAAA;
}