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

body {
	font: 12px Arial, Helvetica, sans-serif;
	background: #212121;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #FFFFFF;
}

a {
	color:#6C3;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

a: visited {
	color:#DDD;
}

#portfolio .container {
	width: 874px;
	background: #212121;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left;
}

.logo {
	margin: 0px 0px 0px 20px;
}

#portfolio .header {
	background: url(media/header_home.gif) no-repeat #000;
}

#portfolio .header2 {
	background: url(media/bkgd_header_inside.gif) no-repeat;
	height: 109px;
}

#portfolio .mainContent {
	padding: 0; 
	background: #000;
}

#portfolio .footer {
	background: url(media/footer.gif) no-repeat;
	height: 44px;
}

.contact {
	text-align:right;
	padding: 35px 15px 0px 0px;
}

.listnav  { float:left; }

.listnav ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	display:block;
}
	
.listnav li {
	float: left;
	white-space: nowrap;
	text-align:center;
	display: inline;
	width:126px;
	line-height:34px;
	padding: 4px 8px 8px 8px
}



#squarelinks a {
background:#FF6633;
border: 1px solid #FFF;
}

#squarelinks a:visited {
background:#CCC;
}

#squarelinks a:hover {
background:#FFF;
}

#squarelinks a:active {
background:#FFF;
}

.arrowleft {
	float:left;
	height:38px;
}

.arrowleft a {
	background:url(media/arrow_left_off.jpg) top center no-repeat;
}

.arrowleft a:hover {
	background:url(media/arrow_left_on.jpg) top center no-repeat;
}

.arrowright {
	float:right;
	height:38px;
}

.arrowright a {
	background:url(media/arrow_right_off.jpg) top center no-repeat;
}

.arrowright a:hover {
	background:url(media/arrow_right_on.jpg) top center no-repeat;
}