/** *            Dunstan Hardcastle
 *  Base Screen Styles*
 *	Table of Contents:
 *		layout
 *		breadcrumbs
 *		typography
 *		lists
 *      links
 *		tables
 *		forms
 *
 */

body {
	background:					#919083;
	color:						#666;
	font-family:				"Lucida Sans", Arial, Verdana, "Lucida Grande", Helvetica, sans-serif;
	font-size:					62.5%;
	margin:						0;
	padding:					0;
}

/** layout
--------------------------------------- */
#page-wrapper {

}

#page-container {
	margin:						0 auto;
	width:						1002px;
}

#page-header {
	background:					#000 url(../images/DH-digital_abstract.jpg) left -36px no-repeat;
	height:						109px;
	overflow:					hidden;
	width:						1002px;
}

body.home #page-header {
	background-position:		left top;
	height:						185px;
}	

#brand {
	float:						right;				
	width:						325px;
	height:						65px;
	
}

body.home #brand {
	height:						65px;
	padding:					95px 0 0 32px;
	
}

#search {
	float:						left;
	width:						435px;
	height:						65px;
	padding:					44 0 0 32px;
}

body.home #search {
	height:						65px;
	padding:					79px 0px 0px 32px;
}

#main-navigation {
	background:					transparent url(../images/DH-main-navigation.png) no-repeat;
	height:						31px;
	overflow:					hidden;
	width:						1002px;
}

#content-wrapper,
#content-container,
#content-container-inner {
	overflow:					hidden;
	width:						1002px;
}

#content-wrapper {
	background:					#fff url(../images/DH-content-wrapper.png) right top repeat-y;
}

#content-container {
	background:					transparent url(../images/DH-content-container1.png) left bottom no-repeat;
}

#content-container-inner {
	background:					transparent url(../images/DH-v-dotted-tile.gif) 170px top repeat-y;
	margin-bottom:				90px;
	padding-bottom:				10px;
}

body.home #content-container-inner {
	background:					none;
}

#content-left {
	float:						left;
	padding-top:				88px;	
	width:						170px;
	height:						150px;
}

#content-right {
	float:						right;
	width:						245px;
	background-color: 			#9B9B9A;
}

#content-main {
	background:					transparent url(../images/DH-content-main.gif) left top no-repeat;
	font-size:					1.1em;
	margin:						0 245px 0 170px;
	padding:					15px 30px 0 23px;
}

body.home #content-main {
	background:					none;
	margin:						0 245px 0 0;
	padding:					0;
}

#content-main-extra {
	width:						528px;
	overflow:					hidden;
	margin-bottom:				1.5em;
}

#whats-new {
	padding-top:				2em;
}

/** typography
--------------------------------------- */
body.home #brand h1 {
	height:						101px;
	padding:					37px 30px 0 0;
}

#content-left h4#in-this-section-title {
	background:					transparent url(../images/h4s/DH-in-this-section.gif) no-repeat;
	height:						13px;
	margin:						0 0 1em 18px;
	text-indent:				-9999px;
	width:						100px;
}

#content-right h4#our-expertise-title {
	background:					transparent url(../images/h4s/DH-our-expertise.png) no-repeat;
	color:						#fff;
	height:						21px;
	margin:						21px 17px 0.3em 13px;
	width:						215px;
	text-indent:				-9999px;
}

body.home #content-right h4#our-expertise-title {
	margin-top:					34px;
}

#content-main h1#content-main-title {
	color:						#666666;
	font-family:				Arial, Helvetica, sans-serif;
	font-size:					3.5em;
	font-weight:				normal;
	text-transform:				lowercase;
	height:						40px;
}

#content-main h1#employee-title {
	color:						#666666;
	font-family:				Arial, Helvetica, sans-serif;
	font-size:					2.0em;
	font-weight:				normal;
	text-transform:				lowercase;
	height:						40px;
}

body.home #content-main h2 {
	background:					#fff url(../images/h2s/DH-Mantra_new.gif) no-repeat;
	float:						left;
	height:						400px;
	width:						148px;
	text-indent:				-9999px;
}

#content-main h3,
#content-main h4 {
	margin-bottom:				1em;
	padding:					0 30px 0 197px;
}

#content-main p {
	line-height:				1.5em;
	margin-bottom:				1em;
}

body.home #content-main p {
	padding:					0 30px 0 197px;
}

body.home #content-main p.first {
	padding-top:				30px;
}

#whats-new h3#whats-new-title {
	background:					url(../images/h3s/DH-whats-new.png) no-repeat;
	float:						left;
	height:						75px;
	width:						170px;
	text-indent:				-9999px;
}

#whats-new p {
	margin-bottom:				0.5em;
}

/** hdlist
--------------------------------------- */
#content-main ul#hd-list {
	color:						#919083;
	font-size:					1em;
	margin-left:				0;
	width:						400px;
	/*padding:					0 30px 0 50px;*/
}

#content-main ul#hd-list li {
	background:					transparent url(../images/icons/icon-breadcrumb.gif) 0 50% no-repeat;
	display:					inline;
	padding:					0 0.5em 0 1em;
}

#content-main ul#hd-list li.first {
	background:					none;
	padding-left:				0;
}
	
#content-main ul#hd-list li a {
	color:						#CC0000;
	font-weight:				bold;
	text-decoration:			none;
}

#content-main ul#hd-list li a:hover {
	text-decoration:			underline;
}


/** breadcrumbs
--------------------------------------- */
#content-main ul#breadcrumbs-list {
	color:						#919083;
	font-size:					1em;
	margin-left:				20px;
	padding:					0 30px 0 197px;
}

#content-main ul#breadcrumbs-list2 {
	color:						#919083;
	font-size:					1em;
	margin-left:				0;
	width:						400px;
	padding:					0 30px 0 222px;
}

#content-main ul#breadcrumbs-list li,
#content-main ul#breadcrumbs-list2 li  {
	background:					transparent url(../images/icons/icon-breadcrumb.gif) 0 50% no-repeat;
}

#content-main ul#breadcrumbs-list li.first,
#content-main ul#breadcrumbs-list2 li.first {
	background:					none;
	/*padding-left:				0;*/
}
	
#content-main ul#breadcrumbs-list li a,
#content-main ul#breadcrumbs-list2 li a {
	color:						#999999;
	font-weight:				bold;
	text-decoration:			none;
}

#content-main ul#breadcrumbs-list li a:hover,
#content-main ul#breadcrumbs-list2 li a:hover {

	text-decoration:			underline;
}

/** lists
--------------------------------------- */
#content-left ul#in-this-section-list {
	font-size: 					1.1em;
	list-style:					none;
	margin-left:				18px;
}

#content-left ul#in-this-section-list li {
	background:					transparent url(../images/icons/icon-in-this-section.gif) 0 0.45em no-repeat;
	color:						#919083;
	padding:					0 0.5em 0.2em 1em;
}

#content-left ul#in-this-section-list li a {
	color:						#919083;
	text-decoration:			none;
}

#content-left ul#in-this-section-list li a:hover {
	text-decoration:			underline;
}

#content-right ul {
	background:					transparent url(../images/DH-h-dotted-tile.gif) left bottom repeat-x; 
	color:						#fff;
	font-size:					1.1em;
	list-style:					none;
	margin:						0 10px 0 13px;
	padding-bottom:				0.8em;
}

#content-right ul li {
	background:					transparent url(../images/icons/icon-our-expertise.png) 0 55% no-repeat;
	padding:					0.4em 0 0.3em 3.3em;
}

#content-right ul li a {
	color:						#fff;
	text-decoration:			none;
}

#content-right ul li a:hover {
	text-decoration:			underline;
}


#content-main ul {
	margin:						0 0 1em 0.5em;
	list-style:					none;
}

#content-main ul li {
	padding:					0.2em 0 0.2em 1.5em;
	background:					transparent url(../images/icons/icon-list.gif) 0 0.55em no-repeat;
}

#content-main ol {
	margin:						0 0 1em 2em;
}

#content-main ol li {
	padding:					0.2em 0 0.2em 0.1em;
}

#content-main ul#in-this-section-list {
	font-size: 					1.1em;
	list-style:					none;
	margin-left:				18px;
	padding:					0 30px 0 197px;
}

#content-main ul#in-this-section-list li {
	background:					transparent url(../images/icons/icon-list.gif) 0 0.45em no-repeat;
	color:						#919083;
	padding:					0em 0.5em 1em 2em;
}

#content-main ul#in-this-section-list li a {
	color:						#919083;
	text-decoration:			none;
}

#content-main ul#in-this-section-list li a:hover {
	text-decoration:			underline;
}

#whats-new ul#whats-new-list {
	background:					#fff url(../images/DH-whats-new-list.png) repeat-y;
	color:						#CC0000;
	list-style:					none;
	margin:						0 0 1em 170px;
	padding:					13px 0 1em 0;
}

#whats-new ul#whats-new-list li {
	background:					transparent url(../images/icons/icon-whats-new.png) left top no-repeat;
	margin-left:				27px;
	padding:					0 0 1em 3em;
}

#whats-new ul#whats-new-list li p {
	line-height:				normal;
	margin-bottom:				0;
	padding:					0;
}

#whats-new ul#whats-new-list li p a {
	color:						#CC0000;
	font-weight:				bold;
	text-decoration:			none;
}

#whats-new ul#whats-new-list li p a:hover {
	text-decoration:			underline;
}

#whats-new ul#whats-new-list li p span {
	font-size:					0.9em;
	display:					block;
	padding-top:				3px;
}

#contact-details-container dl#contact-street-address,
#contact-details-container dl#contact-postal-address,
#contact-details-container dl#contact-phone,
#contact-details-container dl#contact-fax {
	float:						left;
	height:						5.5em;
	width:						280px;
}

#contact-details-container dl dd p {
	line-height:				1.5em;
}

#contact-details-container dl dd p a {
	color:						#CC0000;
	text-decoration:			none;
}

#contact-details-container dl dd p a:hover {
	text-decoration:			underline;
}

#page-footer ul {
	color:						#fff;
	list-style:					none;
	margin:						1em 245px 1em 0;
	text-align:					center;
}

#page-footer ul li {
	display:					inline;
}

#page-footer ul li a {
	color:						#fff;
	border-right:				solid 1px #fff;
	padding:					0 0.5em;	
	text-decoration:			none;
}

#page-footer ul li a.last {
	border:						0;
}

#page-footer ul li a:hover {
	text-decoration:			underline;
}


/** links
--------------------------------------- */
#content-main a {
	color:						#CC0000;
	text-decoration:			none;
}

#content-main a:hover {
	text-decoration:			underline;
}

#whats-new p.whats-new-extra a {
	background: 				transparent url(../images/icons/icon-reddot.png) no-repeat right 0.2em;
	color:						#4fb1cf;
	padding:					0 3em 0.2em 0;
	text-decoration:			none;
}

#whats-new p.whats-new-extra a:hover {
	text-decoration:			underline;
}

#content-main-extra a.print-page {
	color:						#666666;
	display:					block;
	font-size:					0.9em;
	font-weight:				bold;
	margin-left:				460px;
	text-align:					right;
	text-decoration:			none;
	padding: 0.2em;	
}

#content-main-extra a.print-page:hover {
	text-decoration:			underline;
}

/** tables
--------------------------------------- */
#content-main table tr td {
	font-size:					inherit;
}

/** forms
--------------------------------------- */
fieldset#search-fieldset {
	border:						0 !important;
	display:					inline;
	width:						100%;
}

input#search-query {
	border:						1px solid #666;
	color:						#333;
	display:					inline;
	float:						left;
	font-size:					1em;
	padding:					2px;
	width:						162px;
}

input#search-submit {
	float:						left;
	margin:						2px 0 0 10px;
}

form#contact-us-form fieldset {
	border:						0 !important;
	padding-top:				0.5em;
}

form#contact-us-form fieldset p {
	margin-bottom:				0.3em;
}

form#contact-us-form fieldset p.button {
	margin-bottom:				0;
	padding:					0 33px 0 0;
	text-align:					right;

}

form#contact-us-form fieldset p label {
	float:						left;
	width:						110px;
	text-align:					right;
	padding-top:				2px;
	padding-right:				10px;
}

form#contact-us-form fieldset p input.text {
	background:					url(../images/bg-input.gif) #fff no-repeat left top;
	border:						1px solid #b3b3b3;
	color:						#999;
	width:						225px;
	padding:					2px;
}

form#contact-us-form fieldset p textarea {
	background:					url(../images/DH-input.gif) #fff no-repeat left top;
	border:						1px solid #b3b3b3;
	color:						#999;
	font-family:				"Lucida Sans", Arial, Verdana, "Lucida Grande", Helvetica, sans-serif;
	height:						70px;
	padding:					2px;
	width:						350px;
}

form#contact-us-form fieldset p input.text:focus,
form#contact-us-form fieldset p textarea:focus {
	background-image:			url(../images/DH-input-focus.gif);
	border:						1px solid #999;
	color:						#666;
}

/** fancy
--------------------------------------- */
::-moz-selection{
	background:					#d9f3fa;
	color:						#4fb1cf;
}

::selection {
	background:					#fbdbe8;
	color:						#4fb1cf;
}