body{
		margin: 0px;
		color: #fff;
		font-family: "museo-sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
		font-size: 13px;
		font-weight: 300;
	}
	a:link{
		color: #fff;
	}
	
	#light_bg{
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		z-index: 1;
		background: #fff url('images/lt_background.jpg') top center repeat;
		color: #fff;
		min-width: 1240px;
		overflow: auto;
	}

	#inset_box{
		width: 244px;
		margin: 170px auto;
		text-align: center;
		font-family: "museo-sans";
		font-weight: 300;
		text-transform: uppercase;
		color: #fff;
		letter-spacing: 0px;
		font-size: 15px;
		padding: 5px 18px 15px 18px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		-moz-box-shadow: inset 0px 0px 3px #646464;
		-webkit-box-shadow: inset 0px 0px 3px #646464;
		box-shadow: inset 0px 0px 3px #646464;
		overflow: hidden;
		position: relative;
		background: transparent url("images/gray_out.png") center center repeat;
		height: 84px;
		text-shadow: 1px 1px 2px #000000;
	}
	#login_holder{
		width: 244px;
		position: absolute;
		left: 50%;
		margin-left: -122px;
		top: 7px;
	}
	#login_holder a:hover{
		opacity: .6;
	}
	#login_form, #login_error{
		height: 100px;
	}
	#login_error{
		text-align: center;
		padding-top: 34px;
		
	}
	
	#spin_holder{
		position: absolute;
		left: 50%;
		width: 100px;
		margin-left: -50px;
		height: 84px;
		display: none;
	}
	.spinner{
		left: 50%;
		top: 35%;
	}
	#spin_holder #loader_text{
		position: absolute;
		font-size: 10px;
		width: 100%;
		bottom: -5px;
		left: 0px;
		text-align: center;
	}
	#login_holder h3{
		font-weight: 100;
		text-align: left;
		margin: 0px;
		font-size: 15px;
		text-align: center;
	}
	#login_holder input[type="password"]{
		border: 0px;
		background: transparent;
		width: 186px;
		outline: none;
		color: #fff;
		font-size: 32px;
		letter-spacing: 3px;
		padding: 7px;
		float: left;
		text-shadow: 1px 1px 2px #000000;
	}
	#login_holder input[type="password"]:focus{
		opacity: .8;
	}
	#form_holder{
		border-bottom: 1px dotted #fff;
	}
	
	#login_holder input[type="submit"]{
		height: 40px;
		width: 40px;
		background: transparent url('images/go_btn.png') 7px -58px no-repeat;
		border: 0px solid #000;
		padding: 0px;
		position: absolute;
		top: 35px;
		right: 0px;
		margin: 0px;
		outline: none;
		display: inline-block;
		overflow: hidden;
		text-indent: -1000px;
		cursor: pointer;
		opacity: 1;
	}
	#login_holder input[type="submit"][disabled],#login_holder input[type="submit"][disabled]:hover{
		background-position: 7px 4px;
		opacity: .3;
	}
	#login_holder input[type="submit"]:hover{
		opacity: .5;
	}
	#login_holder input[type="submit"]:active{
		background-position: 8px -57px;
	}
	#form_holder{
		margin: 0px auto;
	}

	#header{
		height: 147px;
	}
	.clear{
		line-height: 1px;
		height: 1px;
		clear: both;
	}
	
	#port_wrapper{
		overflow: hidden;
		height: 1px;
		width: 1px;
		position: absolute;
		top: 0px;
		left: 0px;
	}
	.port_controls{
		height: 228px;
		width: 100px;
		background-color: transparent;
		background-image: url("images/port_controls.png");
		background-repeat: no-repeat;
		position: absolute;
		top: 200px;
		display: block;
	}
	#port_wrapper #port_next{
		background-position: right top;
		right: 0px;
	}
	#port_wrapper #port_next:hover{
		background-position: -100px -227px;
	}
	#port_wrapper #port_prev{
		background-position: left top;
		left: 0px;
	}
	#port_wrapper #port_prev:hover{
		background-position: 0px -227px;
	}
	
	/* portfolio view */
	
	#side_nav{
		width: 170px;
	}
	#side_nav #pe_logo{
		height: 170px;
		margin: 10px auto 20px auto;
		width: 170px;
		background: transparent url('images/logo.png') no-repeat center center;
	}
	#side_nav ul{
		width: 170px;
		list-style: none;
		margin: 0px;
		padding: 0px;
	}
	#side_nav li{
		list-style: none;
		margin: 0px 20px 12px 0px;
		padding: 0px;
		text-align: right;
	}
	#side_nav li a:link, #side_nav li a:visited{
		display: block;
		font-weight: 300;
		color: #6b6b6b;
		text-decoration: none;
		font-size: 16px;
		font-family: "museo-sans";
		text-shadow: 0px -1px 0px #ffffff;
		text-transform: uppercase;
	}
	#portfolio_outer{
		position: absolute;
		top: 0px;
		left: 170px;
		width: 100%;
		background: transparent url('images/white_fade.png') repeat center center;
	}
	#portfolio_outer .portfolio_item{
		height:770px;
		width: 1000px;
		background: transparent;
		position: relative;
		padding: 30px 0px 0px 30px;
		color: #4c4c4c;
	}
	#portfolio_outer .portfolio_item .pointer{
		height: 800px;
		width: 11px;
		position: absolute;
		top: 0px;
		left: -11px;
		background: transparent url('images/page_pointer.png') repeat-y 0px 50px;
	}
	#portfolio_outer .portfolio_item h1{
		font-weight: 100;
		font-family: "museo-sans";
		color: #4c4c4c;
		font-size: 24px;
		text-transform: uppercase;
		border-bottom: 1px dotted #919191;
		margin: 0px;
	}
	#portfolio_outer .portfolio_item .port_item_content{
		height: 700px;
		overflow: hidden;
		position: relative;
		border: 0px solid red;
	}
	#portfolio_outer .portfolio_item .port_item_content .description{
		position: absolute;
		z-index: 1000;
	}
	#portfolio_outer .portfolio_item .port_item_content .description p{
		text-align: justify;
	}	
/* flash ad section */	
	ul#as_ad_wrapper{
		height: auto;
		width: 950px;
		margin: 0px auto;
		position: relative;
		padding: 0px;
		overflow: visible;
	}
	ul#as_ad_wrapper li.as_ad_item{
		margin: 20px 0px;
		padding: 0px;
		list-style-type: none;
		height: 300px;
		width: 600px;
		overflow:hidden;
		border: 0px solid #3d3d3d;
		position: absolute;
		display: none;
		left: 0px;
		-moz-box-shadow: 0px 0px 3px #646464;
		-webkit-box-shadow: 0px 0px 3px #646464;
		box-shadow: 0px 0px 3px #646464;
	}
	ul#as_ad_wrapper li.as_ad_item .as_ad_holder{
		width: 600px;
		height: 300px;
	}
	.port_item{
		height: 700px;
		width: 950px;
		margin: 0px auto;
		position: relative;
	}
	a:link.asAdCont{
		position: absolute; 
		right:140px; 
		top: 190px;
		width: 68px;
		height: 67px;
		background: transparent url('images/ad_controls.png') top left;
		display: block;
	}
	a:hover#asAdPrev{
		background-position: right top;
	}
	a:link#asAdNext{
		top: 510px;
		background-position: left bottom;
	}
	a:hover#asAdNext{
		background-position: right bottom;
	}
	#asAdsDesc{
		text-align: center;
		width: 350px;
		height: 20px;
		position: absolute;
		right: 0px;
		top: 260px;
		color: #5e5e5e;
	}
	h2{
		font-family: "museo-sans";
		font-size: 22px;
		font-weight: 100;
	}
	#flash_ad_slit_bot, #flash_ad_slit_top{
		width: 644px;
		height: 10px;
		background: transparent url("images/ad_slit.png") no-repeat left top;
		position: absolute;
		left: 0px;
		z-index: 1000000;
	}
	#flash_ad_slit_top{
		top: 0px;
	}
	#flash_ad_slit_bot{
		background-position: left bottom;
		bottom: 0px;
	}

	/* Slide Show */
	ul.slide_show, 
	ul#ux_ss_controls,
	ul#fb_ss_controls,
	ul#mobile_ss_controls{
		margin: 0px;
		padding: 0px;
		list-style: none;
		position: relative;
	}
	ul.slide_show{
		width: 880px;
		height: 550px;
	}
	.slide_show li{
		position: absolute;
		top: 0px;
		left: 0px;
		height: 0px;
		width: 0px;
		overflow: hidden;
	}
	.slide_show li:first-child{
		height: auto;
		width: auto;
	}
	ul#ux_ss_controls,
	ul#fb_ss_controls,
	ul#mobile_ss_controls{

		display: inline-block;
	}
	#ux_ss_controls li,
	#fb_ss_controls li,
	#mobile_ss_controls li{
		display: inline-block;
		border: 1px solid #bcbcbc;
		margin-left: 4px;
		padding: 3px 8px;
		background: #e1e1e1;
		cursor: pointer;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		box-shadow:inset 0px 1px 2px #fff;
		font-weight: 100;
	}
	#ux_ss_controls li.active,
	#fb_ss_controls li.active,
	#mobile_ss_controls li.active{
		box-shadow:inset 0px 1px 1px #bfbfbf;
		border: 1px solid #4b4b4b;
		background: #6b6b6b;
		color: #fff;
		font-weight: 100;
	}
	.control_wrapper{
		font-weight: 300;
		display: inline-block;
		padding: 7px;
		background: #f1f1f1;
		border: 1px solid #cecece;
		margin-bottom: 10px;
	}