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

.container {
background:transparent;
margin:0 auto;
min-height:100%;
padding:0 15px;
position:relative;
text-align:left;
width:950px;
}

.head{
width:950px;
height:90px;
}

.header{
background:url(../img/T2B_logo.jpg) no-repeat;
overflow:hidden;
background-position:0px 15px;
margin-bottom:0px;
display:block;
width:300px;
height:90px;
}

.header span{
display: none;
}

/*Navigation Styles*/
#topnav {
background:#E5E5E5;
display:inline-block;
height:36px;
margin:0px;
width:100%;
padding:0px;
}

#topnav ul li.first{
  margin-left:0;
}

#topnav ul li.last{
  margin-right:0;
}

#topnav ul {
float:left;
font-size:14px;
list-style:none;
padding:0px;
margin:0px;
}
#topnav ul li {
border-right:1px solid #B1B1B1;
float:left;
}
#topnav ul li a {
color:#333333;
display:block;
float:left;
padding:9px 13px;
text-decoration:none;
}
#topnav ul li a:hover {
background-color:#B50909;
color:#ffffff;
text-decoration:none;
}
#topnav ul li.active a, #topnav ul li.active a:hover {
background:#333333 none repeat scroll 0 0;
color:#FFFFFF;
}

/*Column Styles*/
.col {
float:left;
margin-left:10px;
position:relative;
width:50px;
}

.col.first{
margin-left:0px;
}

.col.two {
width:110px;
}

.col.three {
width:170px;
}

.col.four {
width:230px;
}

.col.five {
width:290px;
}

.col.six {
width:350px;
}

.col.seven {
width:410px;
}

.col.eight {
width:470px;
}

.col.nine {
width:530px;
}

.col.ten {
width:590px;
}

.col.eleven {
width:650px;
}

.col.twelve {
width:710px;
}

.col.thirteen {
width:770px;
}

.col.sixteen {
width:950px;
}

.col span{
	display:none;
}

.col ul{
list-style:none;
font-size:10px;
color:#222222;
}

.col ul li{
text-decoration:none;
}

.col.bordered {
margin-top:15px;
height:280px;
border-top:3px solid #333333;
padding-top:0px;
}

.col.tallbordered {
margin-top:15px;
height:540px;
border-top:3px solid #333333;
padding-top:0px;
position:relative;
}
.col.list{
display:inline-block;
height:1%;
}

.col.list ul{
font-size:14px;
list-style:none;
padding-left:10px;
margin:0px;
line-height:24px;
}

.col.list ul a{
text-decoration:none;
color:#666666;
}

.col.list ul a:hover{
color:#333333;
}

.col.tall{
margin-top:15px;
margin-bottom:15px;
border-top:none;
height:600px;
padding-top:0px;
}

.col.map{
margin-top:15px;
margin-bottom:15px;
height:600px;
padding-top:0px;
}

.col.supertall{
margin-top:15px;
margin-bottom:15px;
border-top:none;
height:710px;
padding-top:0px;
}

.col.right{
	text-align:right;
}

#ajax-banner {
background: #fff;
margin-top:15px;
border:none;
width: 950px;
height: 390px;
position:relative;
text-align: center;
}

#left-banner {
background:none;
float:left;
width: 590px;
height: 390px;
}

#right-banner{
background:none;
padding-left:10px;
width:360px;
}

.footer{
clear:both;
color:#AAA;
border-top: 1px solid #CCC;
margin-top:15px;
width:950px;
height:30px;
}

#content.text a{
	text-decoration:none;
	font-size:12px;
	border-bottom: 1px dotted #333;
	color:#333;
}

#content.text a:hover{
	text-decoration:none;
	font-size:12px;
	border-bottom: 1px dotted #B50909;
	color:#B50909;
}

.alink{
	text-decoration:none;
	font-size:14px;
	border-bottom: 1px dotted #333;
	color:#333;
}

.alink:hover{
	text-decoration:none;
	font-size:14px;
	border-bottom: 1px dotted #B50909;
	color:#B50909;
}
	
#pic{
	width:290px;
	height:100px;
	text-align:left;
	margin-bottom:5px;
}

#pic.floatLeft{
float:left;
margin-right:5px;
}

#pic.floatRight{
float:right;
margin-right:5px;
}

#pic h5{
line-height:1em;
}

img.floatLeft { 
    float: left;
	padding-right:5px;
    margin:0px; 
}

img.padTop{
	margin-top:10px;
}
/*Text Styles*/
.nodec{
text-decoration:none;
}

body{
font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
margin: 0 0 20px 0;
	padding: 0;
}

.text{
padding-top:10px;
}

h3{
	line-height:1em;
font-weight:lighter;
font-size: 24px;
color:#444444;
}

h5{
line-height:1em;
font-size:16px;
}

.disciplineHeadings{
line-height:22px;
font-size:16px;
font-weight:bold;
}

p{
font-weight:lighter;
font-size: 14px;
}

/*Image Styles*/

.picport{
width:350px;
height:170px;
overflow:hidden;
background-position:0px 0px;
margin-bottom:0px;
display:block;
background-image:url(../portfolio1.jpg);
}
.picport span{
display: none;
}

.picaward{
width:170px;
height:170px;
overflow:hidden;
background-position:0px 0px;
margin-bottom:0px;
display:block;
background-image:url(../awards.png);
}
.picaward span{
display: none;
}

.picnews{
width:340px;
height:170px;
overflow:hidden;
background-position:0px 0px;
margin-bottom:0px;
display:block;
background-image:url(../news2.jpg);
}
.picnews span{
display: none;
}

.picabout{
width:230px;
height:170px;
overflow:hidden;
background-position:0px 0px;
margin-bottom:0px;
display:block;
background-image:url(../team1.jpg);
}
.picabout span{
display: none;
}

.port{
width:230px;
height:230px;
overflow:hidden;
background-position:0px 0px;
margin-bottom:10px;
display:block;
}

.port:hover{
background-position:0px 230px;
}

.port span{
display: none;
}


.col span{
display: none;
}
.bactrack{
	background-image:url(../portfolio/img/bactrack_roll.jpg)
}

.intrago{
	background-image:url(../portfolio/img/intrago_roll.jpg)
}

.steelcase{
	background-image:url(../portfolio/img/steelcase_roll.jpg)
}
.hp{
	background-image:url(../portfolio/img/hp_roll.jpg)
}

.mimijumi{
	background-image:url(../portfolio/img/mimijumi_roll.jpg)
}

.openpeak{
	background-image:url(../portfolio/img/openpeak_roll.jpg)
}

.pressure{
	background-image:url(../portfolio/img/pressure_roll.jpg)
}

.timbuk2{
	background-image:url(../portfolio/img/timbuk2_roll.jpg)
}

.rescuereel{
	background-image:url(../portfolio/img/rescuereel_roll.jpg)
}

.hookup{
	background-image:url(../portfolio/img/hookup_roll.jpg)
}

.orbitbaby{
	background-image:url(../portfolio/img/orbitbaby_roll.jpg)
}

.arm_brace{
	background-image:url(../portfolio/img/arm_brace_roll.jpg)
}

.clear { clear: both; }

#image_rotate{
	list-style:none;
	padding: 0;
margin-left: 0;
}