body {
	background:#EEEEEE;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#333333;
	top: 0px;
	margin: 0px;
	padding: 0;
	text-align: center;
	behavior:url("csshover.htc");
	hasLayout:true;
}

a:link, a:active, a:visited {
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

h1 {
	font-size:19px;
	font-weight:bold;
	margin-top:12px;
	margin-bottom:6px;
	padding:0px;
}

h2 {
	font-size:14px;
	font-weight:bold;
	text-transform: uppercase;
	margin-top:18px;
	margin-bottom:9px;
	padding:0px;
}

p {
	margin-top:3px;
	margin-bottom:15px;
}


.-----------------------------------------{}

.contentWrapper {
	width: 780px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	padding: 0;
	position:relative;
	hasLayout:true;
}


.-----------------------------------------{}
.topNav {
	height: 55px;
	float: right;
	text-align:right;
	padding-bottom: 5px;
	vertical-align:top;
}

.topNav a:link, .topNav a:active, .topNav a:visited {
	margin-left: 5px;
	margin-right: 5px;
}

.-----------------------------------------{}

.topBar {
	height: 82px;
	width: 759px;
	padding-top: 9px;
	padding-right: 13px;
	padding-left: 8px;
	padding-bottom: 13px;
	margin-bottom: 0px;
	clear:both;
	background-image: url(images/topBar-bk.png);
	background-repeat: no-repeat;
	background-position: left top;
}

.logo {
	float:left;
	vertical-align: middle;
}

.nav {
	color: #FFFFFF;
	float:right;
	font-size: 14px;
	margin-right: 3px;
	height: 35px;
}

.navBox {
	padding: 10px;
	height: 15px;
	float:left;
	hasLayout:true;
}

.nav a:link, .nav a:visited, .nav a:active{
	color: #FFFFFF;
	text-decoration:none;
}

.nav a:hover {
	cursor: hand; cursor: pointer;
	text-decoration:none;
}

.navBox:hover {
	text-decoration:none;
	background-repeat: no-repeat;
	background-position: right top;
	cursor: hand; cursor: pointer;
}

.navLeft {
	height: 35px;
	float:left;
	margin-top: 47px;
	margin-left: 2px;
	margin-right: 2px;
	hasLayout:true;
}

.navLeft:hover {
	background-repeat: no-repeat;
	background-position: left top;
}


.-----------------------------------------{}
.leftPhoto {
	margin-bottom: 0px;
	margin-top: -13px;
	position:absolute;
	z-index:1000;
}

#photo {
	left:8px;
}
#border {
	left:0px;
}


.-----------------------------------------{}
.content {
	background-color: #FFFFFF;
	background-image: url(images/content-bk.gif);
	background-repeat: repeat-y;
	background-position: left top;
	width: 650px;
	text-align: left;
	float: right;
	clear: both;
	margin: 0px;
	min-height: 500px;
	padding-bottom:15px;
	hasLayout:true;
}

.content a:link, .content a:active, .content a:visited {
	font-weight:bold;
}

.copy {
	padding-left:140px;
	padding-right: 28px;
	padding-bottom:15px;
	padding-top:10px;
	margin-bottom:0px;
	position: relative;
	hasLayout:true;
}

#header.copy {
	background-image: url(images/content-header.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top:20px;
}

.headerUnderline {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	background:#9966CC;	
}

.highlight {
	width:146px;
	margin-bottom:10px;
	padding:5px;
	font-size:11px;
	color:#FFFFFF;
	background-image: url(images/highlight-header-156.png);
	background-repeat: no-repeat;
	background-position: left top;
}

.highlight img {
	margin:5px;
}

#tech.highlight {
	background-color:#0079C1;
	float:left;
}

#creative.highlight {
	background-color:#652D89;
	float:left;
}

#professional.highlight {
	background-color:#F38F1D;
	float:left;
}

#grayL.highlight {
	background-image: url(images/grayHighlight-header.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-color:#888888;
	float:left;
}

#grayR.highlight {
	background-image: url(images/grayHighlight-header.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-color:#888888;
	float:right;
}

.highlight h3 {
	font-size:16px;
	padding-bottom:15px;
	margin:0px;
}

.highlight h3 em{
	font-size:18px;
	font-weight:bold;
	font-style:normal;
}

.highlight .more {
	text-align:right;
	margin-bottom: 10px;
}

.more a:link, .more a:active, .more a:visited {
	text-decoration:none;
	color:#FFFFFF;
}

.more a:hover {
	text-decoration:underline;
}

.divLine {
	height:2px;
	background-color:#CCCCCC;
	min-width:400px;
	margin-bottom: 10px;
}


.-----------------------------------------{}
.newsBox {
	float:right;
	width:150px;
	margin-left: 15px;
	margin-bottom:0px;
	margin-top:0px;
	padding: 10px;
	clear:right;
}

#newsHeader.newsBox  {
	text-transform: uppercase;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 5px;
	font-size:16px;
	color:#FFFFFF;
	letter-spacing: 2px;
}

.newsBox h4 {
	font-size:12px;
	font-weight:bold;
	margin-top: 8px;
	margin-bottom: 3px;
}

.newsBox .more {
	text-align:right;
	margin-bottom: 10px;
}

.newsBox .more a:link, .newsBox .more a:active, .newsBox .more a:visited {
	text-decoration:none;
}

.quoteBox {
	float:right;
	width:175px;
	margin-left: 15px;
	margin-bottom:15px;
	margin-top:0px;
	padding: 15px;
	clear:right;
	background-image: url(images/quote-header.png);
	background-repeat: no-repeat;
	background-position: left top;
	font-size:15px;
	font-style: italic;
}

.rightSubMenu {
	float:right;
	clear:right;
	width:125px;
	margin-left: 15px;
	margin-bottom:15px;
	margin-top:0px;
	padding-top: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	padding-right: 10px;
	background-image: url(images/subMenu-header.png);
	background-repeat: no-repeat;
	background-position: left top;
	font-weight:bold;
	font-size: 11px;
	hasLayout:true;
}

.rightSubMenu p {
	margin-bottom:10px;
}

.staffDir {
	margin-right:15px;
	margin-bottom:15px;
	width: 210px;
	float: left;
	padding:8px;
	background-image: url(images/highlight-header-226.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#staffTech {
	background-color:#adc8e8;
}

#staffCreative {
	background-color:#c1b0d1;
}

#staffPro {
	background-color:#FDD9B3;
}

#staffTech #staffName, #staffTech a:link, #staffTech a:active, #staffTech a:visited {
	color:#0079c2;
}

#staffCreative #staffName, #staffCreative a:link, #staffCreative a:active, #staffCreative a:visited {
	color:#652d8a;
}

#staffPro #staffName, #staffPro a:link, #staffPro a:active, #staffPro a:visited {
	color:#F38F1D;
}

.loginInfo {
	float:right;
	font-size:10px;
	margin-bottom:12px;
}

.sortBy{
	color:#FFFFFF;
	font-weight:bold;
	font-size:14px;
}

#creative.sortBy {
	background-color:#A286B7;
}

#tech.sortBy {
	background-color:#7BACDC;
}

.jobListing {
	width:480px;
	clear:both;
	margin-top:9px;
}

#creative.jobListing  {
	background-color:#EBE6F1;
}

#creative.jobListing  th{
	background-color:#DED5E8;
	color:#652C8B;
}

#tech.jobListing  {
	background-color:#E7EDF8;
}

#tech.jobListing  th{
	background-color:#D0E3F3;
	color:#0079C2;
}

.sm  {
	font-size:11px;
	font-weight:normal;
}

#title.jobListing {
	font-weight:bold;
	font-size:13px;
}

.jobListing em{
	font-weight:bold;
	font-size:13px;
	font-style:normal;
	line-height:2;
}

#creative.jobListing em{
	color:#652C8B;
}

#tech.jobListing em{
	color:#0079C2;
}

.jobListing p{
	margin-bottom:5px;
}

.emailToAFriend {
	width: 375px;
}

.emailToAFriend #ctl00_ContentPlaceHolder1_Message {
	height:220px;
}

#quote {
	background-repeat: no-repeat;
	margin-left: 0px;
	padding-left: 40px;
}


.warning {
	font-weight:bold;
	color:#ca2127;
}


.-----------------------------------------{}
.contentFooter {
	text-align:right;
	margin-top:-30px;
	clear:both;
}

.footer {
	color: #555555;
	height: 30px;
	text-align:right;
	padding-right:10px;
	clear:both;
	margin:5px;
}


.footer a:link, .footer a:active, .footer a:visited {
	text-decoration:none;
	color: #555555;
}