/* CSS Document */

/*common*/
body{
margin:0;
padding:0;
background: #fff url('img/bg.png') left top repeat-x;
font:normal 80%/100% "Trebuchet MS", Arial, Helvetica, sans-serif;
}

h1{
font:normal 161%/100% "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #fff;
line-height: 25px;
margin: 0 0 7px 0;
}


h2{
font:normal 130%/100% "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #000;
padding: 0;
margin: 0 0 -10px 0;
background: #fff;
}

h2.gallery {
font:bold 100%/100% "Trebuchet MS", Arial, Helvetica, sans-serif;
text-indent: 10px;
}

h2.products{
display: inline;
font:normal 130%/100% "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #fff;
padding: 7px 20px 7px 20px;
margin: 0;
background: #c3a113;
}

h3 {
padding: 0;
font:bold 100%/100% "Trebuchet MS", Arial, Helvetica, sans-serif;
margin: 15px 0 -10px 0;
}

p{
line-height: 18px;
}

p.gallery {
text-indent: 10px;
}

p.ad{
margin: 11px 0 0 0;
}

ul{
list-style: none;
line-height: 18px;
padding:0; 
margin:0; 
}

a {
color: #912d3e;
font-weight:bold;
text-decoration: none;
}

a:hover {
text-decoration: underline; 
}

a.ad {
text-decoration: none;
color: #000;
font-weight:normal;
}

a img {
border-style: none;
}

a.ad:hover {
text-decoration: none;
cursor: hand;
}

#container{
width: 960px; 
margin: 0 auto; 
}

#topsection{
margin: 24px 0 0 0;
background: #912d3e url('img/logo.gif') left top no-repeat;
height: 114px;
padding: 0;
}

#leftarea{
float: left;
width: 100%;
margin: 20px 10px 15px 14px;
}

#leftcolumn{
margin-right: 343px; /*Set right margin to RightColumnWidth*/
padding: 0;
}

#leftcolumnhome{
background: url('img/home/home.jpg') left top no-repeat;
margin-right: 343px; /*Set right margin to RightColumnWidth*/
padding: 140px 0 0 229px;
}

.header {
background: #912d3e;
padding: 10px 0 3px 10px;
}

.leftbox{
background: #c3a113;
margin-right: 10px;
padding: 12px;
}

.leftbox2{
background: #c3a113;
padding: 10px 10px 12px 10px;
}

.leftbox3{
background: #c3a113;
padding: 10px 10px 12px 10px;
margin: 10px 0 0 0;
}

.leftbox4{
clear: left;
width: 912px;
background: #c3a113;
padding: 10px 10px 12px 10px;
margin: 10px 0 10px 0;
}

p.leftbox{
color: #fff;
margin: 0;
padding: 0;
}

#rightarea{
float: left;
width: 305px; 
margin: 20px 0 15px -343px;
padding: 0px;
background: #c3a113;
}

#rightareaextra{
float: left;
width: 305px; 
margin: 160px 0 15px -343px;
padding: 0px;
background: #c3a113;
}

#rightareapic{
float: left;
width: 305px; 
margin: 20px 0 15px -343px;
padding: 0 0 3px 0;
background: #912d3e;
}

#maincontent{
margin: 0 4px 50px 14px;
line-height: 18px;
}

.submenu{
background: #fff url('img/sub_bg.gif') right top no-repeat;
height: 25px;
padding: 10px 10px 0 10px;
margin: 0 0 5px 0;
}

.submenuactive{
background: #fff url('img/subact_bg.gif') right top no-repeat;
height: 25px;
padding: 10px 10px 0 10px;
margin: 0 0 5px 0;
}


/*homepage ads*/
.advert{
margin: 10px;
}

.adtext{
background: #fff;
padding: 0 10px 2px 10px;
}

.addresstext{
background: #fff;
padding: 1px 10px 2px 10px;
}

img.ad {
float: left; 
margin: 0 0 8px 0; 
padding: 0; 
}

img.services{
margin: 0; 
padding: 0; 
}

img.smallad {
float: left; 
margin: 0 9px 0 0; 
padding: 0; 
}

img.supplier {
float: left; 
margin: 0 9px 0 0; 
padding: 0;
border-top: solid 10px #fff; 
}

.adbox {
float: left;
width: 273px; 
margin: 0 9px 50px 0;
padding: 8px;
border: 8px solid #912d3e;
}

#footer{
clear: left;
width: 100%;
border-top: 1px solid #912d3e; 
color: #000;
text-align: center;
padding: 4px 0 25px 4px;
margin-top: 50px;
}


/* Navigation */

#navigation {
position:absolute;
width:960px;
height:41px;
margin: 0;
padding: 0;
overflow:visible;
z-index:1;
}


ul#nav {
margin:0;
padding:73px 0 0 410px;
}

ul#nav li {
display:inline;
float:left;
margin:0;
padding:0;
}

ul#nav li a {
display:block;
overflow:hidden;
height:46px;
color:#fff;
outline:none;
background: url('img/menu.gif') 0 0 no-repeat;
}

ul#nav em {
display: none;
}

ul#nav li#home, ul#nav li#home a {
	width:64px;
	background-position: 0 0;
}
ul#nav li#home a:hover {
	background-position: 0 -46px;
}

ul#nav li#home .visiting {
	background-position: 0 -46px;
}

ul#nav li#products, ul#nav li#products a {
	width:103px;
	background-position: -64px 0;
}
ul#nav li#products a:hover {
	background-position: -64px -46px;
}

ul#nav li#products .visiting {
	background-position: -64px -46px;
}

ul#nav li#services, ul#nav li#services a {
	width:82px;
	background-position: -167px 0;
}
ul#nav li#services a:hover {
	background-position: -167px -46px;
}

ul#nav li#services .visiting {
	background-position: -167px -46px;
}

ul#nav li#clients, ul#nav li#clients a {
	width:69px;
	background-position: -249px 0;
}
ul#nav li#clients a:hover {
	background-position: -249px -46px;
}

ul#nav li#clients .visiting {
	background-position: -249px -46px;
}

ul#nav li#events, ul#nav li#events a {
	width:71px;
	background-position: -318px 0;
}
ul#nav li#events a:hover {
	background-position: -318px -46px;
}

ul#nav li#events .visiting {
	background-position: -318px -46px;
}

ul#nav li#friends, ul#nav li#friends a {
	width:74px;
	background-position: -389px 0;
}
ul#nav li#friends a:hover {
	background-position: -389px -46px;
}

ul#nav li#friends .visiting {
	background-position: -389px -46px;
}

ul#nav li#enquiries, ul#nav li#enquiries a {
	width:87px;
	background-position: -463px 0;
}
ul#nav li#enquiries a:hover {
	background-position: -463px -46px;
}

ul#nav li#enquiries .visiting {
	background-position: -463px -46px;
}

table.services {
clear: left;
width: 942px;
border-collapse:collapse;
border-style:none; 
border-spacing:0;
text-align:left;
padding: 0;
margin: 0;
}

td.images{
padding: 0;
margin: 0;
border-right: solid 10px #fff;
width: 147px;
}

td.services{
background: #c3a113;
color: #fff;
font-weight: bold;
margin: 0;
border-right: solid 10px #fff; 
padding: 5px 0 5px 5px;
width: 147px;
}

#swf {
display:inline;
float:left;
width:617px;
height:463px;
margin:0 0 55px 0;
padding:0;
}