﻿@charset "utf-8";
/* CSS Document */

body {

font: 80%  verdana;
background-color: #7e543a;
margin: 0px 0px 0px 0px;
}

img {
	border:none;
}
#wrapper {

            width: 100%;
			height: 100%;
            margin: 0 auto;
            text-align: left;
}



#header {

	width: 100%;
	height: 100%;
	text-align: center;
	background-image: url(images/header_bg.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
}

#smallheader {

	width: 100%;
	height: 100%;
	text-align: center;
	background-image: url(images/headersmallpx.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
}


#pic {

	width: 100%;
	height: 100%;
		
}

#headerpic {

width: 100%;
background-repeat: repeat;
height: 100%;
		
}

#menu {
	margin: 0 auto;
width: 949px;	
height: 100px;
}
#menu ul{
   float: right;
   margin: 45px 10px 0px 0px;
   white-space: nowrap;
   font: 95% verdana;
   color:#FFF;

}

#menu ul li{
   display : inline;

}

#menu ul li a{
  
   color: #FFFFFF;
   padding-left: 5px;
   padding-right: 5px;
text-decoration:none;
}

/*Everything inside the centre column*/ 

#main_body {

margin: 0 auto;
width: 900px;
background-repeat:repeat-x;
}


#maintext {
float: left;
width: 600px;
padding: 15px 0px 0px 15px;
color: #FFF;

}

#maintext h1 {

font-size: 135%;
color: #FFF;
padding: 0px 0px 0px 5px;

}

#maintext h2 {

font-size: 110%;
color: #fff;
padding: 0px 0px 0px 5px;

}


#maintext p {

color: #fff;
padding: 0px 7px 0px 7px;

}

#promaintext {
float: left;
width: 500px;
padding: 15px 0px 0px 15px;
color: #FFF;

}

#promaintext h1 {

font-size: 135%;
color: #FFF;
padding: 0px 0px 0px 5px;

}

#promaintext h2 {

font-size: 110%;
color: #fff;
padding: 0px 0px 0px 5px;

}


#promaintext p {

color: #fff;
padding: 0px 7px 0px 7px;

}


#gallerymaintext  {

margin: 0 auto;
width: 949px;
color: #FFF
}

#gallerymaintext a {
color: #FFF
}


#gallerymaintext h1 {

font-size: 135%;
color: #FFF;

}


#articles li {
	padding-bottom: 5px;
}

#articles li a {
	color: #FFF;
	text-decoration: none;
}
/*Start of Gallery First Box image and text*/ 

#boxone {
	float: left;
	width: 230px;
	height: 165px;
	margin: 10px 5px 0px 0px;
	}

#curtainboxone {
	float: left;
	width: 230px;
	height: 300px;
	margin: 10px 5px 0px 0px;
	}
#image1 {
	
	width: 230px;
	height: 138px;

}
#curtainimage1 {
	
	width: 230px;
	height: 276px;

}

#image1text {
	float: left;
	margin: 0px 0px 0px 0px;
	width: 230px;
	font-size: 9px;
	
	}
	

	
/*End of Gallery First Box image and text*/

/*Start of Gallery Second Box image and text*/

#boxtwo {
	float: left;
	width: 230px;
	height: 165px;
	margin: 10px 5px 0px 0px;
	
}
#curtainboxtwo {
	float: left;
	width: 230px;
	height: 300px;
	margin: 10px 5px 0px 0px;
	
}	

#image2 {
	
	width: 230px;
	height: 138px;
	}
	
#curtainimage2 {
	
	width: 230px;
	height: 276px;

}
#image2text {
	float: left;
	margin: 0px 0px 0px 0px;
	width: 230px;
	font-size: 9px;
	
	}

/*End of Gallery Second Box image and text*/

/*Start of Gallery Second Box image and text*/

#boxthree {
	float: left;
	width: 230px;
	height: 165px;
	margin: 10px 5px 0px 0px;

	
}

#curtainboxthree {
	float: left;
	width: 230px;
	height: 300px;
	margin: 10px 5px 0px 0px;

	
}
#image3 {
	
	width: 230px;
	height: 138px;
	
}

#curtainimage3 {
	
	width: 230px;
	height: 276px;

}#image3text {
	float: left;
	margin: 0px 0px 0px 0px;
	width: 230px;
	font-size: 9px;
	
	}
	/*End of Gallery Third Box image and text*/
	
	/*Start of Gallery Fourth Box image and text*/

#boxfour {
	float: left;
	width: 230px;
	height: 165px;
	margin: 10px 0px 0px 0px;
	
}
#curtainboxfour {
	float: left;
	width: 230px;
	height: 300px;
	margin: 10px 0px 0px 0px;
	
}
	
#image4 {
	width: 230px;
	height: 138px;
	
}
#curtainimage4 {
	
	width: 230px;
	height: 276px;

}
#image4text {
	float: left;
	margin: 0px 0px 0px 0px;
	width: 230px;
	font-size: 9px;
	
	}
	
	/*End of Gallery Fourth Box image and text*/
	
	/*Start of Gallery Fifth Box image and text*/

#boxfive {
	float: left;
	width: 230px;
	height: 165px;
	margin: 10px 5px 0px 0px;
	}
#curtainboxfive {
	float: left;
	width: 230px;
	height: 300px;
	margin: 10px 5px 0px 0px;
	}
#image5 {
	width: 230px;
	height: 138px;
}

#curtainimage5 {
	
	width: 230px;
	height: 276px;

}
#image5text {
	float: left;
	margin: 0px 0px 0px 0px;
	width: 230px;
	font-size: 9px;
	
	}

/*End of Gallery Fifth Box image and text*/
/*Start of Gallery Sixth Box image and text*/

#boxsix {
	float: left;
	width: 230px;
	height: 165px;
	margin: 10px 5px 0px 0px;
	
}
#curtainboxsix {
	float: left;
	width: 230px;
	height: 300px;
	margin: 10px 5px 0px 0px;
	
}
	
#image6 {
	
	width: 230px;
	height: 138px;
	
}

#image6text {
	float: left;
	margin: 0px 0px 0px 0px;
	width: 230px;
	font-size: 9px;
	
	}
	
/*End of Gallery Sixth Box image and text*/
/*Start of Gallery Seventh Box image and text*/
	
	#boxseven {
	float: left;
	width: 230px;
	height: 165px;
	margin: 10px 5px 0px 0px;

}

#curtainboxseven {
	float: left;
	width: 230px;
	height: 300px;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;

}

#image7 {
	
	width: 230px;
	height: 138px;

}

#image7text {
	float: left;
	margin: 0px 0px 0px 0px;
	width: 230px;
	font-size: 9px;
	
	}

/*End of Gallery seventh Box image and text*/
/*Start of Gallery Eighth Box image and text*/



#boxeight {
	float: left;
	width: 230px;
	height: 165px;
	margin: 10px 0px 0px 0px;
	
}
#curtainboxeight {
	float: left;
	width: 230px;
	height: 300px;
	margin: 10px 0px 0px 0px;
	
}
	
#image8 {
	width: 230px;
	height: 138px;
	
}
#curtainimage8 {
	
	width: 230px;
	height: 276px;

}
#image8text {
	float: left;
	margin: 0px 0px 0px 0px;
	width: 230px;
	font-size: 9px;
	
	}
	
/*End of Gallery eighth Box image and text*//*Finsih Centre column*/ 


#more {
	float: right;
	width: 150px;
	height: 30px;
}

#more a {
	text-decoration: none;
	color: #FFF;
}


/*Start - Everything inside the right hand column*/ 

#columnright {
float: right;
width:218px;
margin: 10px 0px 15px 0px;


}

#procolumnright {
float: right;
width:300px;
margin: 10px 0px 15px 0px;


}

/* First Box */

#little_box {

float: right;
background-image: url(images/home_top.jpg);
background-repeat:no-repeat;
height: 150px;
width: 218px;
margin: 25px 0px 0px 0px;
}
#suplittle_box {

float: right;
background-image: url(images/top_small_image.jpg);
background-repeat:no-repeat;
height: 150px;
width: 218px;
margin: 20px 0px 0px 0px;
}

#shoplittle_box {

float: right;
background-image:url(images/shop_top.jpg);
background-repeat:no-repeat;
height: 150px;
width: 218px;
margin: 25px 0px 0px 0px;
}
#textbox {

font: 90% verdana;
height: 100px;
text-align: center;

}

#boxtext {
	float: left;
	margin: 105px 0px 0px 0px;
	width: 195px;
	height: 15px;
	font-size: 9px;
		
}
 #boxtext h2 {
font-size: 105%;
color: #ffffff;
font-weight:bold;
text-align:left;
padding: 5px 0px 0px 0px;
line-height: 12px; 

}

* html #boxtext h2 { /* for IE5-6 */
padding-top: 5px;

}

#boxtext p {
	
	font-size:10px;
	line-height: 12px;
}
/* End First Box */

/* Second Box */

#little_box2 {
float: right;
background-image: url(images/home_bottom.jpg);
background-repeat: no-repeat;
width: 218px;
height: 150px;
}
#suplittle_box2 {
float: right;
background-image: url(images/bot_small_image.jpg);
background-repeat: no-repeat;
width: 218px;
height: 150px;
}
#shoplittle_box2 {
float: right;
background-image: url(images/shop_bottom.jpg);
background-repeat: no-repeat;
width: 218px;
height: 150px;
}
#boxtext2 {
	float: left;
	margin: 105px 0px 0px 0px;
	width: 195px;
	height: 15px;
	font-size: 9px;
		
}
 #boxtext2 h2 {
font-size: 105%;
color: #ffffff;
font-weight:bold;
text-align:left;
padding: 5px 0px 0px 0px;
line-height: 12px; 

}

* html #boxtext2 h2 { /* for IE5-6 */
padding-top: 5px;

}

#boxtext2 p {
	
	font-size:10px;
	line-height: 12px;
}

/* End second Box */

/*Finsih - Everything inside the Right hand column*/


/* bigger box */

#prolittle_box {

float: right;
width: 300px;
height: 200px;
margin: 0px 0px 0px 0px;
}
#prosuplittle_box {

float: right;
width: 300px;
height: 200px;
margin: 0px 0px 0px 0px;
}
#protextbox {

font: 90% verdana;
height: 100px;
text-align: center;

}

#proboxtext {
	float: left;
	margin: 20px 0px 0px 0px;
	width: 300px;
	height: 25px;
		
}
 #proboxtext h2 {
font-size: 105%;
color: #ffffff;
font-weight:bold;
text-align:left;
padding: 5px 0px 0px 0px;
line-height: 12px; 

}

* html #proboxtext h2 { /* for IE5-6 */
padding-top: 5px;

}

#proboxtext p {
	
	font-size:10px;
	line-height: 12px;
}
/* End bigger Box */


#footer {

	float:left;
	width: 100%;
	text-align: center;
	margin-top: 10px;
		
}


#footermenu ul{
   padding: 8px 0px 0px 50px;
   margin: 0;
font: 75% verdana;
height: 15px;
}


#footermenu ul li{
   display : inline;

}

#footermenu ul li a{
  
   color: #FFFFFF;
   padding-left: 5px;
   padding-right: 0px;
text-decoration:none;
}


#address {

	float:left;
	width: 100%;
	text-align: center;
	font-size: 70%;
}
#bullet ul,li {
	list-style-type: none;
}

