/* Styles for 270labs, Feb 20009 */
/* by Travis Stone */


/* 											BASIC RESETS AND SITEWIDES  */



body {
	margin:12px 0px 0px;
	padding:0px;
	font: 100% Arial, Helvetica, sans-serif;
	
}
h1, h2, h3, h4, h5, h6, p {
	margin:0px;
	padding:0px;

}





/* 											GENERAL STRUCTURE AND NON-TEXT POSITIONING */



.ow {
	margin: 0px;
	padding: 0px;
	width: 100%;
}
.iw {
	margin: 0px auto;
	padding: 0px;
	height: 406px;
	width: 976px;
	border: 1px solid #e8e8e8;
	position: relative;
	background: url(../img/bg_tile.png) repeat-x;
}
.footer {
	margin: 0px auto;
	padding: 6px 0px 0px;
	width: 976px;
	font-size: .7em;
	color: #CCCCCC;
	text-align: right;
}
.footer a, .footer a:visited {
	color: #CCCCCC;
	text-decoration:none;
}
.footer a:hover {
	color: #FF0000;
	text-decoration:underline;
}
.logo {
	position: absolute;
	height: 93px;
	width: 226px;
	left: 58px;
	top: 56px;
	margin: 0px;
	padding: 0px;
}
.logo a img {border:none;}
.navbox {
	margin: 0px;
	padding: 0px;
	height: 9px;
	width: 227px;
	position: absolute;
	left: 58px;
	top: 281px;
}
.cBox {
	position: absolute;
	left: 356px;
	top: 44px;
	height: 296px;
	width: 553px;
	border-left: 1px solid #e8e8e8;
	background: #FFFFFF;
	color:#666666;
	overflow: auto;
}
.cBox object {
	margin: 0px;
	padding: 0px;
}
.cBox img {
	float: right;
	margin-bottom: 12px;
	margin-left: 12px;
	border: 1px solid #C2C2C2;
}




/* 											TYPOGRAPHY */


.logo h1, .logo h2, .logo p {
	display:none;
}

.cBox a {
	text-decoration:none;
	color: #6699CC;
}
.cBox a:visited {
	text-decoration:none;
	color: #999999;
}
.cBox a:hover {
	text-decoration:underline;
	color: #FF0000;
}
/* .cBox a:hover {
	text-decoration:underline;
} */

.cBox h3, .cBox h4, .cBox h5, .cBox p {
	padding: 0px;
	/* color: #666666; */
	margin: 0px 24px 0px 18px;
}

.cBox p {
	margin-top:12px;
}

.cBox h3 {
	font-size: 1em;
	font-weight: bold;
	/* color: #999999; */
	padding-top: 14px;
}
.cBox h4 {
	font-size: .8em;
	/* color: #999999; */
	border-bottom: 1px solid #E8E8E8;
	padding: 4px 0px;
	/* position: relative; */
}
.cBox h5 {
	font-size: 0.7em;
	/* color: #666666; */
	padding-bottom: 4px;
	margin: 12px 24px 0px 18px;
}
.cBox p {
	font-size: 0.7em;
	/* color: #999999; */
}
.cBox ul {
	margin: 12px 0px 0px 12px;
	padding: 0px;
}
.cBox ul ul {
	margin: 0px;
	padding: 12px 0px 0px;
}
.cBox li {
	font-size: 0.7em;
	margin-bottom: 12px;
	/* color: #666666; */
	list-style: none;
	margin-left: 24px;
}
.cBox li li {
	font-size: 1em;
	margin: 0px 48px 9px 48px;
	padding: 0px;
}

/* 								SPECIAL BUTTONS AND ELEMENTS */


span.newWindowIcon img {
	display: inline;
	float: none;
	height: 14px;
	width: 14px;	
	margin:0px;
	padding:0px;
}
ul#portfolio li.portCategory:hover {
	color:#FF0000;
}
ul#portfolio li.portCategory:hover li {
	color:#666666;
}

.btnMore {
	text-decoration: none;
	border:1px solid #e8e8e8;
	padding:0px;
	margin:-2px 12px 0px 0px;
	display:block;
	float:left;
	width:14px;
	height:14px;
	overflow:hidden;
	background: url(../img/plusSign.gif) no-repeat 0px -1px;
}
* html .btnMore, *+html .btnMore	 {
	padding:0px;
	margin:1px 12px 0px 0px;

}
.btnMore:hover {

}
.btnLess {
	text-decoration: none;
	border:1px solid #e8e8e8;
	padding:0px;
	margin:-2px 12px 0px 0px;
	display:block;
	float:left;
	width:14px;
	height:14px;
	overflow:hidden;
	background: url(../img/plusSign.gif) no-repeat 0px -32px;
}
* html .btnLess, *+html .btnLess	 {
	padding:0px;
	margin:1px 12px 0px 0px;

}
.btnLess:hover {
	
}

.portText {
	margin: 12px 0px 0px 0px;
	float:left;
	width:200px;
	padding:0px;
}
.portText p {
	padding:0px;
	margin: 0px 16px 4px 18px;
}
* html .portText p {
	margin: 0px 0px 4px 18px;
}
*+html .portText p {
	margin: 0px 0px 4px 18px;
}

.portImage {
	float:left;
	margin:12px 0px 0px 0px;
	padding:0;
	width: 320px;
	height: 160px;
}
* html .portImage {
	margin:12px 0px 0px 0px;
}
*+html .portImage {
	margin:12px 6px 0px 0px;
}

.pNav {
	font-size:1em;
	margin: 0px;
	clear:both;
}
.pNav p {
	display:inline;
}

.cBox h4 a {
	color:#CCCCCC;
	text-decoration: none;
	font-size: 0.8em;
	font-weight: normal;
}

.cBox h4 a:hover {
	color:#FF0000;
	text-decoration: underline;
}

.cBox h4 .backToPort {
	position: absolute;
	top: 40px;
	right: 90px;

}
.cBox h4 .nextPort {
	position: absolute;
	top: 40px;
	right: 24px;

}




/*									 FORM STYLES */

.cBox form {
	position: relative;
	padding: 0px;
	margin: 12px;
}
.cBox form li {
	vertical-align: top;
	margin: 6px 0px;
	padding: 0px;
	font-weight: bold;
}
.cBox form li label {
	width: 120px;
	display: block;
	float: left;
	padding:3px;
}

.cBox form li input {
	width: 340px;
	border: 1px solid #999999;
}
.cBox form li textarea {
	width: 340px;
	border: 1px solid #999999;
}

#special {
	display: none;
}

.cBox form li .submitBtn {
	margin: 6px 0px 6px 126px;
	padding: 0px 3px;
	border: 1px solid #999999;
	font-weight: bold;
	font-size:1em;
	width: 80px;
	color: #666666;
	background: #e8e8e8;
}

.cBox form li input.formErrorInput {
	border:1px solid #FF0000;
}
.cBox form li textarea.formErrorInput {
	border:1px solid #FF0000;
}

.cBox h4.formError {
	color:#FF0000;
	border:none;
}
.cBox form label.formError {
	color:#FFFFFF;
	background:#FF0000;
	padding: 3px;
}

/* 									NAV STYLES AND BEHAVIORS */


#nav {
	display: inline;
	margin: 0px;
	padding: 0px;
	list-style: none;
	font-size: .7em;
	font-weight: bold;
}
#nav li {
	line-height:.1em;
	list-style: none;
	display: inline;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 9px;
}
#nav li a {
	text-decoration: none;
	height: 9px;
	margin: 0px;
	padding: 0px;
	display: block;
	text-indent: -3000px;
	overflow:hidden;
}

/* Nav States */
/* Up States */

#nav #nSyn a {
	background: url(../img/nav.gif) no-repeat 0px 0px;
	height: 9px;
	width: 59px;
}
#nav #nBio a {
	background: url(../img/nav.gif) no-repeat -59px 0px;
	height: 9px;
	width: 35px;
}
#nav #nPort a {
	background: url(../img/nav.gif) no-repeat -94px 0px;
	height: 9px;
	width: 69px;
}
#nav #nCon a {
	background: url(../img/nav.gif) no-repeat -163px 0px;
	height: 9px;
	width: 64px;
}

/* Down States */

.bSyn #nav #nSyn a {
	background: url(../img/nav.gif) no-repeat 0px -18px;
}
.bBio #nav #nBio a {
	background: url(../img/nav.gif) no-repeat -59px -18px;
}
.bPort #nav #nPort a {
	background: url(../img/nav.gif) no-repeat -94px -18px;
}
.bCon #nav #nCon a {
	background: url(../img/nav.gif) no-repeat -163px -18px;
}

/* Over States */

#nav #nSyn a:hover {
	background: url(../img/nav.gif) no-repeat 0px -9px;
}
#nav #nBio a:hover {
	background: url(../img/nav.gif) no-repeat -59px -9px;
}
#nav #nPort a:hover {
	background: url(../img/nav.gif) no-repeat -94px -9px;
}
#nav #nCon a:hover {
	background: url(../img/nav.gif) no-repeat -163px -9px;
}