/* Offical 3rd Lounge Stylesheet

	@Author 	Ryan Wilson
	@Date		08/31/2008

	
 */
 
 
body {
	height: 100%;
	background-color: #333;
	background:url(../../images/bg2.jpg);
	background-attachment:fixed;
	background-position:center;
	background-repeat:no-repeat;
	font-family:Tahoma;
	font-size:14px;
	color: #ffffff;
	margin: 0; 
	padding: 0;
}

#main {
	width: 830px;
	top: 100px;
	text-align: left;
	color: #fff;
	position: absolute;
	left: 50%;
	margin-left: -415px; 

	/* Half the width of the DIV tag which is 950 pixels */

}

#header {
	width:830px;
	height:100px;
	overflow:hidden;
	top: 0px;
	color:#000;

}


#mainBody {
	width:800px;
	overflow:auto;
	color:#FFF;
	padding:15px;
	background:url(images/bg_cover.png);
	background-repeat:repeat;
	background-color:#000;
	clear:both;

}

#aboutLeft {
	width:310px;
	float:left;
}

#aboutRight {
	width:476px;
	float:right;
}

#motionLeft {
	width:800px;
	float:left;
	text-align:left;
}

#motionRight {
	width:800px;
	float:right;
}

#contactLeft {
	width:310px;
	float:left;
}

#contactRight {
	width:600px;
	float:right;
}

#nav {
	font-family:Tahoma;
	font-size:14px;
	color: #FFFFFF;
	width:815px;
	height:37px;
	background-color:#000;
	padding-right: 15px;
}

#nav a {
	color:#F27E18;
	text-decoration: none;
	border:none;
}

#nav a:hover{
	font-family:Tahoma;
	font-size:14px;
	top:0px;
	color:#F27E18;
	text-decoration: none;
	border:none;

}

#navText {
	width:371px;
	height:37px;
	float:left;
	background-color:#000;

}

#logoHolder {
	width:360px;
	height:37px;
	margin-top:0px;
	float:right;
	background-color:#000;

}


a {
	color:#F27E18;
	text-decoration: none;
	border:none;
}

a:hover a.visited {
	color:#F27E18;
	text-decoration: none;
	border:none;
}

img {
	border: 0;

}

sup {
	color:#F27E18;
	font-size:12px;
}

table, tr, td {
	font-family: Tahoma;
	font-size:12px;
}

#footer {
	background:url(../../images/bg_cover.png);
	height:75px;
	border-top:dotted;
	border-top-width:thin;
	border-color: #F27E18;
	padding-top: 40px;
	clear:both;

}

#footer a {
	color:#F27E18;
	text-decoration: none;

	
}

#footer a:hover {
	font-family:Tahoma;
	font-size:14px;
	color: #000000;
	background-color:#F27E18;
	
}

input {
	background-color:#FFF;
	border-style:none;
	font-size:16px;
}

input:focus {
	background-color:#F27E18;
	color:#000;
	font-size:16px;
	
}

#tweet {
	font-family:Tahoma;
	font-size:20px;
	font-weight:bold;
	color:#FFF;
	background-color:#000;
	float:right;
	padding-right: 15px;
	overflow:auto;
}
	
#tweet a {
	color:#F27E18;
	font-size:14px;
	text-decoration: none;
	font-weight:normal;

	
}

#tweet a:hover {
	font-family:Tahoma;
	font-size:14px;
	color: #000000;
	background-color:#F27E18;
	font-weight:normal;
}

.pageTitle {
	font-size:18px;
	font-weight:bold;
}

#identity {
	width: 840px;
	height: 550px;
	padding-left: 40px;
	padding-right: 40px;
}

.stepcarousel{
	position: relative; /*leave this value alone*/
	border: none;
	overflow: scroll; /*leave this value alone*/
	width: 476px; /*Width of Carousel Viewer itself*/
	height: 450px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}

.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 0px; /*margin around each panel*/
	width: 476px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

subNav {
	width: 650px;
	background-color:#000;
	overflow:auto;
	text-align:left;
	font-size:12px;
	color:#FFF;
	padding-bottom: 10px;
	
}

table a{
	overflow:auto;
	text-align:left;
	color:#FFF;
	
}

table a:hover{
	overflow:auto;
	text-align:left;
	color:#F27E18;
	
}

#form {
	text-align:right;
	float:left;
	width:376px;
	
}

#contactInfo {
	text-align:left;
	float: right;
	width: 370px;
	padding-left: 15px;
	padding-right: 15px;
	
}