/*------------------------------------------
Dev: 		Richard Smith
Date:		26th August 2008
Contact:	richard.smith@peaechdigital.com

key:
Grey Text: 	#999999
Brown Text: #886e07
-------------------------------------------*/

html	{
	overflow-y:scroll;/*always shows firefox scrollbar*/
	}

body	{
	/*color:#999999;*/
	color:#666666;
	font-family:"Times New Roman", Times, serif;
	font-size:13px;
	margin:0px;
	padding:0px 0px 20px 0px;
	background:url(/Media/image/framework/bodytile.jpg) top left repeat-x;
	}
	
a:link,
a:visited,
a:active	{
	color:#886e07;
	text-decoration:underline;
	}
	
a:hover	{
	color:#886e07;
	text-decoration:none;
	}
	
#text-main p,
#text-main-wide p	{
	text-align:justify;
	font-size:13px;
	line-height:17px;
	padding:0px 42px 10px 0px;
	margin:0px;
	}
	
#text-main h1,
#text-main-wide h1	{
	font-size:20px;
	font-style:italic;
	font-weight:bold;
	color:#886e07;
	margin:0px 0px 10px 0px;
	padding:0px;
	}

#text-inner-wide h1 {
	padding-left:23px;	
}

#text-main h2,
#text-main-wide h2	{
	font-size:14px;
	font-style:italic;
	font-weight:bold;
	color:#535353;
	margin:10px 0px 10px 0px;
	padding:0px;
	}
	
.clear	{
	clear:both;
	}
	
/* ----- template styles ----- */

#container	{
	width:970px;
	margin:0px auto;
	padding:0px;
	}
	
#logo	{
	float:left;
	width:955px;
	height:92px;
	margin:30px 0px 0px 0px;
	padding:0px 0px 0px 15px;
	}
	
#page-img	{
	width:427px;
	height:606px;
	float:left;
	margin:0px;
	padding:0px;
	}
	
#text-frame-top	{
	width:543px;
	float:left;
	margin:10px 0px 0px 0px;
	padding:0px;
	background:url(/Media/image/framework/frame-top.gif) top left no-repeat;
	}
	
#text-main	{/*includes bottom frame*/
	width:511px;
min-height:485px;
	height:auto !important;/*IE6 min-height hack*/
height:485px;/*IE6 min-heihgt hack*/
	float:left;
	background:url(/Media/image/framework/frame-bottom.gif) bottom left no-repeat;
	padding:25px 0px 20px 32px;
	}
	
#text-frame-top-wide	{
	width:970px;
	float:left;
	margin:10px 0px 0px 0px;
	padding:0px;
	background:url(/Media/image/framework/frame-top-wide.gif) top left no-repeat;
	}
	
#text-main-wide	{/*includes bottom frame*/
	width:970px;
	min-height:485px;
	height:auto !important;/*IE6 min-height hack*/
	height:485px;/*IE6 min-height hack*/
	float:left;
	background:url(/Media/image/framework/frame-bottom-wide.gif) bottom left no-repeat;
	padding:25px 0px 20px 0px;
	}
	
#text-inner	{
	width:708px;
	float:left;
	margin:0px;
	padding:0px 0px 0px 32px;
	}
	
#text-inner-wide	{
	width:970px;
	float:left;
	margin:0px;
	padding:0px;
	}
	
#footer	{
	width:501px;
	float:right;
	text-align:right;
	color:#b4b4b4;
	font-size:11px;
	margin:0px;
	padding:0px 42px 0px 0px;
	}
	
#footer-wide	{
	position:relative;
	width:928px;
	float:left;
	text-align:right;
	color:#b4b4b4;
	font-size:11px;
	margin:0px;
	padding:0px 42px 0px 0px;
	}
	
#backtotop	{
	font-family:Arial, Helvetica, sans-serif;
	position:absolute;
	top:-45px;
	left:32px;
	}

/* ----- page specific ----- */

#address-left	{
	float:left;
	width:236px;
	color:#886e07;
	margin:0px;
	padding:20px 0px 0px 35px;
	}
	
#address-right	{
	float:left;
	width:213px;
	height:72px;
	margin:10px 0px 0px 0px;
	padding:15px 0px 0px 30px;
	background-image:url(/Media/image/framework/address-bg.png);
	line-height:17px;
	}
	
#address-right label	{
	float:left;
	display:block;
	width:70px;
	color:#999999;
	font-weight:normal;
	font-style:normal;
	}
	
.gallery-group	{
	float:left;
	width:950px;
	margin:0px;
	padding:0px 0px 0px 33px;
	}
	
.gallery-group ul	{
	float:left;
	margin:0px;
	padding:0px;
	list-style-type:none;
	}
	
.gallery-group ul li	{
	display:block;
	float:left;
	width:123px;
	height:123px;
	margin:0px 30px 30px 0px;
	padding:0px;
	border:solid 1px #999999;
	}
	
.gallery-group ul li a	{
	float:left;
	margin:0px;
	padding:0px;
	border:none;
	}
	
.things-we-do-img	{
	float:right;
	margin:5px 0px 5px 15px;
	padding:0px;
	}
	
/* ----- form ----- */

#contact-form	{
	margin:20px 0px 0px 0px;
	padding:0px 0px 0px 35px;
	}
	
form	{
	margin:0px;
	padding:0px;
	}

input.text	{
	width:170px;
	margin:5px 0px 0px 0px;
	padding:0px 3px 3px 3px;
	font-family:"Times New Roman", Times, serif;
	color:#999999;
	}
	
input.button	{
	margin:5px 0px 0px 0px;
	font-family:"Times New Roman", Times, serif;
	color:#999999;
	font-weight:bold;
	}
	
textarea	{
	margin:5px 0px 0px 0px;
	}
	
label	{
	margin:0px;
	padding:0px;
	color:#886e07;
	font-weight:bold;
	font-style:italic;
	}