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

#headerimg {
	margin: 0px auto;
	height: 276px;
	width:870px;
	background:url(../images/portfolio_center.jpg) center top no-repeat;
}
#portfolio {
	background-color:#ecf7fc;
	border:1px solid #d8dec9;
	width:950px;
	margin:0px auto;
	padding-left:45px;
	padding-top:45px;
	padding-bottom:25px;
	position:relative;
}
#holder {
	background-color:#ecf7fc;
	border:1px solid #d8dec9;
	width:950px;
	top:300px;
	left:50%;
	margin-left:-4000px;
	padding-left:45px;
	padding-top:55px;
	padding-bottom:35px;
	position:absolute;
}
#port_selector {
	width:810px;
	margin:0px auto;
}
#port_close {
	position:absolute;
	top:-14px;
	right:-14px;
}
#port_close_link {
	position:absolute;
	top:-14px;
	right:-14px;
}
#port_item_holder {
	float:left;
	margin-left:45px;
	position:relative;
	background:#FFFFFF;
	border:1px solid #b3ced9;
	width:650px;
	height:340px;
	display:inline;
}
#port_item_holder_2 {
	float:left;
	margin-left:70px;
	position:relative;
	background:#FFFFFF;
	border:1px solid #b3ced9;
	width:600px;
	height:468px;
	display:inline;
}
#port_item_holder_3 {
	float:left;
	margin-left:70px;
	position:relative;
	background:#FFFFFF;
	border:1px solid #b3ced9;
	width:650px;
	height:433px;
	display:inline;
}
#port_projects {
	width:905px;
	margin:0px auto;
}
.port_projects_button {
	width:45px;
	height:350;
	float:left;
}
.port_projects_button img {
	margin:0px;
	pading:0px;
	}
.port_projects_button a {
	margin:0px;
	padding:0px;
}
#port_projects_scroll {
	height:100%;
	width:805px;
	margin:0px;
	padding:0px;
	padding-top:15px;
	margin-left:-2px;
	background:#f2fafc;
	border: 1px solid #b5cfdb;
	float:left;
	overflow:hidden;
}
#port_projects_main {
	width:1111px;
	height:100%;
}
#port_projects_print {
	width:1377px;
	height:100%;
}
#port_projects_logo {
	width:845px;
	height:100%;
}
.port_project_holder {
	margin:10px 33px;
	float:left;
	width:200px;
	height:180px;
	display:inline;
}
.port_project_image {
	border-top: 1px solid #b0ccd8;
	border-left: 1px solid #b0ccd8;
	border-right: 1px solid #b0ccd8;
	width:200px;
	height:144px;
	overflow:hidden;
}
.port_shadow {
	height:23px;
	width:202px;
	background: url(../images/port_project_shadow.gif) bottom center no-repeat;
}

#item_load {
	width:100%;
	height:100%;
	overflow:hidden;
	position:absolute;
}
#port_item_top {
	background:url(../images/port_item_top.png) no-repeat center;
	width:188px;
	height:66px;
	position:absolute;
	top:-20px;
	right:-41px;
	text-align:center;
	text-transform:capitalize;
	color:#abc7d5;
	font-size:1.5em;
	padding-top:10px;
}
#port_desc {
	width:175px;
	float:left;
	color:#4492a0;
	line-height:20px;
	font-size:1.1em;
	text-align:justify;
}
#web_design { 
	height:45px;
	width:175px;
	background:url(../images/web_design_bg.png) top center no-repeat;
}
#print_design { 
	height:45px;
	width:175px;
	background:url(../images/print_design_bg.png) top center no-repeat;
}
#logo_design { 
	height:45px;
	width:175px;
	background:url(../images/logo_design_bg.png) top center no-repeat;
}
#port_desc a {
	color:#4492a0;
	border-bottom:2px solid #f7ea98;
	text-decoration:none;
}
#port_desc a:hover {
	border-bottom:1px dotted #4492a0;
}
#port_buttons_spacer {
	float:right;
	width:65px;
	margin-top:10px;
	height:20px;
}
#port_buttons {
	display:inline;
	margin-top:10px;
	float:right;
	width:90px;
}
#port_buttons img {
	float:left;
	margin-left:6px;
	margin-bottom:6px;
	display:inline;
}
#test_box {
	width:50px;
	height:50px;
	background:#666666;
	float:right;
}