/*  PROJECT NAME:         Glasgow Stove Centre	 */
	

	/* SMALL RESET */

* { margin:0; padding:0; }
img { border:0; }
a { outline:0; }
html, body { width:100%; height:100%; }


	/* ELEMENT STYLES */
	
p, ul { font-size:1.2em; color:#000000; line-height:16px; }
p { line-height:18px; }
a { color:#dc4300; }
a:hover { text-decoration:none; }
h1, h2, h3, h4 { font-weight:normal; font-size:2.2em; font-family:Verdana, Arial, Tahoma, sans-serif; padding-bottom:15px; color:#25587E; }
h2 { color:#25587E; font-size:1.5em; text-align:center; font-weight:bold; margin:25px 0px 0px 0px; }
h3 { color:#25587E; font-size:1.2em; font-weight:bold; margin:0px 0px 0px 0px;}
h4 { color:#555555; font-size:1.4em; }
table { border:1px solid #d7d7d7; background:#ffffff; width:80%; margin-bottom:25px; font-size:1.0em; margin-left: auto; margin-right: auto;
}
table td { padding:6px; }

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

	/* MAIN LAYOUT */
	
body { font-size:62.5%; font-family:Verdana, Arial, Tahoma, sans-serif; background:#ffffff url(images/bg.jpg) repeat-x 0 80px; text-align:center; }
div.all { width:100%; height:100%; background:url(images/top_bg.jpg) repeat-x; }
div.center  { width:980px; margin:0 auto; }
div.wrapper { width:980px; min-height:700px; float:left; background:url(images/background2bb.jpg) no-repeat 0px 10px; }
div.wrapper2 { width:980px; min-height:700px; float:left; background:url(images/background2bb.jpg) no-repeat 0px 10px; }
div.header { width:100%; overflow:hidden; }
	.header img.tagline { float:left; margin:111px 0 0 45px; }
	.header img.rimg { float:right; margin:100px 0 0 0; }
ul.nav { float:left; clear:left; width:600px; display:inline; list-style:none outside; margin:200px 0 0 225px; line-height:25px; height:25px; overflow:hidden;  }
	.nav li { float:left; display:inline; }
	.nav li a { float:left; width:100px; height:25px; font-weight:bold; font-size:1.2em; color:#ffffff; text-decoration:none; background:url(images/menu_bg2.jpg) no-repeat; margin:0 2px 0 2px; }
	.nav li a:hover, .nav li.active a { background-position:0px -25px; }
	
ul.nav2 { float:left; clear:left; width:600px; display:inline; list-style:none outside; margin:180px 0 0 225px; line-height:25px; height:25px; overflow:hidden;  }
	.nav2 li { float:left; display:inline; }
	.nav2 li a { float:left; width:100px; height:25px; font-weight:bold; font-size:1.2em; color:#ffffff; text-decoration:none; background:url(images/menu_bg2.jpg) no-repeat; margin:0 2px 0 2px; }
	.nav2 li a:hover, .nav li.active a { background-position:0px -25px; }
	
div.content { padding:0px 0px 0px 0px; text-align:left;  }
div.content2 { padding:20px 0px 0px 0px; text-align:left;  }
div.content3 { padding:40px 30px 0px 40px; text-align:left;  }
div.footer { width:900px; color:#555555; font-size:0.9em; font-family:Verdana, Arial, Tahoma, sans-serif; margin:15px 0px 15px 40px; float:left; text-align:justify; }
div.footer2 { width:900px; color:#555555; font-size:0.9em; font-family:Verdana, Arial, Tahoma, sans-serif; margin:0px 0px 15px 40px; float:left; text-align:justify; }

div.gallery { width:900px; color:#555555; font-size:1.1em; font-family:Verdana, Arial, Tahoma, sans-serif; margin:0px 0px 15px 40px; float:left; text-align:justify; }


div#left { width:680px; float:left; text-align:left; padding: 10px 0px 0px 40px;  }
div#right { float:right; width:180px; padding: 50px 40px 0px 0px; }

#left .main { color:#25587E; font-size:1.2em; font-weight:bold; margin:0px 0px 0px 0px;}
#left .main2 { color:#25587E; font-size:1.2em; font-weight:bold; margin:0px 0px 0px 0px; text-align:center; }

div#left2 { width:300px; float:left; text-align:left; padding: 10px 0px 0px 20px; }
div#left2a { width:200px; float:left; text-align:left; padding: 10px 0px 0px 40px; }
div#right2 { float:right; width:620px; padding: 10px 20px 0px 0px; }
div#right2a { float:right; width:680px; padding: 10px 20px 0px 0px; }

#left2 .title { color:#25587E; font-size:1.4em; font-weight:bold; margin:0px 0px 10px 0px;}
#left2 .title2 { color:#25587E; font-size:1.4em; font-weight:bold; margin:0px 0px 10px 0px; text-align:center; }
#left2 .title3 { color:#25587E; font-size:1.0em; font-weight:bold; margin:0px 0px 10px 0px; text-align:center; }
#left2 .head { color:#25587E; font-size:1.2em; font-weight:bold; margin:0px 0px 10px 5px; text-align:center; }
#left2a .title { color:#25587E; font-size:1.4em; font-weight:bold; margin:0px 0px 10px 0px;}
#left2a .title2 { color:#25587E; font-size:1.4em; font-weight:bold; margin:0px 0px 10px 0px; text-align:center; }
#left2a .title3 { color:#25587E; font-size:1.0em; font-weight:bold; margin:0px 0px 10px 0px; text-align:center; }
#left2a .head { color:#25587E; font-size:1.2em; font-weight:bold; margin:0px 0px 10px 5px; text-align:center; }
#right2 .main2 { color:#25587E; font-size:1.4em; font-weight:bold; margin:0px 0px 10px 0px;}

#right2 .title { color:#25587E; font-size:1.4em; font-weight:bold; margin:0px 0px 10px 0px;}
#right2 .title2 { color:#25587E; font-size:1.4em; font-weight:bold; margin:0px 0px 10px 0px; text-align:center; }
#right2 .head { color:#25587E; font-size:1.2em; font-weight:bold; margin:0px 0px 10px 5px; text-align:center; }
#right2 .main1 { color:#000000; font-size:1.2em; font-weight:normal; margin:0px 10px 10px 0px;}
#right2 .main3 { color:#000000; font-size:1.2em; font-weight:normal; margin:10px 10px 10px 0px;}
#right2 .main4 { color:#000000; font-size:1.2em; font-weight:normal; margin:10px 10px 10px 0px;}
#right2 .main5 { color:#000000; font-size:1.2em; font-weight:normal; margin:10px 10px 10px 160px;}

#right2a .main2 { color:#25587E; font-size:1.4em; font-weight:bold; margin:0px 0px 10px 0px;}

#right2a .title { color:#25587E; font-size:1.4em; font-weight:bold; margin:0px 0px 10px 0px;}
#right2a .title2 { color:#25587E; font-size:1.4em; font-weight:bold; margin:0px 0px 10px 0px; text-align:center; }
#right2a .head { color:#25587E; font-size:1.2em; font-weight:bold; margin:0px 0px 10px 5px; text-align:center; }
#right2a .main1 { color:#000000; font-size:1.2em; font-weight:normal; margin:0px 10px 10px 0px;}
#right2a .main3 { color:#000000; font-size:1.2em; font-weight:normal; margin:10px 10px 10px 0px;}
#right2a .main4 { color:#000000; font-size:1.2em; font-weight:normal; margin:10px 10px 10px 0px;}
#right2a .main5 { color:#000000; font-size:1.2em; font-weight:normal; margin:10px 10px 10px 160px;}

ul.circle { margin-left:50px; list-style:disc outside; }
.circle li { padding:5px 0 5px 3px; vertical-align:middle; font-family:Verdana, Arial, Tahoma, sans-serif;}

.spacer  { color:#6c6c6c; font-size:0.8em; }

a img {border: none; }
a:link, a:visited { text-decoration:none; color:#0000FF}
a:hover { text-decoration:underline; color:#666666

}

.highslide {
	cursor: url(highslide/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide img {
	border: 2px solid white;
}
.highslide:hover img {
	border: 2px solid white;
}

.highslide-image {
	border: 10px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	display: none;
    border: 5px solid white;
    border-top: none;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: white;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
    text-decoration: none;
	padding: 3px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
    background-color: black;
    /*
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
    */
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}

/** SLIDESHOW */

#slideshow {
	position: relative;
	height: 300px;
}

#slideshow .viewer {
	position: absolute;
	width: 920px;
	height: 240px;
	top: 30px;
	left: 30px;
}

#slideshow .reel {
}

#slideshow .slide {
	overflow: hidden;
	position: relative;
	width: 920px;
	height: 240px;
}

#slideshow .slide img {
}

#slideshow .slide span {
	position: absolute;
	display: block;
	width: 360px;
	padding: 60px 0px 0px 440px;
	top: 0px;
	left: 0px;
	font-family: "Times New Roman", Times, serif;
}

#slideshow .slide span strong {
	display: block;
	letter-spacing: -3px;
	font-weight: normal;
	font-size: 39px;
	color: #25587E;
}

#slideshow .slide span em {
	letter-spacing: -1px;
	font-style: normal;
	font-size: 21px;
	color: #FFFFFF;
}

#slideshow .previous, #slideshow .next {
	position: absolute;
	top: 125px;
	display: block;
	width: 40px;
	height: 50px;
	background: url(images/arrows.png) no-repeat;
	text-indent: -9999em;
	outline: none;
}

#slideshow .previous {
	left: 50px;
	background-position: left top;
}

#slideshow .next {
	right: 50px;
	background-position: right top;
}

#gallery {
	width: 850px;
	overflow: hidden;
	padding: 30px 0px 0px 0px;
}

#gallery .output {
	position: relative;
	float: left;
	width: 560px;
	height: 525px;
	
}

#gallery .output img {
	position: absolute;
	top: 30px;
	left: 30px;
}

#gallery .output .captions {
	position: absolute;
	top: 430px;
	left: 30px;
	width: 500px;
}

#gallery .output .captions span {
	display: block;
	font-family: "Times New Roman", Times, serif;
	text-transform: lowercase;
}

#gallery .output .captions .line {
	display: block;
	font-size: 35px;
	color: #53452E;
	letter-spacing: -2px;
}

#gallery .output .captions .line2 {
	display: block;
	font-size: 21px;
	color: #A3916F;
	letter-spacing: -1px;
}

#gallery .thumbnails {
	float: right;
	overflow: hidden;
	width: 270px;
	margin: 0px;
	padding: 0px;
	line-height: 1;
	list-style: none;
}

#gallery .thumbnails li {
	float: left;
	width: 69px;
	height: 52px;
	margin: 0px 0px 5px 5px;
	padding: 8px;
	cursor: pointer;
	position: relative;
	left: -8px;
	top: -8px;
}

#gallery .thumbnails li img {
	border: solid 8px #FFFFFF;
	float: left;
}

#gallery .thumbnails li img.active {
	border: solid 8px #FFA15E !important;
}

#gallery .prev, #gallery .next {
	position: absolute;
	display: block;
	width: 66px;
	height: 66px;
	top: 185px;
	background: url(images/arrows2.png) no-repeat;
	text-indent: -9999em;
	outline: none;
}

#gallery .prev {
	left: 30px;
	background-position: 0px 0px;
}

#gallery .next {
	right: 30px;
	background-position: -66px 0px;
}