﻿body{background-color: #cec9c9;}
a {font-family: verdana, helvetica, georgia, sans-serif;}
#maindiv2{ margin: 0 auto; text-align: left; }
.full{}.clear{ clear:both;}
.obscured{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; 
	filter: alpha(opacity=20);	

	opacity: 0.20; }
.unselectgall{ text-align:center; color: #ffffff; padding: 3px; border: 1px solid  #000040; margin: margin: 0 auto; margin-bottom: 10px; font-weight: bold; font-size:12px; background-image: url(gallery_background.jpg);}
.selectgall { text-align:center; color: #ffffff; padding: 3px; border: 1px solid  #ffffff; margin: margin: 0 auto; margin-bottom: 10px; font-weight: bold; font-size:12px; background-image: url(gallery_background.jpg); }
#popupsection{position: absolute; left: 150px; top: 80px; visibility: hidden; z-index: 1; 

	background-position:center bottom; 
	margin: 0 auto;
	text-align: left;}#popupsection img{ width:600px; border: 5px solid #272323; border-bottom: 30px solid #272323; }
#select_heading {position: absolute; left: 170px; top: 270px; color: #00bd00; font-family: verdana, helvetica, georgia, sans-serif; font-weight: bold; font-size:12px; width:850px;}
#outer_selector_images {position: absolute; left: 170px; top: 300px; color: #00bd00; font-family: verdana, helvetica, georgia, sans-serif; font-weight: bold; font-size:10px;}
.inner_top_left{position: absolute; left: 0px; top: 0px; }
.inner_top_right{position: absolute; left: 0px; top: 100px; background-image: url(images/images/gallery_selector_images/Aluminium_Conservatory01.jpg);}
.inner_bottom_left{position: absolute; left: 0px; top: 200px; background-image: url(images/gallery_selector_images/images/gallery_selector_images/Chalet_Front_Elevation.jpg);}
.inner_bottom_right{position: absolute; left: 0px; top: 300px; background-image: url(images/gallery_selector_images/images/gallery_selector_images/Block_Paved_Drive.jpg);}
#o{ color:#oobdoo;}
#c{ color:#oobdoo;}
#e{ color:#oobdoo;}
#d{ color:#oobdoo;}
#outer_selector_images .unselected{border: 0.2em solid #00bd00;}
#outer_selector_images .selected{border: 0.2em solid #ff3300;}
#outer_selector_images .clicked{border: 0.2em solid #00bd00;}
#image_mover{position: absolute; left: 177px; top: 721px; background-color: #00bd00; width:80px; height:30px;}
#move_l{width:30px; height:30px;position: absolute; left: 10px; top: 0px; background-image: url(images/gallery_selector_images/arrows/l_20x30.gif); background-repeat:no-repeat; visibility: visible}
#move_r{width:30px; height:30px;position: absolute; left: 50px; top: 0px; background-image: url(images/gallery_selector_images/arrows/r_20x30.gif); background-repeat:no-repeat; visibility: visible}
#outer_selector_images img:hover{border: 2px solid #FF3300;}
#outer_selector_images img {border: 2px solid #000000; width: 90px; height:68px;}
.1st{position: absolute; left: 0px; top: 140px; }
.2nd{position: absolute; left: 0px; top: 280px; }
.3rd{position: absolute; left: 0px; top: 420px; }
.4th{position: absolute; left: 0px; top: 560px; }
.5th{position: absolute; left: 0px; top: 700px; }
#banner{position: absolute; left: 0px; top: 0px; background-image: url(images/gallery_selector_images/Living_Space_Construction_Logo_bg_771x172.jpg); width: 62.7em; background-repeat: repeat;}
.logo{position: absolute; left: 0px; top: 0px; }
.motto{position: absolute; left: 0px; top: 173px; }
.textmotto{position: absolute; left: 0px; top: 153px; background-color: #a43a2d; width: 50em; font-size:15pt; color: #ffffff; font-family: verdana, helvetica, georgia, sans-serif; height:54px;}
#nav-menu {
	font-family: verdana, helvetica, georgia, sans-serif;
	font-size: 16px;
	color: #ffffff;
	background-color: #00bd00;
  	position: absolute; top: 227px;	left: 0px; 
}
#nav-menu ul
{
list-style: none;
padding: 0;
margin: 0;
}

#nav-menu li
{
float: left;
/*margin: 0 0.15em;*/
}

#nav-menu li a
{
	/*background: url(background.gif) #fff bottom left repeat-x;*/
	background: #00bd00 url(images/white_triangle_pointing_right_on_transp_20x30.gif) center left repeat-x;
	background-repeat: no-repeat;
	height: 2em;
	line-height: 2em;
	float: left;
	width: 12em;
	display: block;
	border-left: 0.1em solid #64cd64;
	color: #ffffff;
	background-color: #00bd00;
	text-decoration: none;
	text-align: center;
	font-size: 12px;
}

/* Hide from IE5-Mac \*/
#nav-menu li a
{
float: none;
}
/* End hide */

#nav-menu
{
width: 62.7em;
} 
#nav-menu a.hoverover {
	background-color: #aef1ae;
	color: #ffffff;
	border-left: 0.1em solid #aef1ae;
}
#nav-menu a.nothoverover {
	background-color: #00bd00;
	border-left: 0.1em solid #00bd00;
	color: #ffffff;
}
#left_nav {  	position: absolute; top: 300px;	left: 0px;
	margin: 0;	padding: 0; 	z-index: 2;	font-size: 8px;	color: #ffffff;	text-align: center; font-family: verdana, helvetica, georgia, sans-serif;}
#left_nav ul{	list-style: none;	margin: 0;	padding: 0; }
#left_nav img {	border: 0.1em solid #00bd00;	margin-bottom: 0.3em; width:118px; height:90px;}
#gallery{ position: absolute; left: 320px; top: 300px; border: 0.0em solid #00bd00; 
	background-image: url(images/orangery_show/1.jpg); width: 550px; height: 430px;
	background-repeat: no-repeat;
	background-position:center bottom; 
	margin: 0 auto;
	text-align: left;}
#full_screen{width:983px; background-color:#000000;}
