@import "reset.css";

html{
    background-color:#000;    
}

body{
    background-color:#000;    
    font: 95%/1.59 Georgia, palatino, serif;
    color: #ddd;
}

h1{
    background-color: transparent;
    margin-top: 0;
    padding: 0;
    color: #ddd;
    width: 100%;
    letter-spacing: 2px;
    font-size: 155%;

}
h2{
/*
font-size: 125%;
    color: #CEDced;
border: 1px solid #666;
background-color: #222;
padding-left: 5px;
margin-top:0;
  margin-bottom:5px;
*/
}


h3{
font-family: Georgia, palatino, serif;
letter-spacing: 1px;
font-size: 115%;
font-weight:bold;
border-bottom: 0px solid #666;
padding: 0px;
  margin-bottom:5px;

}



.coverImgNoTopText h3, .coverImg h3{
border-bottom:0px solid white;
padding-bottom:10px;
font-weight:normal;
letter-spacing: 1px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align: center
}

table{
border-collapse:collapse;
padding: 0;
margin:0;
width: 100%;
}

div#artForSaleContainer{
clear:left;
background-color:#000
}


.paypalBtns form input.viewCart{
padding-top:1px;
}

.forSalePhotoDiv{
float:left;
width:355px;
height:13em;
background-color:#000;
margin-right:10px;
margin-bottom:15px;
padding-right:5px;
border:1px solid #666
}
.forSalePhotoDiv:hover{
border:1px solid #bbb
}
.paypalBtns form{
padding-top:10px;
text-align:left;
float:left;
padding-bottom:10px;
}

.paypalBtns form input{
margin:0;
margin-right:10px;
text-align:left;
vertical-align:top;
}

.saleDesc{
background-color:#000;

}

.saleThumb{
text-align:center;
width: 140px;
padding-top:10px;
margin-right:5px;
background-color:#000;
float:left;
height:90%;
}

.saleThumbTD a{
margin:0 auto;
border:0px solid #fff;
}


 td{
border: 0px solid green;
padding: 0;
margin:0;

}

.price{
color:red;
}

table *{
vertical-align:top !important;
}

p{
line-height: 1.8em;
margin-bottom:1em;
}


acronym{
    cursor:help;
    border-bottom: 1px dashed #142A63;
}

a, a:link, a:visited a:hover, a:active{
outline: none;
}

a:link{
color: #CEDced;
border:none;
}

a:visited{
color: #CEDced;
}

h2 a{
text-decoration:none;
}


h2 a:hover, h2 a:focus{
text-decoration:underline;
}

#container {
    background-color:#000;
    border: 0px solid #FFFACC;
    width: 772px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
 }

#content {
 
    background-position: bottom left;
    padding: 30px 10px 10px 10px;

}


img{
border: 8px solid white;
padding: 2px;
}



/*******************************************************************
  Navigation
 ******************************************************************/
div#navContainer{
background-position: 0 0;
    background-color: blue;
background-color:#000;
color: #ddd;
height:28px;
width:100%;
border-bottom: 1px solid #666;

}


ul#nav{
/* background-color:#898; */
 text-align: center;

padding-bottom: 0px;
padding-top: 25px;
padding-left: 0;
margin: 0px;

/* cancels gap caused by top padding in Opera 7.54 */
margin-left: 0;
color: white;
border-bottom:0px solid #666
}

ul#nav li{
    display: inline;

    margin:0;
    padding: 0;
    text-indent:0;    
	color: #ddd;    
font-size: 9px;

}
ul#nav li a{
line-height: 25px;
    margin:0;
    background-color: transparent;
    color: #aaa;
padding:0 8px;
text-align:left;
    text-decoration: none;
font-weight:bold;
text-transform:lowercase;
}

ul#nav li.on a, ul#nav li.on a:hover, ul#nav li.on a:focus{
color: #ddd;   
text-transform:uppercase;
text-decoration:underline
}

ul#nav li a:hover, ul#nav li a:focus{
    text-decoration: none;
color: #ddd

}



/********************************************************************
  END Navigation
  ******************************************************************/
 

#banner {
	/*     background: url(../images/15original.gif) top left repeat; */
    width: 100px;
    margin: 0px 0px 0px 0px;
    padding: 0 15px;
background-color:#333336;
color: #ddd;
height:30px;


 }

#navContainer a{
text-decoration:none;
cursor:pointer;
}

span#name{
  padding: 0 auto;
text-align:left;
position:absolute;
top:2px;


  font: bold 12px/3em palatino, serif;
  letter-spacing: 3px;
  color: #ddd;
/*background-color:#444;*/
}
 
 #banner div{
float: right;
padding-right: 0px;
 }


#footer{ clear:left; background-color:#000; color: #ddd; font-size: 0.8em; position:relative; padding: 1px 5px; border-top: 1px solid #666; }

#footer img{
display:none;
}

#disclaimer{ margin: 0 25px 5px; text-align:left; font-size: 0.8em; color: #ddd; background-color:#000; clear:left; color: #aaa; padding-left: 5px; }

#quickContact{ position: absolute; top: 5px; left:0; }

#copy{
position: absolute;
top: 5px;
right:0;

}


.left{
position:absolute;
top: 5px;
left: 10px
}

.right{
position:absolute;
top: 5px;
right: 10px;
}

.centeringDiv *{
text-align:center;
}

.center{
margin-top: 4px;
}

.coverImg, .coverImg *{
text-align:center;
}



.coverImgNoTopText{
text-align:center;
margin-top:40px;
}

#footer img{
border:1px solid #000;
padding:0;
}

#footer .left img{
border:0px solid #000;
}


#descDiv{
text-align:center;
margin: 0;
    color: #aaa;

padding-left: 0px;
margin-top:0px;
  margin-bottom:10px;
}

#desc {
text-align:center;

padding:0;
margin: 0 auto;


}

div.selectedImgDiv{
text-align:center;
height: 455px;
width:752px;
overflow:hidden;
margin-bottom: 00px;
clear:left;
display:table;

}

#imgContainer {
display:table-cell;vertical-align: middle ;
}

#imgContainer img{

display:block;
margin: 0 auto;
text-align:center;


}

#placeholder{
background: url(../images/ajax-loader.gif) center center no-repeat;
}

div.galleryList{
text-align:center;
margin-bottom: 0px;
padding:3px;
border: 0px solid rgb(102, 102, 102);
background-color: transparent;
}

ul#gallery {
text-align:center;
list-style:none;
padding-left:0;
margin:0;
}

ul#gallery li{
text-align:center;

}

ul#gallery li img{
border:1px solid #000;
padding:1px;
}


ul#gallery li img:hover, ul#gallery li img:active{
border:1px solid #ddd;
}

#selected{
border-bottom: 2px solid #ddd;
}

ul#gallery li{
    display: inline;

}


/* hides the second object from all versions of IE */

* html object.mov {
    display: none;
}

/* displays the second object in all versions of IE apart from 5 on PC */
* html object.mov/**/ {
    display: inline;
}

/* hides the second object from all versions of IE >= 5.5 */
* html object.mov {
    display/**/: none;
}

object{
border:none;
padding:0;
margin: 0;
}

.newsYear{
border-bottom: 1px solid #000;
display:block;
font-weight: bold;
}

ul#news {
list-style:none;
	padding-left: 1em;
}

ul#news li li{
list-style-type:circle;
margin-left: 2em;
}
.clearer{
clear:both;
}

.instructions{
clear:both;
 margin:0px 0 10px 0;
 padding: 30px 0;
}

.instructions span{
padding: 10px;
     color: #CEDced;
border: 1px solid #666;
background-color: #222;

}

.movies{
width: 650px;

border: 0px dashed white;
padding-left: 50px;
margin-bottom:20px;
float:left;
}

.movies *, .movieDisplay *{
text-align:center;
}

.movies img:hover{
border-color:#cedced;
}

.movies div{
padding-top: 20px;
padding-bottom: 20px;
text-align:center;
width:310px;
}

.movieLeft{
float:left;
}

.movieRight{
float:right;
}



#arrows{
padding-right:12px;
padding-left:5px;
padding-bottom:0;
margin-bottom:0;
margin-top:22px;
}

#arrows img{
  border:none;
}


.imgRt{
float:right;
margin-top:10px;
margin-left:15px;
margin-bottom:5px;
}

.defImage{
padding:0;
border: none;
}

 #banner img{
border:0px solid #000;
padding:0;
}

.pipe{
color: #333;
font-size: 7px;
}

#galleryNavDiv{
text-align:center;
padding:0;
margin: 10px auto;
width: 20em;
border:0px solid red;
height:30px;
}

.callout{
  
border: 1px solid #666;
background-color: #222;
padding: 3px 0 3px 5px;
width:32em;
margin:0 auto 20px auto;
}

div.sponsers{
text-align:left;
border: 1px solid #666;
padding: 0px 0px 3px 0px;
margin:100px auto 20px auto;
}

.sponsers h3{
font-size: 105%;
background-color:#222;
padding: 5px 3px 3px 5px;
text-align:left;
border-bottom: 1px solid #666;
margin-bottom:10px;
}

.sponsers img{
border:1px solid black;

}

.sponsers ul {
}
.sponsers ul li{
padding-right: 15px;
display:inline;
height:200px;
vertical-align:middle;
}

img.noBorder{
border-width:0 !important;
}

 ul#gallery li a img{
background: #000 url(../images/ajax-loader.gif) center center no-repeat;
}


#content legend{
margin-top:-0.3em;
padding-right:4px;
color: #ccc;
font-weight:bold;
}

#content fieldset{
padding-top:2px;
background-color:#333;
border: 1px solid #ddd;
}

label{
 font-weight:bold;
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 130px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}

fieldset br{
clear:both;
}

fieldset{
padding-bottom:10px;
margin-top:0;
padding-top:0;
}

form input, form textarea, .formData {
	display: inline; /* inline display must NOT be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

form input:focus, form textarea:focus{
background-color:#FFFF66;
}

.hidden{
display:none;

}