* {

margin:0;

padding:0;

}

body {

font-size:12px;

font-family:Trebuchet MS;

color: black;

background-color: #A57642;

text-align: center; /* centering the content for IE6 */

}



.footerlink:link {

color:#A8795D;

}

.footerlink:hover {

color:#A8795D;

text-decoration:none;

}

.headerlink:link {

color:#E8D8A5;

text-decoration:none;

}



h2 {

font-size:14px;

font-family:Arial;

color: #0568B7;

}



.footertext {

font-size:11px;

font-family:Arial;

font-weight:normal;

color:#E8D8A5;

}

.footertextlower {

font-size:11px;

font-family:Arial;

font-weight:normal;

color:#A8795D;

line-height:25px;

}



#strapline {

padding-top:0px;

padding-left:8px;

width:770px;

}

td.strapline {

padding-top:3px;

height:18px;

font-size:11px;

font-family:Trebuchet MS;

font-weight:bold;

color:#E8D8A5;

}



#navigation {

margin-left:2px;

margin-top:133px;

width:767px;

border:1px solid #914D2C;

height:28px;/* so the content has the height of the menu and visa

versa */

}



#navigation ul {

	margin: 5px 0px;

}



#navigation li {

	float:right;

	list-style:none;



}

#navigation a {

	border-left:1px solid #914D2C;

	padding:0 10px 0 10px;

	font-weight:bold;

	text-align:center;

	text-decoration:none;

	background: url(../images/nav_grad.jpg) repeat-x;

}



#navigation a:link, #navigation a:visited {

	color:#E8D8A5;

}

#navigation a:hover, #navigation a:active {

	color:#fff;

	background:#914D2C;

}

.aboutus {

background:#914D2C;

}

.service {

background:#914D2C;

}

.contactus {

background:#914D2C;

}



#submenu {

margin-left:6px;

font-family:Trebuchet MS;

}



#home {

	margin-top:7px;

	margin-left:13px;

	text-decoration:none;

	font-size:11px;

	font-family:Trebuchet MS;

	font-weight:bold;

}

a:link, #home a:visited {

 	color:#560000;

	text-decoration:none;

}

#home a:hover, #home a:active {

	color:#8D0000;

}



#wrapper {

display:table; /* must put this in for FireFox. */

width:790px;

margin:auto; /* for IE6 and Firfox centering */

text-align:left; /* so that IE6 and Firefox puts the text to the left

height:400px; /* Have to put SOMETHING in here for the height for both

browser. DO NOT put in a percentage, must be a pixel value */

background: #A57642 url(../images/background.jpg) repeat-y; 

}



#wrapper-bottom {

display:table;

width:790px;

margin:auto;

background: #A57642 url(../images/background-bottom.jpg) no-repeat;

height:9px;

}



#nav {

float:left; /* float the menu to the left */

width:181px;

background-color:#E8D8A5;

height:100%; 

padding-left:20px;

}



#main {

float:left; /* float the content to the right */

width:592px;

background:#FFFFFF;

height:100%;/* so the content has the height of the menu and visa

versa */

}



#banner {

width:775px;

padding:2px;

margin-left:6px;

background: #560000 url(../images/header.jpg) repeat-x; 

height:187px;/* so the content has the height of the menu and visa

versa */

}

#bannerborder {

width:773px;

border:1px solid #CB9957;

height:183px;/* so the content has the height of the menu and visa

versa */

}



#base {

width:778px;

height:71px;

background-color:#560000;

padding-top:1px;

margin-top:1px;

margin-left:6px;

text-align:center;

}



#footer {

width:99.5%;

margin:auto;

border:1px solid #873C25;

height:66px;

text-align:right;

}



#pagetitle {

height:34px;

text-align:left;

background: #FFFFFF url(../images/pagetitle.jpg) repeat-x; 

padding-left:10px;

padding-top:5px;

font-size:11px;

color:#8D0000;

font-family:Trebuchet MS;

}



#pad {

padding:10px; 

}



#thumbpanel {

display:table;

margin-left:10px;

}



#mainbody {

position:relative;

width:550px;

margin-top:0px;

font-size:11px;

font-family:Trebuchet MS;

padding:10px;

}



#mainbodyhome {

position:relative;

width:570px;

margin-top:0px;

font-size:11px;

font-family:Trebuchet MS;

padding:10px;

}

td.mainbody {

position:relative;

width:550px;

margin-top:0px;

font-size:11px;

font-family:Trebuchet MS;

color:#725A42;

}

td.mainbodybold {

position:relative;

width:550px;

margin-top:0px;

font-size:11px;

font-family:Trebuchet MS;

color:#725A42;

}

#thumbleftspacer {

position:relative;

margin-right:8px;

float:left;

}

#thumbhome, .thumbhome {

float:left;

display:table;

margin-top:0px;

margin-right:6px;

margin-bottom:6px;

}

#thumb, .thumb {

margin-top:0px;

margin-right:3px;

margin-bottom:3px;

float:left;

height:48px;

}

#thumbnails {

border:1px solid #530103;

width:158px;

padding-left:4px;

padding-top:4px;

margin-bottom:5px;

display:table;

}

#mainpicture {

position:relative;

width:400px;

margin-top:0px;

margin-left:8px;

border:1px #530103 solid;

}

#mainpicturewide {

position:relative;

width:570px;

margin-top:0px;

margin-left:8px;

border:1px #530103 solid;

}

td.mainbodybold {

font-size:11px;

font-family:Trebuchet MS;

padding:10px;

color:#725A42;

}



td.mainbody li {

margin-left:10px;

padding-left:15px;

text-indent:-15px;

}



td.toplevelhome {

padding-left:5px;

}

td.toplevel {

padding-left:5px;

border-top:1px dotted #7E3A2D;

}



.toplevel {

display:block;

padding-top:2px;

padding-bottom:1px;

font-size: 11px;

font-weight:bold;

text-decoration:none;

color:#560001;

}

.toplevel:hover {

margin-left:-10px;

padding-left:10px;

background:#560001;

color:#FFFFFF; 

}

.sublevel, .subleveldouble {

display:block;

background: #E4C67E url(../images/submenu_arrow.jpg) no-repeat;

width:165px;

padding-top:2px;

font-weight:normal;

font-size: 11px;

text-decoration:none;

color:#560001;

}



.sublevel {height:21px;} 

.subleveldouble {height:42px;}



.sublevel:hover, .subleveldouble:hover {

background: #D7AB6F url(../images/submenu_arrow_hover.jpg) no-repeat;

color:#FFFFFF; 

padding-bottom:1px;

}



.sublevelon, .subleveldoubleon {

display:block;

background: #D7AB6F url(../images/submenu_arrow_on.jpg) no-repeat;

width:165px;

padding-top:2px;

font-weight:normal;

font-size: 11px;

text-decoration:none;

color:#560001;

}



.sublevelon {height:21px;} 

.subleveldoubleon {height:42px;}





.sublevelexpand {

display:block;

background: #E4C67E url(../images/submenu_arrow_down.jpg) no-repeat;

width:165px;

height:21px;

padding-top:2px;

font-weight:normal;

font-size: 11px;

text-decoration:none;

color:#560001;

}

.sublevelexpand:hover {

background: #E4C67E url(../images/submenu_arrow_down_hover.jpg) no-repeat;

color:#FFFFFF; 

padding-bottom:1px;

}

.subleveldot {

display:block;

background: #EAD093 url(../images/submenu_dot.jpg) no-repeat;

width:165px;

height:21px;

padding-top:2px;

font-weight:normal;

font-size: 11px;

text-decoration:none;

color:#560001;

}

.subleveldot:hover {

background: #E4C67E url(../images/submenu_dot_hover.jpg) no-repeat;

color:#FFFFFF; 

padding-bottom:1px;

}

.subleveldoton {

display:block;

background: #D7AB6F url(../images/submenu_dot_on.jpg) no-repeat;

width:165px;

height:21px;

padding-top:2px;

font-weight:normal;

font-size: 11px;

text-decoration:none;

color:#560001;

}

ul#menu {

  list-style-type: none;

  margin: 0;

}



ul#menu ol {

  display: none;

  text-align: left;

  list-style-type: none;

  margin:0; 

}



ul#menu li, 

  ul#menu a {

  font-family: Trebuchet MS;

  cursor:pointer;

}



ul#menu li {

	border-bottom:1px dotted #7E3A2D;

	width:165px;

}



ul#menu ol li {

  border-bottom: none;

  padding-top:1px;

}



ul#menu a {

  text-decoration: none;

  outline: none;

  padding-left:5px;

  padding-top:3px;

  color:#560000;

}



ul#menu a:hover {

  color: #8E5C37;

}



ul#menu li a.active {

  text-align:left;

  background: url(../images/menu_on.jpg) no-repeat;

  color:#FFFFFF;

  display:block;

  height:24px;

  width:165px;

}







ul#menuon {

  list-style-type: none;

  margin: 0;

}



ul#menuon li, 

  ul#menuon a {

  font-family: Trebuchet MS;

  cursor:pointer;

}



ul#menuon li {

  border-bottom: none;

  padding-top:1px;

  width:165px;

  text-align: left;

  list-style-type: none;

}



ul#menuon a {

  text-decoration: none;

  outline: none;

  padding-left:5px;

  padding-top:3px;

  color:#560000;

}



ul#menuon a:hover {

  color: #8E5C37;

}



td.toplevelon {

  background: url(../images/menu_on.jpg) no-repeat;

  display:block;

  width:165px;

  height:25px;

  text-align:left;

}

td.toplevelonhigh {

  background: url(../images/menu_on_high.jpg) no-repeat;

  display:block;

  width:165px;

  height:39px;

  text-align:left;

}

.toplevelon {

  color:#FFFFFF;

  font-size: 11px;

  font-weight:bold; 

  text-decoration:none;

  padding-left:5px;

  line-height:20px;

}

ul#menuborder {

  width:165px;

  border-bottom:1px dotted #7E3A2D;

  margin-top:5px;

}

.heading {

font-size:11px;

color:#8D0000;

font-family:Trebuchet MS;

font-style:normal; 

}

.headingtwo {

font-size:11px;

color:#8D0000;

font-family:Trebuchet MS;

font-style:italic; 

}

#secondvidbtn {

margin-top:5px;

}

.linkcolour {

color:#E8D8A5;

}