/*** quaysoide exchange *************************************************/
/*** see additional CSS files for interchangeable font / bg colouring ***/
/************************************************************************/

html { overflow-y: scroll; }

body, html, table, tr, th, td, p, br, div, span, h1, h2, h3, h4, h5, h6, form, img  { border: none; margin: 0; padding: 0; }

body {
	background-color: #fff;
	color: #333;
	font-family:  verdana, arial, "Bitstream Vera Sans", geneva, helvetica, helve, sans-serif;
	font-size: 16px;
	text-align: center;
}

	* html body { font-size: medium; }

#skiptomain { display: none; }

a { color: #000; }
a:hover, a:active { color: #333; }
.inline, form { display:inline; }
.breaker { clear: both; }
.lbreaker { clear: left; }
.rbreaker { clear: right; }

p { margin: 10px 0 0 0; }
p.fivespace { margin: 5px 0 0 0; }
p.tenspace { margin: 10px 0 0 0; }
p.fifteenspace { margin: 15px 0 0 0; }
p.twentyspace { margin: 20px 0 0 0; }

.txt-bold { font-weight: bold; }
.txt-limited-footer { line-height: 1.5em; }

#site-de-bugger {
	width: 950px; 
	border: 1px solid #c00; 
	font-size: 0.75em; 
	line-height: 1.4em;
	margin: 10px auto; 
	padding: 4px; 
	text-align: left; 
}

	#site-de-bugger p {
		width: 300px; 
		float: left; 
		margin: 0 10px 0 0; 
		padding: 0;
	}

#outer-wrapper {
	width: 960px;
	height: 40px;
	margin: 10px auto 0 auto;
}

	#outer-header {
		width: 960px;
		height: 30px;
		font-size: 0.8em;
		line-height: 30px;
		margin: 0 0 10px 0;
		text-align: right;
		/* font colour changes */
	}
	
	#page-hero {
		width: 940px;
		height: 300px;
		margin: 0 0 1px 0;
	}
	
		#page-thumbs {
			display: block;
			float: right;
			position: relative;
			top: 250px;
			right: 10px;
			z-index: 99;		
		}

			#page-thumbs img {
				border:solid 1px #999;
				height:36px;
				width:113px;
				margin-left: 10px;
			}

			#page-thumbs a.activeSlide img{
				border: solid 1px #FFF;
			}
	
	#home-feats {
		width: 940px;
		height: 259px;
		margin: 9px 0 0 0;	
	}

    #home-text {
        background: #ae9962;  
		width: 920px;
        height: 71px; 
        margin-bottom: 9px;
		padding: 7px 10px;
		color: #504525;
    }
    
        #home-text h1 {
            font-size: 1.4em;
            font-weight: normal;
            /*font-family: "Times New Roman", serif;*/
        }
        
        #home-text p {
            font-size: 0.8em;
            line-height: 1.4em;
            margin-top: 6px;
        }
	
		.home-feat-title {
			width: 274px;
			height: 32px;
			line-height: 32px;
			padding: 5px 15px;
			margin: 0 0 2px 0;
		}
		
			.home-feat-title h2 {
				font-size: 1.0em;
			}
	
		#home-feat-1 {
			width: 304px;
			height: 164px;
			float: left;
			margin: 0 14px 0 0;
		}
		
			#home-feat-1 .home-feat-title { 
				background-color: #ae9962;
				color: #000;
			}
			
				#home-feat-1 .home-feat-title a:link, #home-feat-1 .home-feat-title a:visited { color: #000; text-decoration: none; }
				#home-feat-1 .home-feat-title a:active, #home-feat-1 .home-feat-title a:hover { color: #504525; text-decoration: none; }
		
		#home-feat-2 {
			width: 304px;
			height: 164px;
			float: left;
			margin: 0 14px 0 0;
		}
		
			#home-feat-2 .home-feat-title { 
				background-color: #bebebd;
				color: #000;
			}
			
				#home-feat-2 .home-feat-title a:link, #home-feat-2 .home-feat-title a:visited { color: #000; text-decoration: none; }
				#home-feat-2 .home-feat-title a:active, #home-feat-2 .home-feat-title a:hover { color: #333; text-decoration: none; }
		
		#home-feat-3 {
			width: 304px;
			height: 164px;
			float: left;
			margin: 0;
		}
		
			#home-feat-3 .home-feat-title { 
				background-color: #711508;
				color: #fff;
			}
			
				#home-feat-3 .home-feat-title a:link, #home-feat-3 .home-feat-title a:visited { color: #fff; text-decoration: none; }
				#home-feat-3 .home-feat-title a:active, #home-feat-3 .home-feat-title a:hover { color: #ccc; text-decoration: none; }
	
	#outer-footer {
		width: 960px;
		font-size: 0.7em;
	}
	
		#outer-footer p { margin: 5px 0 0 0; }
		
		#outer-footer a:link, #outer-footer a:visited { color: #333; }
		#outer-footer a:active, #outer-footer a:hover { color: #c2b389; }

#inner-wrapper {
	width: 940px;
	background: #fff;
	padding: 9px;	
	text-align: left;
	/* border changes */
}

	#inner-header {
		width: 940px;
		height: 95px;
		margin: 0 0 1px 0;
		/* background-changes */
	}
	
	#inner-topnav {
		width: 940px;
		height: 30px;
		line-height: 30px;
		margin: 0 0 1px 0;	
		/* background changes */
	}
	
		#inner-topnav ul {
			width: 940px;
			height: 30px;
			line-height: 30px;
			list-style: none;
			margin: 0;
			padding: 0;
		}
		
			#inner-topnav ul li {
				display: inline;
				float: left;
				font-size: 0.8em;
				font-weight: bold;
				list-style-type: none;
				margin: 0;
				padding: 0;
				text-align: center;
			}
			
				#inner-topnav ul li#tn1 { width: 75px; }
				#inner-topnav ul li#tn2 { width: 123px; }
				#inner-topnav ul li#tn3 { width: 103px; }
				#inner-topnav ul li#tn4 { width: 194px; }
				#inner-topnav ul li#tn5 { width: 115px; }
				#inner-topnav ul li#tn6 { width: 111px; }
				#inner-topnav ul li#tn7 { width: 85px; }
				#inner-topnav ul li#tn8 { width: 125px; }
				/* 9px spare */
			
				#inner-topnav ul li a {
					display: block;
					width: 100%;
				}
			
				/* top nav link background and font colours change */

	#page-content {
		width: 940px;
		margin: 0;
		padding: 0;
	}
	
		#page-cont-3-lft {
			width: 300px;
			min-height: 380px;
			float: left;
			font-size: 0.7em;
			margin: 0 5px 0 0;
			padding: 5px 4px 5px 5px;
			/* border changes colour */
		}
		
			#page-cont-3-lft h1 {
				font-size: 1.4em;
			}
			
		
		#page-cont-3-mid {
			width: 300px;
			min-height: 380px;
			float: left;
			font-size: 0.7em;
			margin: 0 1px 0 0;
			padding: 5px 4px 5px 5px;
		}
		
		#page-cont-3-rgt {
			width: 314px;
			min-height: 390px;
			float: left;
			font-size: 0.7em;
			margin: 0;		
			padding: 0; 
		}
	
		#main-navigation {
			width: 235px;
			float: left;
			padding: 10px 0 0 0;
			/* background-changes */
			/* font colour changes */
		}
		
			#main-navigation ul {
				width: 235px;
				list-style: none;
				margin: 0;
				padding: 0;
			}
			
				#main-navigation ul li {
					width: 195px;
					height: 20px;
					font-size: 0.7em;
					font-weight: bold;
					line-height: 20px;
					list-style-type: none;
					padding: 4px 20px 5px 20px;
				}
				
					#main-navigation ul li.section-home-link {
						display: none;
						/* i'll be back */
					}
				
					#main-navigation ul li.subsubnav {
						width: 180px;
						padding: 2px 20px 3px 35px;
						font-weight: normal;
					}
					
					#main-navigation ul li.subsubnavon {
						font-weight: bold;
					}
					
			#brochure-request {
				width: 190px;
				height: 90px;
				padding: 10px 0 10px 20px;
			}
		
		#main-content {
			width: 695px;		/* changes on CHILD pages, see quayside-child.css */
			font-size: 0.7em;
			float: right;
			padding: 20px 0; 	/* changes on CHILD pages, see quayside-child.css */
			line-height: 18px;
		}
		
		#main-content-wide {
			width: 940px;
			font-size: 0.7em;
			padding: 20px 0;
		}
		
			#main-content h1, #main-content-wide h1 {
				font-size: 1.4em;
				margin: 0 0 20px 0;
			}
			
			#main-content h2, #main-content-wide h1 {
				font-size: 1.2em;
				margin: 25px 0 0px 0;
				color: #ae9962;
			}
			
			#main-content p, #main-content-wide p {
				margin: 0 0 12px 0;
			}
			
		
	#inner-footer {
		width: 920px;
		height: 60px;
		font-size: 0.7em;
		margin: 1px 0 0 0;
		padding: 10px;
		text-align: center;
		/* background-changes */
		/* font colour changes */
	}		
	
		#inner-footer p { margin: 5px; }
		
		
/***** image floats ****/

img.floatleft {
	float: left;
	margin: 0px 10px 0px 0px;
}

img.floatright {
	float: right;
	margin: 0px 0px 10px 10px;
}