/* Robe stylesheet - Alastair Reid, Easyspace Ltd. */ 
html, body{ 
 margin:0; 
 padding:0; 
 text-align:center;
 background-color:#333333;
 font-family:Tahoma, "Trebuchet MS", Arial;
 background-image:url(img/bg.gif);
 background-repeat:repeat; 
}


/*HEADINGS
-------------------------------------------------------- */
h1{
	color:#000;
	font-size:3em;
	margin-bottom:0.6em;
	font-style:italic;
	line-height:1.2em;
}
h2{
	color:#000;
	font-size:medium;
    border-bottom:2px solid #FFFFFF;
	background-repeat:no-repeat;
	background-position:left;
	line-height:0.9em;
	padding:10px;
	margin-left:0px;}
	
/* Heading Classes */
.welcome{
text-indent: -9999px;
background: url(img/welcome.gif) #666666 no-repeat; }

.featured{
text-indent: -9999px;
background: url(img/featured.gif) #666666 no-repeat; }

.events{
text-indent: -9999px;
background: url(img/event.gif) #666666 no-repeat; }

a {color:#FFFFFF; text-decoration:none;}
a:hover {color:#999999;}



h5{
	color:#000;
	font-size:1em;
	margin-bottom:1.8em;
	line-height:1.8em;
	font-variant:small-caps;
}
h6{
	color:#000;
	font-size:1em;
	margin-bottom:1.8em;
	line-height:1.8em;
}

.content {color:#fff; font-weight:500; background:#333333; font-size:small; margin:10px; text-align:left; padding:10px; line-height:1.5em;}

ul {color:#fff; font-weight:500; background:#333333; font-size:small; margin:10px; text-align:left; padding:10px; line-height:1.5em; list-style:square; list-style-position:inside;}


.floatleft { float: left; margin: 0px 5px 5px 0px; }
.floatright { float: right; margin: 0px 0px 5px 5px; }

#productbox {margin-top:10px; width:775px; height:75px;  color:#FFFFFF; font-size:small; text-align:left;  margin-left:10px; background-color:#666666; border:5px solid #FFFFFF;}
#productbox img {float:left; padding-left:20px; padding-right:20px; padding-bottom:30px;}
#productbox p {padding-top:5px;}


#pagewidth{ 
 width:799px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  
} 

#spacer{
 position:relative; 
 height:35px; 
  background-color:; 
 width:100%;
} 
 
#header{
 position:relative; 
 height:150px; 
  background-color:#26333F; 
 width:799px;
 border-bottom:5px solid #B0ADA7;
}

#navbar {position:relative; height:37px; background-color:#333333; border-bottom:3px solid #B0ADA7;}

#navcontainer
{
margin: 0;
padding: 0 0 0 0px;
}

#navcontainer UL
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#navcontainer LI
{
display: block;
margin: 0;
padding: 0;
float: left;
width: auto;
}

#navcontainer A
{
font-family:Arial, Helvetica, sans-serif;
font-weight:800;
font-size:12px;
color: #fff;
display: block;
width: auto;
text-decoration: none;
background:#333333;
margin: 0;
padding: 8px 10px;



}

#navcontainer A:hover, #navcontainer A:active { background:#000000; }

#navcontainer A.active:link, #navcontainer A.active:visited
{
position: relative;
z-index: 102;
background: #BBBBBB;
font-weight: bold;
}


 
#maincol{background-color: #FFFFFF;  
 float: right; 
 display:inline; 
 position: relative; 
 width:800px;
 height:auto;
 background-color:#666666; 
 }

#maincol_gallery {background-color: #FFFFFF;  
 float: right; 
 display:inline; 
 position: relative; 
 width:800px;
 min-height:600px;
 background-image:url(img/gallery_bg.gif);
 background-repeat:no-repeat;
 }
 
#maincol_products {background-color: #FFFFFF;  
 float: right; 
 display:inline; 
 position: relative; 
 width:800px;
 height:600px;
 background-image:url(img/product_bg.gif);
 background-repeat:no-repeat;
 }
 
 
/* Gallery Styling */
 
#thumbnail_box {width:700px; height:500px; margin:20px;}
#thumbnail_box img {border:none; padding:5px;}

/* End */

/* Mainpage Styling */
#leftbox_sm { display:inline; width:267px; height:; background-color:#99999; float:left; position:relative; clear:both; border-top:5px solid #B0ADA7;    }

#rightbox_sm { display:inline; width:266px; height:; background-color:#99999;  float:left; position:relative; border-top:5px solid #B0ADA7;   }  
 /* End */
 
 
 
#footer{
border-top:5px solid #FFFFFF;
 height:auto; 
  background-color:#333333;
 clear:both;
 }

#footer p{ font-size:9px; color:#FFFFFF; margin-left:5px; padding:2px; display:inline; text-decoration:none;}
 
#footer a {color:#FFFFFF; text-decoration:none;}
 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */