/*
      Created by Ray Best 
      raybest.co.uk
	  
*/

* {
	padding: 6px 0 6px 0;
	margin: 0;
}

/* @group core */

body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 1em;
	background: #cc3366 url(../images/dymond_bg.jpg) repeat;
}

#wrapper {
	margin: 0 auto;
	width: 960px;
	background-color: #FFF;
	padding: 0 4px 4px 4px;
	border: 10px solid white;
}

#header {
	color: #333;
	width: 938px;
	float: left;
	padding: 10px;
	height: 100px;
	margin: 5px 0px 5px 0px;
}

img {
	border: none;
	margin: 0;
	padding: 0;
}

#logo {
	width: 375px;
	height: 117px;
	float: left;
	background: #FFF url(../images/dymond_logo.png) no-repeat;
}

#logo a {
	display: block;
	height: 100%;
	width: 100%;
}

#logo h1 {
	text-indent: -9999px;
}

#navigation {
	float: left;
	width: 938px;
	color: #333;
	padding: 10px;
	margin: 0px 0px 15px 0px;
	height: 60px;
}

#thumbnails {
	float: left;
	width: 938px;
	color: #333;
	padding: 10px;
	height: auto;
	margin: 0px 0px 5px 0px;
	background: #FFF;
}

#heading {
	float: left;
	width: auto;
	padding-left: 16px;
	height: auto;
	margin: 0;
	background: #FFF;
}

#leftcolumn {
	color: #cc3366;
	margin: 0px 5px 55px 0px;
	padding: 0px 16px 16px 16px;
	height: auto;
	width: 344px;
	float: left;
	line-height: 120%;
}

#rightcolumn {
	float: right;
	color: #333;
	margin: 0px 0px 5px 0px;
	padding: 16px;
	height: auto;
	width: 544px;
	display: inline;
}

#contactcolumn {
	font-size: 14px;
	color: #cc3366;
	margin: 0px 5px 65px 0px;
	padding: 16px;
	height: auto;
	width: 550px;
	float: left;
}

#footer {
	width: 938px;
	height:	auto;
	clear: both;
}

/* @end */

/* @group image thumbnails */

div.floatleft {
	float: left;
	padding-right: 17px;
	width: 500px;
}

div.floatright {
	float: right;
}

div.float p {
	text-align: center;
}

div.container {
	background-color: #FFF;
}

div.spacer {
	clear: both;
}

div.photo {
	float: left;
	padding: 6px;
}

div.photoright {
	float: left;
	padding: 0;
}

div.photo a img {
	padding: 0;
}

p#turtles_caption {
	margin: 5px 0 0;
}


/* @end */

/* @group right image wrappers */

#textwrapper_home {
	width: 932px;
	float: left;
	background: url(../images/home/home_signoff.jpg) no-repeat 588px bottom;
}

#textwrapper_lariats {
	width: 932px;
	float: left;
	background: url(../images/lariats/lariats_signoff.jpg) no-repeat 540px bottom;
}

#textwrapper_dewdrops {
	width: 932px;
	float: left;
	background: url(../images/dewdrops/dewdrops_signoff.jpg) no-repeat 540px bottom;
}

#textwrapper_solstace {
	width: 932px;
	float: left;
	background: url(../images/solstace/solstace_signoff.jpg) no-repeat 540px bottom;
}

#textwrapper_contact {
	width: 932px;
	float: left;
	background: url(../images/contact/contact_signoff.jpg) no-repeat 670px bottom;
}

/* @end */

/* @group navigation */

ul li {
	display: block;
	float: left;
	list-style-type: none;
}

ul li a {
	display: block;
	height: 68px;
	width: 185px;
	background: transparent url(../images/navigation.png) no-repeat 0 0;
	background-position: 0 -70px;
	text-indent: -9009px;
}

ul li a:hover, ul li a.current  {
	background-position: 0 0;
}

ul li#lariats a {
	width: 185px;
	background-position: -185px -70px;
}

ul li#lariats a:hover, ul li#lariats a.current {
	background-position: -185px 0;
}

ul li#dewdrops a {
	width: 185px;
	background-position: -370px -70px;
}

ul li#dewdrops a:hover, ul li#dewdrops a.current  {
	background-position: -370px 0;
}

ul li#solstace a {
	width: 185px;
	background-position: -555px -70px;
}

ul li#solstace a:hover, ul li#solstace a.current  {
	background-position: -555px 0;
}

ul li#contact a {
	width: 185px;
	background-position: -740px -70px;
}

ul li#contact a:hover, ul li#contact a.current  {
	background-position: -740px 0;
}

/* @end */

/* @group typography */

p {
	color: #999;
	float: left;
	line-height: 140%;
	margin-bottom: 10px;
}

p span {
	color: #cc3366;
	float: left;
	line-height: 120%;
	margin-bottom: 10px;
}

a:link {
	color: #cc3366;
	text-decoration: underline;
}

a:visited {
	color: #cc3366;
}

a:hover {
	color: #000;
	text-decoration: none;
}
	
a:active {
	color: #cc3366;
	text-decoration: underline;
}

#footer p {
	font-size: 10px;
	padding: 4px 0 6px 0;
	color: #ccc;
	text-align: center;
}

#footer p a {
	text-decoration: none;
}

#footer p a:link, #footer p a:visited {
	color: #ccc;
}

#footer p a:hover, #footer p a:active {
	color: #cc3366;
}

/* @end */