/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/gallery/multi_click.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This script and the associated (x)html may be modified in any 
way to fit your requirements. 

Please see 'Terms of use' on stunicholls.com
=================================================================== */
p.rendering
{
width : 690px;
margin-left : auto;
margin-right : auto;
margin : 0;
padding : 0 0 0 5px;
font : bold 15.45px arial, helvetica, sans-serif;
color : #000000;
text-align : center;
}

p.project
{
width : 700px;
height : 80px;
margin-left : auto;
margin-right : auto;
margin : 0;
padding : 0 10px 0 10px;
font : bold 15px arial, helvetica, sans-serif;
color : #000000;
text-align : left;
}

#comingsoon 
{
width : 725px;
height : 490px;
background : url('http://tomgoldconstruction.com/graphics/comingsoon.jpg') no-repeat center center; 
}

#menu 
{
margin : 0;
margin-left : auto;
margin-right : auto;
position: relative;
width : 750px;
}

#menu img#loading 
{
position:absolute; 
left:400px; 
top:220px;
}

#sub0 ul 
{ 
background : url('http://tomgoldconstruction.com/graphics/backgrounds/bgc4.gif'); 
padding : 0; 
margin : 0; 
margin-left : auto; 
margin-right : auto; 
list-style-type : none; 
font : 16px arial, helvetica, sans-serif;
color : #000000;
text-align : center; 
border : 1px solid #000;
border-bottom : 0; 
overflow : hidden;
}

#sub0 ul li a   
{
color:#000;
display : block;
width : 178px; 
margin: 0;
padding : 4px;
vertical-align : center center; 
text-align : center; 
background : #c2b099; 
text-decoration : none;
}

#sub0 a:link, a:visited { 
color : #000000; 
}

#sub0 a:hover, a:active 
{
display : block;
width : 178px; 
text-decoration:none;
background-color : #e9e0cc;
}

#sub0 li 
{ 
background : #C2B099; 
float : left; 
border-right : 1px solid #000;
}

#sub0 li.clicked 
{
color:#000;
background-color : #e9e0cc;
}


/* Sub Pages */

#sub1 
{
position : absolute; 
width : 747px;
height : 510px;
padding : 23px 0 0 0;
border-top : 0;
border : 1px solid #000;
margin-left : auto;
margin-right : auto;
margin : 0;
background : transparent url('http://tomgoldconstruction.com/DesignBuild/graphics/rendering.jpg') no-repeat 50% 30%;
}


#sub1 ul 
{
padding : 0;
margin : 0;
margin-left : 20px;
margin-right : 20px;
background : url('http://tomgoldconstruction.com/graphics/backgrounds//bg2.jpg'); 
}


#sub1 ul li 
{
border : none; 
margin : 0; 
display : inline;
cursor:pointer;
}

#sub1 ul li img 
{
width : 132px; 
height : 89px; 
border : 1px solid #000;
margin : 0 2px 10px 2px;
}

/* Large Pics */

#sub2 
{
position : absolute;

}

#sub2 ul li 
{
list-style-type : none;
cursor:pointer;
}



#sub2 ul li img.housepix 
{
display : block;
width: 725px; 
height: 490px;
margin-right : auto;
margin-left : -29px; 
margin-top : 24px;
padding: 0;
background : url('http://tomgoldconstruction.com/graphics/backgrounds//bg2.jpg'); 
}


#sub2 ul li img.rendpix 
{
display : block;
margin-right : auto;
margin-left : -61px;
margin-top : 50px; 
width: 785px; 
height: 425px; 
padding : 0; 
}

#sub2 ul li img 
{
position : relative; 
z-index : auto; 
border:1px solid #000;
}


#sub2 ul li img.horz 
{
margin:85px auto 0 auto;
}

#sub2 ul li b /* applies to opacity - fix */
{
display : block; 
width : 100%; 
height : 100%; 
position : absolute; 
left : auto; 
top : 0; 
z-index : 0; 
background : #fff; 
opacity : 0.8; 
filter : alpha(opacity=80);  
}


.none 
{
display:none;
}

.yes 
{
display:block;
}