/* designsolo */

/* global styles */
body {
	font-family: arial, Helvetica, sans-serif;
	font-size: 77%; /* initially set to percentage so that ems work without producing miniscule text in IE */
	line-height: 1.2em;
	text-align: left;
	color: #000; background-color: #e8e8e8;
	margin: 0; padding: 0; 
	margin-bottom: 10px;
}

/* global anchor styles */
a { color: #000; text-decoration: underline; }
a:hover { text-decoration: none; color: #888; }

/* misc. global styles */
img { border: none; }
h1,h2,h3, h4, h5 { margin: 0; padding: 0 0 5px 0; font-size: 1.15em; }
h4, h5 { font-size: 1em; }
h5 { color: #000; font-weight: normal; }
p { margin: 0; padding: 0 0 10px 0; }
form,
fieldset { margin: 0; padding: 0; border: none; }
.clear { clear: both; }
	
/* style for blankwin */
a.external{
	position: relative; padding-right: 12px;
	background:url(../images/ico_external.gif) no-repeat 100% 50%; }
	
/* main wrapper */
#wrapper { position: relative; width: 978px; margin: 10px auto 0 auto; background: #fff; border: 1px solid #000; padding-bottom: 20px; }

/* header container and styles */
#header { width: 978px; height: 94px; position: relative; }
#header #skip { display: none; }
#header h1 { 
	position: absolute; 
	top: 21px; left: 568px; height: 57px; width: 256px;
	margin: 0; padding: 0; text-indent: -9999px; 
	background: transparent url(../images/ds_logo.gif) 0 0 no-repeat; }
#header h1 a { 
	position: absolute; display: block;
	top: 0; left: 0; width: 256px; height: 57px; }

/* content container */
#content { position: relative; background-color: #998071; border-bottom: 20px solid #fff; width: 978px; }

/* main image container */
#content .imageContainer { position: relative; width: 558px; float: left; height: 410px; overflow: hidden; }
#content .imageContainer img { position: absolute; top: 0; left: 0; display: none; }

/* show / hide styles */
#content .show { display: block !important; }
#content .hide { display: none !important; }

/* body container */
#content .body { position: relative; width: 418px; float: right; padding: 1px; }

/* main menu container */
#mainMenu { position: relative; width: 538px; float: left; padding: 0 0 0 20px; overflow: hidden; text-transform: lowercase; }
#mainMenu ul,
#mainMenu ul li { margin: 0; padding: 0; list-style: none; display: block; }

#mainMenu a,
#footer a,
#footer { color: #a58e80; }
#mainMenu a,
#footer a { text-decoration: none; }
#mainMenu a:hover,
#footer a:hover, 
#mainMenu a:hover { color: #745849; }
#mainMenu a.active { font-weight: bold; color: #745849; }

#mainMenu .tertiary,
#mainMenu .secondary,
#mainMenu .primary { position: relative; width: 100px; float: left; }

#mainMenu .tertiary { overflow: hidden; width: 330px; }
#mainMenu .tertiary ul li { float: left; padding-right: 10px; }

#mainMenu ul li { line-height: 15px; }

/* necessary padding classes for 2nd - 3rd level menus (20 deep - should be enough) */
#mainMenu .pos1 { padding-top: 0; }
#mainMenu .pos2 { padding-top: 15px; }
#mainMenu .pos3 { padding-top: 30px; }
#mainMenu .pos4 { padding-top: 45px; }
#mainMenu .pos5 { padding-top: 60px; }
#mainMenu .pos6 { padding-top: 75px; }
#mainMenu .pos7 { padding-top: 90px; }
#mainMenu .pos8 { padding-top: 105px; }
#mainMenu .pos9 { padding-top: 120px; }
#mainMenu .pos10 { padding-top: 135px; }
#mainMenu .pos11 { padding-top: 150px; }
#mainMenu .pos12 { padding-top: 165px; }
#mainMenu .pos13 { padding-top: 180px; }
#mainMenu .pos14 { padding-top: 195px; }
#mainMenu .pos15 { padding-top: 210px; }
#mainMenu .pos16 { padding-top: 225px; }
#mainMenu .pos17 { padding-top: 240px; }
#mainMenu .pos18 { padding-top: 255px; }
#mainMenu .pos19 { padding-top: 270px; }
#mainMenu .pos20 { padding-top: 285px; }


/* footer styles */
#footer { position: relative; width: 410px; float: right; padding: 0 0 0 10px; }
#footer address { font-style:normal; position: relative; display: block; width: 200px; float: left; }

/* section background colours */
#home #content { background-color: #998071; }
#whatWeDo #content { background-color: #d0c2b9; }
#contactUs #content { background-color: #efe9e6; }
#aboutUs #content { background-color: #c2b0a5; }
#news #content { background-color: #e1d3ca; }

#content .body .text {
	position: relative; width: 386px; margin-top: 8px; padding: 0 10px 0 10px; margin-bottom: 7px; overflow: auto;
	height: 384px; color: #745849; }



#content .body .text .descriptions { position: absolute; width: 370px; }
#content .body .text .descriptions div { position: relative; width: auto; display: block; }
#content .body .text #introduction { position: relative; display: block; width: 370px; }

#aboutUs #content .body .text,
#whatWeDo #content .body .text { height: 185px; }

#news #content .body .text h3 { margin-bottom: 4px; }

/* thumbnails container */
#content .body .thumbs { position: relative; width: 408px; padding: 8px 0 0 10px; }
#content .body .thumbs dl,
#content .body .thumbs dl dt,
#content .body .thumbs dl dd { margin: 0; padding: 0; position: relative; display: block; }
#content .body .thumbs dl { width: 408px; }
#content .body .thumbs dl dt,
#content .body .thumbs dl dd { float: left; padding: 0 10px 8px 0; }
#content .body .thumbs dl dt span,
#content .body .thumbs dl dd span,
#content .body .thumbs dl dt a,
#content .body .thumbs dl dd a { position: relative; float: left; display: block; width: 90px; height: 90px;  border: 1px solid #fff; overflow: hidden; }
#content .body .thumbs dl dt a img,
#content .body .thumbs dl dd a img { display: block; float: left; overflow: hidden; }
#content .body .thumbs dl dt a:hover,
#content .body .thumbs dl dd a:hover { border-color: #000; }
#content .body .thumbs dl dd span { border: none; padding: 1px;  }

/* form styles  */
#content .forms { position: relative; padding: 0; }
#content .forms h4 { font-weight: normal; }
#content .forms fieldset { padding: 0; margin: 0; border: 0; }
#content .forms label { 
	display: block; 
	clear: left; float: left; text-align: left;
	width: 175px; font-weight: normal; 
	padding: 2px 6px 1px 0;  } 

#content .forms select,
#content .forms textarea,
#content .forms input { margin: 2px 0 1px 0; width: 180px; }

#content .forms .captcha label span,
#content .forms label span { color: #a58e80; font-weight: bold; }

#content .forms .captcha {  display: block; width: 350px;  background-image: none; margin-top: 2px; }
#content .forms .captcha label span { display: inline; width: auto; padding: 0; }
#content .forms .captcha img { border: 1px solid #888; }
#content .forms .captcha input { margin-left: 183px; width: 100px; }
#content .forms .captcha span { padding-left: 183px; display: block; font-size: 0.9em; color: #444; }

#content .forms input#submit,
#content .forms input#reset,
#content .forms input#cancel,
#content .forms input#close { width: auto; }

/*  pagination */
#content .pagination { position: relative; text-align: left; }
#content .pagination ul,
#content .pagination ul li { margin: 0; padding: 0; list-style: none; display: inline; list-style-image: none; font-weight: bold; color: #0066a5; }
#content .pagination ul li { padding: 0 1px 0 1px; }
#content .pagination ul li a { line-height: 15px; padding: 1px 3px 1px 3px; background: #fff; color: #745849; border: 1px solid #745849; text-decoration: none; }
#content .pagination ul li a:hover { background: #745849; color: #fff; text-decoration: none; border: 1px solid #745849; }
#content .pagination ul li.label { padding: 0 5px 0 0; font-weight: bold; color: #745849; display: none; }
#content .pagination ul li.current { padding: 2px 4px 2px 4px; background: #745849; color: #fff; }

/* news listing */
#content .newsListing { position: relative; margin: 5px 0 5px 0; }
#content .newsListing ul,
#content .newsListing ul li { margin: 0; padding: 0; list-style: none; }
#content .newsListing ul li {
	padding: 5px 10px 5px 10px; margin: 3px 0 3px 0;
	display: block; line-height: 15px; height: 50px; overflow: hidden; }

#content .newsListing ul li.off { background: #fff; }
#content .newsListing ul li strong { display: block; font-weight: normal; color: #000; }
#content .newsListing ul li.hilight strong { color: #fff; }
#content .newsListing ul li a,
#content .newsListing ul li a:hover { color: #745849; }
#content .newsListing ul li.hilight { background: #c2b0a5; }
#content .newsListing ul li.hilight a,
#content .newsListing ul li.hilight a:hover { color: #fff; }

/* previous / next links */
#content .previousNext {
	position: relative; padding: 0; }
#content .previousNext  ul,
#content .previousNext  ul li { margin: 0; padding: 0; list-style: none; }
#content .previousNext  ul li { display: inline; }
#content .previousNext  ul li a {
	text-decoration: none;
	font-weight: bold; display: block; width: auto; line-height: 17px; color: #745849;}
#content .previousNext  ul li a:hover { text-decoration: none; color: #888; }
#content .previousNext  ul li.previous a { float: left; text-align: left;  }
#content .previousNext  ul li.next a { float: right; text-align: right; }
#content .previousNext  ul li.back { clear: both; display: block; padding-top: 10px;  }
#content .previousNext  ul li.back a { clear: both; text-align: left; }


/* user feedback boxes */
#content .body .error,
#content .body .info,
#content .body .success {
	border-bottom: 4px solid #fff;
	font-weight: bold; line-height: 20px; 
	margin: 5px 0 15px 0; padding: 10px 5px 10px 35px; }
	
/* error message */
#content .body .error {
	border-color: #ecc;
	background: #fee url(../images/error.gif) 10px 10px no-repeat;  color: #922; }

/* success message */
#content .body .success {
	border-color: #be8;
	background: #dfa url(../images/success.gif) 10px 10px no-repeat; color: #292; }

/* info message */
#content .body .info {
	border-color: #cce;
	background: #eef url(../images/info.gif) 10px 10px no-repeat; color: #247; }