@import url("//fonts.googleapis.com/css?family=Inconsolata:regular");

* {margin:0;padding:0;}

/* mac hide \*/
html,body{height:100%;width:100%;}
/* end hide */
body {
background-color:#fff;
min-height:440px;/* for good browsers*/
min-width:1000px;/* for good browsers*/
  font-family: 'Inconsolata', arial;
  font-size: 12px;
 letter-spacing: 0em;
 word-spacing: 0em;
 line-height: 1.25em;
color:#aaaaaa;
}

a{
color:#666666;
text-decoration:none;
}

a:hover{
text-decoration:none;
}

h1{
color:#666666;
font-size:14px;
line-height:18px;
margin-bottom:5px;
font-weight:normal;
}

h2{
color:#666666;
font-size:14px;
line-height:18px;
padding-bottom:12px;
font-weight:normal;
}

h3{
color:#666666;
font-size:20px;
line-height:30px;
padding-bottom:5px;
font-weight:normal;
letter-spacing: -0.03em;
word-spacing: -0.1em;
}


p{
padding-bottom:7px;}

ul{
list-style:none;
padding:0px;
margin-bottom:4px;
}

#menu{
position:fixed;
top:90px;
left:0;
width:230px;
}


#menu li {
display:block;
width:200px;
}

#menu li a {
padding-left:30px;
display:block;
}


.header{font-size:14px; line-height:20px;}

.sub li{background-color:#C9C913; line-height:14px; margin-bottom:2px; font-size:12px;}
.sub a{background-color:#ffffff; margin-left:3px; display:block; text-indent:-3px; color:#aaaaaa; }
.sub a:hover{background-color:#ffffff; margin-left:18px; display:block; text-indent:-18px; color:#666666;}


.current a{background-color:#ffffff; margin-left:18px; display:block; text-indent:-18px; color:#666666;}


#portfolio_detail{
position:absolute;
left:250px;
width:750px;
top:0px;
z-index:2;
}


#portfolio_detail h1{
background-color:#FFF;
display: inline-block;
padding:5px 0px 5px 5px;
width:auto;
float:right;
text-align:right;
}

#portfolio_detail a img{
opacity:0.5;
}

#portfolio_detail a:hover img{
opacity:1;
}

#portfolio_detail a:hover{
text-decoration:underline;
}


#detail{
	background-color:#FFF;
	width:600px;
	padding:35px 15px 15px 0px;
}

#main{
position:absolute;
left:250px;
width:750px;
margin-top:0px;
}


#main2{
position:absolute;
left:250px;
width:550px;
top:90px;
}



/* styling without javascript */
#gallery {display: block; z-index:1; margin-top:35px; }
#gallery li {list-style: none; padding:0; margin:0;}

#contact { position:absolute; bottom:20px; width:166px; margin-left:30px; border:0px;}

.identity{background-color: #CC0066;}
.web{background-color: #999999;}
.print{background-color: #CCCC66;}
.creativeservices{background-color:#FF6600;}


#refhome{
position:fixed;
width:170px;
height:65px;
top:0;
left:0;
text-indent:-600px;
background-image:url(images/refold_logo.gif);
}


#fadeshow1{
margin-bottom:15px;	
	}

.m1, .m2, .m3, m4{
	margin-bottom:1px;}

#fadeshow1{
	height:350px;
	width:600px;

}