/* CSS for Scandinavian Timber Ltd, copyright Russell Martin 2005
	for all main menu sections and generic BODY layouts */


/* Main font and margins for all pages */
BODY {
	margin: 20px;
	background-color: #FEFEFE;
	font-family: Helvetica, Arial, sans-serif;
	color: #333333;
	font-size: 0.8em;
	text-align: center;
}


#wrapper {
	width: 840px;
	position: relative;
	margin: 0px auto;
}

/* Top layer with light grey bgnd, and links (email) */

#title {
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	background-color: #F4F4F3;
	text-align: left;
	z-index: 1;
	border-bottom: 1px solid #999999;
}

#title A:link {
	text-decoration: underline;
	color: #333333;
}

#title A:visited {
	text-decoration: underline;
	color: #333333;
}

#title A:hover {
	text-decoration: none;
	color: #333333;
}


/* ST logo - only absolute layer */

#titleimage {
	position: absolute;
	top: 15px;
	left: 15px;
}


/* Inner box containing address, title, strapline, and individual styles for those */
/* change text-align for center / right justification on top title layer */

#titletop {
	position: relative;
	text-align: center;
	left: 185px;
	z-index: 3;
	width: 70%;
	padding: 25px;
	background-color: #FEFEFE;
	border: 1px solid black;
}

.surtitle {
	font-size: 1.3em;
	color: #FF6600;
	letter-spacing: 0.6em;
	word-spacing: 1.2em;
	padding: 10px 20px;
	border: 3px solid #FD8900;
}

.strapline {
	font-size: 1.1em;
	word-spacing: 200px;
	color: #FEFEFE;
	padding: 3px 20px;
	background-color: #999999;
}


/* Main menu (requires conversion to A styling) */

#menu {
	position: relative;
	width: 100%;
	top: 2px;
	border: 1px solid #999999;
	text-align: center;
	padding: 10px 0px;
	font-size: 1.2em;
}

#menu A {
	text-decoration: none;
	color: #FF6600;
}


/* All content for pages go in here - layer control and links */

#content {
	position: relative;
	padding: 4px 0px;
	text-align: left;
	top: 4px;
	border-top: 1px solid #999999;
	font-size: 1.1em;
	line-height: 1.4em;
}

#content A:link {
	text-decoration: underline;
	color: #FF6600;
}

#content A:visited {
	text-decoration: underline;
	color: #FF6600;
}

#content A:hover {
	text-decoration: none;
	color: #FF6600;
}


/* for image and text tables - eg windows page */

TABLE.imagemenu {
	width: 100%;
}

/* for windows page table menu */

TD.orangeborders {
	padding: 5px 10px;
	border-bottom: 1px solid #FF6600;
	border-top: 1px solid #FF6600;
	vertical-align: top;
}

/* for central text in unpadded table in staircases */

TD.middletext {
	padding: 5px 15px;
	vertical-align: top;
}


/* for sub menus - windows and doors / walling. A handled by general CONTENT layer styling */

#submenu {
	position: relative;
	width: 100%;
/*	top: 2px;
	border: 1px solid #999999;*/
	text-align: center;
	padding: 10px 0px;
}

IMG.spaceright {
	padding-right: 15px;
}

IMG.spaceleft {
	padding-left: 15px;
}


/* for pages which need a little narrowing */

#falsenarrow {
	width: 80%;
	padding-left: 10%
}

.subtitle {
	font-size: 1.4em;
	font-weight: 300;
}

/* under slideshow on home page */
#picsright {
	position: relative;
	width: 400px;
	float: right;
}

/* home page heading */
#home-left {
	width: 72%;
	position: relative;
	float: left;
}

#home-right {
	width: 25%;
	position: relative;
	float: right;
	text-align: right;
	font-size: 0.8em;
	line-height: 1.1em;
}