* {
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}

	body, html { height: 100%;width:auto; }
	
	body{
		background-color: white;
		font-family:Arial;
		font-size:13px;
		overflow:hidden;
		-moz-user-select: none;
		-khtml-user-select: none;
		user-select: none; 
		min-width: 965px;}

	div#wrapper{
		overflow: visible;
		height:96%;
		top:0;
		margin:auto;
		z-index: 2;
		position:relative;
		display: table; }

	div#wrapper .position-container{ #position: absolute; #top: 50%; display: table-cell; vertical-align: middle; width:100%;  }
	div#wrapper .position-container .central-container{ #position: relative; #top: -50%;}
	
	/*optional - for screen layout*/
	body.menu-side-left div#wrapper .position-container .central-container{ position:relative; left:0px; }
	body.menu-side-right div#wrapper .position-container .central-container{ position:relative; right:0px; }
	/*optional - for mobile version*/
	body.mobile-version div#wrapper .position-container .central-container{ position:relative; right:auto !important; left:auto !important; }
	body.mobile-version #tubular-container{ display:none; }
	body.mobile-version #tubular-shield{ display:none; }
	body.mobile-version div#wrapper { position:absolute; left:0; right:0;}

	/*page-content*/
	div#wrapper section.page_content{
		right:0;
		width: 100%;
		position:absolute;
		display: block; }	
	div#wrapper section.page_content div#page{
		position:absolute;
		left:0;
		right:0;
		top:0;
		bottom:0;
		padding:25px;
		display:block;
		overflow:hidden;
		background:#F8F8F8; /*default*/
		clear:both; }	
		
	div#wrapper .page_content #page h1, 
	div#wrapper .page_content #page h2, 
	div#wrapper .page_content #page h3, 
	div#wrapper .page_content #page h4{ margin:0;padding:0;line-height:normal; }
	

	/*header*/
	div#wrapper header{
		height:25px;
		display:block;
		width:100%;
		position:relative; }
	div#wrapper header h1{
		cursor:default;
		position:relative;
		color:#FFF;
		line-height:25px;
		display:table;
		padding:0 20px;
		text-align:center;	
		font-size:16px;
		font-weight:normal;
		border-radius: 10px 10px 0px 0px; 
		-moz-border-radius: 10px 10px 0px 0px; 
		-webkit-border-radius: 10px 10px 0px 0px;
		behavior: url(_css/PIE.htc); }		
	div#wrapper header ul.social{
		position:absolute;
		right:0;
		bottom:0;
		margin:0;
		padding:0;
		list-style:none;
		display:inline-block; }		
	div#wrapper header ul.social li{
		position:relative;
		float:left;
		display:inline-block;
		margin:0;
		padding:0;
		cursor:pointer;
		margin-left:4px;
		filter: alpha(opacity=90); 
		opacity:0.9; }
	div#wrapper header ul.social li:hover{filter: alpha(opacity=100); opacity:1; top:-2px; }


	/*footer*/
	div#wrapper footer{
		height:40px;
		width:100%;
		display:block;
		position:relative;
		display:block;
		clear:both;
		margin-top:2px; }	
	div#wrapper footer small{
		font-size:10px;
		line-height:40px;
		float:right;	
		margin:0px 14px 0 0; }	
	


	/*nav part-side [*/
	div#wrapper nav.part-side{
		position:relative;
		margin:0;
		padding:0;
		display: block;	
		width:0px;
		background:url(../_img/menu-border.png) no-repeat; }
	div#wrapper nav.part-side ul.menu{
		margin:0;
		padding:0;
		width:120px;
		position:absolute;
		top:33%; /*vertical position of menu - before jquery change*/
		}
	div#wrapper nav.part-side ul.menu li{
		margin:0;
		padding:0;	
		list-style:none;
		height:30px;
		display:block;
		position:relative;
		border:none;
		margin-bottom:2px;	
		width:48px;
		clear:both;
		cursor:pointer; }	
	div#wrapper nav.part-side ul.menu li.active { width:80px; }		
	div#wrapper nav.part-side ul.menu li.active a{ display:block; }	
	div#wrapper nav.part-side ul.menu li.active p{ display:none; }
	div#wrapper nav.part-side ul.menu li.over {
		width:100px;
		filter: alpha(opacity=90);
		opacity:0.9; }		
	div#wrapper nav.part-side ul.menu li.over a{ display:block; }	
	div#wrapper nav.part-side ul.menu li.over p{ display:none; }		
	div#wrapper nav.part-side ul.menu li a{
		line-height:30px;	
		color:#fff;
		padding-left:10px;
		padding-right:10px;
		text-decoration:none;
		position:relative;
		z-index:303;
		display:none; }	
	div#wrapper nav.part-side ul.menu li span{
		top:0;
		z-index:301;
		left:0;
		right:0;
		height:15px;
		display:block;
		position:absolute;
		border:none;
		background:#fff;
		filter: alpha(opacity=20);
		opacity:0.2; }	
	div#wrapper nav.part-side ul.menu li p{
		z-index:302;
		height:30px;
		line-height:30px;
		width:30px;
		position:absolute;
		border:none;
		color:#FFF;
		text-align:center;
		overflow:hidden;
		background:#333; }
	/*]nav part-side*/




	.maximize-button{ margin-top:14px; float:right; cursor:default;}
	.maximize-button:hover{ text-decoration:none;  cursor:default;}
	.minimize-button{ margin-top:14px; float:right;  cursor:default;}
	.minimize-button:hover{ text-decoration:none;  cursor:default;}

	
	
	.window-content{position:absolute; left:0; right:0; top:0; bottom:0; }
	.no-page-nav{ display:block; z-index:3; position:relative;}
	.no-page-footer{ display:block; z-index:3; position:absolute; bottom:2px; left:0; right:0; height:40px; }
	.no-page-footer small{ float:right; color:#CCC; position:relative; top:10px;}

	div#wrapper .drag-page{ width:40px; height:40px; line-height:40px; position:absolute; background:#222; bottom:-80px; text-align:center; right:0; display:none; }


	/*default menu position*/
	div#wrapper nav.part-side{ float:left;/*margin-right:-1px;*/background-position:center right; }
	div#wrapper section.page_content{ right:0; }
	div#wrapper nav.part-side ul.menu{ /*right:2px;*/ /*default*/ }
	div#wrapper nav.part-side ul.menu li{ float:right; }
	div#wrapper nav.part-side ul.menu li.active {
		border-radius: 0px 0px 0px 10px; 
		-moz-border-radius: 0px 0px 0px 10px; 
		-webkit-border-radius: 0px 0px 0px 10px;
		behavior: url(_css/PIE.htc); }	
	div#wrapper nav.part-side ul.menu li a{ text-align:left; }
	div#wrapper nav.part-side ul.menu li p{ right:0; }





	body.menu-side-right div#wrapper nav.part-side{ background:url(../_img/menu-border-right.png) no-repeat; }



	body.menu-side-left div#wrapper nav.part-side{ float:left;/*margin-right:-1px;*/background-position:center right; }
	body.menu-side-right div#wrapper nav.part-side{ float:right;/*margin-left:-1px;*/background-position:center left; }
	body.menu-side-left div#wrapper section.page_content{ right:0; }
	body.menu-side-right div#wrapper section.page_content{ left:0; }
	body.menu-side-left div#wrapper nav.part-side ul.menu{ right:2px; }
	body.menu-side-right div#wrapper nav.part-side ul.menu{ left:2px; }
	body.menu-side-left div#wrapper nav.part-side ul.menu li{ float:right; }
	body.menu-side-right div#wrapper nav.part-side ul.menu li{ float:left; }
	body.menu-side-left div#wrapper nav.part-side ul.menu li.active {
		border-radius: 0px 0px 0px 10px; 
		-moz-border-radius: 0px 0px 0px 10px; 
		-webkit-border-radius: 0px 0px 0px 10px;
		behavior: url(_css/PIE.htc); }	
	body.menu-side-right div#wrapper nav.part-side ul.menu li.active {
		border-radius: 0px 0px 10px 0px; 
		-moz-border-radius: 0px 0px 10px 0px; 
		-webkit-border-radius: 0px 0px 10px 0px;
		behavior: url(_css/PIE.htc); }
	body.menu-side-left div#wrapper nav.part-side ul.menu li a{ text-align:left; }
	body.menu-side-right div#wrapper nav.part-side ul.menu li a{ text-align:right; }
	body.menu-side-left div#wrapper nav.part-side ul.menu li p{ right:0; }
	body.menu-side-right div#wrapper nav.part-side ul.menu li p{ left:0; }	


	/*nav bottom-side [*/
	div#wrapper nav.bottom-side{
		position:relative;
		margin:14px 0 0 48px;
		padding:0;
		float:left;
		display:inline-block;
		height:20px; }
	div#wrapper nav.bottom-side ul.menu{
		margin:0;
		padding:0;
		width:100px;
		display:block;
		float:left;
		position:absolute; }
	div#wrapper nav.bottom-side ul.menu li{
		margin:0;
		padding:0;	
		list-style:none;
		height:7px;
		display:block;
		position:relative;
		border-top:0px solid;
		border-bottom:4px solid;
		width:10px;
		float:left;
		margin-right:10px;
		cursor:pointer;
		-webkit-box-shadow: 0 2px 2px -2px #111;
		-moz-box-shadow: 0 2px 2px -2px #111;
		box-shadow: 0 2px 2px -2px #111; }	
	div#wrapper nav.bottom-side ul.menu li.active { background:#999; /*default*/ }		
	div#wrapper nav.bottom-side ul.menu li.active a{ display:block; }	
	div#wrapper nav.bottom-side ul.menu li.over {
		filter: alpha(opacity=90);
		opacity:0.9; }				
	div#wrapper nav.bottom-side ul.menu li a{
		line-height:0.1em;
		font-size:0.1em;
		text-indent:-9999px;
		height:10px;
		width:10px;
		color:#fff;
		text-decoration:none;
		position:relative;
		display:block; }	
	/*] nav bottom-side*/



	
	/*profile*/
	div#wrapper .page_content #page .profile-title{	
		display:block;
		overflow:hidden;
		position:relative;
		line-height:normal; }
	div#wrapper .page_content #page .profile-title h2, 
	div#wrapper .page_content #page .profile-title h3{
		position:absolute;
		word-wrap:normal;
		white-space:nowrap;
		bottom:4px; }
	div#wrapper .page_content #page .profile-title h2{ bottom:16px; }
	
	html>body div#wrapper .page_content #page .profile-title{ margin-bottom:4%; }	
	
	div#wrapper .page_content #page .profile-info{	position:absolute;  bottom:0; }	
	div#wrapper .page_content #page .profile-photo{ position:relative; }
	div#wrapper .page_content #page .profile-photo img{
		border-bottom:2px solid;
		border-right:2px solid;
		/*border-color:#CCC; default color*/
		width:95%;
		position:absolute;
		bottom:0; }
	
	/*profile-address*/
	div#wrapper .page_content #page .address-container .address-content{ margin:10px; position:absolute; bottom:0; top:0; left:0; right:0; }
	div#wrapper .page_content #page .address-container{
		background-image:url(../_img/profile/bg-right-side-transparent.png);
		background-position:right bottom;
		background-repeat:no-repeat
		border-radius: 12px; 
		-moz-border-radius: 12px; 
		-webkit-border-radius: 12px; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;	
		behavior: url(_css/PIE.htc); }
				
	div#wrapper .page_content #page .address-content dl{
		clear:both;
		position:relative;
		display:block;
		margin-bottom:0; }	
		
	div#wrapper .page_content #page .address-content dl dd, 
	div#wrapper .page_content #page .address-content dl dt{ height:auto; display:table; width:65%; }
	div#wrapper .page_content #page .address-content dl dt{	
		background-image: url(../_img/profile/adress-content-line.png) !important;
		background-repeat:no-repeat;
		background-position:center top;
		width:30%; }
	div#wrapper .page_content #page .address-content dl dd{ 
		margin-left:35% !important;  
		(-bracket-:hack;
			margin-left:50% !important; 
		);
	}	
	div#wrapper .page_content #page .address-content dl dd p, 
	div#wrapper .page_content #page .address-content dl dt h6{  display:table-cell; vertical-align:middle; color:#FFF;  }
	div#wrapper .page_content #page .address-content dl dt h6{ opacity:0.6; filter:alpha(opacity=60); }
	div#wrapper .page_content #page .address-content dl dd p{ opacity:0.8; filter:alpha(opacity=80); font-size:90%; }
	div#wrapper .page_content #page .address-content dl dt:first-of-type{ 
		background-image:none !important;
		background-repeat:space;
		background-position:bottom; }
	

	/*twitter*/
	div#wrapper .page_content #page #twitter-paging{ 
		margin-top:15px; 
		position:absolute; 
		bottom:0; left:0; top:0; right:0; 
		padding-bottom:30px; }	
	div#wrapper .page_content #page #twitter-paging .controls{ position:absolute; bottom:0px; }
	div#wrapper .page_content #page #twitter-paging .controls button{border:none; color:#FFF; }
	div#wrapper .page_content #page #twitter-paging .controls button[disabled]{background:#ccc !important; color:#999; }
	div#wrapper .page_content #page #twitter-paging .twitter-title{
		position:absolute;
		width:70%;
		/*bottom:0;*/ right:0; }	
	div#wrapper .page_content #page #twitter-paging .twitter-title h5{
		float:right;
		text-align:right;
		width:100%;
		display:block; }


	
	/*resume*/ /*experience*/
	#choose_experience{ display:none; }
	div#wrapper .page_content #page .experience-nav ul{
		margin:0;
		padding:0;
		list-style:none; }
	div#wrapper .page_content #page .experience-nav ul li{
		cursor:pointer;
		margin:0;
		padding:0;
		background:url(../_img/resume/rows.png) no-repeat right top;
		height:25px; }	
	div#wrapper .page_content #page .experience-nav ul li a{ font-size:90%; display:block; }	
	div#wrapper .page_content #page .experience-nav ul li.active a{ text-align:right; color:#222; padding-right:20px; text-decoration:none; }

	div#wrapper .page_content #page .experience-content ul{
		height:100%;
		width:100%;
		margin:0;
		display:block;
		padding:0;
		list-style:none; }
	div#wrapper .page_content #page .experience-content ul li{
		margin:0;
		height:100%;
		width:100%;
		padding:0;
		display:none; }	
	div#wrapper .page_content #page .experience-content ul li.active{ display:block; width:100%; }
	div#wrapper .page_content #page .experience-content ul li span:first-child{
		display:inline-block; padding:0 10px; position:absolute;
		top:0;right:10px; color:#FFF; z-index:10; }


	/*skills*/
	div#wrapper .page_content #page .skills-set{ position:relative; }
	div#wrapper .page_content #page .skills-set > li{
		background:url(../_img/resume/skills-bg.png);
		padding:10px;
		margin-bottom:1px; }
	div#wrapper .page_content #page .skills-set > li ul{ height:12px; display:block; }
	div#wrapper .page_content #page .skills-set > li ul li{
		float:left;
		display:block;
		height:12px;
		line-height:12px; }
	div#wrapper .page_content #page .skills-set > li ul li p{ margin:0; padding:0; line-height:0.1em; height:12px; font-size:0.1em;}
	div#wrapper .page_content #page .skills-set > li ul li:nth-child(1){ width:50%; font-size:90%; }
	div#wrapper .page_content #page .skills-set > li ul li:nth-child(2){ width:6%; font-weight:bold; text-align:right; font-size:90%; margin-right:2%; }
	div#wrapper .page_content #page .skills-set > li ul li:nth-child(3){ width:40%; background:#333; float:right; }


	/*works*/
	div#wrapper .page_content #page #works{ margin-bottom:10px; }
	div#wrapper .page_content #page .work-filters{ margin:0; list-style:none; display:inline-block; position:relative; padding:5px; }
	div#wrapper .page_content #page .work-filters li{ float:left; position:relative; display:block; padding:0 10px; }
	div#wrapper .page_content #page .work-filters li a{ color:#FFF; display:inline-block; padding:0 10px; line-height:22px; }
	div#wrapper .page_content #page .work-filters li a.active{ background:#333; color:#fff; text-decoration:none; cursor:default; }
	
	div#wrapper .page_content #page .work-list{ margin:0; padding:0; list-style:none; height:100%; }
	div#wrapper .page_content #page .work-list .work{
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		border:6px solid #FFF;
		box-shadow: 0 0 1px rgba(102, 102, 102, 1);
		-webkit-box-shadow: 0 0 1px rgba(102, 102, 102, 1); 
		-moz-box-shadow: 0 0 1px rgba(102, 102, 102, 1); }
	
	div#wrapper .page_content #page .work-list .work {
		width: 23%; /*your columnWidth minus 10px */
		/*height: 100%; same as width, for a square grid system*/
		margin: 6px; /*5px here will result in 10px of vertical spacing between tiles*/
		float: left;
		overflow: hidden;
		position: relative; }



	div#wrapper .page_content #page .da-thumbs li a,
	div#wrapper .page_content #page .da-thumbs li a img { display: block; position: relative; }

	div#wrapper .page_content #page .da-thumbs li a { overflow: hidden; color:#FFF; }
	div#wrapper .page_content #page .da-thumbs li a div {
		position: absolute;
		background: rgba(0,0,0,0.6);
		width: 100%;
		height: 100%; }
	div#wrapper .page_content #page .da-thumbs li a div span {
		display: block;
		padding: 10px 0;
		width:70%;
		margin: 30px 20px 20px 20px;
		text-transform: uppercase;
		font-weight: normal;
		color: rgba(255,255,255,0.9);
		font-size:90%;

		line-height:normal; }
	div#wrapper .page_content #page .da-thumbs li a div p { margin:10px; float:right; }


	div#wrapper .page_content #page .border-left-gray	{ border-left:1px solid #EBEBEB; padding-left:20px;		}
	div#wrapper .page_content #page .border-right-gray	{ border-right:1px solid #EBEBEB; padding-right:20px;	}


	/*default content*/
	body div#wrapper{ width:960px; }/*960 x 480 */
	body div#wrapper section.page_content{ height:480px; }
	body div#wrapper nav.part-side{ height:481px; }	



	div.hoverscroll div.arrow { z-index:3000; background-color:transparent !important; background-position: right center !important; background-size:16px;}






	a{ outline: none; }



	/*width percent classes*/
	.w100{ width:100%; }
	.w90{ width:90%; }
	.w80{ width:80%; }
	.w70{ width:70%; }
	.w60{ width:60%; }
	.w50{ width:50%; }
	.w40{ width:40%; }
	.w30{ width:30%; }
	.w20{ width:20%; }
	.w10{ width:10%; }
	
	/*height percent classes*/
	.h100{ height:100%; position:relative; }
	.h90{ height:90%; }
	.h80{ height:80%; }
	.h70{ height:70%; }
	.h60{ height:60%; }
	.h50{ height:50%; }
	.h40{ height:40%; }
	.h30{ height:30%; }
	.h20{ height:20%; }
	.h10{ height:10%; }

	/*font-size percent classes*/
	.fs20{ font-size: 200%; }
	.fs15{ font-size: 150%; }	
	.fs10{ font-size: 100%; }
	.fs5{ font-size: 50%; }
	
	/*margin-top classes*/
	.mt10{ font-size:10px;clear:both; }
	.mt20{ font-size:20px;clear:both; }	

	.grid-bg{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		bottom: 0;
		z-index: 1; }
	.grid-over-bg { background: url('../_img/grid-1.png'); }
	.vid { z-index: 0; }






	blockquote p {line-height:normal;}
	.nav { margin-bottom:10px; }
	.nav .active a{ color: #FFF !important; text-decoration: none; }
	.tab-content{ position:absolute; bottom:1px; left:0; right:0; }
	.profile-tabmenu{ position:relative; width:100%;}

	.loading-bar{ width:100%; height:100%; }
	.loading-bar td{ width:100%; height:100%; }

		
	.clearfix:before,
	.clearfix:after {
		content: " "; /* 1 */
		display: table; /* 2 */
	}
	.clearfix:after { clear: both; }
	.clearfix:after {
		content: ".";
		display: block;
		clear: both;
		visibility: hidden;
		line-height: 0;
		height: 0; }
	.clearfix { display: inline-block; }
	html[xmlns] .clearfix {
		display: block; }


	.pull-center{ margin:auto;
		top:-67px;
		width: 100%;
		background-color: rgba(27, 27, 27, .75);
		cursor:default;
		position:relative;
		color:#FFF;
		line-height:25px;
		display:table;
		padding:5px 0px 10px 0px;
		text-align:center;	
		font-size:16px;
		font-weight:normal;
		border-radius: 10px 10px 0px 0px; 
		-moz-border-radius: 10px 10px 0px 0px; 
		-webkit-border-radius: 10px 10px 0px 0px;
		behavior: url(_css/PIE.htc); }		
 }

	.clearer {
		display: block;
		height:0.1em;
		line-height:0.1em;
		font-size:0.1em;
		clear:both;
		position:relative;
		margin:0;
		padding:0; } 

	.tab-content { overflow:visible; }

	/* Styles specific to this particular page */
	.scroll-pane{
		width: 100% !important;
		height: 100%;
		overflow:hidden;
		border-bottom:1px inset #ccc; }
	.jspContainer{ height:99% !important; }



	a:focus { 
	   outline: 0 !important;
	}

#screen {
	 display:block;
	 position: absolute;
	 top: 0px;
	 left: 0px;
	 right: 0px;
	 bottom: 0px;
	}
#min-width {
	 display:none;
	}

/* Smartphones (portrait and landscape) ----------- */



/* Large desktop */
@media (max-width: 1000px) { 
	#screen {display:none;}
        #min-width {display:block;
		position: relative;
		min-width: 150px;
		width: 300px;
		height: 200px;
		margin: 50px auto;
		background-color: #0f0;}
}
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 

}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	
}
 
/* Landscape phones and down */
@media (max-width: 480px) { 

}