/* MAIN BODY ELEMENTS */
BODY
{
	background-color: #000;
	background-image: url('pics/mainbg.gif');
	background-repeat: no-repeat;
	background-position: top;
	font-family: verdana, sans-serif;
    font-size: 12px;
}

/*######################## left container #######################################*/
#leftcontainer {
		float:left;
        width: 200px;
		padding:10px 0 0 0;
		margin: 2px 0 0 0; 
        border: 1px solid #ccc;
        background: #000;
		font:Arial, Helvetica, sans-serif;
}
.pl{
  margin: 0 15px 15px 20px;
}

/*######################## right container########################################*/
#rightcontainer {
		float:right;
        width: 552px;
		padding:10px 0 0 0;
		margin: 2px 0 0 0; 
        border: 1px solid #ccc;
        background: #000;
		font:Arial, Helvetica, sans-serif;
}

/*
########################## Container ###########################################
*/
#main{
  margin: 0.1em auto;
  font:Verdana, Arial, Helvetica, sans-serif;
  width: 760px;
  min-width: 760px;
  text-align: left;

}
/*######################### footer ##########################################*/
#footer{
	color:#fff;
    font-size: 10px;
    width: 728px;
    padding: 5px 15px 5px 15px;
    margin: 2px 0 0 0;
    border: 1px solid #ccc;
    background: #000;
    text-align:center;  
	float:right;
}

/*########################## navPyra ##########################################*/
.container {
        width: 728px;
        padding: 5px 15px 5px 15px;
        margin: 2px 0 2px 0;
        border: 1px solid #ccc;
        background: #000;
		font:Arial, Helvetica, sans-serif;
}
#navPyra {
        margin: 0;
        padding: 0 0 5px 18px; /*to help centre top menu*/
        border-bottom: 1px solid #fff;
}

#navPyra li {
        margin: 0;
        padding: 0; 
        display: inline;
        list-style-type: none;
}

#navPyra a:link, #navPyra a:visited {
        float: justify;
        font-size: 12px;
        line-height: 14px;
        font-weight: bold;
        padding: 0 10px 6px 10px;/*PADDING BETWEEN MENU ITEMS TO SPREAD THE TEXT OUT / left and right needs to be 5px when merchandise is back*/
        text-decoration: none;
        color: #fff;
}

#navPyra a:link.active, #navPyra a:visited.active, #navPyra a:hover {
        color:#FF0000;
        background: url(pics/pyramid.gif) no-repeat bottom center;
}


/*
########################## fonts ########################################
*/
p{
  color: #fff;
  font-size:14px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  margin: 0 15px 15px 20px;
}

h1{
  color: #fff;
  font: normal bold 1.8em "Arial", serif;
  margin: 0 20px 5px 20px;
  border-bottom: 1px #ff0000 solid;
}
h2{
  color: #fff;
  font: normal bold 1.6em "Arial", serif;
  margin: 0 15px 5px 20px;
}
h3{
  color: #fff;
  font: normal bold 1.4em "Arial", serif;
  margin: 0 15px 5px 20px;
}

a{
  color: #ff0000;
  text-decoration: underline;
}
a:hover{
  text-decoration: none;
}
#footer a{
  color: #ff0000;
}
/*##################################### images (images are to be placed <p>inside paragraph<p/> for additional margin)###########################*/

/*small image in right container 200px resized */
#imgright{
width: 200px;
margin: 0px 10px 0px 10px;
}
/*small or long image in menu sectoin 160px resized*/
#imgleft{
width: 160px;
margin: 20px;
}
/*large image resized to 495px resized*/
#imglong{
width: 495px; 
margin: 10px;
}
/*################# Gallery pics image containers##########################*/
#gallerysmall{
 padding-top: 10px;
 float:left;
 height: 50px;
 width: 92px;
 text-align:right;
}
#gallerycontainer{
width: 492px; 
margin: 10px 10px 10px 30px;
}
#invisiblecontainer{
width: 485;
}