/*CSS DOCUMENT FOR UTOPIA FORGE*/
/*By Oliver Scott-Ison for eNotions Ltd*/

BODY {
	background-color:#ffffff;
	margin:0;
	padding:0;
	font-family:Gill Sans Light, Gill Sans, Arial, Tahoma, sans-serif;
	font-size:13px;
}
img, div, a, input { behavior: url(incs/iepngfix.htc) }
a:link, a:visited {color:#333333;}
a:hover {color:#000000;}
/*LAYOUT*/
#wrapper {
	width:100%;
	height:100%;
	position:absolute;
}
#outer {
	width:940px;
	position:inherit;
	top:50px;
	left:60px;
}
#content {
	float:left;
	width:900px;
	margin-top:20px;
	margin-left:10px;
	border:1px solid #000000;
}
* html #content {
	float:left;
	width:900px;
	margin-top:20px;
	margin-left:5px;
	border:1px solid #000000;
}
div#rhs {
	float:right;
	width:510px;
	margin-top:0px;
	padding:0px;
}
div#lhs {
	float:left;
	width:320px;
	margin-top:0px;
	padding:0px;
}
/*GRAPHICS*/
.logo {
	float:left;
	margin-left:20px;
}
.homelogo {
	float:left;
	margin-left:0px;
}
.hmpg_images {
	float:left;
	margin-top:60px;
	margin-left:40px;
}
#home #outer, #about #outer, #contact #outer, #services #outer, #awards #outer, #gallery #outer, #technicalities #outer, #env #outer {
	background-image:url('../imgs/shadow.jpg');
	background-repeat:repeat-y;
	background-position:0px 20px;
}
#home #background, #about #background, #contact #background, #services #background, #awards #background, #technicalities #background, #env #background {
	background-image:url('../imgs/bg.jpg');
	background-repeat:no-repeat;
	background-position:bottom left;
}
#gallery #background {
	background-image:url('../imgs/bg.jpg');
	background-repeat:no-repeat;
	background-position:bottom left;
}
.shadowTop {
	float:right;
	display:block;
}
.bottom {
	display:block;
	clear:both;
}
#artistsImg {
	margin:20px 0 0 20px;
}
#contactImg {
	margin:20px 0 20px 20px;
}
/*TEXT*/
div#rhs p.topspace, div#rhs h2.topspace, div#rhs h1.topspace {
	margin-top:70px;
	padding-top:0px;
}
#home p, #about p, #contact p, #services p, #awards p, #technicalities p, #env p {
	float:right;
	margin:10px 10px 10px 0;
	width:500px;
}
#home #rhs ul, #env #rhs ul {
	float:right;
	margin:10px 10px 10px 0;
	width:460px;
	list-style-type:square;
	padding:0 0 0 40px;
}
#gallery #rhs p {
	float:right;
	margin:70px 10px 10px 0;
	width:500px;
}
#home h1, #about h1, #contact h1, #services h1, #awards h1, #technicalities h1, #env h1 {
	float:right;
	font-family:Gill Sans Light, Gill Sans, Arial, Tahoma, sans-serif;
	font-size:16px;
	font-weight:bold;
	margin-right:10px;
	width:500px;
	color:#333333;
}
#home h2, #about h2, #contact h2, #services h2, #awards h2, #technicalities h2, #env h2 {
	float:right;
	font-family:Gill Sans Light, Gill Sans, Arial, Tahoma, sans-serif;
	font-size:14px;
	font-weight:bold;
	width:500px;
	color:#333333;
	margin:10px 10px 10px 0;
}
.client {
	font-weight:bold;
	color:#333333;
}
.quote {
	font-style:italic;
	font-size:14px;
}
/*LAYOUT NAV*/
#navigation {
	float:right;
}
#navigation ul {
}
#navigation li {
	display:inline;
	font-family:Gill Sans Light, Gill Sans, Arial, Tahoma, sans-serif;
	float:left;
	margin:0px 30px 0px 0px;
}
#navigation li a {
	font-family:Gill Sans Light, Gill Sans, Arial, Tahoma, sans-serif;
	color:#000000;
	font-size:18px;
	text-decoration:none;
}
body#home li.home a:link, body#home li.home a:visited,
body#about li.about a:link, body#about li.about a:visited,
body#contact li.contact a:link, body#contact li.contact a:visited,
body#services li.services a:link, body#services li.services a:visited,
body#awards li.awards a:link, body#awards li.awards a:visited,
body#gallery li.gallery a:link, body#gallery li.gallery a:visited
 {
	font-weight:bold;
}
/*GALLERY PAGE*/
div#rhs #galleryimages {
	width:540px;
	float:left;
	margin-left:-60px;
	margin-top:70px;
	margin-bottom:30px;
}
div#rhs #galleryimages li {
	float:left;
	list-style:none;
	margin-left:10px;
	margin-bottom:10px;
}
div#rhs #galleryimages img {
	border:0;
}
div#lhs #gallerytext {
	width:295px;
	float:left;
	margin-left:26px;
	clear:left;
}
div#lhs #gallerytext .enlarge {
	margin:5px 0 5px 2px; float:right;
}

/*MINI GALLERY*/
div#lhs #minigallery {
	width:310px;
	height:100px;
	float:left;
	margin-left:0px;
	margin-top:50px;
	margin-bottom:0px;
}
div#lhs #minigallery li {
	float:left;
	list-style:none;
	margin-left:5px;
	margin-bottom:5px;
}
div#lhs #minigallery img {
	border:0;
}
div#lhs #gallerytext {
	width:295px;
	float:left;
	margin-left:26px;
	clear:left;
}
div#lhs #gallerytext .enlarge {
	margin:5px 0 5px 2px; float:right;
}

/*REUSABLES*/
.fL {float:left;}
.fR {float:right;}
.cB {clear:both;}
.mT {margin-top:60px;}