/* CSS Document */

html {
      background-color:#040204;
      z-index:1;
}
body {
	margin: 0px;
	padding: 0px;
      font-family: "Lucida Sans",Verdana, Arial, Helvetica, sans-serif;
}

#wrapper{
      position:relative;
      top:0px;
      bottom:0px;
      margin-top: 0px;
      margin-bottom: 0px;
      margin-left:auto;
      margin-right:auto;	
      padding: 0px 0px 0px 0px;
      z-index:2000;

 
width:865px;

/*min-width:1000px; */
      }
html>body #wrapper { width:906px}


hr.clear { 
clear:both; 
display:block; 
visibility:hidden; 
width:800px; 
margin:0; 
padding:0;} 

#TitleBanner {
   position:relative;  
   float:left;
   width:880px;
   height: 120px;  
   color:#0045b6;
}
#TitleBanner h1{
   font-family: "verdana";
   font-style: italic;
   font-weight:200;
   line-height:40px;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 10px 0px;
}
#TitleBanner i{
   font-family: "georgia";
   font-style: italic;
   
   font-weight:700;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
}

#TitleBanner hr{
   color:#FFD700;
   height:1px;
   width:100%;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   }


#container {
      top:0px;
      left:0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
      bottom:0px;
}

html>body #container { min-width:1090px; width:auto}


#MainNav{
      position:relative;
      float:left;
      padding-right:0px;
      padding-left:0px;
      padding-bottom:0px;
      margin-top: 0px;
      margin-bottom: 0px;
      margin-left:auto;
      margin-right:auto;	
      top:0px;
      width:auto;
	background-image:url("../images/shaded.png");
      background-repeat:repeat;
      border-left-style:none;
      border-right-style:none;
      border-top-style:none;
      border-bottom: 1px #000000 solid;
      height:40px;
      z-index:500}



/*################ Left hand panel (Home) ####################*/
#navBarHome{
      position:relative;
      float:left;
      padding:10px 0px 0px 10px; 
      left:0px; top:0px; bottom:0px;
      width:240px;
      margin-top:0px;
      margin-right:0px;
      margin-left:0px;
      margin-bottom:0px;
      background-image: url(images/animatedlogo.gif);
      background-position:top left;
      background-repeat: no-repeat;
      background-attachment: fixed;
      font-family: "verdana";
      overflow:hidden;
      z-index:500;
      
      }

html>body #navBarHome { width:230px}


#hometxt {
      /*color:#E9E268; */
      color:#ffff00;
      padding:0px 0px 0px 0px; 
      width:220px;
      font-size:11px;
      
      font-weight:400;
      float:left;
      text-align:justify}

#hometxt h2 {
      color:#ffff00;
      font-size:11px;
      font-style:normal;
      font-weight:400;
text-decoration:none;
      text-align:justify;}

#hometxt a {
      color:#ffff00;
      font-size:11px;
      font-weight:400;
      text-decoration:none;
      text-align:justify}


#hometitle{
      color:#888888; 
      font-weight:bold;
      text-align:center;
      font-size:18px; 
      width:220px;
      float:left;
      padding-bottom:10px;
      padding-top:10px} 

#hometitle a {
      color:orange;
      text-decoration:none; 
      font-weight:bold;
      text-align:center;
      font-size:18px; 
       }
#hometitle h1{
      color:orange;
      text-decoration:none; 
      font-weight:bold;
      text-align:center;
      font-size:18px; 
       }
#logo{ 
      float:left;
      width: 200px;
      padding-bottom:10px;
      padding-top:10px;
      padding-left:10px;
      padding-right:10px;
      background-color:white;
 }

/*################ Side panels of main area ####################*/
.sidetxt {
      font-size:14px;
      font-weight:normal;
      float:left;
      text-align:justify;
}

.sidetxt h1 {
      color:#FFA500;
      font-size:16px;
      font-weight:500;
}
.sidetxt h2{
      font-size:14px;
      font-weight:normal;
      text-align:left;
}
.sidetxt em{
      font-size:13px;
}



/*################ Main area (centre) ####################*/

/*#containerHome {
      position:float;
      left:240px; 
      width:900px;
      margin: 0px 0px 0px 20px ;
      margin-top:60px; 
      padding: 0px 0px 0px 0px;
      padding-bottom:50px;
      overflow:hidden;
      float:left;
      color:#999288; 

}
html>body #containerHome { width:890px}
*/

#containerHome {
      position:relative;
      top:0px;
      width:auto;
      margin-top: 0px;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 0px;
      padding-left: 0px;
      padding-right: 0px;
      padding-top: 0px;
      padding-bottom: 40px;
      color:#999288;
      background-color:#120e0f;
      font-family: Verdana, Arial, Helvetica, sans-serif;  
      font-size:16px; 
      float:left;
}
html>body #containerHome { width:904px;padding-top:40px;padding-bottom:40px;}

#containerHome a {
       font-size:14px;
       color:green; 
       text-decoration:underline}

#containerHome h1 {
       text-align:center;}

#containerHome img {border-width:0px;border-style:solid;padding: 0px 0px 0px 0px;border-color:#505050;}


#containerHome .maintxt h2, #containerHome .maintxt h2 a {
      color:#AAAAAA;
      font-weight:400;
      text-align:center;
      font-size:18px; 
      text-decoration:none;
     }

.maintitle{
      color:#AAAAAA;
      font-weight:bold; 
      font-size:2.5em;
      line-height: 1.2em; 
      font-weight:300;
      padding: 0px 0px 0px 0px;
      margin: 0px 0px 0px 0px;
      padding-bottom:10px;
      text-align:center;
      font-family: Georgia, Garamond, Times, Serif;
} 

.maintxt {
      text-align:justify;
      font-size:14px; 
      }
.maintxt p {
      padding-top:10px; 
      }

.li1 ul {padding-bottom:10px;
         padding-top:5px}

.li1 li {
       color:#FFA500; /* orange */ 
       font-size:18px;  
       }

.li1 li p {
       color:white;
      font-size:11px; padding:0 0 0 0;
       margin:0 0 0 0;} 

.li1 li li p {
       color:white;
      font-size:9px; padding:0 0 0 0;
       margin:0 0 0 0;} 

.li1 li li{
       color:green;
       font-size:14px;  }

.SectionTitleGold { 
      line-height:30px; 
      font-size:3.8em; 
      text-align:left; 
      font-size:26px; 
      font-weight:normal; 
      margin:0; padding:0; 
      color: #FFD700; /* gold */
       }

.CenteredTitle { 
      line-height:30px; 
      font-size:3.8em; 
      text-align:center; 
      font-size:26px; 
      font-weight:normal; 
      margin:0; padding:0; 
      color: #333333; }

.CenteredInput{
      width:780px; 
      text-align:center;
      font-size:12px;
      padding-left:20px;
      font-weight:normal;  
       }



/*################ PHOTOLINK ####################*/

#photolink {
     position:relative;
     margin:10px 0px 0px 0px; 
     padding: 0px 0px 0px 0px; 
     left:0px;
     width:810px;
     border-color:red;
}
html>body #photolink { width:800px}

	
.itemcolumn{
      margin:20px 0px 0px 10px; 
      padding: 0px 0px 0px 0px; 
      float:left;  
      width:380px; height:675px;  
      }

.thirdcolumn{
      margin:0px 0px 0px 0px; 
      padding: 0px 10px 0px 10px; 
      width:246px;   
      float:left; 
      }

.sixthcolumn{
      margin:0px 0px 0px 0px; 
      padding: 0px 0px 0px 0px; 
      width:150px;   
      float:left; 
      }
.fivesixthcolumn{
      margin:0px 0px 0px 0px; 
      padding: 0px 0px 0px 0px; 
      width:750px;   
      float:left; 
      }

.twothirdcolumn{
      margin:0px 0px 0px 0px; 
      margin-left:10px;
      padding: 0px 0px 0px 0px; 
      width:590px;  
      float:left;}

.quartercolumn{
      margin:0px 0px 0px 0px; 
      padding: 0px 0px 0px 0px; 
      width:225px;  
      float:left;}

.quartercolumn img {
      border:0px;
      border-color:white;
      border-style:ridge;
      margin-top:20px;
      margin-bottom:20px;}

.halfcolumn{
      margin:0px 0px 0px 0px; 
      padding: 0px 0px 0px 0px; 
      width:450px;  
      float:left;}

.threequartercolumn{
      margin:0px 0px 0px 0px; 
      padding: 0px 0px 0px 0px; 
      width:675px;  
      float:left;}

.firstcolumn{
      margin:0px 0px 0px 0px; 
      margin-left:10px;
      margin-right:10px;
      padding: 0px 0px 0px 0px; 
      width:230px;  
      float:left;}

.secondcolumn{
      margin:0px 0px 0px 0px; 
      margin-left:5px;
      margin-right:10px;
      padding: 0px 0px 0px 0px; 
      width:280px;  
      float:left;}

.lastcolumn{
      margin:0px 0px 0px 0px; 
      margin-left:5px;
      margin-right:0px;
      padding: 0px 0px 0px 0px; 
      width:340px;  
      float:left;}

.halfcolumn img {
      border:0px;
      border-color:white;
      border-style:solid;
      margin-top:20px;}
  
.itemholder { 
     width:350px;height:160px;     
     margin:0px 0px 0px 0px; 
     padding: 0px 0px 0px 0px; 
     float:left;
     overflow:hidden;
     background-color:#3c3c3c;}

.itemholder.odd {
      background-color:#505050;}
 
.itemphoto { width:125px;height:125px;
             margin:5px 5px 5px 5px;
             padding-right:0px; 
             float:right;text-align:center  
}  
.itemphoto img {margin-top:0px; width:125px ;height:125px}
   
.itemtitle{
             margin:0px 0px 0px 0px; 
			font-size:10pt;
			color:#A9A298;
			width:320px; 
                  font-weight:bold; 
               padding-top:5px;
               padding-left:5px;

                  float:left;}

html>body .itemtitle { width:320px}

.itemdescription{
                  margin:0px 0px 0px 0px;
                  margin-top : 20px; 
			padding-left:5px;
			padding-bottom:5px;
                  font-size:8pt;
			color:#A9A298;
			width:190px; 
                  float:left;
                  text-align:justify;}

html>body .itemdescription { width:205px}

.saleitem { 
     height:auto;width:560px;     
     margin:10px 10px 10px 10px;
     margin-left:0px;
     padding: 10px 10px 10px 10px; 
     float:left;overflow:hidden;
     border:5px;
     border-style:outset}

.categorytitle { 
font-size:20px;
}
.saleitemphoto { height:170px;width:170px;
             margin:0px 0px 0px 0px; 
             padding: 0px 0px 0px 0px; 
             float:left;  
} 
.saleitemphoto img {margin-top:0px; width:170px ;height:170px}

.saleitemtext {height:170px;width:380px;padding-left:10px;padding-right:0px; padding-top:0px; margin :0px 0px 0px 0px; float:left;}   

.saleitemtext p { padding: 0px 0px 0px 0px;
                  margin: 0px 0px 0px 0px}

.saleitemtitle{  font-size:14px;
			color:#A9A298;
                  height:20px;
			width:auto;
                  font-weight:bold; 
               padding-top:5px;
               padding-bottom:10px;
float:left;
}

html>body .saleitemtitle { width:400px}

.saleitemref {width:150px;height:20px;float:right; text-align:right; font-size:12px;             padding-top:5px;
               padding-bottom:10px;
}

.saleitemdescription{
                  margin:0px 0px 0px 0px;
                  margin-bottom : 5px; 
                  padding-right:0px;
                  padding-top:0px;
                  font-size:14px;
			color:#A9A298;
			width:100%;
                  height:100px; 
                  float:left;
                  text-align:justify;}

.saleitemprice { width:auto;height:auto;float:left;padding-bottom:5px;}
.saleitemdetails {width:auto;height:auto;float:right;}


.saleinputs{
      font-size:12px;
      float:left;
	padding-top:5px;
      height:auto;
      font-weight:normal; 
      width:380px;}

.salefield{
      width:auto;
      position:relative;
      float:left;
      font-size:12px;
      font-weight:normal; 
      padding-right:15px;
      padding-bottom:0px;
       }


.gallerylinks{float:left;
              padding-top:10px;
              padding-bottom:20px;
              width:900px;
              text-align:center;}
			  
			  /*################ Contact Form #####################*/

.sectiontitle{
      width:800px;
      font-size:14px;
      float:left;
      font-weight:bold; 
      padding-top:10px; 
      padding-bottom:10px;
      color: #AAAAAA; 
       }
.sectiontitle em { color:red;}

.inputsection{
      width:780px; 
      font-size:14px;
      padding-left:20px;
      padding-bottom:10px;
      font-weight:normal;  
       }
.inputsection em { color:red;}

html>body .inputsection { width:780px}

.checkboxes{
      width:390px;
      font-size:14px;
      float:left;
      font-weight:normal; 
      margin:0px 0px 10px 0px; padding:0px 0px 0px 0px; 
       }
.addressfield{
      font-size:14px;
      float:left;
      font-weight:normal; 
       padding-right:30px;
      padding-bottom:10px;
       
       }
.addressgroup{
      font-size:14px;
      float:left;
      width: 800px;
      font-weight:normal; 
      margin:0; padding:0; 
       }

#sideNav{
      position:relative;
      float:left;
      padding-right:0px;
      padding-left:0px;
      padding-bottom:0px;
      margin-top: 0px;
      margin-bottom: 0px;
      margin-left:auto;
      margin-right:auto;	
      top:0px;
      width:100%;
	background-color:#3c3c3c;
      background-repeat:repeat;
      border-left:1px #000000 solid;
      border-right:1px #000000 solid;
      border-top:1px #000000 solid;
      border-bottom: 1px #000000 solid;
      height:auto;
      z-index:500}

/* remove the bullets, padding and margins from the lists */
#sideNav ul {
list-style-type:none;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
color: #FFA500;
}
/* make the top level links horizontal and position relative so that we can position the sub level */
#sideNav li{
float:left;
position:relative;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px; 
border-bottom:1px #000000 outset;
z-index:100;}

#sideNav a, #sideNav :visited {
display:block;
width:150px;
height:39px;
padding: 6px 0px 5px 0px;
margin:0px 0px 0px 0px; 
text-decoration:none;
font-family:Verdana; 
text-transform:capitalize; 
color:#ffffff;
font-size:12px;
text-align:center;
line-height:26px;
}

#sideNav ul li.double-line a {
line-height:13px;
} 
#sideNav ul li:hover, #sideNav ul li.current{
	background-image:url("../images/pressedbutton.png");
      background-repeat:repeat;
      overflow:visible;
      visibility:visible}

html>body #sideNav a, #sideNav :visited { height:28px}
/*################ FOOTER #####################*/

#footer { position:relative; 
      height:30px; 
      margin-left:auto;
      margin-right:auto;
      width:100%;
      margin-bottom:30px;
      bottom:0px;
      background-image: url(../images/shadedbutton.gif);
      background-position: top left;
      background-repeat: repeat-x;
      font-weight:normal; 
      font-size:9px; 
      float:right;
      padding:0px 0px 0px 0px;
      z-index:200;
      }
#footer div {
      height:100%;width:100%;
      background-color : transparent;
      background-image: url("../images/bl.gif"); 
      background-position: bottom left;
      background-repeat:no-repeat;
      z-index:195;}

#footer div div{
      height:100%;width:100%;
      background-color : transparent;
      background-image: url("../images/br.gif"); 
      background-position: bottom right;
      background-repeat:no-repeat;
      z-index:190;}


#validation {float:right; color:#00235F;  border:0px; padding:0px 0px 0px 0px; margin-top:5px; margin-right:20px }
#validation img {border:0px;}

#navigation {float:left; color:#dddddd;  border:0px; padding:0px 0px 0px 0px; margin-top:5px; margin-left:20px }

#footer a, a:visited, a:active, a:hover { color:#111111;text-decoration:none;font-family:Verdana; font-weight:normal; font-size:9px }

#designby {float:right; color:#111111;  padding:0px 0px 0px 0px; margin-top:5px; margin-right:20px;}

div.rounded 
      {
      position:relative;
      background-color : transparent;
      background-image: url("../images/tl.gif"); 
      background-position: top left;
      background-repeat:no-repeat;
      z-index:1000;
 }
div.rounded div
      {
      position:relative;
      background-color : transparent;
      background-image: url("../images/tr.gif"); 
      background-position: top right;
      background-repeat:no-repeat;
      z-index:1000;

 }
div.rounded div div
      {
        position:relative;
      background-color : transparent;
      background-image: url("../images/bl.gif"); 
      background-position: bottom left;
      background-repeat:no-repeat;
      z-index:1000;

 }
div.rounded div div div
      {
      background-color : transparent;
      background-image: url("../images/br.gif"); 
      background-position: bottom right;
      background-repeat:no-repeat;
      z-index:1000;

 }