/* Offical 3rd Lounge Stylesheet

	@Author 	Ryan Wilson
	@Date		08/31/2008

	
 */

html {
	height: 100%;
	margin-bottom:0.1em;
	top:0px;
}
 
body {
	height: 100%;
	background:url(../content/bg.jpg);
	background-attachment:fixed;
	background-position:top center;
	background-color:#000;
	background-repeat:no-repeat;
	font-family:Tahoma;
	font-size:14px;
	color: #ffffff;
	margin: 0; 
	padding: 0;
}

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

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

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

img {
	border: 0px;

}

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

ul, ol, dl, li, dt, dd {
	margin: 0; 
	padding: 0; 
}

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

#centeredContent {
	margin: 0 auto;
	width: 940px;
    color: #FFF;
	text-align: left;
}

#mainBody {
	width:920px;
	height:auto;
	top:150px;
	overflow:hidden;
	color:#FFF;
	padding:10px;
	text-align:left;
	background-color:#000;
	clear:both;

}

#header {
	text-align:left;
}

#headerLeft {
	width:252px;
	float:left;
	text-align:left;
	top:0px;
	margin-top:0px;
}

#headerRight {
	width:688px;
	float:right;
	text-align:left;
	top:0px;
	margin-top:0px;
}

#footer {
	background-image:url(../layout/jt_layout_11.jpg);
	background-color:#000;
	height:75px;
	padding-top: 40px;
	padding-left:10px;
	padding-right:10px;
	text-align:center;
	clear:both;

}

#footer a {
	color:#06b1ff;
	text-decoration: none;

	
}

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

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

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

#workContainer {
	width:800px;
	padding-left:70px;
	padding-right:70px;
	float:left;
	text-align:left;
}

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

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

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

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

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

}

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

}


input {
	background-color:#FFF;
	border-style:none;
	font-size:18px;
	font-family:Tahoma, Geneva, sans-serif;
}

input:focus {
	background-color:#06b1ff;
	color:#fff;
	font-size:18px;
	
}

textarea {
	background-color:#FFF;
	border-style:none;
	font-size:18px;
	font-family:Tahoma, Geneva, sans-serif;
}

textarea:focus {
	background-color:#06b1ff;
	color:#fff;
	font-size:18px;
}

#tweet {
	font-family:Tahoma;
	font-size:20px;
	font-weight:bold;
	color:#FFF;
	background-color:#000;
	float:right;
	padding-right: 15px;
	overflow:auto;
}

#tweet:hover {
	font-family:Tahoma;
	font-size:20px;
	font-weight:bold;
	color:#06b1ff;
	float:right;
	padding-right: 15px;
	overflow:auto;
}

#tweet a {
	color:#06b1ff;
	font-size:14px;
	text-decoration: none;
	font-weight:normal;

	
}

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

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


#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:#06b1ff;
	
}

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

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

.contentBox {
	width:470px;
	float:left;
}

.contentDisplayBox {
	width:300px;
	background:url(../../images/work_bg.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	float:left;
	padding-left:5px;
	padding-right:5px;	
}

.contentDisplayBox:hover {
	width:300px;
	background:url(../../images/work_bg_over.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	color:#FFF;
	float:left;
	padding-left:5px;
	padding-right:5px;	

}

.contentDisplayBox p {
	padding-left:45px;
	padding-right:5px;
	font-size:12px;
}

.contentDisplayBox h3 {
	padding-top:10px;
	padding-left:45px;
	padding-right:15px;
	margin-bottom:-10px;
	font-size:14px;
	font-weight:bold;
}

.blueText {
	color:#06b1ff;
	font-size:18px;
	font-weight:bold;
}


.downloadSelection a:hover {
	background-color:#06b1ff;
	color:#FFF;
}

ul.photo-list {
	list-style:none;
}

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

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:block;
	height: 211px;
	width: 85px;
	position:absolute;
	z-index:2;
}

.largeText {
	font-size:24px;
	color:#06b1ff;
}