/*
'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''
    SET UP
'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''*/
/* mac hide\*/
html, body
{
    height: 100%;
    color:black;

}
/* end hide */

body
{
    padding: 0;
    margin: 0;
    text-align: center;
    min-width: 800px; /* for mozilla*/
    background-color: #2e3467;
    font-size: 10pt;
    font-family: Arial, Verdana;
    color:White;
    background-image:url(../img/outerbg.png);
    background-repeat:no-repeat;
    background-position:center top
}

H1
{
    color:#00D2FF;
    font-size:130%;
    margin-bottom:10px;
    margin-top:0px
}

H2
{
    color:#00D2FF;
    font-size:130%;
    margin-bottom:10px;
    margin-top:0px
}

H3
{
    color:#B8292F;
    font-size:120%;
    margin-bottom:10px;
    margin-top:0px
}

IMG
{
    border:0px;
}

.proptitle
{
    color:#007DFE;
    padding-left:35px;
    font-size:120%;
}

/*UL
{    
    margin-left: 0px;
    padding-left: 0px;
}

LI
{
    margin-left: 30px;
    list-style-image: url(../img/bullets.gif);
}*/

pre
{
    font-size: 100%;
    font-family: Trebuchet MS, Arial;
    padding-left:35px;
}

#outer
{
    height: 1000000;
    min-height: 100%;
    width: 974px;
    background-color: #1D2345;
    text-align: left;
    margin: auto;
    position: relative;
    background-image:url(../img/swirl.gif);
    background-repeat:no-repeat;
    background-position: 0px 500px;
    margin-top:250px;
}

#outer, #footer
{
    /*border-left:solid 3px blue;
    border-right:solid 3px blue;*/
}

html > body #outer
{
    height: auto;
}

#clearfooter
{
    width: 100%;
    height: 30px;
    clear: both;
}

A, A:Visited, A:Active
{
    color:#FCFF00;
    text-decoration:none;
}

A:Hover
{
    color:#B8292F;
    text-decoration:none;
}

/*
'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''
    HEADER
'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''*/
#header
{
    position: absolute;
    top: 0;
    left: 0px;
    width: 974px;
    height: 63px;
    overflow: hidden;
    color: black;
    z-index: 100;
}


#logo
{
    position: absolute;
    left: 35px;
    top: -235px;
}

#headerright
{
    position: absolute;
    left: 355px;
    top: -180px;
    color:White;
    text-align:right;
    font-weight:bold;
}

#headerright IMG
{
    margin-left:15px;
}

#headermenu
{
    position: absolute;
    top:0px;
    width: 100%;
    height: 63px;
    bottom: 0px;
    color:White;
    font-size:7pt;
    background-image:url(../img/menubg.gif);
}

.menuitems
{
    position:relative;
    top:0px;
    left:35px;
    top:22px;
    margin-right:25px;
    float:left;
    font-weight:bold;
}

.menuitems A, .menuitems A:Active, .menuitems A:Visited
{
    font-size:11pt;
    color:White;
    
}

.menuitems A:Hover
{
    color:#B8292F;
}


/*
'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''
    PRODUCTS / CATEGORIES
'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''*/

.product_outer
{
   width:279px;
}
 

.product_content
{
    position:Relative;
    top:0px;
    text-align:left;
    overflow:hidden;
    background-color:#292D4C;
    padding:15px;
    text-align:justify;
}

/*
'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''
    LEFT 2 COL
'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''*/
#left2col
{
    position: relative; /*ie needs this to show float */
    float: left;
    width: 565px;
    margin-top: 99px; /*needed to make room for header*/
    margin-bottom: 50px; /* needed to make room for footer */
    line-height:22px;
    text-align:justify;
    padding-left:35px;
    /*background-color:#FEFDCE;*/
}

#title
{
    padding-top: 48px;
    padding-bottom: 32px;
    padding-left: 35px;
}

#left2col p
{
    /*padding-left:35px;*/
}

#full
{
    xborder:solid 1px black;
    clear:both;
    margin-left:30px;
    margin-right:30px;
    position:relative;
    top:-30px;
}


/*
'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''
   RIGHT
'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''*/
#right
{
    position: relative; /*ie needs this to show float */
    float: right;
    width: 314px;
    margin-top: 99px; /*needed to make room for header*/
    margin-bottom: 50px; /* needed to make room for footer */
    line-height:22px;
}

#righttitle
{
    padding-top: 48px;
    padding-bottom: 32px;
    padding-left:20px;

}

#rightphoto
{
    padding-top: 108px;
    padding-bottom: 32px;

}


.right
{
    text-align:right;
    padding-right: 35px;
}

/*
'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''
    LEFT FULL
'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''*/
#leftfull
{
    position: relative; /*ie needs this to show float */
    float: left;
    width: 902px;
    margin-top: 99px; /*needed to make room for header*/
    margin-bottom: 50px; /* needed to make room for footer */
    line-height:22px;
    text-align:justify;
    padding-left:35px;
    padding-right:35px;
    /*border:solid 1px black
    background-color:#FEFDCE;*/
}

#leftfull TABLE
{
    /*margin-left:35px;*/
}


/*
'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''
   FOOTER
'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''*/
#footer
{
    position: relative;
    margin: auto;
    width: 974px;
    bottom: 0px;
    clear: both;
    margin-bottom: -50px;
    background-color:#080b2a;
    font-size:90%;
    text-align:left;
    
}

#footerleft
{
    padding-top:10px;
    color: white;
    font-size:110%;
    background-color:#080b2a;
    height:30px;
    padding-left:35px;
}

#footerlogos
{
    margin-left:90px;
}

.footerlogoscontent
{
    /*float:left;
    margin-left:0px;
    margin-right:50px;
    margin-bottom:10px;
    margin-top:10px;*/
    padding:10px;
}

.footer-outer
{
    text-align:center;
    width:255px;
}

#footerright
{
    margin-right: 20px;
    margin-top: 8px;
    float: right;
    color: white;
}


.footertext
{
    font-size:80%;
    margin-left:35px;
    float:left;
}


/*
'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''
    TABLES
'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''*/
.tbmain .tbheader
{
    background-color:#6a012b;
    color:White;
    font-weight:bold;
    padding-left:10px;
    padding-right:10px;
    padding-top:5px;
    padding-bottom:5px;
}

.tbmain TD
{
    background-color:#d6d6d6;
    color:black;
    padding-left:10px;
    padding-right:10px;
    padding-top:5px;
    padding-bottom:5px;
}

.tbmain .white
{
    background-color:White;
}


/*
'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''
    TABLES
'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''*/
.multimedia-videos-h
{
    float:left;
    margin-right:20px;
    margin-bottom:20px;
}

.other-events
{
    float:left;
    margin-right:100px;
    margin-bottom:50px;
    width:171px;
    text-align:left;
}

/*
'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''
   GENERAL STYLING
'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''*/
div, p
{
    margin-top: 0;
}

.small
{
    font-size:80%;    
}


#contact
{
    color: black;
    margin-left: 100px;
}


.red, .topsellers
{
    color:Red;
}

.blue
{
    color:Navy;
}

.back
{
    position:absolute;
    right:40px;
    top:0px;
}

.detailphoto
{
    float:left;
    padding-right:50px;
    padding-bottom:20px;
    width:300px;
}

.details
{
    float:left;
    width:545px;
}

.photos
{
    float:left;
    margin-right:10px;
    margin-bottom:20px;
    text-align:center;
}

.photos-content
{
    line-height:22px;
    padding-left:10px;
}

.lnkLarge
{
    font-size:150%;
}

.right-align
{
    float:right;
    padding-left:20px;
    padding-bottom:20px;
}

.left-align
{
    float:left;
    padding-right:20px;
    padding-bottom:20px;
}

.large-text
{
    font-size:14pt;
}

.artists-links A
{
    font-size:150%;
}

.artists-links H1
{
    font-size:180%;
    margin-bottom:25px;
}

.artists-large-text
{
    font-size:150%;
    color:Yellow;
}

.artists-content
{
    padding:10px;
    
    width:650px;
    margin-bottom:50px;
}


/*
'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''
   FORMS
'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''*/
INPUT
{
    border:solid 1px white;
    width:280px;
}

.mailing-list-form
{
    border:solid 1px white;
    width:220px;
}


.button
{
    background-color:#080b2a;
    color:White;
    border:0px;
    width:200px;
    padding:8px;
}



.checkbox INPUT, .checkbox
{
    border:0px;
    width:20px;
}

TEXTAREA
{
    border:solid 1px white;
    width:280px;
    height:150px;
    font-family:Verdana;
    font-size:8pt;
}

.required
{
    color:red;
}

.right-align
{
    float:right;
    margin-left:20px;
    margin-bottom:20px;
}

/*
'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''
   GALLERY
'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''*/
.gallery
{
    margin-left:127px;
}

.svwp {width: 50px; height: 20px; background: #fff;} /*preloader stuff. do not modify!*/
.svwp ul{position: relative; left: -999em;}/*preloader stuff. do not modify!*/
.slideViewer { 
position: relative;
overflow: hidden; 
margin: 0;
padding: 0;

}

.slideViewer ul {  /*your list of images*/
position: relative;
left: 0;
top: 0;
width: 1%;
list-style-type: none;
margin: 0; 
padding: 0;
}
.slideViewer ul li {
float:left;

}

/*typographic info*/
.slideViewer span.typo{ 
padding: 6px; /* do not modify padding */
color: #000;
font: normal 10px Verdana;
}

.thumbSlider { /*the thumbnails slider*/
overflow: hidden;
width: 1%;
}
.thumbSlider ul { 
list-style-type: none;
margin: 0; 
padding: 0;
}
.thumbSlider ul li{ 
float:left;
margin: 0;
}
.thumbSlider a{
color: #fff;
text-decoration: none;
}
.thumbSlider a img{
display: block;
padding: 0;
}
.thumbSlider p.tmbrdr { /* the border above -not around- each thumb */
/* width, height and top values are dynamically added by the script. Do not modify. */
position:relative; 
left: 0;
font-size: 0.01em;
left: 0;
margin: 0;
padding: 0;
}

a.left, a.right { /*the left and right buttons (links)*/
background: transparent; /* could be any color  */
color: #ff0000;
font: bold 16px Arial;
overflow: hidden;
}
a.left span, a.right span{

}
a.left img, a.right img{
border: 0;
}
a.l_dis, a.r_dis {
background: transparent; /* ALWAYS leave transparent. this is the 'disabled' state of the link !  */
cursor: default;
}
a.l_dis span, a.r_dis span {
display: none;
}
a:focus {outline:none;}


