/*Global*/


html{
  height: 100%;}


body
{
  font-family: times, serif;

  padding: 0px;

  margin: 0px;

  font-size: 1.0em;
}

/***************/


/*Anchors*/


a{
  outline: none;}


a, a:link, a:visited {

  color:#000099;

  text-decoration:none;
}

a:hover {

  text-decoration:underline;
}


#menu li a 
{
  color: #FFFFFF;
  font-weight: bold;
  text-decoration: none;


  border-color: #2C2C2A;

  display: block;

  float: left;

  height: 28px;


  border-right: 2px solid;

  padding: 4px 19px 0px 19px;

  background:transparent url(./Images/navigation.png) no-repeat scroll left top;
}


#menu li a:hover, #menu li a.current, #menu li a.current:hover
{
  color: #000099;
  background: transparent url(./Images/navigation.png) no-repeat scroll left top;


  background-position: 0 -34px;}






/***************/

/*Elements*/




p
{
  margin: 0px;

  padding: 0px 0px 16px 0px;
  font-size: 14px;

  line-height: 1.2em;
}


p2
{
  margin: 0px;

  padding: 0px 0px 16px 0px;

  line-height: 1.8em;

  text-transform: uppercase;

  font-size: 80%;
}
h1
{
  font-family: times, serif;

  letter-spacing: .1em;

  font-weight: normal;

  color: #663300;
  text-transform: uppercase;

  padding: 16px 0px 5px 0px;

  margin: 0px 0px 12px 0px;

  font-size: 150%;
}


h2
{
  font-family: times, serif;;

  letter-spacing: .1em;

  font-weight: normal;

  text-transform: uppercase;

  padding: 16px 0px 5px 0px;
 
 margin: 0px 0px 0px 0px;
 
 font-size: 150%;
}


h3
{
  font-family: times, serif;
  letter-spacing: .1em;

  font-weight: normal;

  text-transform: uppercase;

  padding: 0px 0px 0px 0px;

  margin: 0px 0px 12px 0px;

  font-size: 150%;
}

h4
{
  font-family: times, serif;
  letter-spacing: .1em;

  font-weight: bold;

  color: #999900;
  background: #505050;
  text-transform: none;

  padding: 15px 0px 35px 0px;

  margin: 0px 0px 0px 0px;

  text-align: center;
  font-size: 225%;
}




/*Block Quote*/


blockquote
{
  margin: 20px 0px 20px 0px;
  padding: 10px 20px 0px 20px;

  border-left: 8px solid;
}




/*Unordered List*/

ul
{
  margin: 2px 0px 18px 16px;

  padding: 0px;
}


ul li
{
  list-style-type: solid;

  margin: 0px 0px 6px 0px;

  padding: 0px;
}




/*Ordered List*/


ol
{
  margin: 8px 0px 0px 24px;

  padding: 0px;
}


ol li
{
  margin: 0px 0px 11px 0px;

  padding: 0px;
}


/*Tables*/

table{
  width: 500px;}






/***************/



/*Site Content*/


#main
{

  width:880px;

  padding-top: 50px;
}




/*Design Box First*/



.designBoxFirst
{

  background:transparent url(./Images/content_left.jpeg) no-repeat scroll left top;

  clear:left;

  margin-bottom:10px;
  
padding-top:16px;

  position:relative;
}


.designBoxFirst .boxFirstHeader
{

  color:#000099;
  
font-size:18px;

  font-weight:bold;
  
height:20px;

  padding:3px 0px 0px 40px;
  
position:relative;
  
text-align:left;
  
text-transform:uppercase;
}

.designBoxFirst .boxContent
{

  font-size:13px;
  overflow:hidden;

  padding:10px 0pt 10px 24px;
  
position:relative;
}




/*Design Box Second*/


.designBoxSecond 
{

  background:transparent url(./Images/content_right.jpeg) repeat-x scroll left top;
}


.designBoxSecond .boxSecondHeader
{

  color: #663300;

  font-size: 18px;

  font-weight: bold;
  
height: 20px;

  padding: 30px 0px 0px 40px;

  position: relative;
  
text-align: left;
  
text-transform: uppercase;
}

.designBoxSecond .boxContent
{

  font-size: 13px;
  
overflow: hidden;
  
padding: 10px 24pt 10px 24px;
  
position: relative;
}


.contentleft
{
  float:left;
  
width: 80%;
  
position: relative;
}


.inner-left
{

  float:left;
  
width: 50%;
  
position:relative;
}


.inner-right
{

  float:right;
  
width: 50%;
  
position: relative;
}


.contentright
{

  float:right;

  width: 20%;

  position: relative;
}



.pagepics
{

  background:transparent;
  
clear:left;
  
margin-bottom:10px;

  position:relative;
}

/*Design Box Alt*/


.designBoxAlt 
{

  background:transparent url(./Images/content_right.jpeg) repeat-x scroll left top;
}


.designBoxAlt .boxSecondHeader
{

  color: #660000;

  font-size: 18px;

  font-weight: bold;
  
height: 20px;

  padding: 30px 0px 0px 40px;

  position: relative;
  
text-align: left;
  
text-transform: uppercase;
}

.designBoxAlt .boxContent
{

  font-size: 13px;
  
overflow: hidden;
  
padding: 10px 24pt 10px 24px;
  
position: relative;
}


.contentleft
{
  float:left;
  
width: 80%;
  
position: relative;
}


.inner-left
{

  float:left;
  
width: 50%;
  
position:relative;
}


.inner-right
{

  float:right;
  
width: 50%;
  
position: relative;
}


.contentright
{

  float:right;

  width: 20%;

  position: relative;
}



.pagepics
{

  background:transparent;
  
clear:left;
  
margin-bottom:10px;

  position:relative;
}


/*Design Box Third*/


.designBoxThird 
{

  background:transparent url(./Images/content_right.jpeg) repeat-x scroll left top;
}


.designBoxThird .boxThirdHeader
{

  color: #FF6600;

  font-size: 18px;

  font-weight: bold;
  
height: 20px;

  padding: 30px 0px 0px 40px;

  position: relative;
  
text-align: left;
  
text-transform: uppercase;
}

.designBoxThird .boxContent
{

  font-size: 13px;
  
overflow: hidden;
  
padding: 10px 24pt 10px 24px;
  
position: relative;
}


.contentleft
{
  float:left;
  
width: 80%;
  
position: relative;
}


.inner-left
{

  float:left;
  
width: 50%;
  
position:relative;
}


.inner-right
{

  float:right;
  
width: 50%;
  
position: relative;
}


.contentright
{

  float:right;

  width: 20%;

  position: relative;
}



.pagepics
{

  background:transparent;
  
clear:left;
  
margin-bottom:10px;

  position:relative;
}



/*Thumb Images*/



.thumb_block
{
  position:relative;
   height:100px;}

.thumb_image
{
  
float:left;
  
margin:0pt 5px 5px 5px;
  
width:70px;
}





/*Margin Lefts / Margin Rights - To Center Content*/


#logo, #menu, #site_content, #main
{
  margin-left: auto;

  margin-right: auto;
}







/*Navigation Menu*/


#menu 
{
  height: 32px;

  width: 880px;
}


#menu ul {
  margin: 0px auto;}


#menu li 
{
  float: left;

  margin: 0px;

  padding: 0px;

  list-style: none;
}


#colours 
{
  height: 0px;

  text-align: right;

  padding: 16px 16px 0px 300px;
}


/***************/

/*Main Content*/


#site_content 
{
  width: 878px;

  overflow: hidden;
  border-right: 1px solid;

  border-bottom: 1px solid;

  border-left: 1px solid;
}




/*Side Menu*/


#first_column
 {
  padding: 22px 3px 10px 19px;

  float: left;

  width: 300px;
}



.info 
{
  padding-top: 4px;

  float: left;
}




/*Page Content*/


#content
{
  text-align: left;

  width: 542px;

  float: left;

  padding: 12px 0px 18px 0px;
}


#footer
{
  text-align: center;
  padding: 10px;
  
font-size: 12px;}



#footer #copy_r
{

  float: right;
}




/***************/

/*Colors*/



body
{
  background: #2C2C2A;

  color: #000000;

  background: url(./Images/background.jpg) repeat scroll;
}


blockquote{
  border-color: #40403E;}


#site_content
{
  background-color: #505050;

  border-color: #40403E;
}




#content h1, h2
{
  background: transparent;

  color: #E6E8DC;

  border-color: #40403E;

}


#contact input, #contact textarea, #contact input.submit
{
  background: #2C2C2A;

  color: #929280;

  border-color: #40403E;
}


#menu
{
  background: #559911;

  color: #000000;
  border-color: #82974B;
}