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

html, body, div, aside, nav, article, footer, address, header, section, h1, h2, h3, h4, h5, h6, p, a, font, img, ul, li
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}
body {	
	background-color:#fbfbfb;
}
.clearfix {
  overflow: auto;
}

.center { 
  text-align:center;
}


@font-face { font-family:"Karla-Bold"; src:url(../font/Karla-Bold.ttf);}
@font-face { font-family:"Karla-BoldItalic"; src:url(../font/Karla-BoldItalic.ttf);}
@font-face { font-family:"Karla-Italic"; src:url(../font/Karla-Italic.ttf);}
@font-face { font-family:"Karla-Regular"; src:url(../font/Karla-Regular.ttf);}

@font-face { font-family:"AWConquerorCarved-One"; src:url(../font/AWConquerorCarved-One.otf);}
@font-face { font-family:"AWConquerorDidot-Light"; src:url(../font/AWConquerorDidot-Light.otf);}
@font-face { font-family:"AWConquerorSans-Light"; src:url(../font/AWConquerorSans-Light.otf);}


* {
	font-family: Karla-Regular, sans-serif; 
	font-size:12px;
	color:#000000;
	}
.reg_Wd32 { 
    font-family: AWConquerorDidot-Light, sans-serif;
	font-size:32px;
	color:#000000;
	}
.reg_W15 { 
    font-family: AWConquerorSans-Light, sans-serif;
	font-size:15px;
	color:#000000;
	}
.reg_W14 { 
    font-family: AWConquerorSans-Light, sans-serif;
	font-size:14px;
	color:#000000;
	}
.reg_W12 { 
    font-family: AWConquerorSans-Light, sans-serif;
	font-size:12px;
	color:#000000;
	}
	
a.Wli:link {font-family:AWConquerorSans-Light, sans-serif; font-size:12px; color: #000000; text-decoration:none; }
a.Wli:active {font-family:AWConquerorSans-Light, sans-serif; font-size:12px; color: #000000; text-decoration:none; }
a.Wli:visited {font-family:AWConquerorSans-Light, sans-serif; font-size:12px; color: #000000; text-decoration:none; }
a.Wli:hover {font-family:AWConquerorSans-Light, sans-serif; font-size:12px; color: #000000; text-decoration:underline;}

.reg13 { 
    font-family: Karla-Regular, sans-serif;
	font-size:13px;
	color:#000000;
	}
.bol13 { 
    font-family: Karla-Bold, sans-serif;
	font-size:13px;
	color:#000000;
	}
.reg12h { 
    font-family: Karla-Regular, sans-serif;
	font-size:12px;
	color:#000000;
	line-height:18px;
	}
.reg12red { 
    font-family: Karla-Regular, sans-serif;
	font-size:12px;
	color:#cc0033;
	line-height:16px;
	}
.cor12 { 
    font-family: Karla-Italic, sans-serif;
	font-size:12px;
	color:#000000;
	line-height:18px;
	}

.bol12 { 
    font-family: Karla-Bold, sans-serif;
	font-size:12px;
	color:#000000;
	}
.bol11up { 
    font-family: Karla-Bold, sans-serif;
	font-size:11px;
	color:#000000;
	text-transform:uppercase;
	}
.bol11up { 
    font-family: Karla-Bold, sans-serif;
	font-size:11px;
	color:#000000;
	text-transform:uppercase;
	}
.reg11upy { 
    font-family: Karla-Regular, sans-serif;
	font-size:11px;
	color:#000000;
	text-transform:uppercase;
	}
.reg11grey { 
    font-family: Karla-Regular, sans-serif;
	font-size:11px;
	color:#999999;
	text-align:justify;
	}
.reg11 { 
    font-family: Karla-Regular, sans-serif;
	font-size:11px;
	color:#000000;
	}
.bol11 { 
    font-family: Karla-Bold, sans-serif;
	font-size:11px;
	color:#000000;
	}
.reg12bg { 
    font-family: Karla-Regular, sans-serif;
	font-size:12px;
	background-color: #000000;
	color:#fbfbfb;
	padding:1px 3px 1px 3px;
	}
.reg12bg_s { 
    font-family: Karla-Regular, sans-serif;
	font-size:12px;
	background-color: #000000;
	color:#fbfbfb;
	padding:2px 4px 3px 4px;
	}
.reg12p_inside { 
    font-family: Karla-Regular, sans-serif;
	font-size:12px;
	background-color: #000000;
	color:#fbfbfb;
	padding:4px 4px 1px 4px;
	}
.reg12p_inside_l { 
    font-family: Karla-Bold, sans-serif;
	font-size:12px;
	color:#000000;
	}
	
.left {
	float:left;
	}

a.nav:link {font-family:Karla-Regular, sans-serif; font-size:11px; color: #000000; text-decoration:none; padding:2px 5px 2px 5px;  }
a.nav:active {font-family:Karla-Regular, sans-serif; font-size:11px; color: #000000; text-decoration:none; padding:2px 5px 2px 5px;  }
a.nav:visited {font-family:Karla-Regular, sans-serif; font-size:11px; color: #000000; text-decoration:none; padding:2px 5px 2px 5px;  }
a.nav:hover {font-family:Karla-Regular, sans-serif; font-size:11px; color: #fbfbfb; background-color: #000000; text-decoration:none; padding:2px 5px 2px 5px;  }

a.navp:link {font-family:Karla-Regular, sans-serif; font-size:12px; color: #fbfbfb; background-color: #000000; text-decoration:none; padding:1px 3px 1px 3px;  }
a.navp:active {font-family:Karla-Regular, sans-serif; font-size:12px; color: #fbfbfb; background-color: #000000; text-decoration:none; padding:1px 3px 1px 3px;  }
a.navp:visited {font-family:Karla-Regular, sans-serif; font-size:12px; color: #fbfbfb; background-color: #000000; text-decoration:none; padding:1px 3px 1px 3px;  }
a.navp:hover {font-family:Karla-Regular, sans-serif; font-size:12px; color: #fbfbfb; background-color: #000000; text-decoration:none; padding:1px 3px 1px 3px;  }

a.pho:link {font-family:Karla-Regular, sans-serif; font-size:12px; color: #000000; text-decoration:none; }
a.pho:active {font-family:Karla-Regular, sans-serif; font-size:12px; color: #000000; text-decoration:none; }
a.pho:visited {font-family:Karla-Regular, sans-serif; font-size:12px; color: #000000; text-decoration:none; }
a.pho:hover {font-family:Karla-Regular, sans-serif; font-size:12px; color: #000000; text-decoration:none; }

a.li:link {font-family:Karla-Regular, sans-serif; font-size:12px; color: #000000; text-decoration:none; }
a.li:active {font-family:Karla-Regular, sans-serif; font-size:12px; color: #000000; text-decoration:none; }
a.li:visited {font-family:Karla-Regular, sans-serif; font-size:12px; color: #000000; text-decoration:none; }
a.li:hover {font-family:Karla-Regular, sans-serif; font-size:12px; color: #000000; text-decoration:underline;}
/*a.li:hover {font-family:Karla-Regular, sans-serif; font-size:12px; color: #fbfbfb; text-decoration:none; background-color: #000000;}*/

a.share:link {font-family:Karla-Regular, sans-serif; font-size:11px; color: #000000; text-decoration:none; }
a.share:active {font-family:Karla-Regular, sans-serif; font-size:11px; color: #000000; text-decoration:none; }
a.share:visited {font-family:Karla-Regular, sans-serif; font-size:11px; color: #000000; text-decoration:none; }
a.share:hover {font-family:Karla-Regular, sans-serif; font-size:11px; color: #000000; text-decoration:underline; }


#itop {
	float:left;
    /*background-color:#0F9;*/
	width:112px;
	}
#Dtop {
	/*background-color:#FF0;*/
	width:157px;
	/*text-align:left;
	/*padding-left:100px;*/
	float:left;
	margin-top:15px;
	}
#ntop {
	/*background-color:#FF0;*/
	width:714px;
	text-align:right;
	/*padding-left:100px;*/
	float:left;
	margin-top:42px;
	}
.current {
    background-color: #000000;
	color:#fbfbfb;
	font-size:11px;
	padding:2px 5px 2px 5px; 
	text-decoration:none;
}
#container {
	width:1024px;
    margin: 0 auto;
	/*background-color:#0ff000;*/
	}
#margin {
	margin-left:20px;
	margin-right:20px;
	margin-top:44px;
    }
#div {
	width:984px;
	height:100px;
	/*background-color:#0ff000;*/
    }
#divpho {
	width:984px;
	height:70px;
	/*background-color:#0ff000;*/
    }
#padfooter {
	margin-top:40px;
    }
	
/*about*/
#imgrei {
	float:left;
	padding-right:50px;
    }
#textrei {
	float:left;
	width:400px;
    }
	
/*portofolio*/
.pbox {
	float:left;
	width:216px;
	height:264px;
	margin-right:40px;
	margin-bottom:20px;
    }
.tpx {
	margin-bottom:20px;
    }
.upy {
	margin-top:12px;
	margin-bottom:8px;
	/*text-align:justify;*/
	}
	
/*photos*/
.hbox {
	float:left;
	width:216px;
	height:214px;
	margin-right:40px;
	margin-bottom:20px;
    }
.spacel {
	margin-top:14px;
	margin-bottom:11px;
	}
.upy {
	margin-top:12px;
	margin-bottom:8px;
	/*text-align:justify;*/
	}
/*resume*/
#info {
	text-align:center;
	margin-bottom:46px;
    }
#re01 {
	float:left;
	margin-left:96px;
	margin-right:38px;
    }
#re02 {
	float:left;
	margin-right:38px;
    }
#re03 {
	float:left;
	margin-right:38px;
    }
#re03 {
	float:left;
    }
	
/*projects*/
#pro01 {
	float:left;
	margin-right:40px;
	margin-left:16px;
    }
#pro02 {
	float:left;
	width:330px;
    }
/*portfolio inside*/
#port_t01 {
	border-bottom: #000000 1px solid;
	margin-bottom:20px;
	margin-bottom:22px;
    }
#port_t02 {
	border-bottom: #000000 1px solid;
	margin-bottom:32px;
	padding-bottom:50px;
    }
#t02_in {
	float:left;
	width:444px;
	margin-right:46px;
	}
#t03_in {
	float:left;
	margin-right:10px;
	}
#t04_in {
	float:left;
	width:210px;
	margin-right:26px;
	}
#t05_in {
	float:left;
	width:114px;
	margin-right:10px;
	}
#t06_in {
	float:left;
	}

#porti01 {
	float:left;
	margin-right:16px;
    }
#porti02 {
	float:left;
	width:17px;
    }
.pboxred_01 {
	float:left;
	width:710px;
	height:489px;
	margin-top:16px;
	margin-bottom:16px;
    }
.pboxred_02 {
	float:left;
	width:208px;
	height:489px;
	padding-left:32px;
	margin-top:16px;
	margin-bottom:16px;
	background-color:#ececec;
    }
.pboxall {
	margin-top:32px;
	margin-bottom:32px;
    }
.shareclass {
	width:950px;
	text-align:right;
    }

/*contacts*/
#cont01 {
	float:left;
	margin-right:70px;
    }
#cont02 {
	float:left;
	margin-right:70px;
    }
#cont03 {
	float:left;
	margin-right:70px;
    }
#cont04 {
	float:left;
    }
#conts {
    margin-top:34px; 
	margin-bottom:48px;
	}
	
/*photo inside*/
#linephoto {
    border-bottom: #000000 1px solid;
	margin-bottom:32px;
	padding-bottom:50px;
		}
#ph_inside01 {
	float:left;
	width:220px;
	text-align:left;
    }
#ph_inside02 {
	float:left;
	width:442px;
	text-align:left;
    }
.hboxside {
	float:left;
	width:170px;
	height:110px;
	margin-right:22px;
	margin-bottom:22px;
    }
.hboxside_right {
	float:left;
	width:170px;
	height:110px;
	margin-right:28px;
	margin-bottom:22px;
    }
	
/*footer*/
#spacefoo {
	height:60px;
    }

/*tweet*/
#twe01 {
	float:left;
	margin-right:70px;
    }
#twe02 {
	float:left;
	margin-right:70px;
    }