/* Offical 3rd Lounge Stylesheet

	@Author 	Ryan Wilson
	@Date		12/03/2011

	
 */

html {
	height: 100%;
	margin-bottom:0.1em;
	top:0px;
}
 
body {
	height: 100%;
	background:url(../../layout/bg.jpg);
	background-attachment:fixed;
	background-position:top center;
	background-repeat:no-repeat;
	background-color:#000;
	font-family:'EurostileBold';
	font-size:16px;
	font-smooth: always;
	color: #ffffff;
	margin: 0; 
	padding: 0;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
}

/* Styles for Forms */

input {
	border:none;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	background-color:#fff;
	color:#F27E18;
	font-size:14px;
	font-weight:bold;
	padding:5px;
	
}

input:focus {
	border:none;
	-webkit-box-shadow: 2px 2px 5px #F27E18;
	-moz-box-shadow: 2px 2px 5px #F27E18;
	box-shadow: 2px 2px 5px #F27E18;
}

textarea {
	border:none;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	background-color:#fff;
	color:#06425e;
	font-size:14px;
	font-weight:bold;
	font-family:Tahoma, Geneva, sans-serif;
	padding:5px;

}

textarea:focus {
	border:none;
	-webkit-box-shadow: 2px 2px 5px #F27E18;
	-moz-box-shadow: 2px 2px 5px #F27E18;
	box-shadow: 2px 2px 5px #F27E18;
}

.wblack {
	border:none;
	line-height:14px;
	background-color:#FFF;
	color:#F27E18;
	vertical-align:top;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;	
	-webkit-box-shadow: 0px 0px 3px #F27E18;
	-moz-box-shadow: 0px 0px 3px #F27E18;
	box-shadow: 0px 0px 3px #F27E18;		
}

.wblack:hover {
	font-size:14px;
	font-weight:bold;
	border:none;
	line-height:14px;
	background-color:#F27E18;
	color:#fff;
	vertical-align:top;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;	
}

.prompt {
	color:#F30;
	font-weight:bold;
}

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

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


img {
	border: 0px;

}

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

table, tr, td {
	font-family:'EurostileBold';
	font-size:16px;
}

h2 {
	margin:0px;
	padding:0px;
}


iframe {
	border: 0px solid #ffffff;
	margin:0px;
	padding:0px;

}

#wrapper {
	margin: 0 auto;
	width: 980px;
    color: #FFF;
	text-align: left;
	background:url(../../layout/trans_bg.png);
	background-repeat:repeat;
}

#centeredContent {
	margin: 0 auto;
	width: 980px;
	background-color:#000;
    color: #FFF;
	text-align: left;

}

#mainBody {
	width:960px;
	color:#FFF;
	padding:10px;
	text-align:left;
	clear:both;
	font-smooth: always;
}

#header {
	text-align:right;
}

#headerLeft {
	width:270px;
	margin-right:30px;
	float:left;
	text-align:left;
}

#headerRight {
	width:480px;
	padding-top:10px;
	margin-left:200px;
	float:right;
	text-align:left;
	vertical-align:middle;
}

#leftContent {
	width:640px;
	float:left;
	padding-right:5px;
}

#rightContent {
	width:270px;
	padding-right:10px;
	padding-left:5px;
	float:left;
}

#rightContent p {
	font-family:'EurostileBold';
	font-size:14px;
	letter-spacing:1px;
}

#footer {
	background:url(../../layout/footer_bg);
	background-color:#000;
	background-position:top center;
	background-repeat:no-repeat;
	height:75px;
	border-top:dashed;
	border-top-width:thin;
	border-color: #333;
	padding-top: 40px;
	padding-left:10px;
	padding-right:10px;
	text-align:center;
	clear:both;

}

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

	
}

#footer a:hover {
	color:#FFF;
	text-decoration: underline;	
}

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

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

#motionBody {
	text-align:left;
	background-color:#000;
	margin-bottom:50px;

}

#webBody {
	text-align:left;
	background-color:#000;
	margin-bottom:50px;

}

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

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


.about {
	 font-size:14px;
	 text-align:justify;
	 color:#fff;
}

/* Contact Page Styles */
#contactColumn1 {
	width:265px;
	margin:5px;
	float:left;
}

#contactColumn2 {
	width:450px;
	margin:5px;
	float:left;
}

#contactColumn3 {
	width:185px;
	margin:5px;
	float:left;
	font-size:14px;
}

.formContainer {
	width:410px;
	height:40px;
	margin-bottom:10px;
	padding:5px;
	font-size:14px;
	font-smooth:always;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}

.formContainer:hover {
	background:url(../../layout/trans_bg.png);
	background-repeat:repeat;
	
}

.formLeft {
	width:150px;
	padding-right:10px;
	float:left;
	text-align:right;
}

.formRight {
	width:250px;
	float:left;
	text-align:left;
}

#twitter {
	font-family:'EurostileBold';
	font-size:24px;
	font-weight:bold;
	color:#FFF;
	background-color:#000;
	float:right;
	padding-right: 15px;
	overflow:auto;
}

#tweet:hover {
	font-family:'EurostileBold';
	font-size:16px;
	font-weight:bold;
	color:#F27E18;
	float:right;
	padding-right: 15px;
	overflow:auto;
}

#tweet a {
	color:#F27E18;
	font-size:16px;
	text-decoration: none;
	font-weight:normal;

	
}

#tweet a:hover {
	font-family:'EurostileBold';
	font-size:16px;
	color: #000000;
	background-color:#F27E18;
	font-weight:normal;
}

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

.subTitle {
	font-size:14px;
	font-weight:bold;
	color:#999;
}

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


#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;
	
}

.workLink a {
	font-size:18px;
	font-weight:bold;
	color:#FFF;
}

.workLink a:hover {
	color:#F27E18;

}


.orangeText {
	color:#F27E18;
}

/* rotator in-page placement */
    div.rotator {
	position:relative;
	width:920px;
	height:500px;
	display: none;
}
/* rotator css */
	div.rotator ul li {
	float:left;
	position:absolute;
	list-style: none;
	margin-left:-40px;
	margin-top:-20px;

}
/* rotator image style */	
	div.rotator ul li img {
	
}
    div.rotator ul li.show {
	z-index:500
}


/* Fade Rollover CSS */

ul.photo-list {
	list-style:none;
	padding:0px;
	margin:0px;
}

ul.photo-list li {
	width:211px;
	height:85px;
	float:left;
	padding:0px;
	margin:0px;	
}

ul.photo-list li a {
	display:block;
	position:relative;
}

ul.photo-list li a img {
	position:absolute;
	z-index:1;
}

ul.photo-list li span {
	display:none;
	height: 211px;
	width: 85px;
	position:absolute;
	z-index:2;
}

/* Step Carousel */
.stepcarousel{
position: relative; /*leave this value alone*/
border: 0px;
overflow: scroll; /*leave this value alone*/
width: 940px; /*Width of Carousel Viewer itself*/
height:450px; /*Height of Carousel Viewer itself*/
}

.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: 940px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.pics { height: 450px; width: 940px; padding:0; margin:0; overflow: hidden }
.pics img { height: 450px; width: 940px; top:0; left:0 }