body {
	margin: 0px;
	padding: 0px;
	text-align: center; /* workaround for IE */
	/*font: normal normal normal 13px Arial, Helvetica, sans-serif;*/
	font: normal normal normal 13px 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif; 
	color: #484848;
	background-color: #CCCCCC;
}

h1 {font: italic normal normal 24px 'Times New Roman', Times, serif; color: #A15F00; }	
h2 {font: normal normal normal 18px 'Lucida Sans Unicode', 'Lucida Grande', Helvetica, Arial, sans-serif; color: #7D3212; }
h3 {font: normal normal normal 16px 'Lucida Sans Unicode', 'Lucida Grande', Helvetica, Arial, sans-serif; color: #834100; }
h4 {font: normal normal normal 15px Verdana, Helvetica, Arial, sans-serif; color: #8F1A1A; }
h5 {font: normal normal normal 14px Verdana, Helvetica, Arial, sans-serif; color: #834100; }
h6 {font: normal normal normal 14px Tahoma, Geneva, Arial, Helvetica, sans-serif; color: #5F1400; }

h1 { margin: 0px 0px 20px 0px; }
h2 { margin: 16px 0px; }
h3, h4, h5, h6 { margin: 12px 0px; } 
ul, ol { margin: 12px 0px; }
p { margin: 16px 0px; }

b, strong { font-weight: bold; }
i, em { font-style: italic; }

ul { padding-left: 24px; list-style: square url(../images/bullet.gif) outside; }
ol { padding-left: 30px; list-style: decimal none outside; }
li { margin: 5px 0px; padding: 0px; }

hr { margin: 4px 0px 2px 0px; padding: 0px; height: 2px; color: #FFFFFF; background-color: #FFFFFF; 
     border-style: none; border-bottom: 2px dotted #A15F00; }

a, a:link, a:visited, a:active { color: #003399; text-decoration: underline; }
a:hover { color: #990000; text-decoration: underline; }

.hidden { display: none; }

.browntxt { color: #6F2D00; }
.browntxt a, .browntxt a:link, .browntxt a:visited, .browntxt a:active { color: #6F2D00; text-decoration: none; }
.browntxt a:hover { color: #6F2D00; text-decoration: underline; }

.img-border { background: #FFFFFF; padding: 3px; border: 2px solid #CCCCCC; }


#wrapper {
	width: 800px;
	padding: 10px 5px;
	margin: 0px auto;
	text-align: left;	
}
#inner-wrapper {
	float: left;
	width: 800px;
	background-color: #FFFFFF;
}

#header { width: 100%; clear: both; }
#header img { border-style: none; }
#header1 {
	padding: 15px 20px;
	height: 80px;
	background-color: #FFFFFF;
}
#header2 { 
	height: 81px;
	background-color: #A15F00;
	text-align: center;	
} 
#header2 img { display:block; margin:0px auto;}

#footer {
	clear: both;
	text-align: center;
	height: 12px;
	line-height: 12px;
	padding: 4px 0px;
	color: #666666;
	font-size: 11px;
	border-top: 3px solid #DDDDDD;
}

#container {
	float: left;
	width: 670px;
	border-left: 130px solid #FDFCFA;
}
#left-pane {
	float: left; 
	position: relative;
	width: 130px;   
	margin-left: -130px;
	margin-top: 40px;
	font: normal normal normal 14px Tahoma, Geneva, Arial, Helvetica, sans-serif;
	color: #0F0F0F;
	background: transparent url(../images/menu_bg.gif) no-repeat right bottom;
}
#center-pane {
	float: right;
	width: 620px;
	padding: 35px 20px 20px 0px;
}

#right-pane { display:none; }
#clear {
	clear: both;
	height: 1px;
	overflow: hidden;
}

#menu {
	padding: 30px 0px;	
	float: right;
	text-align: right;
}
#menu a { display: block; padding: 5px 5px 5px 0px; margin-right: 2px; height: 16px; line-height: 16px; }
#menu a, #menu a:link, #menu a:visited, #menu a:active { color: #0F0F0F; text-decoration: none; }
#menu a:hover { color: #A15F00; text-decoration: none; padding-right: 10px; background: transparent url(../images/menu_arrow.gif) no-repeat right center; }


#pagetext {
	width: 100%;
}

#contact { float:right; width:200px; height:1px; margin:-30px -15px 5px 5px; margin-right:0px; width:215px;}
#contact .dd_tbl { position:absolute; border:0; border-collapse:collapse; left:0; top:0; }
#contact a.dd_btn { display:block; position: relative; width:215px; padding:2px 0px; font-size:14px; height:16px; line-height:16px; color:#FFFFFF; text-decoration:none; text-align:center; background:#A15F00 url(../images/contact_btn_off.gif) no-repeat center center; }
#contact .dd_dd { display:none; font-weight:normal; }
#contact:hover { position:relative; z-index:100; }
#contact a.dd_btn:hover, #contact:hover a.dd_btn {border:0; background-image:url(../images/contact_btn_on.gif);text-decoration:none; position:relative;}
#contact:hover .dd_dd, #contact a.dd_btn:hover .dd_dd {
	display:block; visibility:visible; 
	position:absolute; left:-5px; top:20px; 
	width: 225px; padding: 25px 0px 60px 15px;
	background:#FDFCFA url(../images/menu_bg.gif) no-repeat 5px bottom;
	border-top:5px solid #FFFFFF;	
	font-size:12px; color: #0F0F0F;
	cursor:none; 
	text-align:left;
}
#contact .browntxt { font:normal normal bold 13px Arial, Helvetica, sans-serif; }
#contact p { margin:10px 5px 10px 0px; }
#contact img { border:0px none; }


#colours { font-size: 9px; line-height: 11px; }
#colours img { display: block; width:80px; height:80px; padding: 2px; margin: 6px 6px 0px 6px; border:1px solid #999999; cursor: pointer; }
#colours td { vertical-align: top; text-align: center; }
#colours #photo { width: 375px; border:1px solid #999999; padding: 4px; margin: 6px; }
#colours #photo_img { width: 375px; height: 375px; background: #EEEEEE; }
#colours #photo_sizeguide { width: 375px; height: 47px; background: #FFFFFF url(../Image/sizeguide.gif) no-repeat center center; margin: 5px 0px; }
#colours #photo_txt { height: 55px; line-height: 40px; font-size: 20px; text-align: center; color: #7D3212; }


#gallery td { vertical-align:middle; text-align:center; width:120px; height:120px; border:2px solid #DDDDDD; }
#gallery img { display:block; cursor:pointer; margin:auto auto; border:1px solid #333333; }
#gallery td#gallery_photo { width:400px; height:400px; background-color:#EEEEEE; background-position:center center; background-repeat:no-repeat; color:#7D3212; font-size:16px; vertical-align: top; text-align: center; }

.branches { float:left; height:350px; overflow:hidden; }
.branches div { height:350px; }
