/* CSS Document */

html { overflow-y:scroll; }
body {
	color:#6c6e70;
	font-size:.75em;
	margin:0 0 25px 0;
	background-color:#FFF;
	font-family:Helvetica, Arial, sans-serif;
	background-image:url(images/bg_body.gif);
}

a { color:#0000FF; }

h1, h2, h3, h4, p { margin:0 0 8px 0; }

h1 { font-size:1.8em; }

h2 { font-size:1.4em; }

h3 { font-size:1.2em; }

/* ---- class settings ----------------------- */

.a-img { border:0; }

.blue-text { color:#0078c1; }

.content {
	position:relative;
	top:0;
	left:0;
	line-height:17px;
	padding:25px 15px 10px 25px;
}

.content a {
	color:#6c6e70;
	text-decoration:none;
}

.column {
	position:relative;
	top:0;
	left:0;
	width:48%;
	height:auto;
	float:left;
}

.img-top-r {
	position:absolute;
	top:0;
	right:0;
	z-index:2;
}

.img-back-staff {
	position:absolute;
	bottom:-23px;
	left:65px;
}

.messageBox {
	width:250px;
	height:75px;
}
/* ---- layout settings ----------------------- */

#main_container {
	position:absolute;
	top:50%;
	left:50%;
	width:799px;
	height:548px;
	padding:11px;
	margin:-285px 0 0 -410px;
	background-repeat:no-repeat;
	background-image:url(images/bg_main.gif);
}

#header {
	position:relative;
	top:0;
	left:0;
	width:435px;
	height:95px;
	padding:20px 0 0 20px;
}

/* ---- start nav id settings ------------------------ */
 
#nav {
	position:relative;
	top:0;
	left:0;
	width:437px;
	height:29px;
	padding-left:18px;
}

#sub_nav {
	position:relative;
	top:0;
	left:0;
	width:420px;
	height:19px;
	margin:0 0 36px 0;
	padding:10px 0 0 35px;
}

/* ---- end nav id settings -------------------------- */

#main {
	position:relative;
	top:0;
	left:0;
	width:799px;
	height:auto;
}

/* ---- start main content settings -------------- */

#content_left {
	position:relative;
	top:0;
	left:0;
	float:left;
	width:455px;
	height:auto;
}

#content_main {
	position:relative;
	top:0;
	left:0;
	width:799px;
	height:auto;
}

#contact_flash {
	position:relative;
	top:0;
	left:0;
	float:left;
	width:255px;
	height:auto;
	padding-top:2px;
}

#portfolio_nav {
	position:relative;
	top:0;
	left:0;
	z-index:1;
	width:774px;
	height:110px;
	padding: 0 0 0 25px;
	font-weight: bold;
	background-color: #E7E1E1;
}

#portfolio_nav a:hover {
	color: #4CA203;
	text-decoration: none;
}

#portfolio_nav a {
	color: #333;
	text-decoration: none;
}

#portfolio {
	position:relative;
	top:0;
	left:0;
	z-index:1;
	width:799px;
	height:267px;
	background-color: #E7E1E1;
}

#staff-bio {
	position:relative;
	top:0;
	left:0;
	width:799px;
	height:307px;
	margin-top:34px;
	background-repeat:no-repeat;
	background-image:url(images/bg_bulletin-board.jpg);
}

#staff-bio a {
	color:#6c6e70;
	text-decoration:none;
}

#staff-bio a:hover {
	color:#6c6e70;
	text-decoration:underline;
}

#staff-bio a:visited {
	color:#0470C8;
	text-decoration:none;
}

.staff-picture {
	position:absolute;
	top:25px;
	left:25px;
}

.bio {
	position:relative;
	top:0;
	left:0;
	float:right;
	width:455px;
	height:225px;
	overflow:auto;
	display:inline;
	margin:50px 45px 0 0;
	padding:0 10px 0 10px;
}

/* ---- end main content settings ---------------- */

/* ---- start side bar content settings -------------- */

#content_right {
	position:relative;
	top:0;
	left:0;
	float:right;
	width:343px;
	height:auto;
}

/* ---- end side bar content settings ---------------- */

#footer {
	position:relative;
	top:0;
	left:0;
	clear:both;
	width:799px;
	height:auto;
	text-align:right;
}

#footer a {
	color:#6c6e70;
	font-size:11px;
	text-decoration:none;
}

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

/* ---- start navigation settings -------------------------- */

#sub_nav a {
	color:#6c6e70;
	font-size:13px;
	margin:0 7px 0 7px;
	text-decoration:none;
}

#nav a {
	position:relative;
	float:left;
	height:29px;
	cursor:pointer;
	margin-right:8px;
	background-repeat:no-repeat;
}

a#nav_01 {
	width:66px;
	background-position:0 0;
	background-image:url(images/nav/nav.png);
}

a:hover#nav_01 {
	background-position: 0 -29px;
}

.active_01 {
	background-position: 0 -29px !important;
}

a#nav_02 {
	width:68px;
	background-position:-66px 0;
	background-image:url(images/nav/nav.png);
}

a:hover#nav_02 {
	background-position:-66px -29px;
}

.active_02 {
	background-position:-66px -29px !important;
}

a#nav_03 {
	width:66px;
	background-position:-134px 0;
	background-image:url(images/nav/nav.png);
}

a:hover#nav_03 {
	background-position:-134px -29px;
}

.active_03 {
	background-position:-134px -29px !important;
}

a#nav_04 {
	width:80px;
	background-position:-200px 0;
	background-image:url(images/nav/nav.png);
}

a:hover#nav_04 {
	background-position:-200px -29px;
}

.active_04 {
	background-position:-200px -29px !important;
}

a#nav_05 {
	width:85px;
	background-position:-280px 0;
	background-image:url(images/nav/nav.png);
}

a:hover#nav_05 {
	background-position:-280px -29px;
}

.active_05 {
	background-position:-280px -29px !important;
}


/*----------portfolio-------------------------------------------*/

#portfolio-slider div{
	position:relative;
	top:0;
	left:0;
	width:234px;
	height:249px;
}

#portfolio-slider div a {
	position:relative;
	float:left;
	height:234px;
	height: 249px;
	cursor:pointer;
	margin-right:8px;
}

a#print1 {
	position:relative;
	top:0;
	left:0;
	width:234px;
	height:249px;
	background-position: 0 0;
	background-image:url(images/portfolio/img_print1.jpg);
}

a:hover#print1 {
	background-position: 0 -249px;
	background-image:url(images/portfolio/img_print1.jpg);
}

a#print2 {
	position:relative;
	top:0;
	left:0;
	width:234px;
	height:249px;
	background-position: 0 0;
	background-image:url(images/portfolio/img_print2.jpg);
}

a:hover#print2 {
	background-position: 0 -249px;
	background-image:url(images/portfolio/img_print2.jpg);
}

a#print3 {
	position:relative;
	top:0;
	left:0;
	width:234px;
	height:249px;
	background-position: 0 0;
	background-image:url(images/portfolio/img_print3.jpg);
}

a:hover#print3 {
	background-position: 0 -249px;
	background-image:url(images/portfolio/img_print3.jpg);
}

a#print4 {
	position:relative;
	top:0;
	left:0;
	width:234px;
	height:249px;
	background-position: 0 0;
	background-image:url(images/portfolio/img_print4.jpg);
}

a:hover#print4 {
	background-position: 0 -249px;
	background-image:url(images/portfolio/img_print4.jpg);
}

a#print5 {
	position:relative;
	top:0;
	left:0;
	width:234px;
	height:249px;
	background-position: 0 0;
	background-image:url(images/portfolio/img_print5.jpg);
}

a:hover#print5 {
	background-position: 0 -249px;
	background-image:url(images/portfolio/img_print5.jpg);
}

a#print6 {
	position:relative;
	top:0;
	left:0;
	width:234px;
	height:249px;
	background-position: 0 0;
	background-image:url(images/portfolio/img_print6.jpg);
}

a:hover#print6 {
	background-position: 0 -249px;
	background-image:url(images/portfolio/img_print6.jpg);
}

a#print7 {
	position:relative;
	top:0;
	left:0;
	width:234px;
	height:249px;
	background-position: 0 0;
	background-image:url(images/portfolio/img_print7.jpg);
}

a:hover#print7 {
	background-position: 0 -249px;
	background-image:url(images/portfolio/img_print7.jpg);
}

a#print8 {
	position:relative;
	top:0;
	left:0;
	width:234px;
	height:249px;
	background-position: 0 0;
	background-image:url(images/portfolio/img_print8.jpg);
}

a:hover#print8 {
	background-position: 0 -249px;
	background-image:url(images/portfolio/img_print8.jpg);
}

a#print9 {
	position:relative;
	top:0;
	left:0;
	width:234px;
	height:249px;
	background-position: 0 0;
	background-image:url(images/portfolio/img_print9.jpg);
}

a:hover#print9 {
	background-position: 0 -249px;
	background-image:url(images/portfolio/img_print9.jpg);
}

a#print10 {
	position:relative;
	top:0;
	left:0;
	width:234px;
	height:249px;
	background-position: 0 0;
	background-image:url(images/portfolio/img_print10.jpg);
}

a:hover#print10 {
	background-position: 0 -249px;
	background-image:url(images/portfolio/img_print10.jpg);
}

a#print11 {
	position:relative;
	top:0;
	left:0;
	width:234px;
	height:249px;
	background-position: 0 0;
	background-image:url(images/portfolio/img_print11.jpg);
}

a:hover#print11 {
	background-position: 0 -249px;
	background-image:url(images/portfolio/img_print11.jpg);
}

a#print12 {
	position:relative;
	top:0;
	left:0;
	width:234px;
	height:249px;
	background-position: 0 0;
	background-image:url(images/portfolio/img_print12.jpg);
}

a:hover#print12 {
	background-position: 0 -249px;
	background-image:url(images/portfolio/img_print12.jpg);
}

a#print13 {
	position:relative;
	top:0;
	left:0;
	width:234px;
	height:249px;
	background-position: 0 0;
	background-image:url(images/portfolio/img_print13.jpg);
}

a:hover#print13 {
	background-position: 0 -249px;
	background-image:url(images/portfolio/img_print13.jpg);
}

a#print14 {
	position:relative;
	top:0;
	left:0;
	width:234px;
	height:249px;
	background-position: 0 0;
	background-image:url(images/portfolio/img_print14.jpg);
}

a:hover#print14 {
	background-position: 0 -249px;
	background-image:url(images/portfolio/img_print14.jpg);
}

/*----------------------corp-------------------------------------*/

a#corp1 {
	position:relative;
	top:0;
	left:0;
	width:234px;
	height:249px;
	background-position: 0 0;
	background-image:url(images/portfolio/img_corp1.jpg);
}

a:hover#corp1 {
	background-position: 0 -249px;
	background-image:url(images/portfolio/img_corp1.jpg);
}

a#corp2 {
	position:relative;
	top:0;
	left:0;
	width:234px;
	height:249px;
	background-position: 0 0;
	background-image:url(images/portfolio/img_corp2.jpg);
}

a:hover#corp2 {
	background-position: 0 -249px;
	background-image:url(images/portfolio/img_corp2.jpg);
}

a#corp3 {
	position:relative;
	top:0;
	left:0;
	width:234px;
	height:249px;
	background-position: 0 0;
	background-image:url(images/portfolio/img_corp3.jpg);
}

a:hover#corp3 {
	background-position: 0 -249px;
	background-image:url(images/portfolio/img_corp3.jpg);
}

a#corp4 {
	position:relative;
	top:0;
	left:0;
	width:234px;
	height:249px;
	background-position: 0 0;
	background-image:url(images/portfolio/img_corp4.jpg);
}

a:hover#corp4 {
	background-position: 0 -249px;
	background-image:url(images/portfolio/img_corp4.jpg);
}

a#corp5 {
	position:relative;
	top:0;
	left:0;
	width:234px;
	height:249px;
	background-position: 0 0;
	background-image:url(images/portfolio/img_corp5.jpg);
}

a:hover#corp5 {
	background-position: 0 -249px;
	background-image:url(images/portfolio/img_corp5.jpg);
}

a#corp6 {
	position:relative;
	top:0;
	left:0;
	width:234px;
	height:249px;
	background-position: 0 0;
	background-image:url(images/portfolio/img_corp6.jpg);
}

a:hover#corp6 {
	background-position: 0 -249px;
	background-image:url(images/portfolio/img_corp6.jpg);
}

a#corp7 {
	position:relative;
	top:0;
	left:0;
	width:234px;
	height:249px;
	background-position: 0 0;
	background-image:url(images/portfolio/img_corp7.jpg);
}

a:hover#corp7 {
	background-position: 0 -249px;
	background-image:url(images/portfolio/img_corp7.jpg);
}

a#corp8 {
	position:relative;
	top:0;
	left:0;
	width:234px;
	height:249px;
	background-position: 0 0;
	background-image:url(images/portfolio/img_corpOld1.jpg);
}

a:hover#corp8 {
	background-position: 0 -249px;
	background-image:url(images/portfolio/img_corpOld1.jpg);
}

a#corp9 {
	position:relative;
	top:0;
	left:0;
	width:234px;
	height:249px;
	background-position: 0 0;
	background-image:url(images/portfolio/img_corpOld2.jpg);
}

a:hover#corp9 {
	background-position: 0 -249px;
	background-image:url(images/portfolio/img_corpOld2.jpg);
}

a#corp10 {
	position:relative;
	top:0;
	left:0;
	width:234px;
	height:249px;
	background-position: 0 0;
	background-image:url(images/portfolio/img_corpOld3.jpg);
}

a:hover#corp10 {
	background-position: 0 -249px;
	background-image:url(images/portfolio/img_corpOld3.jpg);
}

/*-----------------------PR--------------------------------------*/


a#pr1 {
	position:relative;
	top:0;
	left:0;
	width:234px;
	height:249px;
	background-position: 0 0;
	background-image:url(images/portfolio/img_pr1.jpg);
}

a:hover#pr1 {
	background-position: 0 -249px;
	background-image:url(images/portfolio/img_pr1.jpg);
}

a#pr2 {
	position:relative;
	top:0;
	left:0;
	width:234px;
	height:249px;
	background-position: 0 0;
	background-image:url(images/portfolio/img_pr2.jpg);
}

a:hover#pr2 {
	background-position: 0 -249px;
	background-image:url(images/portfolio/img_pr2.jpg);
}

a#pr3 {
	position:relative;
	top:0;
	left:0;
	width:234px;
	height:249px;
	background-position: 0 0;
	background-image:url(images/portfolio/img_pr3.jpg);
}

a:hover#pr3 {
	background-position: 0 -249px;
	background-image:url(images/portfolio/img_pr3.jpg);
}

a#pr4 {
	position:relative;
	top:0;
	left:0;
	width:234px;
	height:249px;
	background-position: 0 0;
	background-image:url(images/portfolio/img_pr4.jpg);
}

a:hover#pr4 {
	background-position: 0 -249px;
	background-image:url(images/portfolio/img_pr4.jpg);
}

a#pr5 {
	position:relative;
	top:0;
	left:0;
	width:234px;
	height:249px;
	background-position: 0 0;
	background-image:url(images/portfolio/img_pr5.jpg);
}

a:hover#pr5 {
	background-position: 0 -249px;
	background-image:url(images/portfolio/img_pr5.jpg);
}

a#pr6 {
	position:relative;
	top:0;
	left:0;
	width:234px;
	height:249px;
	background-position: 0 0;
	background-image:url(images/portfolio/img_pr6.jpg);
}

a:hover#pr6 {
	background-position: 0 -249px;
	background-image:url(images/portfolio/img_pr6.jpg);
}

a#pr7 {
	position:relative;
	top:0;
	left:0;
	width:234px;
	height:249px;
	background-position: 0 0;
	background-image:url(images/portfolio/img_pr7.jpg);
}

a:hover#pr7 {
	background-position: 0 -249px;
	background-image:url(images/portfolio/img_pr7.jpg);
}