body {margin: 0;padding: 0px;color: #222;background: #fff url(images/body_bg.jpg) repeat-x;font-family: arial, verdana, sans-serif;}

.clear {clear: both;height: 1px;}
.nowrap {white-space: nowrap;}

.floatLeft { float:left; margin-right:20px;}
.floatRight { float:right; margin-left:20px;}
.leftpic {float: left;margin: 0;height: 100%;padding-right: 20px;padding-bottom: 100px;} 

h2 {font-size: 1.8em;font-weight: normal;xcolor: #1868b4;color: #aaa;margin-top:0;}
h3 {font-size: 1.2em;font-weight: normal;color: #1868b4;}
h4 {font-size: 1.2em;font-weight: normal;color: #222;}
h5 {font-size: 1em;font-weight: normal;color: #1868b4;margin:10px 0 4px;;}
h6 {font-size: 0.8em;font-weight: normal;color: #222;font-style: italic;}
p, ul li, ol li {font-size: 12px;font-weight: normal;line-height: 150%;margin-top: 0;}
ul, ol {margin-top: 0;margin-bottom: 1em;margin-left: 24px; padding-left:0;}
ul li, ol li {margin: 2px 0;}

a {color: #1868b4;}
a.morelink { padding:3px 0px; font-size:12px;margin:5px 0; }
a.morelink:hover { xborder-bottom:1px solid; color:#aaa; }

/* get rid of those system borders being generated for A tags */
a:active {  outline:none;}
:focus {  -moz-outline-style:none;}





/*************************** Structure ***********************/

#container{margin: 0 auto;width: 1016px;}
#header {clear: both;background: url(images/da_lti_logo.png) no-repeat right top;width: 1000px;height: 135px;margin: 0;padding: 0;}
#contentHead{background: transparent url(images/content_head_shad.png) no-repeat;height: 7px;padding:0;margin:0;overflow:hidden;}
#content{background: transparent url(images/content_body_shad.png) repeat-y;clear: both;padding: 0 6px;margin:0;}
#contentFoot{background: transparent url(images/content_foot_shad.png) no-repeat;padding: 10px 20px;font-size:9px;color:#666;text-align:right;clear: both;}


/*************************** Sidebar ***********************/


#sidebar {width: 216px;position: relative;	xfloat:left;top:0;left:0;}

#navigation 	 {width: 216px;}
#navigation a 	 {text-decoration: none; }
#navigation ul	 {width: 216px;padding: 0px;margin: 0px;list-style-type: none;position: relative;border: 0px;font-size: 14px;}
#navigation li 	 {width: 204px;margin: 0px 0 2px 0;padding: 0 12px 0 0;display: block;}
#navigation li#active {background: transparent url(images/current_menu_bg.jpg) no-repeat 0 50%;}
#navigation li#active:hover {}
#navigation li a,
#navigation li a:link,
#navigation li a:visited	{color: #333;padding: 15px 0px 15px 15px;xheight: 30px;display: block;}
#navigation li a:hover,
#navigation li a:focus	{background: transparent url(images/current_menu_bg.jpg) no-repeat -229px 50%;border-left:1px solid #ccc;border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding: 14px 0px 14px 14px;}

/*current Link*/
#navigation li a#current,
#navigation li a#current:link,
#navigation li a#current:visited {color: #1868b4;border-left:1px solid #1868b4;border-top:1px solid #1868b4;border-bottom:1px solid #1868b4;}
#navigation li a#current:hover {color: #1868b4;border-left:1px solid #1868b4;border-top:1px solid #1868b4;border-bottom:1px solid #1868b4;background:none;padding: 15px 0px 15px 15px;}


/*************************** Page Content ***********************/


#PageContent {width: 755px;padding: 15px 15px 15px 10px;min-height: 600px;margin: 0;position: relative;	float:right;top:0;right:6px;} 
#PageContent img{ padding: 0px;  margin: 0px;}

.Why #PageContent {background: white url(images/GreenBedroom&PaintersFrame.jpg) no-repeat 50% bottom;padding-bottom:500px;margin-bottom:0;} 
.Workmanship #PageContent {background: white url(images/Federation-Exterior.jpg) no-repeat 50% bottom;padding-bottom:150px;margin-bottom:0;} 
.Finance #PageContent {background: white url(images/Red-Loungeroom.jpg) no-repeat 50% bottom;padding-bottom:400px;margin-bottom:0;} 
.Contact #PageContent {background: white url(images/White-Purple-Kitchen.jpg) no-repeat 50% bottom;padding-bottom:250px;margin-bottom:0;} 

#maintext {width: 720px;float: left;padding: 0;height: 100%;} 
.maintext ol li{list-style-type: decimal;margin-left: 20px;} 

#imageContainer {	width: 750px;	height:300px;}
#imageContainer img {display:none;	position:absolute;	top:0; 	left:0;}



/* Testimonials */


/*.PulloutQuote {font-size: 1em;color: #222;font-style: italic;font-weight: normal;line-height: 150%;}
.PulloutQuoter {font-size: 0.9em;color: #222;font-weight: bold;line-height: 150%;}
.quote {font-style: normal;} 
.quoter {padding-top: 0px;margin-top: 0px;font-weight: bold;} 

#painterinfo {width: 700px;border: 1px solid #999;padding: 5px 15px 5px 5px;background-color: #FFF;height: 324px;margin-bottom: 10px;} 
#testimonial {width: 700px;float: left;padding: 5px 15px 5px 5px;margin: 0 0 10px 0;} 
#pg_slide {padding: 10px;text-align: center;width: 400px;vertical-align: middle;float: left;}
#imageContainer {text-align: center;} 
#quotetext {padding: 10px;}
#quotetext p {font-size: 12px;}
#thumbnailouter {float: left;width: 700px;border: 1px solid #999;margin: 0 10px 20px 0;padding: 10px;background-color: #CCC;height: 250px;}
.thumbnail {float: left;width: 150px;height: 230px;margin: 0 12px 10px 0;padding: 5px;background-color: #FFF;border: 1px solid #999;}
.thumbnail a{text-decoration: none;	}
.thumbnail_image{padding: 5px;width: 140px;height: 140px;}
.thumbnail_caption{padding: 2px 5px 5px 5px;width: 140px;font-size: 0.9em;font-weight: bold;text-align: center;height: 35px;}
.thumbnail_caption a{text-decoration: none;color: #222;}
.thumbnail_caption a:visited{text-decoration: none;color: #222;}
.thumbnail_caption a:hover {color: #039;}
.thumbnail_caption a:active{border: 0px;}*/
.slideshow{padding: 15px 0;}


/*************************** Home Page ***********************/

#homeSlider {background: transparent url(images/home-hero.jpg) no-repeat 0 50%;height:300px;}
#HomeMainImage {width: 750px;	height: 300px;	position: relative;	z-index: 1;}

.homeQuote { width:510px; padding:20px 0 20px 240px; background: transparent url(images/home-quote-bg.jpg) no-repeat 0 50%;min-height:200px;}
	.homeQuote blockquote { background: url(images/left-quote.jpg) no-repeat 10px 10px; padding:0;margin:0; }
		.homeQuote blockquote span { padding:20px 15px 10px 45px; font-style:italic; font-size:18px;margin:0;background: url(images/right-quote.jpg) no-repeat right 10px;line-height:150%; display:block; }

.homeQuote a.morelink { margin:5px 0 5px 45px; }

.shadbox {width:212px; height:251px;background: url(images/shadbox_bg.jpg) no-repeat; float:left;padding:17px 22px 17px 17px;}
	.shadbox a.morelink { padding:0px 5px; }
	.shadbox.box3 {padding-right:17px;}
		.shadbox .shadboxWindow {width:212px; height:159px;}
		.shadbox.box3 .shadboxWindow {background: transparent url(images/home-gallery.jpg) no-repeat;}

.homeBoxTitle {margin:12px 0; padding:0;}


/*************************** Gallery and Testimonials ***********************/

/* PhotosTestimonials.aspx */
.paintergroup {margin-right:20px;width:350px;float:left;}
.paintersbystate {margin-bottom:20px;}
.tooltip {display:none;	background:transparent url(images/tooltip/tooltip.png) no-repeat center bottom;	font-size:14px;	height:80px;width:130px;padding:20px 10px;
	color:#222;	_background-color:#fff;	text-align:center; z-index:999;	text-decoration:none;}
* html .tooltip {background:transparent url(images/tooltip/tooltip.gif) no-repeat center bottom;}

		/* style the trigger elements */
a.painterThumbs {height:80px;float:left;display:block;width:108px;margin:0 8px 8px 0;padding:2px;border:2px solid #aaa;}
a.painterThumbs img {cursor:pointer;width:108px;height:80px;border:none;}
a.painterThumbs:hover {	border:2px solid #1868b4;}

/* Painter.aspx & Project.aspx - Breadcrumbs */
#crumbs {width:745px;border:1px solid #dedede;height:2.7em;	clear:both;	margin-bottom:20px;}
#crumbs ul, #crumbs li {list-style-type:none;padding:0;	margin:0;	}
#crumbs li {color:#777;	float:left;	display:inline;	margin:0;}		
#crumbs li.painterName {font-size:1.5em;line-height:1.8;color:#1868b4;background:none;}		
#crumbs li.back {padding:0;line-height:2.7em;font-size:1em;}		
#crumbs li.back a,#crumbs li.back a:link,#crumbs li.back a:visited {padding:0 0px 0 0px;display:block;width:75px;background:url(images/crumbs-back.gif) no-repeat right center;	color:#777;	text-decoration:none;}							
#crumbs li.back a:hover,#crumbs li.back a:focus {color:#eee;background:url(images/crumbs-back-hover.gif) no-repeat right center;}	

/* Painter.aspx */
#painterDetails {width:230px;padding:0px 20px 10px;float:left;}
#painterDetails img {max-width:210px;margin-bottom:20px;}
.painterSummary {padding: 10px 10px 10px 10px;width: 290px;vertical-align: top;}

/*************************** Tables ***********************/

#LocatorTable {margin: 10px 0;clear: both;float: left;}
#LocatorTable table {width: 750px;border-bottom: 1px solid #aaa;}
#LocatorTable  th{background-color: #aaa;font-weight: normal;text-align: left;padding: 8px 8px 8px 8px;color:#fff;}
#LocatorTable tr { background-color:#eee;} 
#LocatorTable td {color:#666;padding-left: 8px;text-align: left;padding: 8px 8px 8px 8px;font-size:0.9em;} 
#LocatorTable .odd { background:#FFF;}
#LocatorTable td.col2 {font-weight: bold;text-align: left;}	
#LocatorTable a {text-align:left;}
#LocatorTable a:link, #LocatorTable a:visited, #LocatorTable a:hover  {}	
#LocatorTable .col1 {}	
#LocatorTable .col2 {}	
#LocatorTable .col3 {}	
#LocatorTable .col4 {}	
#LocatorTable td.col5 {padding:5px; width:90px; height:80px;}	
#LocatorTable td.col5 a {padding:2px;display: block;width:70px; color: #444; text-decoration: none;}	
/*
#LocatorTable td.col5 a img {border:none; height:70px; width:90px;}	
#LocatorTable td.col5 a {border:2px solid #aaa;padding:2px;display: block;width:70px;}	
*/
#LocatorTable td.col5 a:hover {border-color:#1868b4; text-decoration: underline; color: navy;}	

/*************************** Forms ***********************/

/******** default Composure Form ***********/
.ComposureForm {padding: 0px;	margin: 0;	float: left; font: normal .9em arial, verdana, sans-serif;}
.ComposureForm fieldset {padding: 5px 15px 12px 15px;	margin: 0 0px 5px;	border:1px solid #bbb;	position:relative;}
.ComposureForm legend {padding: 5px;	margin: 0px -5px; color: #1868b4;font-size: 1em;	font-family: arial, verdana, sans-serif;font-weight: normal;}
* html .ComposureForm legend {padding: 5px 0;	margin: 0px -5px;}
.ComposureForm label {xfloat: left;	clear: left;	xwidth: 130px;	display: block;	margin-bottom: 10px;	padding: 5px 0 0;}
.ComposureForm .ErrorMessage {width: 95%;	display: block;	margin-bottom: 3px;	font: .8em bold arial, verdana, sans-serif;	color: red;}
.ComposureForm .InputRow {margin: 3px 0px 10px 0px;	color: #222;	xfloat: none;	xclear: both;	display: block;}
.ComposureForm .Text {width: 270px;	display: inline;	margin-bottom: 0px;	border: 1px solid #ccc;	padding:5px;	background:#fefefe;}
.ComposureForm textarea {width: 270px;	display: block;	height: 100px;	border: 1px solid #ccc; padding:5px;}
.ComposureForm .SubmitButtonRow {margin: 5px 0;}
.ComposureForm .SubmitButtonRow label {width: 3em;	display:  inline;}
.ComposureForm .SubmitButtonRow input {background: #222 url(http://zurb.com/images/alert-overlay.png) repeat-x; display: inline-block; padding: 2px 10px 3px; color: #fff; text-decoration: none;-moz-border-radius: 10px; -webkit-border-radius: 5px;-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);xtext-shadow: 0 -1px 1px rgba(0,0,0,0.25);border-bottom: 1px solid rgba(0,0,0,0.25);position: relative;cursor: pointer;}
.ComposureForm .SubmitButtonRow input:active{ top: 1px; }
.ComposureForm .SubmitButtonRow input, .ComposureForm .SubmitButtonRow input:visited	{ background-color: #eee; color:#666;font-size: 13px; font-weight: bold; line-height: 1; }
.ComposureForm select{margin-bottom: 10px;	padding: 2px;}
.ComposureForm .Radio{margin-left: 2em;	margin-bottom: 10px;	float: none;	display: inline;}

.Contact .ComposureForm fieldset {background:#fff; opacity:0.95;}


/******** Login Form ***********/
#loginPanelLeft {background: transparent url(images/login-bg.png) no-repeat left bottom; width:10px; margin:0;display:inline;float:left;height:50px;}
#loginPanelContent {background: transparent url(images/login-bg.png) no-repeat right bottom; padding:10px 10px 0 0; margin:0;display:inline;float:left;height:40px;}
#loginPanelContent .ComposureForm .InputRow {margin: 0;float:left;}
#loginPanelContent .ComposureForm .SubmitButtonRow {margin: 0 5px;float:left; padding:0;}
#loginPanelContent .ComposureForm .SubmitButtonRow input.awesome {border: 1px solid rgba(0,0,0,0.25);}
#loginPanelContent .ComposureForm .InputRow label, #loginPanelContent .ComposureForm .InputRow input {display: inline;	margin: 0 3px 0 0;	color: #222;  padding:5px;clear:none;}
* html #loginPanelContent .ComposureForm .InputRow label {padding:0 5px;}



/******** Locate a Painter Form ***********/
#locatePainter {background: transparent url(images/locate-map.jpg) no-repeat;width:132px; height:100px;margin:30px 1px;padding:70px 30px 0 35px}
#locatePainter.ComposureForm .InputRow {margin:0;}
#locatePainter .InputRow input {width:132px;padding:2px;}
#locatePainter .SubmitButtonRow input {xwidth:132px; padding:2px; float:right; margin:0;}



/******** Colour Consultancy Form ***********/
.ContactConsultantForm {padding: 0px 20px;	margin: 0px 0px 0px 0px;	background-color: #ddd;	height: 61em;	float: left;	display: inline;	border-top:1px solid #ccc; 	border-right:1px solid #ccc; 	border-bottom:1px solid #ccc; 	font-size:14px;}
.ContactConsultantForm p {padding: 0px;	margin: 0px 0px 5px 0px;}
.ContactConsultantForm form {margin: 0px 0px;}
.ContactConsultantForm fieldset {width: 430px;	padding: 5px 12px 12px 12px;	margin: 0 0px 5px;	border:1px solid #bbb;	position:relative; }
.ContactConsultantForm legend {font: 1.3em bold arial, verdana, sans-serif;	color: #aaa;padding: 5px;	margin: 0px -5px;}
* html .ContactConsultantForm legend {padding: 5px 0;	margin: 0px -5px;}
.ContactConsultantForm label{float: left;clear: left;width: 130px;display: block;margin-bottom: 10px;padding: 5px 0;}
.ContactConsultantForm .LabelAbove label{float: none;	clear: both;	display: block;	width: 400px;	padding: 5px 0;	margin: 3px 0px 10px -130px;}
.ContactConsultantForm .LabelAbove input#Best_time_of_day_to_contact_you{width: 270px;	margin-bottom: 10px;	border: 1px solid #ccc;}
.ContactConsultantForm .LabelAbove{	margin-left: 130px;}
.ContactConsultantForm .LabelAbove .Radio{float: none;	display: inline;	padding: 5px 0;	margin: 0px 5px 0px 10px;}
.ContactConsultantForm select{margin: 0px;	padding: 3px 0;}
.ContactConsultantForm .InputRow{margin: 3px 0px 10px 0px;	color: #222;float: none;clear: both;display: block;}	
.ContactConsultantForm .SubmitButtonRow{margin: 10px;	color: #222;float: none;clear: both;display: block;	padding: 5px 0;}	
.ContactConsultantForm .InputRow .Radio {display: inline;	float: none;	margin: 5px 5px 5px 10px;	padding: 5px 0;}
.ContactConsultantForm .LabelAbove .Text, .ContactConsultantForm .InputRow .Text {width: 270px;	display: inline;	margin-bottom: 0px;	border: 1px solid #ccc;	padding:5px;	background:#fefefe;}
#ColourConsultancy_d25a4489ae674bc2b39bafadbeb84448 {clear: both;	height: 300px;}

.LeftSideCCform {text-align: left;	padding: 0px 20px;	width: 210px;	float: left;	display: block;	margin: 0px;	height: 61em;	background: #eee url(images/colour-consultancy-swatches.jpg) no-repeat 50% bottom;	border:1px solid #ccc; }
* html .LeftSideCCform, * html .ContactConsultantForm {	padding: 20px 20px;}
.LeftSideCCform  ol {margin: 0px 0px;	padding: 0px 10px;}
.LeftSideCCform  li {margin-left: 10px;}


#LoginErrorMessage{	border: 1px solid #800;	padding: 1em;	font-weight: bold;	color: #800;	font-size: 0.8em;	margin-bottom: 1em;}


/******** default buttons ***********/
button {background: #eee url(http://zurb.com/images/alert-overlay.png) repeat-x; display: inline-block; padding: 10px 10px 10px; color: #666; text-decoration: none;-moz-border-radius: 10px; -webkit-border-radius: 5px;-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);xtext-shadow: 0 -1px 1px rgba(0,0,0,0.25);border-bottom: 1px solid rgba(0,0,0,0.25);position: relative;cursor: pointer;}
button a {text-decoration:none;}button:hover,.ComposureForm .SubmitButtonRow input:hover{ background-color: #ddd; color: #666; }

		
.awesome, .awesome:visited {
	background: #222 url(http://zurb.com/images/alert-overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	xtext-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}

	.awesome:hover							{ background-color: #111; color: #fff; }
	.awesome:active							{ top: 1px; }
	.small.awesome, .small.awesome:visited 			{ font-size: 11px; padding:2px ; }
	.awesome, .awesome:visited,
	.medium.awesome, .medium.awesome:visited 		{ font-size: 13px; font-weight: bold; line-height: 1; }
	.large.awesome, .large.awesome:visited 			{ font-size: 14px; padding: 8px 14px 9px; }
	
	.grey.awesome, .grey.awesome:visited		{ background-color: #eee; color:#666;}
	.grey.awesome:hover							{ background-color: #ddd; color:#666; }

	.green.awesome, .green.awesome:visited		{ background-color: #91bd09; }
	.green.awesome:hover						{ background-color: #749a02; }
	.blue.awesome, .blue.awesome:visited		{ background-color: #2daebf; }
	.blue.awesome:hover							{ background-color: #007d9a; }
	.red.awesome, .red.awesome:visited			{ background-color: #e33100; }
	.red.awesome:hover							{ background-color: #872300; }
	.magenta.awesome, .magenta.awesome:visited		{ background-color: #a9014b; }
	.magenta.awesome:hover							{ background-color: #630030; }
	.orange.awesome, .orange.awesome:visited		{ background-color: #ff5c00; }
	.orange.awesome:hover							{ background-color: #d45500; }
	.yellow.awesome, .yellow.awesome:visited		{ background-color: #ffb515; }
	.yellow.awesome:hover							{ background-color: #fc9200; }