/*
Client: Slinky
URL: www.slinky.co.uk
Template: Orangutan Studio

---------------------------

- Reset
- Structural divs

---------------------------
*/

/* RESET */

* {
	margin:0;
}

ol, ul
{
	list-style:			none;
}

a img, :link img, :visited img 
{
	border:				0;
}

html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td 
{
	margin:				0;
	padding:			0;
	border:				0;
	font-weight:		inherit;
	font-style:			normal;
	font-size:			100%;
	line-height:		1.25em;
	font-family:		inherit;
	text-align:			left;
	vertical-align:		baseline;
}

/* FONTS & HEADERS */

body {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			62.5%;
	background:			#8D8686;	
}

p {
	font-size:			1.1em;
	color:				#808080;
	padding-top:		12px;
}

a, a:hover {
	font-size:			1.2em;
	color:				#666;
	text-decoration:	none;
}

a:hover{
	color:				#99855f;
}

#content a{
	font-weight:		bold;
	font-size:			1.1em;
}

#content a:hover{
	color:				#76CCEF;
}

h1{
	font-family:		Georgia, serif;
	font-weight:		bold;
	font-size:			1.4em;
	color:				#696766;
	line-height:		2em;
}

h2{
	font-size:			1.2em;
	font-weight:		normal;
	color:				#696766;
}

.top_nav a{
	font-family:		Georgia, serif;
	font-weight:		bold;
	color:				#666;	
}

.top_nav a:hover{
	font-family:		Georgia, serif;
	font-weight:		bold;
	color:				#76CCEF;	
}

.top_nav .selected a{
	font-family:		Georgia, serif;
	font-weight:		bold;
	color:				#76CCEF;	
}

#footer a{
	color:				#76CCEF;
	font-size:			1.1em;
}

#footer a:hover{
	color:				#666;
	font-size:			1.1em;
}

strong {
	font-weight:		bold;
}

/* LAYOUT */

#body{
	background: 		url(images/tile.gif);
}

#container{
	background:			#fff;
	width:				762px;
	margin: 			0 auto;
}

#header{
	width:				762px;
	height:				101px;
}

#header .top_nav ul{
	float:				right;
	margin: 			76px 21px 0 0;
}

#header .top_nav li{
	display:			inline;
}

.logo{
	width:				150px;
	height:				83px;
	position:			absolute;
	margin:				15px 0 0 21px;
}

#banner{
	width:				762px;
}

#banner{
	margin:				10px 21px 0 21px;
}

#content{
	width:				762px;
}

#content_right{
	float:				right;
	width:				229px;
	margin:				10px 0 0 0;
	padding-right:		21px;
}

#content_right h1{
	border-bottom: 		dotted 1px #E7E7E7;
}

#content_right img{
	margin-top: 		10px;
}

#content_left{
	float:				left;
	width:				460px;
	margin:				10px 0 0 0;
	padding-left:		21px;
}

#content_left h1{
	border-bottom: 		dotted 1px #E7E7E7;
}

#footer{
	width:				762px;
	height:				30px;
	margin-bottom:		20px;
}

#footer ul{
	margin:				20px 21px 20px 21px;
}

#footer li{
	display:			inline;
	color:				#999;
}

.clear{
	clear:				both;
}

/* CONTACT PAGE CONTENT */

#content_contact_left{
	background:			url(images/contact_grad.gif) no-repeat left;
	float:				left;
	width:				460px;
	margin-top:			10px;
	height:				151px;
}

.contact p{
	color:				#666;
}

.contact_text_layout{
	margin:				10px 0 0 10px;		
	color:				#666;
}

.contact_text_layout li{
	margin-top:			12px;
	padding:			0 0 0 30px;
	font-size:			1.1em;
}

/* icons */

.tel{
	background:			url(images/tel_icon.gif) no-repeat top left;
}

.email{
	background:			url(images/email_icon.gif) no-repeat top left;
	height:				20px;
}

.address{
	background:			url(images/address_icon.gif) no-repeat top left;
}