/*** lastest changes  -  

3-7-07  added 'clear:both' to footer div - now thumbs div bottom margin will work - provides space between thumbs and footer
 ==============
menu ul ul & ul ul ul  = background: #202020;     color: #a2a2a2;          
menu a = width:auto;          /** was between 90 - 108px; 
#menu a = #menu li a

**/

/* =Normalizing - overriding default browser styles
-----------------------------------------------------------------------------*/

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{ 
margin:0; padding:0;
}

h1,h2,h3,h4,h5,h6,pre,code { 
font-size: 100%; 
text-decoration:none;
}

ul,ol { 
list-style:none 
}

fieldset, img {
border:0;
}

.clear {
	clear:both;
}

img {
	border: 0;
}

/***  body and main container *****/

body {
background-color: #000000;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: small;
margin:20px auto 40px auto;
text-align: center; }

#container {
background-color: #000000;
margin:0 auto;     /***20px auto 50px auto;***/
padding:0 0 0px 0px;
width:760px;
border: 1px #333333 solid;
}  


/***** Header *****/

#header {
height:45px;
margin:5px 0px 0 5px;
padding:10px 0 70px 0px;
background-image: url(../images/headerbg.gif);
background-repeat: no-repeat; }

#linkhome img{

float:left;
width:177px;
height:70px;
border:none;
}

/**#header  img{
border:0;
float: left;
clear: left;
background-color: #eeeeee;
padding: 25px; }
**/



/* MENU for NAVIGATION - remove the bullets, padding and margins from the lists */

/* CSS Menus - Horizontal CSS Menu with Dropdown and Popout Menus - 20050131 */




/* Begin CSS Popout Menu */

#menu{

margin:0 0 0 217px;
xwidth:100%;
xfloat:left;    /*******disable this??**********/
}


#menu ul{
text-align: left;  /*******added**********/
list-style:none;
margin:0;
padding:0;
float:left;                 /*****************/
display:inline;          /******added 2-6-08 ****/
width:100px;           /****************/
}

#menu li a{          /***** added 'li'  so font attributes would show in IE *****/
display:block;
font-size:90%;
width:92px;          /** was 'auto' and before that between 90 - 108px; **/
padding:7px 5px 7px 5px;              /** was 7px 5px 7px 10px; **/
color: #a2a2a2;
background: #202020;
text-decoration:none;
margin: 0 -1px 0 0;  /*******  is the -1 margin doing anythng? *********/
text-align: left;
font-weight: bold;
} 

#menu ul ul li a, #menu ul ul ul li a{          /*******  to change font size for lower levels *********/
font-size:85%;
padding:4px 5px 4px 10px;

}


X#menu h2{
color:#fff;
xbackground:#000 url(/css/images/expand3.gif) no-repeat 100% 100%;
xtext-transform:uppercase
}

#menu ul ul li a, #menu ul ul ul li a{          /*******  to change font size for lower levels *********/
font-size:85%;
}

#menu a.current{
color:#fff;
}

#menu a:hover{
xcolor:#000;
color: #ffffff;
background: #2c2c2c;
xbackground:#ddd;
}

X#menu a:active{
xcolor:#060;
xbackground:#ccc;
}


#menu li{
position:relative; /* seo orig */
xfloat: left;  /* added */
xz-index:100;  /* added */
}

#menu ul ul{
position:absolute;
z-index:500;
xcolor: #a2a2a2;               /**** added *****/
xbackground: #202020;          /**** added *****/
xwidth:107px;                  /**** added *****/
xtop:auto;
xdisplay:none;
}

#menu ul ul ul{
xcolor: #a2a2a2;               /**** added *****/
xbackground: #202020;           /**** added *****/
position: absolute;
top: 0;
left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul
{display: block;
}

div#menu ul ul li:hover ul{
display: block;
}

div#menu ul ul ul li:hover ul{             /**** for third level - not used *****/
display: block;
}


/* Begin non-anchor hover selectors */

/* Enter the more specific element (div) selector
on non-anchor hovers for IE5.x to comply with the
older version of csshover.htc - V1.21.041022. It
improves IE's performance speed to use the older
file and this method */



div#menu h2:hover{
xbackground:#000 url(/css/images/expand3.gif) no-repeat -999px -9999px;
}

div#menu li:hover{
cursor:pointer;
z-index:100;
}
/*********************************************
div#menu li:hover ul ul,
div#menu li li:hover ul ul,
div#menu li li li:hover ul ul,
div#menu li li li li:hover ul ul
{display:none;}

div#menu li:hover ul,
div#menu li li:hover ul,
div#menu li li li:hover ul,
div#menu li li li li:hover ul
{display:block;}

/* End of non-anchor hover selectors */

/* Styling for Expand */

/*********************************************

#menu a.x, #menu a.x:visited{
font-weight:bold;
color:#000;
background:#eee url(/css/images/expand3.gif) no-repeat 100% 100%;
}

#menu a.x:hover{
color:#a00;
background:#ddd;
}

#menu a.x:active{
color:#060;
background:#ccc;
}

/* End CSS Popout Menu */

/* - Not Part of CSS Popout Menu

#content{position:absolute;top:6.5em;margin:0;padding:0.5em;border:1px solid #000;clear:both;}
#content a:link{color:#a00;}
#content a:visited{color:#a00;}
#content a:hover{color:#a00;background:#eee;}
#content a:active{color:#060;background:#ddd;}
#content h1, #content h2{font:bold 1.0em arial,sans-serif;margin:0.5em 0.25em;padding:0;}
#content img{border:none;}
#content p{font:normal 0.8em/1.5em verdana,sans-serif;margin:1.0em;}
#content ul, #content ul ul{font:normal 0.9em/1.4em verdana,tahoma,arial,sans-serif;margin:1.0em 4.0em 1.5em 4.0em;}
#content ul li{font:normal 0.9em/1.4em verdana,tahoma,arial,sans-serif;margin:1.0em 0;}
#content ul ul li{font:normal 1.1em/1.6em verdana,tahoma,arial,sans-serif;margin:0;}
#content .fr{float:right;margin:0 0 1.0em 1.0em;}
#content .mod{font:normal .6em arial,sans-serif;margin:.25em;}

/* End Content Area - Not Part of CSS Popout Menu */

/**  Content Area Misc styles  **/

.caption1{
margin:0px;
padding:0px;
}

.thumbs {
float: left;
display:inline;  /******added 2-6-08 ****/
xtext-align:center;
width:170px;
margin:0 0 35px 25px;
padding:0 0 0px 0px;
xdisplay:block;
}

#thumbnav{
clear:left;
width:200px;
height:50px;
color:#fff;
margin:0 0px 0 -28px;
padding:0;
}

#thumbnav img{
padding:5px 8px 0px 8px;
}

#tagline{
margin:5px 0 0 0px;
height:355px;
width:185px;
background: #000 url(../images/sitegraphics/tagline.gif) no-repeat top left; 
}

div.pic{
float: left;
height:60px;
width:60px;
margin: 5px;

} 


/*****  -----------Sidebars ---------------- *****/


.sbl {
float: left;
width:200px;
color:#ffffff;
margin:0 0 0px 0px;
padding:0 0px 0 10px;
text-align: left;
font-size: 95%; }


/*****  -----------Titles, Headings, etc ----------- *****/

#contentmain h3,
#shows h3,
#bio h3,
#services h3,
#proofs h3,
#portraits h3{
font-size:90%;
font-weight: bold;
color:#a2a2a2;
margin:0px;
padding:0px 0px;
width:450px;
background-color: #202020;

 }

h3 .titleon{
font-size:90%;
color:#ffffff;
padding:2px;
background-color: #202020;            /** was 2c2c2c;  **/
}



#contentmain h2,
#shows h2,
#bio h2,
#services h2,
#proofs h2,
#portraits h2{
font-size:100%;
color:#f2f2f2;                          /**  #333;  **/
font-weight: bold;
margin:0; 
padding:15px 0 0 8px;
text-align: left; 
border-bottom: 1px #a2a2a2 solid;
 }


#shows h2.ts,
#bio h2.ts,
#services h2.ts,
#proofs h2.ts,
#portraits h2.ts{                           
margin:20px 0 0 0;    /**  adds top space to any heading or other text element  - used on the h2 tags in the 'info' pages **/ 
}



/*****  -----------   A,  Hover,  Link -----------   *****/

#contentmain a{
color:#505050;
text-decoration: underline; }

#contentmain a:hover{
background-color: #f1f1f1;
text-decoration: none; }

p#italy a{
font-weight:normal;
color:#fff;
text-decoration: none; }

p#italy a:hover{
background-color: #000000;
text-decoration: underline; 
 }

#contentmain h3 a{
color:#a2a2a2;
text-decoration: none; }

#contentmain h3 a:hover{
background-color: #f1f1f1;
text-decoration: none; }



#bio a,{
color:#fff;
text-decoration: none; 
}

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

#shows a, #services a, #bio a, #portraits a{
color:#fff;
font-size:100%;
text-decoration: underline; 
}

#shows a:hover, #services a:hover, #bio a:hover, #portraits a:hover{
text-decoration: none; 
}


#proofs a{
font-size:100%;
color: #404040;
background-color: #e0e0e0;
font-weight: bold;
text-decoration: none; 
}

#proofs a:hover{
color:#fff;
background-color: #2d2d2d;
}


/***** -  ----------   Main content -----------  *****/


#contentmain,
#shows,
#bio,
#services,
#proofs,
#portraits{
margin:8px 55px 35px 245px;
padding:0;
width:450px;
height:auto;
line-height:1.5em;
text-align:left;
color: #9f9f9f; }

#shows,
#bio,
#services,
#proofs,
#portraits{
background-color: #0d0d0d;
border: 1px #333333 solid;
}

#shows img,
#bio img,
#services img,
#proofs img,
#portraits img{
padding:8px;
float:right;
display:inline;          /******added 2-6-08 ****/
}   



/** #bio{
background: #000 url(../images/sitegraphics/bg_services.jpg) repeat-y;
}

#portraits{
background:#000 url(../images/sitegraphics/bg_portraits.jpg) no-repeat;
}

#services{
background: #000 url(../images/sitegraphics/bg_services_dark.jpg) repeat-y;
}

#proofs{
background-color: #000;
}

**/


#shows p,
#bio p,
#services p,
#proofs p,
#portraits p{
font-size:100%;
color: #e2e2e2;                    /**  #333;  **/
margin:0;                     
padding:5px 8px 10px 8px;
text-align: left;
line-height:1.2em; 
}


/***     --------------   Misc    -------------      ***/




.small{
font-size:75%;
}

#footer{
clear:both; 
margin:20px auto 0px auto;
border-top:1px solid #333333;
width:750px;
text-align:center;
color:#808080;
background-color:#000000;
font-size:80%;
padding:5px 0 5px 0px;
         /*** orig. no display ***/
 }

#footer p a{
color: #808080;
text-decoration: none; }

#footer p a:hover{
color:#ffffff;
text-decoration: underline; }

.footertext{
padding:0 10px 0 0;
}