﻿
html
{
    height: 100%;
    background-color: #000;
}

body
{
    width: 100%;
    height: 101%;
    text-align: center;
    font-family: "Lucida Sans Unicode" , "Lucida Grande" , Verdana, Arial, Helvetica, sans-serif;
    color: #ccc;
    /*line-height:150%;*/
    letter-spacing:0.03em;
    background: #000 url(../images/bgmain.jpg) repeat-x 50% top;
    
}


strong, em, b, i
{
    font-family: "Lucida Sans" , "Lucida Sans Unicode" , "Lucida Grande" , Verdana, Arial, Helvetica, sans-serif;
}

strong {
font-weight:bold;
}

h1, h2, h3, h4, h5, h6, address, input, select, option, textarea 
{
    font-family: "Lucida Sans" , "Lucida Sans Unicode" , "Lucida Grande" , Verdana, Arial, Helvetica, sans-serif;
}

ol, ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}


h1 {
font-size:153.9%;
font-weight:bold;
color:#fff;
margin-bottom:20px;
}

h2 {
font-size:123.1%;
font-weight:bold;
color:#fff;
}



p {
margin-bottom:10px;
}

#main a
{
    color: #cccc99;
    border-bottom:1px dotted #cccc99;
    text-decoration:none;
}

#main a:hover
{
color:#ccff99;
       border-bottom:1px solid #ccff99;
    text-decoration:none;
}





#container {
    width: 950px;
    position: relative;
    margin: 0 auto;
}


#header {
height:124px;
position:relative;
}


#header img{
float:left;
}


#header .telephone {
position:absolute;
top:28px;
right:0px;
font-size:100%;
font-weight:bold;
color:#999;
}

#header div {
position:absolute;
bottom:20px;
left:0px;
width:100%;

}

#header ul
{
margin-top:2px;
float: right;

}

#header li
{
list-style-type: none;
display:inline;
margin-left:10px;
text-align:center;
font-size:77%;
text-transform:uppercase;
}

#header li a
{
border-top:1px solid #333333;
color:#FFFFFF;
padding:4px 15px;
text-decoration:none;
display:inline-block;
background-color:#000;
}

#header ul li a:hover
{
background-color:#FFFFFF;
color:#000000;
}

#main
{
min-height:500px;
background: url(../images/bgbody.gif) repeat-x 50% top;

}

#main p{
text-align:left;
}


#main #leftcol {
padding-top:20px;
margin-left:6px;
margin-top:6px;
margin-right:25px;
/*border:1px blue solid;*/
float:left;
width:354px;
padding-left:5px;
padding-right:15px;
}

#main #leftcol2col {
padding-top:20px;
margin-left:6px;
margin-top:6px;
margin-right:25px;
/*border:1px blue solid;*/
float:left;
width:195px;
padding-left:5px;
padding-right:15px;
}


#main #rightcol2col {
padding-top:20px;
margin-top:6px;
margin-right:6px;
/*border:1px green solid;*/
float:right;

}

#main #midcol {
padding-top:20px;
/*border:1px red solid;*/
float:left;
width:374px;
margin-top:6px;
}

#main #rightcol {
padding-top:20px;
margin-top:6px;
margin-right:6px;
/*border:1px green solid;*/
float:right;
width:162px;
}


#main #mid1col {
padding-top:20px;
margin-left:6px;
margin-top:6px;
margin-right:25px;
float:left;

padding-left:5px;
padding-right:15px;
}







#footer {
    background: url(../images/bgfooter.jpg) repeat-x 50% top;
    text-align:center;
    clear:both;
}


#footer ul
{
padding-top:10px;
text-align:center;
width:100%;
font-size:93%;
margin-bottom:20px;
}

#footer li
{
display:inline;
padding:1px 0;
}

#footer li a
{
    color:#666;
   
border-right:2px groove #666666;
padding:1px 10px;
text-decoration:none;
    
}

#footer ul li a:hover
{
    color:#fff;
    text-decoration: none;
}



#footer p{
-x-system-font:none;
color:#666;
font-size:93%;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:10px;
margin:0 0 10px;
}


#footer .copyright{
}



#footer  .ice a
{
    color: #336666;
    border-bottom:1px dotted #336666;
    text-decoration:none;
}

#footer .ice a:hover
{
    color:#669999;
       border-bottom:1px solid #669999;
    text-decoration:none;
}


.home {
text-align:left;
padding-left:10px;
}


.aboutus {
text-align:left;
padding-left:10px;

}


.aboutus img{
padding:4px;
background-color:#333;
border:1px solid #666;
float:left;
margin-right:10px;

}


.contactus, .contactusform {
text-align:left;
padding-left:10px;

}


.contactus {
float:left;
width:400px;
}

.contactus ul{
padding-left:10px;
color:#fff;
padding-top:10px;
}


.contactus img{
margin-top:10px;
padding:4px;
background-color:#333;
border:1px solid #666;
}

.contactus ul a{
margin-bottom:10px;
}


.contactusform {
float:right;
margin-left:70px;
margin-top:45px;
}

.contactusform fieldset{
border: 1px solid #333;
padding:10px;
width:350px;
margin-top:20px;
}


#homesplash{
margin-top:8px;
}

.artists {
text-align:left;
padding-left:10px;

}


.artists ul{
padding-left:10px;
}

.carousel{
margin-top:15px;
text-align:center;
padding-left:10px;
padding-top:10px;
z-index:-1;
}

#xxx{
position:absolute;
background-color:#000;
top:365px;
left:75px;
z-index:100;
padding:10px;
}

.quote {
margin-top:5px;
}

.artist{
width:100%;
text-align:left;
padding-left:10px;
}

.emphasis{
/*font-size:93%;*/
color:#fff;
}

.cgname{
font-size:131%;
color:#fff;
font-weight:bold;
}


/* -- gallery styles - tidy up-- */


        
        .demo
        {
            position: relative;
            
            clear:right;
        }
        
        .gallery_demo
        {
            width: 200px;
            float: left;
        }
        .gallery_demo li
        {
            width: 55px;
            height: 70px;
            border: 2px solid #000;
            margin: 0 2px 2px 0;
            background: #000;

        }
        .gallery_demo li.hover
        {
            border: 2px solid #fff;
        }
        .gallery_demo li.active
        {

        }
        .gallery_demo li div
        {
            left: 240px;
        }
        .gallery_demo li div .caption
        {
            font: italic 0.7em/1.4 georgia,serif;
        }
        .galleria_container
        {
            margin: 0 auto 100px auto;
  
            width: 495px;
            float: right;
            clear:both;
        }
        
         .galleria_container canvas
        {
        margin-top:5px;
        }
        
        
        .nav
        {
            padding-top: 15px;
            clear: both;
        }
        .info
        {
            text-align: left;
            margin: 30px 0;
            border-top: 1px dotted #221;
            padding-top: 30px;
            clear: both;
        }
        .info p
        {
            margin-top: 1.6em;
        }
        .nav
        {
            position: absolute;
            top: 410px;
            left: 0;
        }
        
        

        
        .clear{
        clear:both;
        height:50px;
        }
        
        .details{
        margin-left:200px;
        width:480px;
        }


        .captionheader
        {
        font-size:123.1%;
        text-align:left;
        color:#fff;
        font-weight:bold;

        }

        .caption
        {

        font-size:93%;
        font-style:italic;
        text-align:left;


        }
        
        .artistlist
        {
        padding-bottom:5px;
        }