/*-----------------------------------------------------------------------------
[Beacon Banjo] Screen Stylesheet

version:   1.0
date:      26 April 2007
author:    Thorworx
email:     webmaster@thorworx.com
website:   http://www.thorworx.com
-----------------------------------------------------------------------------*/

* {
	margin:0; 
	padding:0;
    border: 0;
}


body {
	background: #cccccc;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #303030;
}

a {
	text-decoration: none;
	color: #336699;
}
a:hover {
	color: #FF4000;
	text-decoration: underline;
}

pre {
	font-size: 1em;
}
p,h1,h2,h3,pre,form {
	padding: 0px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}
#frame #contentcenter ul {
	margin-left: 25px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
}

h1 {
	font-size: 1.4em;
	color: #FF4000;
	padding-top: 10px;
}

h2 {
	font-size: 1.2em;
	font-style: italic;
	color: #000000;
}

hr {
	width: 85%;
	height: 3px;
	margin-top: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #333;
	margin-right: auto;
	margin-left: auto;
}
img {
	padding-right: 10px;
	padding-left: 10px;
}
dl { margin-left: 15px; }

.clearall { clear: both; }
.clearleft { clear: left; }
.clearboth { clear: both; }
/*.center { text-align: center; }

.clear { clear: both; }*/
.right { float: right; }
.left { float: left; }
.hidden { display: none;}
.center {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	display: block;
}


#frame {
	width:750px;
	margin: 10px auto 0px;
	padding:0px;
	background-color: #FFFFFF;
	background-image: url(../images/frame_bg.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-align: left;
}

#contentheader {
	height: 100px;
	width: 750px;
	clear: both;
	text-align: right;
}
#contentheader_logo {
	margin: 0px;
	padding: 0px;
	float:left;
	left: 0px;
	top: 0px;
	height: 100px;
	width: 230px;
	background-color: #CCCCCC;
}

#contentheader span {
	text-align: right;
	display: none;
}

#contentheader_r p {
	font-size: 0.9em;
	text-align: right;
	padding: 0px;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#contentheader_r {
	float:left;
	left: 230px;
	top: 5px;
	height: 100px;
	width: 500px;
}
#contentheader h1 {
	text-align: right;
	display: none;
}

/* Top Navigation */

#nav {
	height: 50px;
	width: 750px;
	background-image: url(../images/longtuner1.jpg);
	background-repeat: no-repeat;
}
#nav h2 {
	text-align: right;
	display: none;
}

#nav ul {
	list-style: none;
	text-align: center;
	margin: 0;
	padding: 0;
}

#nav ul li {
	display:inline;
	white-space: nowrap;
}

#nav ul li a {
	text-decoration: none;
	padding: .2em 1em;
	color:#000000;
}
#nav ul li a:hover {
	text-decoration: underline overline;
}

#nav span {
	text-align: right;
	display: none;
}

#contentleft {
	width: 15px;
	padding: 15px 0px;
	float: left;
	background: #fff;
	clear: left;
}
/*end nav*/


#contentleft p {
	font-size: 0.9em;
}

#contentcenter {
	width: 555px;
	float: left;
	background: #eee url(../images/ur_gear.gif) no-repeat right top;
	margin-top: 15px;
	margin-bottom: 15px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	margin-right: 0px;
	margin-left: 10px;
}

#contentright {
	width: 165px;
	padding: 0px 0px 140px;
	float: left;
	text-align: center;
	margin-left: 10px;
}
#contentright img {
	margin: 5px auto;
	text-align: center;
}

#contentright table {
	margin: 1px auto 0px;
}

#contentright p {
	font-size: 0.9em;
	text-align: left;
}

#guarantee {
	background-color: #FFFFFF;
	margin-right: auto;
	margin-left: auto;
	border: 1px dashed #666666;
	width: 85%;
	margin-top: 25px;
	padding: 5px;
}

#footer {
	width: 750px;
	border: 1px dashed #999999;
	background-color: #EEEEEE;
	font-size: 0.9em;
	text-align: center;
	color: #666666;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
#footer a {
	font-weight: 500;
	color: #666666;
}
#footer img {
	padding-top: 3px;
	padding-bottom: 3px;
}

/* Form Styles */
form, label, input { font-size : 1em; }
legend { font-weight: bold; }
fieldset {
	width : 400px;
	padding : 0px;
	margin: 10px;
}
label { float: left; position : relative; width : 10em; display : inline; margin : .5em .5em; }
label.long { width : 21em; }
label input { display: inline; left : 100%; top : 0px; width : 10em; }
label.long input { width : 21em; }
label.radio input { top : 0px; }
input.submit {
	display: inline;
	white-space: nowrap;
}
label.tab input {
	display: inline;
	left : 100%;
	top : 0px;
	width : 10em;
	font-family: "Courier New", Courier, mono;
	font-size: 10px;
}
/*end form styles*/


#output {
	padding-right: 15px;
	padding-left: 15px;
}
#output_l {
	width: 25%;
	float: left;
}
#output_c {
	width: 50%;
	float: left;
}
#output_r {
	width: 25%;
	float: left;
}
#contentright h2 {
	font-size: 1.1em;
	font-style: italic;
	color: #ff4000;
	margin: 0px;
	padding: 0px;
}
#contentheader_logo img {
	margin: 0px;
	padding: 0px;
}