@charset "UTF-8";

/****************************************/
/*		 CSS RESET	 	*/
/****************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
@font-face {
	font-family:"Bell";
	src: url(/_assets/fonts/gothmbok.ttf);
}
@font-face {
	font-family:"Bell";
	font-weight:bold;
	src: url(/_assets/fonts/gothmmed.ttf);
}



/****************************************/
/*		  BODY	    		*/
/****************************************/
body {
	
	/*background-image:url('/_assets/img/bg_body.png');*/
	background:#fff;
	color: #000;
	margin:0px 0px; padding:0px;
	text-align:center;
	font-family:"Arial";
	min-width:100%;
	height:100%;
}

/****************************************/
/*		   Misc		 	*/
/****************************************/

div{position:relative;}
p, li, td{font-size:14px;line-height:1.5;color:#4f5a64;}
a{text-decoration:none;color:#BE485E;}
a:hover{text-decoration:none;}
em{font-style:italic;}
img{border:none;}
strong{font-weight:bold;}
hr{border:none;border-top:1px solid #ddd;}
h1{
	text-decoration:none;
	margin:0px 0px 15px;
	padding:0px;
	font-family:"Bell";
	color:#4f5a64;
	font-size:28px;
	font-weight:bold;
	text-transform:uppercase; 
}
small{font-size:10px;}
h1, h2, h3, h4{
	font-family:"Bell";
	font-weight:bold;
	color:#4f5a64;
} 
h2{font-size:22px;}
h3{font-weight:normal;margin-top:10px;}
h4{font-weight:normal;font-size:16px;font-size:18px;}
/****************************************/
/*		  Header		*/
/****************************************/
#Heading{
	margin: 0px auto 0px;
	display:block;
	width:100%;
	background:url('/_assets/img/bg_header.jpg') bottom repeat-x;
	padding-bottom:15px;
}
.header{
	
	width:100%;
	max-width:960px;
	margin:0px auto;
	height:80px;
	text-align:left;
	z-index:10;
	
}
.logo{
	display:inline-block;
	position:absolute;
	top:20px;
	left:20px;	
	background:url('/_assets/img/hdr_logo.png') no-repeat;
	height: 50px;
	width: 343px;
	cursor:pointer;
}

.nav{
	
	display:block;
	text-align:right;
	position:absolute;
	bottom:0px;
	right:10px;
	padding-bottom:10px;
}

.nav li{
	font-family:"Bell";
	display:inline;
	list-style:none; 
	padding:0px;
	margin:0px 20px;
	
}
.nav li a{
	font-size:14px;
	color:#4f5a64;
	font-weight:normal;
	text-transform:uppercase;
}

.nav li a.active{
	font-weight:bold;
}
.nav li ul {display:none;position:absolute;left:0px;border-radius:0 0 10px 10px;margin-top:10px;*margin-top:30px;padding:10px;}
.nav li ul li{margin:0 10px;}
.nav li ul li a{text-transform:none;font-size:13px;}
.nav li ul li a.active{font-weight:normal;}

.nav li ul li a:hover{color:#BE485E;}


.nav_bar{
	position:absolute;
	bottom:0px;
	left:20px;
	background:#be485e;
	height:3px;
	width:20px;
	display:block;
}


.mini_nav{display:none;}

.sm_icons{
	position:absolute;
	right:20px;
	top:20px;
}
.port_nav{
	margin:40px auto 40px;
	display:block;
	/*border: 1px solid #D0D0D0;*/
	text-align:left;
	color:#f5f5f5;
	
}
.port_nav a{
	font-size:18px;
	font-family:"Bell";
	font-weight:normal;
	color:#81565D;
	margin-right:20px;
	margin-bottom:20px;
	line-height:75px;
}
.port_nav .active, .port_nav a:hover{}

.p_nav_web{
	background:url('/_assets/img/icons/icn_develop.png')0px -45px no-repeat;
	background-size:50px auto;
	padding:5px 0px 14px 55px;
}
.p_nav_design{
	background:url('/_assets/img/icons/icn_design.png') 0px -50px no-repeat;
	padding:13px 0px 15px 25px;
	background-size:25px auto;
}
.p_nav_retouch{
	background:url('/_assets/img/icons/icn_retouch.png') 0px -55px no-repeat;
	padding:15px 0px 15px 54px;
	background-size:45px auto;
}
.p_nav_tp{
	background:url('/_assets/img/icons/icn_tp.png') 0px 3px no-repeat;
	padding:10px 0px 10px 65px;
	background-size:60px auto;
}

.p_nav_web:hover, .p_nav_web.active{
	background-position: 0px 0px;
}
.p_nav_design:hover, .p_nav_design.active{
	background-position:0px 0px;
}
.p_nav_retouch:hover, .p_nav_retouch.active{
	background-position:0px 0px;
}
.p_nav_tp:hover, .p_nav_tp.active{
	background-position:0px -40px;
}

.mini_port_nav{display:none;}


/****************************************/
/*		 Contents		*/
/****************************************/	
#Wrapper{
	/*background:url(/_assets/img/bg_grad.png) top center fixed no-repeat;*/
	margin:auto;
	text-align:left;
	min-height:100%;
	width:100%;
	position:absolute;
	left:0px;
}

#Container{
	margin: 20px auto;
	width:700px;
	border: 1px solid #D0D0D0;
	/*border:1px solid #999999;*/
	-webkit-box-shadow: 0 0 8px #D0D0D0;
	text-align:center;
	position:relative;
	padding:20px;
	/*min-height:300px;*/
}




/****************************************/
/*		Content			*/
/****************************************/

.home_inner{
	display:block;
	max-width:920px; 
	padding:20px 20px 130px;
	margin:auto;
	border-top:none;
	text-align:left; 
	z-index:1;
}
.inner{
	max-width:960px;
	width:95%;
	padding:20px 0px 150px;
	margin:50px auto;
	border-top:none;
	margin-bottom:0px;
	display:block;
	
}
.home .inner{padding:20px 0px 95px;}

.home_inner.admin{width:920px;}

.home_inner.admin table tr th, .home_inner.admin table tr td{
	font-family: "Bell", sans-serif;
	padding: 7px 20px;
	font-size: 12px;
	line-height: 1.5;
	vertical-align: middle;
}
.home_inner.admin table tr th{background:#ccc;font-size:14px;}

.intro{font-family:"Bell";font-size:14px;}

.hp_box{
	
	width:100%;
	display:inline-block;
	overflow:hidden;
	margin:0px;
	margin-bottom:0px;
	vertical-align:top;
	
}
.hp_box span{font-size:10px;}



	.hp_box img{max-width:100%;}
	.hp_dev img{}
	.hp_ret img{margin-left:0px;}
	.hp_des img{margin-left:0px;}
.hp_ret, .hp_des{display:none;}

.arw{vertical-align:top;height:435px;}
.arw img{margin-top:165px;}


.inner h3{
	font-family:"Bell", sans-serif;
	
}

.wid{
	width:30%;
	display:inline-block;
	float: left;
	text-align:justify;
}
.wid.mid{padding-left:5%;padding-right:4%;}
.wid strong{
	font-family:"Bell", sans-serif;
	font-size:20px;
	font-weight:normal;
	display:block;
	text-align:center;
	color:#754E54;
}

.icn_dev{height:45px;width:100%;display:block;background: url('/_assets/img/icons/icn_develop.png')top center no-repeat;background-size:55px auto;}
.icn_des{height:59px;width:100%;background: url('/_assets/img/icons/icn_design.png') top center no-repeat;background-size:30px auto;}
.icn_ret{height:57px;width:100%;background: url('/_assets/img/icons/icn_retouch.png') top center no-repeat;background-size:50px auto;}

.inner p{margin:0px 0px 20px;/*text-align:justify;*/}
.inner li{font-size:13px;}
.resume table tr:first-child{font-weight:normal;}


.res_title{width:100%;}
.res_title1{width:50%;}
.res_title2{width:20%;}
.res_title3{float:right;width:150px;text-align:left;}
.res_title div{color:#999;display:inline-block;font-size:13px;line-height:1.4;}
.res_title strong{color:#4F5A64;}






.inner td{font-size:13px;line-height:1.4;padding-right:20px;}


.fadein{display:inline-block;*display:inline;zoom:1;width:33%;padding-bottom:30px;text-align:left;vertical-align:top;}
.fadein img{width:95%;border:5px solid #f0dee1;}

.fadein h4{font-size:14px;text-transform:uppercase;width:98%;cursor:pointer;}

.fadein h4 img{width:auto;border:none;float:right;}

.inner ul{padding-left:20px;}
.inner li{line-height:1.5;list-style:circle;}
.resume p{}


.icn_responsive{
	background:url('/_assets/img/icn_responsive_small.jpg') top right no-repeat;
	display:block;
	float:right;
	height:21px;
	width:40px;
}



.list_it, .tile_it{float:right;height:30px;display:block;cursor:pointer;}
.list_it{
	width:30px;
	background:url('/_assets/img/icn_list.png') top left no-repeat
}
.tile_it{
	width:40px;
	background:url('/_assets/img/icn_list.png') top right no-repeat
}
.list_page td{
	padding:30px 0;
	border-bottom:1px solid #999;
}


.list_port_img{width:50%;padding:0;margin:0 30px 30px 0px;float:left;border:5px solid #f0dee1;}

.fullname_text{color:#4F5A64;font-size:25px;font-weight:normal;font-family:"Bell";padding-bottom:15px;padding-top:10px;display:block;}

.role_text, .created_text{margin-bottom:10px;text-align:left;}

.role_text strong, .created_text strong{font-family:"Bell"; font-size:15px;color:#BE485E;font-weight:bold;display:block;margin-bottom:5px;text-transform:uppercase;}
.role_text p, .created_text p{margin-bottom:0px;text-align:left;}

.link_text{font-size:14px;}


.about_me_pic{
	float:right;
	margin:0px 0px 20px 20px;
	
	font-size:10px;
	width: 40%;
}
.about_me_pic img{
	width:97%;
	border: 5px solid #F0DEE1;
}

.skills ul{
	display:inline-block;
	margin-right:0px;
	width:45%;
	min-width:180px;
	vertical-align:top;
}



.cake_pic{width:32%;padding-bottom:20px;text-align:center;display:inline-block;vertical-align:top;}
.cake_pic img{width:90%;}


.biome{
	float:right;
	margin:0 0 20px 20px;
	width:45%;
}
.biome img{max-width:100%;}
.biome2{width:35%;float:left;margin-right:20px;}
.biome2 img{width:100%;display:inline-block;}
.biome2 img:first-child{margin-right:30px;}

.iframe{
		margin: 0 auto 0;
		display:inline-block;
		vertical-align:top;
		text-align:center;
		margin-bottom:20px;
		width:49%;
}



.resume h3{
	color:#be485e;	
	text-transform:uppercase;
}
.showmore{
	font-family:"Bell";
	text-align:center;
	display:block;
	cursor:pointer;		
}
.more{
	display:none;
	
}




/****************************************/
/*		  Portfolio		*/
/****************************************/

.inner .port_det{
	width:74%;
	margin: 10px auto 40px;
}

.port_det strong{
	font-family:"Bell";
	font-size:16px;
	text-transform:uppercase;
}


.det_main{display:none;}

/****************************************/
/*		  Right Side		*/
/****************************************/

.right_side{
	float:right;
	width:725px;
}


.contact_info{
	margin:10px 0px 10px 0px;
	font-size:13px;
	vertical-align:middle;
}
.contact_info img{margin-right:10px;vertical-align:middle;}

/****************************************/
/*		  Twitter		*/
/****************************************/


.social_media{
	width:30%;
	text-align:center;	
	position:absolute;
	top:20px;
	right:50px;
}

.fb_icn, .linkedin_icn, .twitter_icn {background:url('/_assets/img/icn_sm.png') no-repeat;display:inline-block;margin:0 0px;cursor:pointer;}

.fb_icn{
	background-position:top left;
	height:30px;
	width:32px;
}
.linkedin_icn{
	background-position:top right;
	height:30px;
	width:32px;
}
.twitter_icn{
	background-position:top center;
	height:30px;
	width:32px;
	margin:0px 40px;
}
.fb_icn:hover, .linkedin_icn:hover, .twitter_icn:hover {background:url('/_assets/img/icn_sm_hover.png') no-repeat;}
.fb_icn:hover{
	background-position:top left;
}
.linkedin_icn:hover{
	background-position:top right;
}
.twitter_icn:hover{
	background-position:top center;
}


.tweets{
	width:100%;
	border-radius:10px;
	display:block;
	text-align:left;
	padding:10px 0px 20px;
	margin-bottom:20px;
	margin-right:20px;
}
.tweets h2{color:#f5f5f5;font-size:25px;margin-bottom:30px;}

.tweets td{border-top:1px solid #ccc;padding:15px 0;}
.tweets tr:first-child td{border:none;}
.tweets p{margin-bottom:5px;}
.tweets .description{display:block;color:#000000;margin-bottom:5px;}
.tweets .timestamp{display:block;color:#999;font-size:11px;}
/****************************************/
/*		  Contact		*/
/****************************************/	
.contact{
	width:500px;
	font-family:"Bell";
	padding:20px;
	font-size:18px;
	text-align:center;
	line-height:2;
	height:250px;
	margin:auto;
	
}
	.contact h2{
		margin:0px;
		font-size:24px;
	}
	
	.contact a{
		font-family:"Bell";
		font-size:20px;
		margin-bottom:20px;
		margin-left:10px;
		margin-right:10px;
		text-align:center;
		display:inline-block;
	}

.social_network{
	margin-top:20px;
	height:300px;
	background-image:url(/assets/img/content_back.png);
	
}
form{}
form table{width:100%;}
label{
	display:block;
	margin:10px 0px 10px;
	color:#333;
	font-size:14px;
	font-family:"Bell";
}

input[type=text], input[type=email], input[type=password]{
	background:#f5f5f5;
	border-radius:5px;
	border:1px solid #ccc;
	padding:8px;
	font-size:14px;
}
textarea{
	background:#f5f5f5;
	height:50px;
	width:100%;
	border-radius:5px;
	border:1px solid #ccc;
	padding:8px;
	font-size:14px;
	margin-bottom:10px;
}

input[type=submit]{
	background:#4F5A64;
	border-radius:10px;
	color:white;
	font-family:"Bell";	
	border:none;
	text-transform:uppercase;
	padding:5px 10px 3px;
	font-size:14px;
	cursor:pointer;
}

.admin_link{font-family:"Bell";font-size:12px;margin-bottom:10px;display:block;}


/****************************************/
/*		  Admin			*/
/****************************************/


.left_side{
	float:left;
	width:200px;
	margin-right:20px;
	height:800px;
	border-right:1px solid #ccc;
}


.left_side a.active{
	background-color:#f5f5f5;
}