@charset "UTF-8";
/* CSS Document */

html {
	
	padding:0;
	margin:0;
	overflow:hidden;
}
body {
	font-family:helvetica,arial,sans serif;
	background:url(../images/background.jpg) repeat top center ;
	/*min-width:1098px;*/
	padding:0;
	margin:0;
	
	font-size:13px;
	line-height:19px;
}
#content {
	margin:0px auto 0;
	width:857px;
	position:relative;
	padding-left:66px;
	
}
ul {
	right:98px;
	top:80px;
	height:47px;
	width:385px;
	list-style-type:none;
	position:absolute;
	padding:0;
	margin:0;
	z-index:2
}
div#Index {
	right:233px;
	top:80px;
	height:47px;
	width:385px;
	list-style-type:none;
	position:absolute;
	padding:0;
	margin:0;
	z-index:2
}
li a {
	color:#000000;
	text-transform:uppercase;
	float:left;
	text-decoration:none;
	font-size:7.5pt;
	margin:70px 15px 0 0;
}
li {display:inline}
#logo {
	height:48px;
	width:130px;
	background-image:url(../img/logo.png);
	margin:20px auto 0;
}
#logo-sm {
	width:150px;
	height:104px;
	background-image:url(../img/logo-sm.png);
	margin-left:75px;
	margin-top:170px;
}
#home .logo {
	margin-top:165px;
}
.divider {
	width:2px;
	height:11px;
	background-color:#f8981d;
	float:left;
	margin:70px 0 0 -8px;
	z-index:3
}
h1 {
	text-transform:uppercase;
	font-size:12pt;
	font-weight:500;
	margin-top:70px;
}
p {
	margin-left:75px;
	margin-top:10px;
	width:580px;
}
a {
	text-decoration:none;
	color:#F8981D;
}
#catalogues {
	margin:35px 0 0 75px;
}
#catalogues a {
	margin-right:5px;
}
#text {
	width:853px;
	height:548px;
	background:url(../images/md-oriel-about_main.jpg);
	top:-65px;
	left:1px;
}
#oriel {
	width:375px;
	height:320px;
	background:url(../img/logo.png);
	top:181px;
	left:439px;
	z-index:2;
}
#eos {
	width:325px;
	height:244px;
	background:url(../img/nav-eos.png);
	top:2px;
	left:350px;
}
#earthlighting {
	width:319px;
	height:236px;
	background:url(../img/nav-earthlighting.png);
	bottom:78px;
	left:93px;
}
#urban {
	width:291px;
	height:207px;
	background:url(../img/nav-urbanarchitectural.jpg);
	bottom:193px;
	right:379px;
}
#lightscaping {
	width:292px;
	height:206px;
	background:url(../img/nav-lightscaping.png);
	bottom:20px;
	left:437px;
}
#sglighting {
	width:233px;
	height:232px;
	background:url(../img/nav-sglighting.png);
	top:181px;
	left:92px;
}
#allume {
	width:378px;
	height:147px;
	background:url(../img/nav-allume.jpg);
	top:8px;
	right:380px;

}
#eos, #earthlighting, #urban, #lightscaping, #sglighting, #allume, #oriel, #text, #puzzle1, #puzzle2 {position:absolute}
:-moz-any-link:focus {
  outline: none;
}
#heading {
	margin:30px 0 0 75px
}
#puzzle1, #puzzle2 {
	width:36px;
	height:30px;
	background:url(../img/puzzle.gif);
}
#puzzle1 {
	bottom:-7px;
	left:580px;
}
#puzzle2 {
	bottom:165px;
	right:495px;
}
	/* Contact Form */
#form-name, #form-enquiry, #form-email {
	margin-bottom:15px;
	font:helvetica,arial,sans serif;
}
#form-name, #form-email, #contact {
	width:302px
}
#contact {
	margin: 30px 0 0 45px;
	width:450px
}
label {
float:left;
margin-right:15px;
padding-top:5px;
text-align:right;
width:100px;
}
#submit {
	margin-left:115px
}

/* New CSS Styles by Candice*/

div#Top{width: 853px; height:129px;  }
div#Middle{width: 853px; height:208px; }
div#Bottom{width: 853px; height:238px;}


.Left{float:left}

textarea{
font-family:helvetica,arial,sans serif;
font-size:13px;
}