body,
html {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: white;
	font-stretch: ultra-condensed;
	padding:0;
	background:white;
	margin: 0px;
	cursor: default;
	target-new: tab ! important
}
body { font-family: Verdana, Arial, Helvetica, sans-serif; color: white; font-stretch: ultra-condensed; min-width:780px; background-color:#FFFFFF }
#wrap {
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0 0;
	padding: 0;
	width:800px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}	

a:link {
	color: #999;
	font-style: normal;
	text-decoration: none;
	cursor: default;
}
a:visited {
	color: #999;
	font-style: normal;
	text-decoration: none;
	cursor: default;
}
a:hover {
	color: #999;
	font-style: normal;
	text-decoration: underline;
	cursor: default;
}


li {
	display: inline;
	text-decoration: none;
	font-size: 10px;
	text-align: left;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 12px;
	height: 12px;
}

#wrap #slash {
	padding-left: 6px;
	float: left;
	padding-right: 4px;
	margin: 0px;
	height: 12px;
	padding-top: 0px;
	padding-bottom: 0px;
	line-height: 12px;
}




/* NAV.................................................. */

#header {
	width: 100%;
	height: 60px;
	float: left;
	order-top-style: solid;
	background-image: url(media/navBG.png);
	background-repeat: no-repeat;
	background-color: #FFF;
}


/*#nav {
	width: 790px;
	height: 12px;
	float: left;
	margin-top: 44px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}

#nav li {
	color: #999999;
	font-size: 12px;
	line-height: 12px;
	text-decoration: none;
	text-align: left;
	font-weight: lighter;
	float: left;
	list-style-type: none;
	display: inline;
	margin: 0px;
	padding: 0px;
}

#nav #button a {
	color: #999999;
	font-size: 12px;
	line-height: 12px;
	text-align: left;
	text-decoration: none;
	font-weight: lighter;
	float: left;
	width: 45px;
}
#nav #button a:link {
	color: #999999;
	font-size: 12px;
	line-height: 12px;
	text-align: left;
	text-decoration: none;
	font-weight: lighter;
	float: left;
	width: 45px;
}
#nav #button a:hover {
	color: #006699;
	text-decoration: underline;
}
#nav #button a:visited {
	color: #999999;
	font-size: 12px;
	line-height: 12px;
	text-align: left;
	text-decoration: none;
	font-weight: lighter;
	float: left;
	width: 45px;
}

#nav #buttonCURRENT a:link {
	text-decoration: underline;
}
#nav #buttonCURRENT a:hover {
	color: #006699;
	font-style: normal;
	text-decoration: underline;
}*/


#nav #hai {
	float: right;
}


#nav {
	width: 790px;
	height: 12px;
	float: left;
	margin-top: 44px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}

#nav a {
	color: #999999;
	font-size: 12px;
	line-height: 12px;
	text-align: left;
	text-decoration: none;
	font-weight: lighter;
	float: left;
	width: 45px;
}

#nav li {
	color: #999999;
	font-size: 12px;
	line-height: 12px;
	text-decoration: none;
	text-align: left;
	font-weight: lighter;
	float: left;
	list-style-type: none;
	display: inline;
	margin: 0px;
	padding: 0px;
}

#nav li#Button3 a:hover {
	color: #006699;
	font-style: normal;
	text-decoration: underline;
}
#nav li#Button3CURRENT a {
	text-decoration: underline;
}
#nav li#Button3CURRENT a:hover {
	color: #006699;
	font-style: normal;
	text-decoration: underline;
}

#nav li#Button4 a:hover {
	color: #006699;
	font-style: normal;
	text-decoration: underline;
}
#nav li#Button4CURRENT a {
	text-decoration: underline;
}
#nav li#Button4CURRENT a:hover {
	color: #006699;
	font-style: normal;
	text-decoration: underline;
}


/* PORTFOLIO.................................................. */
 

#PortfolioMenu {
	float: left;
	padding-left: 6px;
	padding-top: 14px;
	padding-right: 6px;
	background-image: url(media/BGport800x553.png);
	background-repeat: no-repeat;
	width: 100%;
	height: 539px;
	margin: 0px;
	padding-bottom: 0px;
}
	
#PortfolioMenu li {
	margin-bottom: 0px;
	margin-left: 3px;
	width:46px; height: 46px;
}

#PortfolioMenu a {
	width:46px;
	height: 46px;
	float: left;
	text-decoration: none;
	cursor: default;
}


#PortfolioMenu li#gallery1 a { background-image: url(media/portfolio/PORTFOLIOMENU/PThesis1DETAIL.png); }
#PortfolioMenu li#gallery1 a:hover { background-image: url(media/portfolio/PORTFOLIOMENU/PThesis1DETAILOVER.png); }

#PortfolioMenu li#gallery2 a { background-image: url(media/portfolio/PORTFOLIOMENU/PThesis2DETAIL.png); }
#PortfolioMenu li#gallery2 a:hover { background-image: url(media/portfolio/PORTFOLIOMENU/PThesis2DETAILOVER.png); }

#PortfolioMenu li#gallery3 a { background-image: url(media/portfolio/PORTFOLIOMENU/THTAquariumDETAIL.png); }
#PortfolioMenu li#gallery3 a:hover { background-image: url(media/portfolio/PORTFOLIOMENU/THTAquariumDETAILOVER.png); }

#PortfolioMenu li#gallery4 a { background-image: url(media/portfolio/PORTFOLIOMENU/THTArubaDETAIL.png); }
#PortfolioMenu li#gallery4 a:hover { background-image: url(media/portfolio/PORTFOLIOMENU/THTArubaDETAILOVER.png); }

#PortfolioMenu li#gallery5 a { background-image: url(media/portfolio/PORTFOLIOMENU/THTCruiseShipDETAIL.png); }
#PortfolioMenu li#gallery5 a:hover { background-image: url(media/portfolio/PORTFOLIOMENU/THTCruiseShipDETAILOVER.png); }

#PortfolioMenu li#gallery6 a { background-image: url(media/portfolio/PORTFOLIOMENU/THTDubaiDETAIL.png); }
#PortfolioMenu li#gallery6 a:hover { background-image: url(media/portfolio/PORTFOLIOMENU/THTDubaiDETAILOVER.png); }

#PortfolioMenu li#gallery7 a { background-image: url(media/portfolio/PORTFOLIOMENU/THTGarageDETAIL.png); }
#PortfolioMenu li#gallery7 a:hover { background-image: url(media/portfolio/PORTFOLIOMENU/THTGarageDETAILOVER.png); }

#PortfolioMenu li#gallery8 a { background-image: url(media/portfolio/PORTFOLIOMENU/THTIceBarDETAIL.png); }
#PortfolioMenu li#gallery8 a:hover { background-image: url(media/portfolio/PORTFOLIOMENU/THTIceBarDETAILOVER.png); }

#PortfolioMenu li#gallery9 a { background-image: url(media/portfolio/PORTFOLIOMENU/THTIstanbulDETAIL.png); }
#PortfolioMenu li#gallery9 a:hover { background-image: url(media/portfolio/PORTFOLIOMENU/THTIstanbulDETAILOVER.png); }

#PortfolioMenu li#gallery10 a { background-image: url(media/portfolio/PORTFOLIOMENU/TNW1DETAIL.png); }
#PortfolioMenu li#gallery10 a:hover { background-image: url(media/portfolio/PORTFOLIOMENU/TNW1DETAILOVER.png); }

#PortfolioMenu li#gallery11 a { background-image: url(media/portfolio/PORTFOLIOMENU/TNW2DETAIL.png); }
#PortfolioMenu li#gallery11 a:hover { background-image: url(media/portfolio/PORTFOLIOMENU/TNW2DETAILOVER.png); }

#PortfolioMenu li#gallery12 a { background-image: url(media/portfolio/PORTFOLIOMENU/Vortex1DETAIL.png); }
#PortfolioMenu li#gallery12 a:hover { background-image: url(media/portfolio/PORTFOLIOMENU/Vortex1DETAILOVER.png); }

#PortfolioMenu li#gallery13 a { background-image: url(media/portfolio/PORTFOLIOMENU/Vortex2DETAIL.png); }
#PortfolioMenu li#gallery13 a:hover { background-image: url(media/portfolio/PORTFOLIOMENU/Vortex2DETAILOVER.png); }

#PortfolioMenu li#gallery14 a { background-image: url(media/portfolio/PORTFOLIOMENU/CCDETAIL.png); }
#PortfolioMenu li#gallery14 a:hover { background-image: url(media/portfolio/PORTFOLIOMENU/CCDETAILOVER.png); }

#PortfolioMenu li#gallery15 a { background-image: url(media/portfolio/PORTFOLIOMENU/RevDETAIL.png); }
#PortfolioMenu li#gallery15 a:hover { background-image: url(media/portfolio/PORTFOLIOMENU/RevDETAILOVER.png); }

#PortfolioMenu li#gallery16 a { background-image: url(media/portfolio/PORTFOLIOMENU/TI1DETAIL.png); }
#PortfolioMenu li#gallery16 a:hover { background-image: url(media/portfolio/PORTFOLIOMENU/TI1DETAILOVER.png); }

#PortfolioMenu li#gallery17 a { background-image: url(media/portfolio/PORTFOLIOMENU/TI2DETAIL.png); }
#PortfolioMenu li#gallery17 a:hover { background-image: url(media/portfolio/PORTFOLIOMENU/TI2DETAILOVER.png); }

#PortfolioMenu li#gallery18 a { background-image: url(media/portfolio/PORTFOLIOMENU/BOGO1DETAIL.png); }
#PortfolioMenu li#gallery18 a:hover { background-image: url(media/portfolio/PORTFOLIOMENU/BOGO1DETAILOVER.png); }

#PortfolioMenu li#gallery19 a { background-image: url(media/portfolio/PORTFOLIOMENU/BOGO2DETAIL.png); }
#PortfolioMenu li#gallery19 a:hover { background-image: url(media/portfolio/PORTFOLIOMENU/BOGO2DETAILOVER.png); }

#PortfolioMenu li#gallery20 a { background-image: url(media/portfolio/PORTFOLIOMENU/TIAVATAR1DETAIL.png); }
#PortfolioMenu li#gallery20 a:hover { background-image: url(media/portfolio/PORTFOLIOMENU/TIAVATAR1DETAILOVER.png); }

#PortfolioMenu li#gallery21 a { background-image: url(media/portfolio/PORTFOLIOMENU/TIAVATAR2DETAIL.png); }
#PortfolioMenu li#gallery21 a:hover { background-image: url(media/portfolio/PORTFOLIOMENU/TIAVATAR2DETAILOVER.png); }

#PortfolioMenu li#gallery22 a { background-image: url(media/portfolio/PORTFOLIOMENU/DemoReelDETAIL.png); }
#PortfolioMenu li#gallery22 a:hover { background-image: url(media/portfolio/PORTFOLIOMENU/DemoReelDETAILOVER.png); }

#PortfolioMenu li#gallery23 a { background-image: url(media/portfolio/PORTFOLIOMENU/PcarTurnDETAIL.png); }
#PortfolioMenu li#gallery23 a:hover { background-image: url(media/portfolio/PORTFOLIOMENU/PcarTurnDETAILOVER.png); }

#PortfolioMenu li#gallery24 a { background-image: url(media/portfolio/PORTFOLIOMENU/PTimTurnaroundDETAIL.png); }
#PortfolioMenu li#gallery24 a:hover { background-image: url(media/portfolio/PORTFOLIOMENU/PTimTurnaroundDETAILOVER.png); }

#PortfolioMenu li#gallery25 a { background-image: url(media/portfolio/PORTFOLIOMENU/PDevilTurnaroundDETAIL.png); }
#PortfolioMenu li#gallery25 a:hover { background-image: url(media/portfolio/PORTFOLIOMENU/PDevilTurnaroundDETAILOVER.png); }

#PortfolioMenu li#gallery26 a { background-image: url(media/portfolio/PORTFOLIOMENU/PGWNewDETAIL.png); }
#PortfolioMenu li#gallery26 a:hover { background-image: url(media/portfolio/PORTFOLIOMENU/PGWNewDETAILOVER.png); }

#PortfolioMenu li#gallery27 a { background-image: url(media/portfolio/PORTFOLIOMENU/PGWCloseNewDETAIL.png); }
#PortfolioMenu li#gallery27 a:hover { background-image: url(media/portfolio/PORTFOLIOMENU/PGWCloseNewDETAILOVER.png); }

#PortfolioMenu li#gallery28 a { background-image: url(media/portfolio/PORTFOLIOMENU/ROLLERBOTDETAIL.png); }
#PortfolioMenu li#gallery28 a:hover { background-image: url(media/portfolio/PORTFOLIOMENU/ROLLERBOTDETAILOVER.png); }

#PortfolioMenu li#gallery29 a { background-image: url(media/portfolio/PORTFOLIOMENU/ROUNDNUGGETDETAIL.png); }
#PortfolioMenu li#gallery29 a:hover { background-image: url(media/portfolio/PORTFOLIOMENU/ROUNDNUGGETDETAILOVER.png); }

#PortfolioMenu li#gallery30 a { background-image: url(media/portfolio/PORTFOLIOMENU/SUSHIDETAIL.png); }
#PortfolioMenu li#gallery30 a:hover { background-image: url(media/portfolio/PORTFOLIOMENU/SUSHIDETAILOVER.png); }

#PortfolioMenu li#gallery31 a { background-image: url(media/portfolio/PORTFOLIOMENU/SUSHIHOUSEDETAIL.png); }
#PortfolioMenu li#gallery31 a:hover { background-image: url(media/portfolio/PORTFOLIOMENU/SUSHIHOUSEDETAILOVER.png); }

#PortfolioMenu li#gallery32 a { background-image: url(media/portfolio/PORTFOLIOMENU/BUNNYDETAIL.png); }
#PortfolioMenu li#gallery32 a:hover { background-image: url(media/portfolio/PORTFOLIOMENU/BUNNYDETAILOVER.png); }

#PortfolioMenu li#gallery33 a { background-image: url(media/portfolio/PORTFOLIOMENU/NEWTONDETAIL.png); }
#PortfolioMenu li#gallery33 a:hover { background-image: url(media/portfolio/PORTFOLIOMENU/NEWTONDETAILOVER.png); }

#PortfolioMenu li#gallery34 a { background-image: url(media/portfolio/PORTFOLIOMENU/NEWTONHOUSEDETAIL.png); }
#PortfolioMenu li#gallery34 a:hover { background-image: url(media/portfolio/PORTFOLIOMENU/NEWTONHOUSEDETAILOVER.png); }

#PortfolioMenu li#gallery35 a { background-image: url(media/portfolio/PORTFOLIOMENU/TIDETAIL.png); }
#PortfolioMenu li#gallery35 a:hover { background-image: url(media/portfolio/PORTFOLIOMENU/TIDETAILOVER.png); }

#PortfolioMenu li#gallery36 a { background-image: url(media/portfolio/PORTFOLIOMENU/PlipsyncDETAIL.png); }
#PortfolioMenu li#gallery36 a:hover { background-image: url(media/portfolio/PORTFOLIOMENU/PlipsyncDETAILOVER.png); }

#PortfolioMenu li#gallery37 a { background-image: url(media/portfolio/PORTFOLIOMENU/5s_OldVideoGamesDETAIL.png); }
#PortfolioMenu li#gallery37 a:hover { background-image: url(media/portfolio/PORTFOLIOMENU/5s_OldVideoGamesDETAILOVER.png); }

#PortfolioMenu li#gallery38 a { background-image: url(media/portfolio/PORTFOLIOMENU/PtaketwoDETAIL.png); }
#PortfolioMenu li#gallery38 a:hover { background-image: url(media/portfolio/PORTFOLIOMENU/PtaketwoDETAILOVER.png); }

#PortfolioMenu li#gallery39 a { background-image: url(media/portfolio/PORTFOLIOMENU/PthesisDETAIL.png); }
#PortfolioMenu li#gallery39 a:hover { background-image: url(media/portfolio/PORTFOLIOMENU/PthesisDETAILOVER.png); }




/* RESUME.................................................. */

#MAINresume #title {
	display: inline;
	text-decoration: none;
	font-size: 10px;
	text-align: left;
	float: left;
	width: 100%;
	padding: 0px;
	line-height: 12px;
	height: 12px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
	font-weight: bold;
}

#MAINresume {
	background-image: url(media/BG800x553.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0 0;
	width: 100%;
	height: 553px;
	float: left;
	line-height: 12px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#MAINresume li {
	display: inline;
	text-decoration: none;
	font-size: 10px;
	text-align: left;
	float: left;
	padding: 0px;
	line-height: 12px;
	height: 12px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
	font-family: Verdana, Geneva, sans-serif;
}

/* COLUMNL.................................................. */

#MAINresume #RESUMEcolumnLEFT {
	float: left;
	width: 140px;
	height: 500px;
	margin: 0px;
	line-height: 12px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 27px;
}

#MAINresume #RESUMEcolumnLEFT li {
	width: 100%;
}


#MAINresume #RESUMEcolumnLEFT #education {
	width: 100%;
	float: left;
	height: 62px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
}

#MAINresume #RESUMEcolumnLEFT #work {
	width: 100%;
	float: left;
	height: 270px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
	padding: 0px;
}

#MAINresume #RESUMEcolumnLEFT #skills {
	width: 100%;
	margin: 0px;
	float: left;
	height: 90px;
	padding: 0px;
}

/* COLUMNR.................................................. */

#MAINresume #RESUMEcolumnRIGHT {
	float: right;
	width: 560px;
	height: 500px;
	margin: 0px;
	line-height: 12px;
	padding-top: 20px;
	padding-right: 28px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#MAINresume #RESUMEcolumnRIGHT li {
	width: 100%;
}

#MAINresume #RESUMEcolumnRIGHT #education {
	width: 100%;
	float: left;
	line-height: 12px;
	text-decoration: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
	height: 62px;
}

#MAINresume #RESUMEcolumnRIGHT #work {
	width: 100%;
	float: left;
	line-height: 12px;
	text-decoration: none;
	height: 270px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
}

#MAINresume #RESUMEcolumnRIGHT #skills {
	width: 100%;
	float: left;
	line-height: 12px;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	height: 90px;
}


/* PDFs.................................................. */


#MAINresume #PDF {
	width: 742px;
	margin: 0px;
	float: left;
	padding-top: 0px;
	padding-right: 28px;
	padding-bottom: 0px;
	padding-left: 28px;
}

#MAINresume #PDF a:link {
	color: #FFFFFF;
	font-weight: bold;
	line-height: 10px;
	text-decoration: underline;
}

#MAINresume #PDF a:visited {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: underline;
}

#MAINresume #PDF a:hover {
	font-weight: bold;
	color: #CCC;
	text-decoration: underline;
}





/* FOOTER.................................................. */


#footer {
	background-color: #FFFFFF;
	width: 100%;
	height: 12px;
	float: left;
	margin: 0px;
	padding-top: 2px;
}

#footer li {
	color: #999999;
	font-size: 12px;
	line-height: 12px;
	text-decoration: none;
	text-align: left;
	font-weight: lighter;
	float: left;
	list-style-type: none;
	display: inline;
	margin: 0px;
	padding: 0px;
}

#footer a {
	color: #999999;
	font-style: normal;
	text-decoration: underline;
	cursor: default;
}
#footer a:link {
	color: #999999;
	font-style: normal;
	text-decoration: underline;
	cursor: default;
}
#footer a:visited { color: #999999;
	font-style: normal;
	text-decoration: underline;
	cursor: default;
}
#footer a:hover {
	color: #006699;
	font-style: normal;
	text-decoration: underline;
	cursor: default;
}
#footer #thumbshots li {
	font-size: 10px;
	color: #FFF;
	float: right;
}
#footer #thumbshots a {
	font-size: 10px;
	color: #FFF;
	float: right;
}
#footer #thumbshots a:hover {
	font-size: 10px;
	color: #FFF;
	float: right;
}
#footer #thumbshots a:visited {
	font-size: 10px;
	color: #FFF;
	float: right;
}






/* NOT FOUND.................................................. */


#missing {
	float: left;
	height: 80px;
	width: 100%;
	text-align: center;
}
#missing p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #036;
	padding: 0px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#notfound {
	background-image: url(media/NOTFOUND.png);
	height: 105px;
	width: 800px;
	float: left;
	background-repeat: no-repeat;
}
#missingcontent {
	float: left;
	width: 100%;
	margin-top: 200px;
	height: 190px;
}
#missing a {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #999;
	line-height: 14px;
	text-decoration: none;
	margin-top: 14px;
	font-weight: bold;
}
#missing a:hover {
	text-decoration: underline;	
}