#preload-01 { background: url(http://www.willconlu.com/images/top_header2.jpg) no-repeat -9999px -9999px; }
#preload-02 { background: url(http://www.willconlu.com/images/work_button.jpg) no-repeat -9999px -9999px; }
#preload-03 { background: url(http://www.willconlu.com/images/contact_button.jpg) no-repeat -9999px -9999px; }
#preload-04 { background: url(http://www.willconlu.com/images/willoh_logo_2.png) no-repeat -9999px -9999px; }
#preload-05 { background: url(http://www.willconlu.com/images/print_button.jpg) no-repeat -9999px -9999px; }
#preload-06 { background: url(http://www.willconlu.com/images/apparel_button.jpg) no-repeat -9999px -9999px; }
#preload-07 { background: url(http://www.willconlu.com/images/web_button.jpg) no-repeat -9999px -9999px; }
#preload-08 { background: url(http://www.willconlu.com/images/identity_button.jpg) no-repeat -9999px -9999px; }
#preload-09 { background: url(http://www.willconlu.com/images/print_button_o.jpg) no-repeat -9999px -9999px; }
#preload-10 { background: url(http://www.willconlu.com/images/apparel_button_o.jpg) no-repeat -9999px -9999px; }
#preload-11 { background: url(http://www.willconlu.com/images/web_button_o.jpg) no-repeat -9999px -9999px; }
#preload-12 { background: url(http://www.willconlu.com/images/identity_button_o.jpg) no-repeat -9999px -9999px; }
#preload-13 { background: url(http://www.willconlu.com/images/bottom_header2.jpg) no-repeat -9999px -9999px; }

*{
	margin: 0;
	padding: 0;
}

body {
	background: url();
	font-size: 62.5%;
	font-family: helvetica, arial, sans-serif;
	background-color: #0b0b0b;
	color: white;
	margin: 0 auto;
}

div#page-bg {
	background-color: #000000;
	background-repeat: no-repeat;
	width: 1050px;
	height: 100%;
	margin: 0 auto;
	border: 0px;
}


div#page-wrap {
	background: url(images/top_header2.jpg) #070707;
	background-repeat: no-repeat;
	width: 1050px;
	height: 100%;
	margin: 0 auto;
	border: 0px;
}

a:link {color: #0f9691; outline: none;}
a:visited {color: #0f9691; outline: none;}
a:active {color: #0f9691; outline: none;}
a:hover {color: #ffffff; outline: none;}
a: focus {-moz-outline-style: none;}
a:{text-decoration: none;}


div#nav_top {
	width: 536px;
	height: 50px;
	margin: 0 auto;
	padding-top: 24px;
}

img{ 
	border-style: none;
}

div#navwork {
	display:block;
	float:left;
	height: 20px;
	width: 60px;
	color: #777;
	list-style: none;		
	padding-top: 110px;
	padding-right: 120px;
}

a.navwork, a.navwork_a{
	display:block;
	float:left;
	width:126px;
	height:25px;
	color: #777;		
	list-style: none;
	background: url("images/work_button.jpg");
	background-repeat:no-repeat;
}
a.navwork:hover{

	background: url("images/work_button_o.jpg");
	background-repeat:no-repeat;
}
a.navwork_a{

	background: url("images/work_button_o.jpg");
	background-repeat:no-repeat;
}

div#navlogo {
	display:block;
	float:left;
	height: 251px;
	width: 172px;
	list-style: none;	
	color: #777;	
	padding-top: 20px;
	padding-right: 116px;
}

a.navlogo, a.navlogo_a{
	display:block;
	float:left;
	height: 251px;
	width: 172px;
	list-style: none;	
	color: #777;	
	margin: 0 auto;
	background: url("images/willoh_logo_2.png");
	background-repeat:no-repeat;
}
a.navlogo:hover{

	background: url("images/willoh_logo_2.png");
	background-repeat:no-repeat;
}
a.navlogo_a{

	background: url("images/willoh_logo_2.png");
	background-repeat:no-repeat;
}

div#navcontact {
	display:block;
	float:left;
	list-style: none;
	height: 20px;
	color: #777;		
	width: 60px;
	padding-top: 110px;
}

a.navcontact, a.navcontact_a{
	display:block;
	float:right;
	width:126px;
	height:25px;
	list-style: none;	
	color: #777;	
	background: url("images/contact_button.jpg");
	background-repeat:no-repeat;
}
a.navcontact:hover{

	background: url("images/contact_button_o.jpg");
	background-repeat:no-repeat;
}
a.navcontact_a{

	background: url("images/contact_button_o.jpg");
	background-repeat:no-repeat;
}

ul#navbuttons {
	float:left;
	height: 38px;
	width: 600px;
	list-style: none;
	margin: 0 auto;
	padding-top: 15px;
}

a.navprint, a.navprint_a{
	display: block;
	float:left;
	width: 132px;
	height:38px;
	color: #777;
	margin-right: 1px;
	background: url("images/print_button.jpg");
	background-repeat:no-repeat;
}
a.navprint:hover{
	background: url("images/print_button_o.jpg");
	background-repeat:no-repeat;
}
a.navprint_a{
	background: url("images/print_button_o.jpg");
	background-repeat:no-repeat;
}


a.navapparel, a.navapparel_a{
	display:block;
	float:left;
	width:130px;
	height:38px;
	color: #777;	
	margin-right: 1px;
	background: url("images/apparel_button.jpg");
	background-repeat:no-repeat;
}
a.navapparel:hover{

	background: url("images/apparel_button_o.jpg");
	background-repeat:no-repeat;
}
a.navapparel_a{

	background: url("images/apparel_button_o.jpg");
	background-repeat:no-repeat;
}

a.navweb, a.navweb_a{
	display:block;
	float:left;
	width:133px;
	height:38px;
	color: #777;	
	margin-right: 1px;
	background: url("images/web_button.jpg");
	background-repeat:no-repeat;
}
a.navweb:hover{

	background: url("images/web_button_o.jpg");
	background-repeat:no-repeat;
}
a.navweb_a{

	background: url("images/web_button_o.jpg");
	background-repeat:no-repeat;
}

a.navidentity, a.navidentity_a{
	display:block;
	float:left;
	width:131px;
	height:38px;
	color: #777;	
	padding-right: 0px;
	background: url("images/identity_button.jpg");
	background-repeat:no-repeat;
}
a.navidentity:hover{

	background: url("images/identity_button_o.jpg");
	background-repeat:no-repeat;
}
a.navidentity_a{

	background: url("images/identity_button_o.jpg");
	background-repeat:no-repeat;
}


/** 
 * Slideshow style rules.
 */
div#controls {
	float: left;
	height: 0px;
	width: 300px;
	margin: 0 auto;
	padding: 0px;
}

div#gallery {
	float: left;
	height: 500px;
	width: 990px;
	margin: 0 auto;
	padding: 30px 0px 0px 0px;
}


.hidden
{
display: none;
}

#prev
{
float: left;
margin-bottom: 0em;
padding: 30px 0px 20px 0px;
}

#previmg
{
display: block;	
width: 30px;
height: 500px;
cursor: pointer;
}

#next
{
float: left;
margin-bottom: 0em;
padding: 30px 0px 20px 0px;
}

#nextimg
{
display: block;	
width: 30px;
height: 500px;	
padding: 30px;
cursor: pointer;
}

p
{
display: block;
margin: 0em;
padding: 0 1em;
font-size: 1.3em;
position: relative;
top: -45px;
line-height: 45px;
height: 45px;
background: #000;
opacity: .7;
filter:alpha(opacity=70);
}

h1
{
display: block;
float: right;
margin: 0em;
padding: 0 1em;
font-size: 1.4em;
position: relative;
top: -90px;
line-height: 45px;
height: 45px;
background: #000;
opacity: .4;
filter:alpha(opacity=70);
}



/** 
 * End Slideshow style rules.
 */




	
div#footer {
	background: url(images/bottom_header2.jpg) #0b0b0b;
	background-repeat: no-repeat;
	border-top: 0px solid #c9c9c9;
	color:#333;
	font-size:11px;
	line-height:12px;
	height: 175px;
	width: 1050px;
	margin: 0 auto;
	padding-top: 20px;
	text-align: center ;
}
#footer img {
	margin-right:10px;
	border: 0px;
}
#footer span {
	display:block;
	width: 300px;
	margin: 0 auto;
	padding:15px;
}
#footer a {
	color:#777;
	text-decoration:none;
}
#footer a:hover { color:#ffffff; }