@import url(highslide.css);
@import url(gallerystyle.css);
@import url(lightbox.css);

/* { margin:0; padding:0; } */

body { 
margin: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
background:url(images/bg_home.gif);
}

/* set the containing div, left align, 100% fluid */
/* #main { width: 100%; } */

/* set the containing div and center it  */
#main {
width: 760px;
/* include the IE5.x/Win box model hack  */
\width: 780px;
w\idth: 760px;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
padding: 0px;
} 

#container {
margin: 0 auto;   /* center alignment */
/* text-align: left;  counter the body center */
width: 760px;
vertical-align: top;
}

#content { 
font-family: Arial, Helvetica, sans-serif;	
font-size: 11px;
font-weight: 400;
color: #FFFFFF;
text-align: center;
}

#content_home { 
font-family: Arial, Helvetica, sans-serif;	
font-size: 11px;
font-weight: 400;
color: #FFFFFF;
text-align: center;
height: 290px;
}

#header { 
background:url(images/bg_masthead.gif) no-repeat #000000;
font-family: Arial, Helvetica, sans-serif;	
font-size: 11px;
font-weight: 400;
color: #FFFFFF;
margin: 0px 0px 0px 0px;
}

/* set the navigation div for the header */
.navlogo {
text-align: center;
margin: 0px 0px 0px 0px;
}

.navtopcontainer {
padding: 97px 25px 0px 0px;
text-align: right;
}

ul#navtop {
margin: 0px 0px 0px 0px;
padding-left: 0;
white-space: nowrap;
}

#navtop li {
padding-right: 18px;
display: inline;
list-style-type: none;
}

#navtop a { 
text-decoration: none;
}

#navtop a:link, #navlist a:visited {
text-decoration: none;
}

#navtop a:hover {
text-decoration: none;
}

/* thumbnail scrolling on the home page */

#scroll { 
font-family: Arial, Helvetica, sans-serif;	
font-size: 11px;
font-weight: 400;
color: #FFFFFF;
padding: 10px 40px 0px 40px;
background:url(images/bg_scroll_arrows.gif);
}

.scrollcontainer {
position:relative;
width:680px;
height:290px;
overflow:hidden;
}

.scrollgallery {
position:absolute;
left:0;
top:0;
white-space: nowrap;
}

/* set the interior div */
#interior { 
background:url(images/bg_int.gif) repeat;
font-family: Arial, Helvetica, sans-serif;	
font-size: 11px;
font-weight: 400;
color: #FFFFFF;
width: 760px;
}

/* page header background image */
#bg_gallery { 
background:url(images/bg_gallery.gif) no-repeat top;
clear: both;
height: 140px;
}

#bg_bio { 
background:url(images/bg_bio.gif) no-repeat top;
clear: both;
height: 140px;
}

#bg_artist { 
background:url(images/bg_artist.gif) no-repeat top;
clear: both;
height: 140px;
}

#bg_exhibitions { 
background:url(images/bg_exhibitions.gif) no-repeat top;
clear: both;
height: 140px;
}

#bg_contact { 
background:url(images/bg_contact.gif) no-repeat top;
clear: both;
height: 140px;
}

#bg_links { 
background:url(images/bg_links.gif) no-repeat top;
clear: both;
height: 140px;
}

/* --------------------------------------------------------------- */
#col_01 {
float: left;
width: 155px;
padding: 0px 0px 0px 35px;
text-align: left;
}

#col_02 {
float: left;
width: 570px;
padding: 0px 0px 0px 0px;
text-align: left;
}

.col_text {
font-family: Arial, Helvetica, sans-serif;
font-weight: 400;
font-size: 11px;
color: #FFFFFF;
padding: 0px 25px 30px 20px;
min-height: 400px;
}

.col_text_400 {
font-family: Arial, Helvetica, sans-serif;
font-weight: 400;
font-size: 11px;
color: #FFFFFF;
padding: 0px 25px 30px 20px;
height: 400px;
}

.col_hdr {
text-align: right;
padding: 10px 10px 0px 0px;
}

.copybold {
font-size: 12px;
font-weight: 700;
color: #0869ec;
}

.copybold_yel {
font-size: 12px;
font-weight: 700;
color: #ffcc00;
}

.clearboth { clear: both; }

hr.gal {
background: url(images/bg_hr.gif) no-repeat center bottom;
height: 5px;
clear: both;
margin-bottom: 15px;
border: none;
}

/* --------------------------------------------------------------- */
/* 1st and 2nd tier menu styles - left navigation  */

a.colnav, a.colnav:link, a.colnav:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: 700;
font-size: 10px;
color: #0869ec;
text-decoration: none;
padding: 0px 0px 0px 0px;
}

a.colnav:hover { 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: 700;
font-size: 10px;
color: #febf63;
text-decoration: none;
}

#categoryitems {
padding: 0px 0px 0px 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: 500;
font-size: 9px;
color: #666666;
}

.openheader { /*class added to contents when they are open*/
background: #FFFFFF;
}

ul#categoryitems {
white-space: nowrap;
margin: 0px 0px 0px 0px;
padding: 5px 0px 10px 0px;
}

#categoryitems li {
list-style-type: none;
padding: 1px 0px 5px 25px;
}

#categoryitems a, #categoryitems a:link, #categoryitems a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: 700;
font-size: 9px;
color: #FFFFFF;
text-decoration: none;
line-height: 11px;
}

#categoryitems a:hover {
color: #0869ec;
text-decoration: none;
}

/* --------------------------------------------------------------- */
/* set the footer div */
.footer {
background:url(images/bg_footer.gif) no-repeat center;
clear: both;
text-align: center;
height: 50px;
}

.bg_footer_int {
background:url(images/bg_footer_int.gif) no-repeat center;
clear: both;
text-align: center;
height: 50px;
}

/* --------------------------------------------------------------- */
/* unordered list - regular */
ul.reg {
padding-left: 15px;
display: block;
margin: 10px 5px 5px 5px;
} 

/* ordered list (<ol> used at <ul> */
ol {
padding-left: 15px;
margin: 5px;
list-style-type: disc;
display: block;
} 

/* --------------------------------------------------------------- */
/* regular global classes */

.borderbox {
padding: 0px 0px 0px 0px;
margin: 0 15px 15px 0;
width: 350px;
}

.borderbox_nested { /* this defines the position of the nested elements */
float: left;
margin: 0px 10px 0px 0px;
}

.required {
font-size: 10px;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-weight: 400;  
color: #990000;
} 

.formtext { 
font-size: 9px;
font-family: Arial,Helvetica,sans-serif;
font-weight: 700;  
color: #333333;
}

.formfield { 
font-size: 11px;
font-family: Arial,Helvetica,sans-serif;
font-weight: 400;  
color: #000000;
}

.formbtn { 
font-size: 10px;
font-family: Arial,Helvetica,sans-serif;
font-weight: 400;
}

/* --------------------------------------------------------------- */
/* image positions */

a.ico:link img, a.ico:visited img, a.ico:active img {
padding: 5px 5px 5px 5px;
background:url(images/thm_off.gif) no-repeat;
/* border: 5px solid #FFFFFF; */
margin: 0px 30px 30px 0px;
}

a.ico:hover img {
padding: 5px 5px 5px 5px;
background:url(images/thm_on.gif) no-repeat;
/* border: 5px solid #0869ec; */
margin: 0px 30px 30px 0px;
}

a.gal_home:link img, a.gal_home:visited img, a.gal_home:active img {
padding: 0px 0px 0px 0px;
border: 1px solid #CCCCCC; 
margin: 10px 5px 0px 0px;
}

a.gal_home:hover img {
padding: 0px 0px 0px 0px;
border: 1px solid #FFFFFF;
margin: 10px 5px 0px 0px;
}


img.rt {
float: right;
margin: 0px 10px 10px 10px;
}

/* mouseover tooltip */
#dhtmltooltip{
position: absolute;
width: 150px;
border: 5px solid #FFFFFF;
padding: 5px;
background: #000000;
opacity: 0.88; /* MOZ/FF/STD CSS3 */
filter: alpha(opacity=88); /* IE */
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
/* filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135); */
}



/* --------------------------------------------------------------- */
/* ahoy mateyz, anchors away! */

a, a:visited, a:active { 
font-size: 11px;	
font-family: Arial,Helvetica,sans-serif;	
font-weight: 400;	
color: #ffcc00;
text-decoration: underline;
}

a:hover {
font-size: 11px;	
font-family: Arial,Helvetica,sans-serif;	
font-weight: 400;	
color: #0869ec;
text-decoration: underline;
}


a.exh_bold, a.exh_bold:visited, a.exh_bold:active { 
font-size: 11px;	
font-family: Arial,Helvetica,sans-serif;	
font-weight: 700;	
color: #ffcc00;
text-decoration: underline;
}

a.exh_bold:hover {
font-size: 11px;	
font-family: Arial,Helvetica,sans-serif;	
font-weight: 700;	
color: #0869ec;
text-decoration: underline;
}