@charset "UTF-8";
/* CSS Document */

body {
	background-image:url(images/grassbg.jpg);
	background-repeat:repeat;
	background-attachment:fixed;
	margin:0 auto;
}

.corner-top-left {
	background: transparent url('images/TL.png') no-repeat;
}
.corner-top-right {
	background: transparent url('images/TR.png') no-repeat;
}

.corner-bottom-left {
	background: transparent url('images/BL.png') no-repeat;
}

.corner-bottom-right {
	background: transparent url('images/BR.png') no-repeat;
}

.border-top {
	background: transparent url('images/T.png') repeat-x;
}

.border-bottom {
	background: transparent url('images/B.png') repeat-x;
}

.border-left {
	background: transparent url('images/L.png') repeat-y left;
}

.border-right {
	background: transparent url('images/R.png') repeat-y right;
}

.left, .right, .corner {
	width: 16px;
}
.corner, .top, .bottom{
	height: 17px;
}

#playbg {
	background-image:url(images/play.png);
	background-repeat:no-repeat;
}

.padding {
	padding-top:25px;
}

#credits {
	padding-left:50px;
	width:700px;
	margin-top:215px;
}

.contentstuff {
	padding-bottom:7px;
	background-color:#FFFFFF;
}

#design {
	background-image:url(images/designbg.png);
	background-repeat:no-repeat;
	height:330px;

}

#tape {
	position:absolute;
	z-index:5;
	top:505px;
	left:285px;
}

#drumPic {
	position:absolute;
	z-index:2;
	top:505px;
	left:785px;

}

#dTitle {
	position:absolute;
	z-index:6;
	left:750px;
	top:130px;
}

#drum {
	background-image:url(images/drumBG.png);
	background-repeat:no-repeat;
	background-position:50px 0px;
	width:700px;
	position:absolute;
	top:150px;
	z-index:1;
}

#dIcon {
	background-image:url(images/note.png);
	position:absolute;
	background-repeat:no-repeat;
	width:200px;
	z-index:4;
	top:160px;
	left:270px;
	background-position:0px 160px;
}

#dText {
	width:400px;
	padding-left:240px;
	padding-top:30px;
	padding-bottom:70px;
	line-height:1.5;
}

#design p {
	width:150px;
	padding-top:80px;
	padding-left:20px;
}

table {
	table-layout:fixed;
}

#equipH {
	width:350px;
	border-bottom:dashed 1px #606060;
}

#infC {
	width:160px;
	padding-left:25px;
	padding-bottom:70px;
	padding-top:5px;
}


#infH {
	border-bottom:dashed 1px #606060;
	margin-left:25px;
	width:120px;

}


#bg {
	background: url('images/arrow.gif') no-repeat #FFFFFF;
	width:60px;
	padding-top:3px;
}


.info {
	background-color:#ffffff;
	padding-top:10px;
}

#sideBar {
	background-image:url(images/sideBar.png);
	background-repeat:no-repeat;
	background-position:top;
	width:251px;
	height:860px;
	float:left;
}

#news {
	background-image:url(images/newsbg.png);
	background-repeat:no-repeat;
	width:375px;
	float:left;
}

#newsC {
	width:240px;
	padding-left:95px;
	padding-top:130px;
	padding-bottom:90px;
}

#about {
	background-image:url(images/aboutbg.png);
	background-repeat:no-repeat;
	width:395px;
    float:left;
	height:400px;
}

#state {
	width:250px;
	padding-left:55px;
	padding-bottom:80px;
	padding-top:10px;
	display:none;
	visibility:hidden;
}

#service {
	width:250px;
	padding-left:25px;
	display:none;
	visibility:hidden;
	padding-bottom:80px;
}

#aboutC {
	width:250px;
	padding-left:55px;
	padding-bottom:80px;
	padding-top:10px;
}

#selector {
	padding-top:90px;
	padding-left:100px;
	padding-bottom:20px;
}


h1 {
	font-family:"trebuchet ms",  "lucida sans unicode", "lucida grande","verdana", sans-serif;
	margin:0px;
	padding:0px;
	font-size:12px;
	color:#ff9b19;
}

h2 {
	font-family:"trebuchet ms",  "lucida sans unicode", "lucida grande","verdana", sans-serif;
	margin:0px;
	padding:0px;
	font-size:14px;
	color:#c20202;
}


p {
	font-family:"trebuchet ms",  "lucida sans unicode", "lucida grande","verdana", sans-serif;
	margin:0px;
	padding:0px;
	font-size:12px;
	color:#606060;
}

a:link {
	font-family:"trebuchet ms",  "lucida sans unicode", "lucida grande","verdana", sans-serif;
	font-size:12px;
	color:#606060;
	text-decoration:underline;
}

a:hover {
	font-family:"trebuchet ms",  "lucida sans unicode", "lucida grande","verdana", sans-serif;
	font-size:12px;
	color:#ff9b19;
	text-decoration:none;
}

a:visited {
	font-family:"trebuchet ms",  "lucida sans unicode", "lucida grande","verdana", sans-serif;
	font-size:12px;
	color:#606060;
	text-decoration:underline;
}

#act {
	background-image:url(images/actbg.png);
	background-repeat:no-repeat;
	width:700px;
	margin-left:50px;
	position:absolute;
	z-index:4;
	top:725px;
	left:250px;
}

#actC {
	float:right;
}

.borderB {
	border-bottom:1px dashed #606060;
}

#actText {
	width:350px;
	padding-left:65px;
	padding-top:25px;
}

.text {
	font-family:"trebuchet ms",  "lucida sans unicode", "lucida grande","verdana", sans-serif;
	margin:0px;
	padding:0px;
	font-size:12px;
	color:#606060;

}

li {
	font-family:"trebuchet ms",  "lucida sans unicode", "lucida grande","verdana", sans-serif;
	font-size:12px;
	color:#ff9b19;
	line-height:1.5;
}

#imdb {
	padding-top:10px;
	float:right;
	width:104px;
}

#resume {
	padding-top:10px;
	padding-left:50px;
	width:126px;

}

#indicator {
	position:absolute;
	left:210px;
	z-index:5;
}

#sag {
	position:absolute;
	z-index:5;
	top:725px;
}

#indicator2 {
	position:absolute;
	left:290px;
}

.s_List li span {
	 color:#606060;
}

.formFont {
	font-family:"Courier New", Courier, monospace;
	font-size:12px;
}

.linHeight {
	line-height:2;
}

#wrapper {
	width:1300px;
}

#logo {
	position:absolute;
	z-index:1;
}

#innerMenu {
	position:absolute;
	z-index:1;
	left:575px;
	top:0px;
}

#links {
	top:150px;
	position:absolute;
	z-index:2;
}

#contact {
	padding-top:280px;
	padding-left:10px;
}

.smallForm {
	font-family:"Courier New", Courier, monospace;
	font-size:14px;
	line-height:1;
}

.smallText {
	font-family:"trebuchet ms",  "lucida sans unicode", "lucida grande","verdana", sans-serif;
	font-size:10px;
}

#sagContainer {
	padding-top:75px;
	padding-left:35px;
	width:130px;
}

#drumContainer {
	padding-top:115px;
	padding-left:22px;
	width:130px;
}

#content {
	float:left;
	padding-top:140px;
	width:1000px;
}

#container {
	padding-top:25px;
}

#pins {
	width:500px;
	float:left;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}