body {margin: 0px;padding: 0px;border: none;text-align: center;background-color: #000000;}
body *{margin: 0px;padding: 0px;border: none;}
#container {position: absolute;top:50%;left:0px;width:100%;}
#main {position: absolute;top: -350px;left:0px;width:100%;height:700px;background-image:url(../images/body/G.jpg);background-repeat:repeat-x;background-position:center;z-index:20;overflow:hidden;background-attachment:fixed;}
/******************************************************* Intro *******************************************************/
#intro{position: absolute;left:50%;bottom:0px;}
#logoEnter{ position: absolute;bottom:60px;left:-370px;width:585px;height:225px;background-image:url(../images/entersite/LogoIntro.png);background-repeat:repeat-x;background-position:center;}
#sloganEnter{position: absolute;bottom:20px;left:-162px;width:325px;height:45px;background-image:url(../images/entersite/SloganIntro.png);background-repeat:repeat-x;background-position:center;}
#t{position:absolute;left:0px;width:100%;height:48%;background-color:#000000;top:0px;z-index:50;}
#d{position:absolute;left:0px;width:100%;height:48%;background-color:#000000;bottom:0px;z-index:50;}
#enter{position:absolute;top:330px;left:0px;width:100%;height:40px;background-color:#000000;background-image:url(../images/entersite/entersite.png);background-repeat:no-repeat;background-position:center;text-align:center;font-size:9px;z-index:50;cursor:pointer;}
/******************************************************* Body *******************************************************/
#top_panel{position:absolute;top:0px;left:0px;width:100%;height:300px;background-image:url(../images/body/GTop.png);background-repeat:repeat-x;background-position:center; z-index:25;}
#bottom_panel{position: absolute;bottom:0px;left:0px;width:100%;height:113px;background-image:url(../images/body/GDown.png);background-repeat:repeat-x;background-position:center;z-index:25;}
#green{position: absolute;bottom:30px;left:0px;width:100%;height:72px;background-image:url(../images/body/Green.png);background-repeat:repeat-x;background-position:center;z-index:22;}
#logo{ position: absolute;top: 10px;left: 20px;width:320px;height:125px;background-image:url(../images/logo/logo.png);z-index:35;}
#slogan{position: absolute;top: 110px;left: 200px;width:179px;height:25px;background-image:url(../images/logo/slogan.png);z-index:35;}
#copyright{position:absolute;bottom:5px;right:100px;z-index:35;color:#666666;font-size:14px;}
#social{position:absolute;width:260px;height:45px;bottom:0px;left:100px;z-index:35;color:#666666;font-size:14px;}
#social span{float:left;}
#social a{position:absolute;display:inline;width:18px;height:18px;background-repeat:no-repeat;background-position:0 0;bottom:0px;}
#social .digg{background-image:url(../images/social/icon-digg.png);left:0px;}
#social .twitter{background-image:url(../images/social/icon-twitter.png);left:24px;}
#social .rss{background-image:url(../images/social/icon-rss.png);left:48px;}
#social .technorati{background-image:url(../images/social/icon-technorati.png);left:72px;}
#social .facebook{background-image:url(../images/social/icon-facebook.png);left:96px;}
#social .lastfm{background-image:url(../images/social/icon-lastfm.png);left:120px;}
#social .delicious{background-image:url(../images/social/icon-delicious.png);left:144px;}
#social .linkedin{background-image:url(../images/social/icon-linkedin.png);left:168px;}
#social .flickr{background-image:url(../images/social/icon-flickr.png);left:192px;}
#social .stumbleupon{background-image:url(../images/social/icon-stumbleupon.png);left:216px;}
#social .jquery{background-image:url(../images/social/icon-jquery.png);left:240px;}
/**************************************************        menu      ****************************************************/
#menu{position:absolute;top:70px;right:3%;width:600px;height:20px;background-color:#000000;z-index:30;}
.menuIcon{position:absolute;top:0px;width:150px;height:17px;background-position:center;background-repeat:no-repeat;cursor:pointer;}
#menuIcon1{left:0px;width:120px;background-image:url(../images/menu/home.jpg);}
#menuIcon2{left:135px;width:146px;background-image:url(../images/menu/aboutUs.jpg);}
#menuIcon3{left:290px;width:150px;background-image:url(../images/menu/Portfolio.jpg);}
#menuIcon4{left:450px;width:180px;background-image:url(../images/menu/touch.jpg);}
#menu1{width:120px;background-image:url(../images/menu/homeSH.png);}
#menu2{width:146px;background-image:url(../images/menu/AboutUsSH.png);}
#menu3{width:150px;background-image:url(../images/menu/PortfolioSH.png);}
#menu4{width:180px;background-image:url(../images/menu/touchSH.png);}
.menuOver{position:absolute;top:0px;left:0px;height:17px;background-position:left;background-repeat:no-repeat;cursor:pointer;display:none;}
#menuIconClicked{position:absolute;top:-2px;left:0px;width:20px;height:20px;background-image:url(../images/menu/menuIcon.png);}
/**************************************************        Content      ****************************************************/
#dragon{position:absolute;top:100px;left:-1200px;width:1200px;height:560px;z-index:21;background-image:url(../images/body/dragon.png);background-position:left;background-repeat:no-repeat;}
#dialog{position:absolute;top:0px;right:0px;width:600px;height:400px;background-color:#333;opacity:0.7;filter:alpha(opacity=70);border:3px #000000 solid;z-index:35;}
#trans{position:absolute;top:100%;right:-700px;z-index:40;}

#home{position:absolute;top:0px;right:0px;width:600px;height:400px;z-index:40;display:block;}
#homeContent{padding:40px;color:#dddddd;font-size:16px;font-family:'Helvetica Neue',Arial,Verdana,serif;text-align:left;line-height:25px;}
#homeHeader{font-size:20px;}
#homeBody{width:400px;}
#homeImage{position:absolute;bottom:40px;right:40px;background-image:url(../images/dialog/eye.png);width:106px;height:182px;}

#about{position:absolute;top:0px;right:0px;width:600px;height:400px;z-index:40;display:none;}
#aboutContent{padding:40px;color:#dddddd;font-size:16px;font-family:'Helvetica Neue',Arial,Verdana,serif;text-align:left;line-height:25px;width:520px;}
#aboutHeader{font-size:20px;}
#aboutBody{width:340px;}
#aboutImage{position:absolute;bottom:0px;right:0px;background-image:url(../images/dialog/about2.png);width:378px;height:227px;opacity:1;}


#portfolio{position:absolute;top:0px;right:190px;width:600px;height:400px;z-index:40;display:none;color:#dddddd;font-size:16px;font-family:'Helvetica Neue',Arial,Verdana,serif;text-align:left;line-height:25px;}
#portfolioMenu{position:absolute;top:20px;left:10px;width:150px;height:340px;}
.portfolioMenuHeader{position:relative;background-repeat:no-repeat;height:50px;width:150px;background-position:center left;cursor:pointer;}
.portfolioMenuContent{display:none;margin-left:30px;width:120px;}
.portfolioMenuContent div {cursor:pointer;}
#portfolioMenuWeb{display:block;}
.portfolioMenuWebClicked{background-color:#000;}
#portfolioMenuIdentity{}
#portfolioMenuPhotography{}
#portfolioWeb{background-image:url(../images/dialog/web.png);}
#portfolioIdentity{background-image:url(../images/dialog/identity.png);}
#portfolioPhotography{background-image:url(../images/dialog/photography.png);}

#portfolioContent{position:absolute;top:20px;left:160px;width:610px;height:366px;background-color:#000;border:0px #000000 solid;}
.InnerportfolioContent{position:absolute;top:0px;left:0px;width:560px;height:316px;background-color:#000000;display:none;padding:25px;}
.portfolioContentHeader{font-size:20px;}
.webContentImg{position:absolute;top:25px;right:25px;width:409px;height:315px;border:0px;}
.webContentInfo{width:150px;font-weight:bold;font-size:16px;line-height:30px;}
.webContentInfo span.company{font-weight:normal;font-size:16px;color:#bd1010;}
.webContentInfo span{font-weight:normal;font-size:14px;color:#bd1010;}

#PWebContent{display:block;}

.logoImage{position:absolute;width:121px;height:145px;}
#temcoLogo{top:25px;left:25px;background-image:url(../images/dialog/portfolio/logo/temco.jpg);}
#elleLogo{top:25px;left:170px;background-image:url(../images/dialog/portfolio/logo/elle.jpg);}
#asaLogo{top:25px;left:315px;background-image:url(../images/dialog/portfolio/logo/asa.jpg);}
#leskerLogo{top:25px;left:460px;background-image:url(../images/dialog/portfolio/logo/lesker.jpg);}
#ditceLogo{top:195px;left:25px;background-image:url(../images/dialog/portfolio/logo/ditce.jpg);}
#safinaLogo{top:195px;left:170px;background-image:url(../images/dialog/portfolio/logo/safina.jpg);}
#sapLogo{top:195px;left:315px;background-image:url(../images/dialog/portfolio/logo/sap.jpg);}
#babyqLogo{top:195px;left:460px;background-image:url(../images/dialog/portfolio/logo/babyq.jpg);}

#touch{position:absolute;top:0px;right:0px;width:600px;height:400px;z-index:40;display:none;}
#touchContent{padding:40px;padding-left:40px; color:#dddddd;font-size:16px;font-family:'Helvetica Neue',Arial,Verdana,serif;text-align:left;line-height:28px;}
#touch .touchHeader{color:#ffffff;font-size:22px;float:left;margin-left:50px;}
#touch a:link{color:#ffffff;}
#touch a:visited{color:#ffffff;} 
#touch a:active{color:#ffffff;}
#touch a:hover{color:#ffffff;}

.webContentInfo a{color:#fff;text-decoration:none;}