/* -----------------------------------------------------------------------------------------------
	
	CSS DOCUMENT FOR John Dickson and Son
	CREATED BY THE ZEN AGENCY, GLASGOW
	COPYRIGHT THE ZEN AGENCY, GLASGOW
									   								   								   
   ------------------------------------------------------------------------------------------------*/
/* GENERAL STYLES */
/*--------------------------------------------------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
	border: 0;
	}

html,body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 140%;
	color: #1F1E10;
	}
	
html {
	background: url(../images/bg.jpg) center top repeat;
	}
	
body {
	background: url(../images/bg_2.jpg) center top repeat-y;
	padding: 20px 0 20px 0;
	}



/*--------------------------------------------------------------------------------------------------*/
/* GENERAL TEXT STYLES */
/*--------------------------------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6, p {
	margin: 0 0 10px 0;
	font-weight: normal;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	}

h1 {
	font-size: 180%;
	color: #193E2C;
	}

h2 {
	font-size: 160%;
	color: #193E2C;
	}

h3 {
	font-size: 150%;
	color: #193E2C;
	}

h4 {
	font-size: 123%;
	color: #193E2C;
	}

h5 {
	font-size: 120%;
	color: #193E2C;
	}

h6 {
	font-size: 110%;
	color: #193E2C;
	}

p {
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	}

.smaller{
    font-size:80%;
    }
/*--------------------------------------------------------------------------------------------------*/
/* HEADER STYLES */
/*--------------------------------------------------------------------------------------------------*/

#header {
	float: left;
	display: inline;
	background: #D8D4B1 url(../images/header_bg.jpg) left top repeat-y;
	width: 100%;
	padding: 20px 0 20px 0;
	border-bottom: 2px solid #000000;
}

#logo, #logo a img {
	text-align: center;
	}


/*--------------------------------------------------------------------------------------------------*/
/* MENU STYLES */
/*--------------------------------------------------------------------------------------------------*/

#menu {
	float: left;
	display: inline;
	background: #0D3A35 url(../images/menu_item_bg.jpg) left top repeat-x;
	width: 100%;
	font-family: "Times New Roman", Times, serif;
	font-size: 130%;
	border-bottom: 2px solid #0f0904;
	z-index: 1000;
	}

/*--------------------------------------------------------------------------------------------------*/
/* FLASH BANNER AREA STYLES */
/*--------------------------------------------------------------------------------------------------*/

#banner_pic {
	float: left;
	display: block;
	width: 100%;
	height: 220px;
	overflow: hidden;
	border-bottom: 2px solid #0f0904;
	background: #233330;
	z-index: 20;
	}

#portfolio {
	z-index: 70;
	}

/*--------------------------------------------------------------------------------------------------*/
/* MAIN CONTENT AREA STYLES */
/*--------------------------------------------------------------------------------------------------*/

#container {
	margin: 0 auto;
	width: 880px;
	background: #EAE8D5 url(../images/content_bg.jpg) top left repeat-y;
	border: 5px solid #0f0904;
}

#content {
	float: left;
	display: inline;
	width: 100%;
	padding:0 0 20px 0;
}

.main_header {
	float: left;
	display: inline;
	width: 840px;
	padding: 10px 20px 10px 20px;
	margin: 0 0 20px 0;
	color: #1f0a02;
	background: #e1dbc1 url(../images/heading_bg.jpg) bottom left repeat-x;
	}

.main_text {
	float: left;
	display: inline;
	width: 600px;
	margin: 0 0 0 20px;
	text-align: justify;
	}

/*------------------------------------------------------------------------------------------------------*/
/*BULLET LISTS AND LINKS FOR MAIN TEXT AREA*/
/*-------------------------------------------------------------------------------------------------------*/

.main_text ul {
	list-style-type: square;
	margin: 0 0 7px 20px;
	font-weight: normal;
}

.main_text ul li {
	padding: 0 0 3px 0;
}

.main_text a {
	color: #24563D;
	text-decoration: none;
}

.main_text a:hover {
	color:#000000;
	text-decoration: none;
}

/*------------------------------------------------------------------------------------------------------*/
/*MAIN IMAGE AREA STYLES*/
/*-------------------------------------------------------------------------------------------------------*/
.main_image {
	float: left;
	display: inline;
	padding: 3px;
	margin: 0 10px 10px 0;
	border: 1px solid #cccccc;
	background: #ffffff;
	width: 200px;
	overflow:hidden;
	}

.main_image img {
	float: left;
	display: inline;
	width: 200px;
	}

.side_image{
    float: right; 
	display: inline;
    padding:0 0 10px 10px;
}

.side_image img{
    border: 1px solid #bcb693;
	background: #f2f1e5;
	padding: 2px;
	max-width: 294px;
}

/*------------------------------------------------------------------------------------------------------*/
/*LEFT NAV STYLES*/
/*-------------------------------------------------------------------------------------------------------*/

.left_nav {
	float: right;
	display: inline;
	width: 200px;
	margin: 0 20px 0 0;
	font-size: 110%;
	}

.left_nav ul {
	float: left;
	display: inline;
	list-style-type: none;
	margin: 0 0 20px 0;
	font-weight: normal;
	color: #24563D;
	width: 200px;
	font-family:"Times New Roman", Times, serif;
}

.left_nav ul li{
	float: left;
	display: inline;
	padding: 5px 0 5px 0;
	font-weight: bold;
	border-bottom: 1px solid #bcb693;
	width: 200px;
	color:#000000;
}

.left_nav ul li a {
	float: left;
	display: inline;
	padding: 0 0 0 10px;
}

.left_nav ul li.sub a{
	float: left;
	display: inline;
	padding: 0 0 0 10px;
	margin: 0 0 0 10px;
	width: 140px;
	font-size: 80%;
	font-weight: bold;
	color: #24563D;
	background: url(../images/nav_bullet.jpg) left center no-repeat;
}

.left_nav ul li.sub a:hover{
	color:#0d2017;
}

.left_nav a {
	color: #24563D;
	text-decoration: none;
}

.left_nav a:hover {
	color:#0d2017;
	text-decoration: none;
}

.list_heading { /* top list item appears different with sub items below */
    margin: 0 0 8px 0;
	font-weight: normal;
	font-size: 150%;
	font-family: "Times New Roman", Times, serif;
}

.left_nav ul li.list_heading a { /* top list item appears different with sub items below */
	margin: 0;
	padding: 0;
	background: none;
}

/*--------------------------------------------------------------------------------------------------*/
/* FOOTER STYLES */
/*--------------------------------------------------------------------------------------------------*/

.clear {
	width: 100%;
	height: 1px;
	clear: both;
	overflow: hidden;
	}

.footer_holder {
	float: left;
	display: inline;
	width: 880px;
	padding: 10px 0 10px 0;
	background: #e1dbc1 url(../images/item_bg.jpg) bottom left repeat-x;
	border-top: 1px solid #ABA583;
	font-family: "Times New Roman", Times, serif;
	}

.footer_left {
	float: left;
	display: inline;
	width: 410px;
	text-align: left;
	margin: 0 0 0 20px;
	}

.footer_right {
	float: right;
	display: inline;
	width: 410px;
	text-align: right;
	margin: 0 20px 0 0;
	font-size: 80%;
	}

/* horizontal links in footer */
.footer_left ul {
	float: left;
	display: inline;
	}

.footer_left ul li,
.footer_right ul li {
	display: inline;
	}

.footer_left ul li a,
.footer_right ul li a {
	padding: 0 5px 0 0;
	margin: 0 5px 0 0;
	border-right: 1px solid #24563D;
	}

.footer_holder a {
	color: #24563D;
	font-weight: bold;
	text-decoration: none;
	}

.footer_holder a:hover {
	color: #0C1D14; 
	}
   
    
/*--------------------------------------------------------------------------------------------------*/
/* CONTACT FORM STYLES */
/*--------------------------------------------------------------------------------------------------*/

.contact_form {
    float: left;
    display: inline;
    width: 370px;
    padding: 10px 0 0 0;
}
    
.contact_form_line {
    float: left;
    display: inline;
    width: 100%;
    padding: 0 0 10px 0;
}

.contact_form_label {
    float: left;
    display: inline;
    width: 100%;
    font-weight: bold;
}

.contact_form_input {
    float: left;
    display: inline;
    width: 100%;
    border: 1px solid #cccccc;
    color: #666666;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
}

.submit_btn_left {
    float: left;
    display: inline;
    padding: 2px 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    background: #24563d url(../images/btn_bg.jpg) bottom left repeat-x;
    color: #ffffff;
	border: 1px solid #14462D;
	font-weight: bold;
}

.submit_btn_left:hover {
	cursor: pointer;
	background: #14462D url(../images/btn_bg_hover.jpg) bottom left repeat-x;
}
   
    
/*--------------------------------------------------------------------------------------------------*/
/* SUB PAGES  */
/*--------------------------------------------------------------------------------------------------*/

.sub_pages_item{
	float: left;
	display: inline;
	width: 100%;
    background: url(../images/border_motif.gif) center bottom no-repeat;
    padding: 10px 0 50px 0;
    }
.sub_pages_image_left{
    float:left;
    margin: 0 10px 10px 0; 
	border: 1px solid #BCB693;
	padding: 2px;
	background: #ffffff;
    }
    
.sub_pages_image_right{
    float:right;
    margin: 0 0 10px 10px;
	border: 1px solid #BCB693;
	padding: 2px;
	background: #ffffff;
    }

/*--------------------------------------------------------------------------------------------------*/
/* Search  */
/*--------------------------------------------------------------------------------------------------*/

.side_list {
	width: 200px;
	margin: 0 0 8px 0;
	}


/*--------------------------------------------------------------------------------------------------*/
/* CATALOGUE LIST PAGE STYLES  */
/*--------------------------------------------------------------------------------------------------*/

.catalogue_index {
	float: left;
	display: inline;
	width: 600px;
	margin: 20px 0 0 0;
	text-align: justify;
	background: url(../images/btm_motif.gif) center bottom no-repeat;
	}

.catalogue_item {
	float: left;
	display: inline;
	width: 180px;
	padding: 4px;
	background: #f2f1e5;
	border: 1px solid #bcb693;
	margin: 0 10px 10px 0;
	text-align: justify;
	}

.catalogue_item_image {
	float: left;
	display: inline;
	width: 180px;
	}

.catalogue_item_image a img,
.catalogue_item_image img {
	float: left;
	display: inline;
	width: 178px;
	overflow: hidden;
	border: 1px solid #bcb693;
	}

.catalogue_item_image a img:hover {
	border: 1px solid #8b876d;
	}

.catalogue_item_text {
	float: left;
	display: inline;
	width: 100%;
	margin: 8px 0 0 0;
	}

.catalogue_footer {
	float: left;
	display: inline;
	width: 590px;
	font-weight: bold;
	padding: 30px 10px 30px 0;
	margin: 10px 0 0 0;
	background: url(../images/top_motif.gif) center top no-repeat;
	}

.catalogue_footer_left {
	float: left;
	display: inline;
	width: 190px;
	}

.catalogue_footer_center {
	margin: 0 auto;
	width: 190px;
	text-align: center;
	color: #575435;
	}

.catalogue_footer_right {
	float: right;
	display: inline;
	width: 190px;
	text-align: right;
	}

.catalogue_footer_left a,
.catalogue_footer_right a {
	padding: 3px 10px;
	background: #D8D4B1;
	border: 1px solid #575435;
	color: #575435;
	}

.catalogue_footer_left a:hover,
.catalogue_footer_right a:hover {
	background: #D8D4B1;
	border: 1px solid #bcb693;
	color: #575435;
	}

/*--------------------------------------------------------------------------------------------------*/
/* CATALOGUE ITEM PAGE STYLES  */
/*--------------------------------------------------------------------------------------------------*/

.catalogue_item_top {
	float: left;
	display: inline;
	width: 100%;
	margin: 10px 10px 0 0;
	}

.catalogue_item_bottom {
	float: left;
	display: inline;
	width: 100%;
	margin: 10px 0 0 0;
	padding: 0 0 30px 0;
	text-align: left;
	background: url(../images/btm_motif.gif) center bottom no-repeat;
	}

.catalogue_item_gallery_holder {
	float: left;
	display: inline;
	width: 100%;
	padding: 0 0 30px 0;
	margin: 10px 0 10px 0;
	background: url(../images/top_motif.gif) center bottom no-repeat;
	}

.catalogue_item_gallery {
	float: right;
	display: inline;
	width: 305px;
	margin: 0 0 10px 15px;
	padding: 5px 0;
	background: #f2f1e5;
	border: 2px solid #bcb693;
	}

.catalogue_item_row {
	float: left;
	display: inline;
	width: 100%;
	}

.catalogue_item_column { /*this holds the headings*/
	float: left;
	display: inline;
	width: 110px;
	margin: 0 10px 0 0;
	}

.catalogue_item_column2 { /*this holds the values which need to be slightly wider*/
	float: left;
	display: inline;
	width: 170px;
	margin: 0 10px 0 0;
	}

/*--------------------------------------------------------------------------------------------------*/
/* HOMEPAGE FEATURE STYLES  */
/*--------------------------------------------------------------------------------------------------*/

.full_width_feature {
	float: left;
	display: inline;
	width: 580px;
	padding: 8px;
	margin: 0 0 20px 0;
	background: #f2f1e5;
	border: 2px solid #bcb693;
	}

.full_width_feature .feature_pic img,
.full_width_feature .feature_pic a img {
	margin-bottom: 0;
	}

.feature_pic img,
.feature_pic a img {
	float: left;
	display: inline;
	max-width: 180px;
	margin: 0 10px 10px 0;
	border: 1px solid #bcb693;
	background: #f2f1e5;
	padding: 2px;
	}

.feature_pic a img:hover{
	border: 1px solid #8b876d;
	}

.full_width_feature_text {
	float: left;
	display: inline;
	width: 370px;
	}

.half_width_feature_left {
	float: left;
	display: inline;
	width: 285px;
	padding: 0 14px 0 0;
	margin: 0 0 10px 0;
	border-right: 1px solid #bcb693;
	text-align: left;
	}

.half_width_feature_right {
	float: left;
	display: inline;
	width: 285px;
	padding: 0 0 0 15px;
	text-align: left;
	}

.feature_text {
	float: left;
	display: inline;
	}

/*------------------------------------------------------------------------------------------------------*/
/*NEWS LIST STYLES (these styles overide some of the set styles for "left_nav") */
/*-------------------------------------------------------------------------------------------------------*/

.news_list li {
	font-weight: normal;
	}

.news_list li a {
	padding: 0;
	margin: 0 0 0 -10px;
	}

/*------------------------------------------------------------------------------------------------------*/
/* MAP AREA STYLES */
/*-------------------------------------------------------------------------------------------------------*/

#map {
	
	}

.map_area {
	float: left;
	display: inline;
	width: 594px;
	height: 250px;
	background: #ffffff;
	margin: 5px 0 0 0;
	padding: 2px;
	border: 1px solid #bcb693;
	}

.map_text {
    position: absolute;
	margin: -15px 0 0 15px;
	width: 200px;
	font-size: 120%;
	line-height: 1.3em;
	padding:10px 10px 0px 10px;
    background: #111111;
	border: 1px solid #bcb693;
	color: #ffffff;
	z-index: 500;
	/* OPACITY SETTINGS ________________________________________________________ */
	opacity: .8; /* for all other browsers */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* for IE8 */
	filter: alpha(opacity=80); /* for IE5-7 */
    }

.map_text p{
	font-family:"Times New Roman", Times, serif;
	}
    
.map_text a {
    color: #EDE9DC;
	text-decoration: none;
	font-weight: bold;
    }

.map_text a:hover {
    color: #ffffff;
    }
    
.map_text_image{
    height:75px;
    overflow:hidden;
    padding-top:5px;
    }

select {
	border: 2px solid #bcb693;
	}