@charset "utf-8";
/* CSS Document for www.spencesolutions.co.uk 
Author: Paul Spence
Date created: 10th March 2010
*/

/* XHTML Tags */

body{
	background: url(images/background.png);
	width:1020px;
	height:796px;}

p{}


	
h1.headerlogo {width:435px; height: 67px; background:url(images/logo.png) no-repeat;}	

.headerlogo { letter-spacing : -1000em; }
/* Just for Opera, but hide from MacIE */
/*\*/html>body .headerlogo { letter-spacing : normal; text-indent : -999em; overflow : hidden;}
/* End of hack */

h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#fff;}

h3{}

h4{}

/* XHTML Tags END */





/* Global XHTML div Tags */

#container{
	width:1020px;
	height:796px;
	margin:0% 12%}

#header{
	width:1020px;
	height:123px;}


.line{
	background:url(images/line.png) no-repeat;
	height:1px;}

#content{
	width:1020px;
	height:565px;}

#nav{
	width:;
	height:50px;}

.home{
	background:url(images/homebtn.png) no-repeat;
	width:51px;
	height:23px;
	float:left;}
	
.mir{ letter-spacing : -1000em; }
/* Just for Opera, but hide from MacIE */
/*\*/html>body .mir { letter-spacing : normal; text-indent : -999em; overflow : hidden;}
/* End of hack */ 
	
ul.mir {width:900px; padding:0; list-style-type:none; margin:20px 5px 0px 42px;}
ul.mir li {display:inline; float:right;}
ul.mir li a {display:block; width:130px; height:30px;}
a#mir-a1 {background:url(images/contactbtn.png) no-repeat;}
a#mir-a1:hover {background:url(images/contactbtnhover.png) no-repeat;}
a#mir-a2 {background:url(images/gallerybtn.png) no-repeat;}
a#mir-a2:hover {background:url(images/gallerybtnhover.png) no-repeat;}
a#mir-a3 {background:url(images/aboutbtn.png) no-repeat;}
a#mir-a3:hover {background:url(images/aboutbtnhover.png) no-repeat;}
a#mir-a4 {background:url(images/homebtn.png) no-repeat;}

.contactbtn{
	background:url(images/contactbtn.png) no-repeat;
	width:65px;
	height:24px;
	float:right;
	margin-right: 40px;}

.aboutbtn{
	background:url(images/aboutbtn.png) no-repeat;
	width:51px;
	height:25px;
	float:right;
	margin-right: 40px;}


.gallerybtn{
	background:url(images/gallerybtn.png) no-repeat;
	width:54px;
	height:25px;
	float:right;}

.slogan{
	background:url(images/slogan.png) no-repeat;
	width:382px;
	height:26px;
	float:left;
	margin:30px 313px 40px 313px;}

#footer{
	width:1020px;
	height:50px;}

.copy{
	background: url(images/copyimg.png) no-repeat;
	width:89px;
	height:25px;
	float:right;
	margin: 10px;}

.validatelinks{}

/* Global XHTML div Tags END */

/* index page specific styles */

#homegallery{
	width:;
	height:;}

.homegallerimg{
	background: url(images/homegalleryimg.png) no-repeat;
	width:780px;
	height:244px;
	margin:0px 122px;}

#homegalleryinfo{
	width:780px;
	height:auto;
	margin:0px 122px;}

.imginfo{
	background: url(images/siteinfoimg.png) no-repeat;
	width:107px;
	height:33px;
	margin:20px 0px;}

.homegallerynav{
	width:;
	height:;}

/* index page specific styles END*/

/* about page specific styles */

/* about page specific styles END*/

/* gallery page specific styles */

#gallery{
	width:780px;
	height:auto;
	margin:0px 122px;
	float:left;}

.galleryimgholder{
	width:100px;
	height:auto;
	margin:0px 15px;
	float:left;}
	
#galleryimg1, #galleryimg2, #galleryimg3, #galleryimg4, #galleryimg5, #galleryimg6, galleryimg7{
	width:100px;
	height:93px;}

.galleryinfo{
	width:100px;
	height:auto;
	float:left;}

p.galleytext{
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	color:#8D8B8B;
	font-size:7pt;
	text-align:right;}

/* gallery page specific styles END*/

/* contact page specific styles */

#contactholder{
	width:780px;
	margin:0px 122px;
	}
	

#quickcontact{
	width:280px;
	float:left;}
	
#quickcontacttitle{
	width:150px;}

#quickcontact ul{}

#quickcontact li{
	color:#fff;}

#quickcontact a{
	color:#fff;}

#form{
	width:380px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	float:right;}
	
#namewrap, #emailwrap, #companywrap, #budgetwrap, #timescalewrap, #messagewrap{
	clear:both;
	margin:5px 25px 5px 25px;
	position:relative;}

input[type="text"]{
	width:300px;
	margin:5px;
	background:#333;
	border: 1px solid #fff;}
	
input[type="submit"]{
	width:75px;
	float:right;
	background: #333;
	color:#fff;
	border: 1px solid #fff;
	margin-right:50px;}
	
textarea{
	width:300px;
	height:100px;
	margin:5px;
	background: #333;
	color:#fff;
	border: 1px solid #fff;}

select{
	width:300px;
	margin:5px;
	background: #333;
	color:#fff;
	border: 1px solid #fff;}

label{
	display:block;
	cursor:pointer;
	clear:both;
	color:#FFF;}
	

#clearfloats{
	clear:both;}
/* contact page specific styles END*/