/* CSS udnhz.com v.1.5 "Vienna" */


body {background-color: #171c1e; margin: 0px; height: 100%; overflow: hidden;}

h2 {font-family: arial; font-weight: normal; letter-spacing: -2px; color: #00b6ff; font-size: 41px; margin-top: 70px; margin-bottom: 15px; text-shadow: #000 1px 1px 2px;}


/* navigation style */

#logohead {height: 43px; width: 182px; position: fixed; top: 70px; left: 55px;}

#nav {position: fixed; top: 160px; width: 230px; left: -10px; display: scroll;}
	#nav a, #more a {text-decoration: none;}
	#nav ul, #more ul {list-style-type: none; margin: 0px;}
		#nav ul li, #nav ul a li, #nav ul li a {cursor: pointer; color: #FFFFFF; padding-left: 10px; font-family: verdana; font-size: 14px; padding-top: 7px; padding-right: 7px; padding-bottom: 7px; text-decoration: none;}
		#nav li:hover, #nav li a:hover {color: #00B6FF; text-decoration: none;}

#twitter {position: fixed; left: 30px; width: 230px; text-align: left; display: scroll; bottom: 0px; padding: 0px;}
	#twitter img, #twitter a {margin-bottom: 0px; border: none;}
	#twitter #tweets {background-color: #00B6FF; padding: 7px; font-family: tahoma; font-size: 12px; color: #333333; margin-top: -5px;}
		#twitter #tweets ul {list-style-type: none;}
		#twitter #tweets ul a {color: #FFFFFF; text-decoration: none; display: block;}


/* main style */

#main {position: absolute; width: 570px; left: 330px; color: #FFFFFF; height: 800px;}
	#main #topmain {background-image: url(../images/bgtop.png); height: 400px; margin-top: 70px; background-repeat: no-repeat; padding-top: 220px; padding-left: 20px; font-family: tahoma; letter-spacing: -0.5px; font-size: 14px;}
		#main #topmain a {text-decoration: none; color: #333333;}
		#main #topmain a:hover {color: #666666;}


/* about, portofolio, contact, stuff style */

#about, #wwd, #port, #contact {position: absolute; width: 570px; left: 330px; color: #FFFFFF; height: 800px; font-size: 11pt; font-family: Arial, Helvetica;}

#about a {color: #00b6ff; text-decoration: none;}
#about b, #contact b {color: #00b6ff; font-weight: normal;}
#about p {text-indent: 25px; text-align: justify; font-size: 13px;}
#about ul {margin-top: 0px; margin-left: -10px;}
	#about ul li span {display: block; font-size: 12px; color: #666666;}
#about #box {font-size: 13px; width: 270px; padding: 7px; float: left;}
	#about #box #part {height: 80px; width: 80px; background-repeat: no-repeat; background-position: center top; float: left; border: 5px solid #171c1e; cursor: pointer;}
	#about #box #part:hover {background-repeat: no-repeat; background-position: center bottom; border-color: #000000;}
		#about #box #part a:hover {text-decoration: underline;}
		#about #box #part div {background-color: #000000; margin-top: 85px; width: 260px; position: absolute; border: 5px solid #000000; display: none;}
		#about #box #part:hover div {display: inline;}
			#about #box #part i {color: #666666; font-size: 10px;}
			#about #box #part a {display: block; font-size: 11px; color: #FFFFFF;}

#wwd #list {width: 570px; float: left; font-family: tahoma; font-size: 15px; padding: 7px 0 7px 20px;}
	#wwd #list:hover {background-color: #333333; cursor: pointer;}
#wwd #list span {color: #999999; font-size: 14px; text-shadow: #000 1px 1px 2px;}
#wwd #list ul {list-style-type: square; margin-top: 3px;}
#wwd #list i {font-style: normal; color: #00b6ff;}

#port #portmain {width: 570px; margin-top: 20px;}
	#port #portmain #l {width: 84px;}
		#port #portmain #l #t {width: 70px; border: 7px solid #171C1E; height: 70px; background-color: #FFFF00;}
		#port #portmain #l:hover #t {border-color: #FFFFFF;}
	#port #portmain #l #t #i {width: 388px; position: absolute; left: 84px; border: 7px solid #fff; display: none; height: 235px;}
	#port #portmain #l:hover #t #i {display: inline;}

#contact a {color: #666666; text-decoration: none;}
#contact a:hover {color: #999999;}
	#contact #form {font-family: georgia; color: #00b6ff; font-size: 18px; text-shadow: #000 1px 1px 2px;}
		#contact #form input, #contact #form textarea {background-color: #2B3438; border: 2px solid #FFFFFF; font-family: verdana; font-size: 14px; color: #FFFFFF; padding: 3px; width: 250px; font-weight: normal;}
		#contact #form input#btn {background-color: #171C1E; border-color: #666666; width: 100px;}
			#contact #form input#btn:hover {border-color: #FFFFFF; cursor: pointer;}

#footer {background-color: #FFFFFF; position: absolute; left: 0px; height: 185px; width: 100%; top: 4020px; text-align: center; padding-top: 15px; font-family: tahoma; color: #171c1e; background-image: url(../images/backpatternmulti_01k.png); font-size: 14px;}
	#footer #m {background-image: url(../images/bg50percent.png); width: 600px; padding: 5px; cursor: pointer;}
	#footer #m a, #footer a #m {text-decoration: none !important; color: #171c1e;}
	#footer #m:hover {background-image: url(../images/bg85percent.png);}

#navbg {height: 800px; width: 300px; position: absolute; left: 0px; background-image: url(../images/navbg.png); background-repeat: no-repeat;}


/* stepcarousel */

.stepcarousel{position: relative; overflow: scroll; width: 560px; height: 350px;}
.stepcarousel .belt{position: absolute; left: 0; top: 0; height: 350px;}
.stepcarousel .panel{overflow: hidden; width: 560px; float: left; height: 350px; display: inline;}
.stepcarousel .belt .panel div#box {width: 170px; margin-left: 5px; height: 350px; margin-top: -345px; position: absolute; padding: 7px; font-family: tahoma; font-size: 12px;}
.stepcarousel .belt .panel div#box div {background-image: url(../images/bgxxx.png); padding: 7px; margin-bottom: 5px;}
.stepcarousel .belt .panel div#box div a {color: #666666;}
.stepcarousel .belt .panel div#box div a:hover {color: #ffffff;}
#port #snav {position: relative; top: -190px; left: -15px; letter-spacing: 525px; width: 590px;}
#port #snav a img {border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none;}
#port #smain #mygallery #box ul {margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: -20px;}