body {
	background-color: #C4DF9B;
	padding: 0;
	margin: 0;
	font-family: verdana, arial, sans-serif;
	font-size: 10px;
	line-height: 14px;
	color: #726257;}
	
/* ********************************
	sitewide styles
******************************** */
.boldgreen {
	color: #C4DF9B;
	font-weight: bold;}
	
p {
	margin-bottom: 10px;}
	
a {
	color: #C4DF9B;
	font-weight: bold;
	text-decoration: none;}
	
a:hover {
	text-decoration: underline;}
	
h1 {
	font-family: century gothic;
	font-size: 20px;
	color: #C4DF9B;
	margin-bottom: 15px;
	font-weight: normal;}
	
h2 {
	font-family: century gothic;
	font-size: 18px;
	line-height: 22px;
	font-weight: normal;}
	
h3,h4,h5 {
	font-weight: bold;}
	
h3 {
	font-family: century gothic;
	color: #C4DF9B;
	font-size: 14px;
	margin-bottom: 10px;}
#rightpanel h3 {
	color: #525142;}
	
strong {
	font-weight: bold;}

/* ********************************
	layout divs
******************************** */
	
#contentdiv {
	background: url("../../images/bg_main.png") repeat-x;
	background-color: #ffffff;
	padding: 0 20px 40px 20px;
	text-align: center;}
	
#contentcentre {
	width: 560px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	text-align: left;}
	
#footerdiv {
	background: url("../../images/bg_footer.gif") repeat-x;
	height: 20px;
	text-align: center;
	padding-top: 10px;}
	
.clearboth {
	clear: both;}
	
/* ********************************
	header
******************************** */
	
#header {
	height: 100px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;}
	
a#logo {
	display: block;
	background: url("../../images/logo.gif") no-repeat;
	width: 196px;
	height: 37px;
	position: relative;
	top: 35px;}
a#logo span {display: none;}
	
/* ********************************
	main menu
******************************** */
#mainmenu ul {
	list-style: none;
	margin: 7px 0 0 0;
	padding: 0 0 0 0;
	position: relative;
	left: -2px;}
	
#mainmenu ul li {
	display: inline;}
	
#mainmenu ul li a {
	text-decoration: none;
	background: url("../../images/navtab_behind.gif") no-repeat;
	display: block;
	position: relative;
	float: left;
	width: 89px;
	height: 23px;
	color: #525142;
	text-align: center;
	padding-top: 8px;}
	
#mainmenu ul li a#menu_current {
	background: url("../../images/navtab.gif") no-repeat;
	padding-top: 6px;}

/* ********************************
	main content
******************************** */

#maincontent {
	margin-top: 70px;}

#maincontent h1.Home {
	background: url("../../images/title_homepage.gif") no-repeat;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	height: 25px;
	text-indent: -3000px;
	position: relative;
	z-index: 2;}

#maincontent h2.home {
	background: url("../../images/image_homemain.jpg") no-repeat 230px 0;
	width: 350px;
	height: 185px;
	padding-right: 210px;
	padding-top: 35px;
	margin-top: -30px;
	margin-bottom: -80px;
	position: relative;
	z-index: 1;}
/* ie6 hack */
* html #maincontent h2.home {z-index: -1;}

#maincontent p.home {
	padding-right: 300px;
	position: relative;
	z-index: 2;
	top: -30px;}
	
#maincontent ul#homelinks {
	position: relative;
	z-index: 2;}
	
#maincontent ul#homelinks li {
	float: left;}
	
#maincontent ul#homelinks li a {
	display: block;
	height: 83px;
	text-indent: -3000px;
	margin-bottom: 15px;}
/* ie6 hack */
* html #maincontent ul#homelinks li a {margin-bottom: 0;}
/* ie7 hack */
* + html #maincontent ul#homelinks li a {margin-bottom: 0;}
	
#maincontent ul#homelinks li a.web {background: url("../../images/homelink_web.gif") no-repeat; width: 186px;}
#maincontent ul#homelinks li a.email {background: url("../../images/homelink_email.gif") no-repeat; width: 187px;}
#maincontent ul#homelinks li a.print {background: url("../../images/homelink_print.gif") no-repeat; width: 186px;}
	
/* *** right panel - if it appears *** */
#leftpanel {
	position: relative;
	float: left;
	width: 350px;}

#rightpanel {
	position: relative;
	float: right;
	width: 185px;
	border-left: 1px dotted #C4DF9B;
	padding-left: 10px;
	margin-bottom: 20px;
	margin-left: 10px;}

#rightpanel h3 {
	margin-bottom: 0;}
	
#rightpanel h3#freequote a {
	display: block;
	width: 186px;
	height: 83px;
	text-indent: -3000px;
	margin-bottom: 17px;
	position: relative;
	left: -3px;
	top: -3px;}
	
#rightpanel h3#freequote a.web {background: url("../../images/panel_freequote_web.gif") no-repeat;}
#rightpanel h3#freequote a.email {background: url("../../images/panel_freequote_email.gif") no-repeat;}
#rightpanel h3#freequote a.print {background: url("../../images/panel_freequote_print.gif") no-repeat;}

#rightpanel p {
	margin: 5px 0 0 0;}
	
/*
	promo banner
___________________________________________ */

img.promobanner {
	border-bottom: 1px dotted #C4DF9B;
	padding-bottom: 20px;
	margin-bottom: 10px;}
	
#maincontent h1.Special {display: none;}
	
#maincontent h1.offer, #maincontent h1.offer {
	border-top: 1px dotted #C4DF9B;
	padding-top: 20px;}
	
#maincontent h4.facebook_thanks {
	border-top: 0;
	padding-top: 0;}

	
/* ********************************
	folio content
******************************** */
.folio {
	border-top: 1px dotted #C4DF9B;
	padding: 12px 0 0 0;
	margin: 15px 0 0 0;
	min-height: 140px;
	height:auto;
	clear: both;}
/* for Internet Explorer 6 */
/*\*/
* html .folio {
	height: 140px;}
/**/

.folio img {
	position: relative;
	float: right;
	top: -25px;
	padding: 4px;
	margin: 0 0 -25px 10px;
	border: 1px solid #E1E1E1;}
	
.folio p {
	margin: 0 0 0 0;}
	
.folio h4.latestwork {
	background: url("../../images/title_latestwork.gif") no-repeat;
	width: 100px;
	height: 13px;
	margin: 0 0 10px 0;
	padding: 0 0 0 0;}
	
.folio h4.latestwork span {display: none;}

/* ********************************
	forms
******************************** */
#contactform {
	width: 350px;}
	
#contactform .field_title {
	margin-top: 5px;}
	
#contactform input.textfield, #contactform textarea.textarea {
	width: 100%;
	border: 1px solid #C4DF9B;}
	
#contactform textarea.textarea {
	height: 65px;}
	
#contactform select {
	border: 1px solid #C4DF9B;
	margin-bottom: 5px;}

#contactform input#captcha {
	width: 100px;
	border: 1px solid #C4DF9B;
	margin-bottom: 5px;
	position: relative;
	top: -8px;}
	
/* *** for dynamic quogte form with hidden fields *** */

.quoteform #formrow6, .quoteform #formrow7, .quoteform #formrow8,
.quoteform #formrow9, .quoteform #formrow10,
.quoteform #formrow11 {display: none;}
