/* 3D Paint and Colour Style Sheet created by 2Creative */
* {	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
body { margin: 0 0 10px; padding: 0; font-size: 12px; color: #666666; }
h1, h2, h3, h4, h5, h6 { margin: 0;	padding: 0;	font-size: 18px; color: #00275D; }
h2 { margin-bottom: 10px; font-size: 16px; }
h3 { margin-bottom: 15px; padding-bottom: 5px; font-size: 16px; border-bottom: 1px solid #F4F4F4; }
h4, h5, h6 { font-size: 14px; }
p, ol, ul { line-height: 1.2em; }
ul { margin-left: 20px; padding-left: 0; list-style: square; }
a { color: #FF0000; }
a:hover { text-decoration: none; }
img { border: none; }
#wrapper { margin: 0px auto; width: 843px; }
	#header { margin-top: 15px; }
	#logo {	float: left; width: 421px; height: 95px; }
	#headerPic { float: left; width: 422px; height: 95px; background: url(images/headerpic.jpg) no-repeat right top; }
	#content { margin-top: 15px; }
	#sideContent { float: left;	width: 139px; }
	#mainContent { float: right; width: 678px; }
		#menu { padding-bottom: 12px;}
		#menu ul { margin: 0 ; padding: 0; list-style: none; line-height: 20px; }
		#menu li { border-bottom: 1px dashed #CCC; padding: 4px 0; }
		#menu a { font-size: 13px; font-weight: bold; color: #0063B7; text-decoration: none; }
		#menu a:hover { color: #FF9900; text-decoration: none; }
		#menu li.submenu { background: url(images/arrowski.gif) no-repeat left center; }
		#menu li.submenu a { font-size: 12px; font-weight: bold; color: #FF9900; margin-left: 20px; }
		#menu li.submenu a:hover { color: #FF6600; }	
		#menu li.submenu a.thissubpage { color: #FF6600; }		
		#thispage a:link, #thispage a:visited, #thispage a:hover, #thispage a:active { color: #FF0000; text-decoration: none; }
	
		#duluxLogo { margin-bottom: 10px; }
		#enews, #contact { height: 194px; padding: 0 5px 0 8px; background: url(images/tile-enews.jpg) no-repeat left top; color: #FFF; }
		#enews h2 { padding-top: 8px; padding-left: 15px; font-size: 14px; font-weight: bold; color: #FFF; }
		#enews p { margin-top: 15px; }
		#contact h2 { padding: 8px 0 15px 15px; margin: 0; font-size: 14px; font-weight: bold; color: #FFF; }
		#contact p { padding: 0 0 10px; margin: 0; line-height: 1.3em; }
		#featuredPic { width: 678px; height: 276px; margin-top: 10px; }
		
		.big-tile-wrapper { margin: 21px 20px 0 0; float: left; width: 326px; height: 167px; }
		.big-tile-wrapper h1 { font-size: 16px; font-weight: bold; color: #FFF; padding: 20px 20px 0; }
		.big-tile-wrapper p { color: #FFF; padding: 0 20px 20px; width: 180px; }
		.big-tile-wrapper a { color: #FFF; text-decoration: none; }
		.big-tile-wrapper a:hover {	color: #FFFF99;	text-decoration: none; }
		
		#big-tile-blue { background: url(images/tile1-blue.jpg) no-repeat left top; }
		#big-tile-green { background: url(images/tile2-green.jpg) no-repeat left top; }
		#big-tile-green p { width: 182px; }
		#big-tile-orange { background: url(images/tile3-orange.jpg) no-repeat left top; }
		#big-tile-red {	background: url(images/tile4-red.jpg) no-repeat left top; }
		#big-tile-orange h1, #big-tile-red h1 {	padding-top: 22px; }
		
		.small-tile-wrapper { margin: 0 0 7px 0; height: 127px; padding: 7px 7px 0 8px; }
		.small-tile-wrapper h2 { font-size: 14px; font-weight: bold; color: #FFF; }
		.small-tile-wrapper p { margin-top: 15px; color: #FFF; }
		.small-tile-wrapper a { color: #FFF; text-decoration: none; }
		.small-tile-wrapper a:hover { color: #FFFF99; text-decoration: none; }
		.small-tile-wrapper img { margin-top: -10px; }
		
		#small-tile-consult { background: url(images/colourConsult-s.jpg) no-repeat left top; }
		#small-tile-clique { background: url(images/colourClique-s.jpg) no-repeat left top; }
		#small-tile-deco { background: url(images/homeDeco-s.jpg) no-repeat left top; }
		#small-tile-news { background: url(images/whatsNew-s.jpg) no-repeat left top; }
		#big-tile-orange h1, #big-tile-red h1 {	padding-top: 22px; }
	
	#midContent { float: left; width: 514px; margin-left: 25px; margin-right: 26px; }
	#rightContent { float: right; width: 139px; }
	
	.pageHeader { width: 514px;	height: 127px; }
	.pageHeader h1 { font-size: 16px; font-weight: bold; color: #FFF; padding: 20px 0 0 25px; }
	.pageHeader h2 { font-size: 15px; font-weight: normal; color: #FFF; padding: 15px 20px 0 25px; margin-bottom: 0; width: 350px;	
		line-height: 1.1em; }
	.pageHeader p {	color: #FFF; margin-top: 7px; padding: 0 20px 0 25px; width: 350px;	}
	
	#pageHomeDeco { background: url(images/homeDeco-h.jpg) no-repeat left top;	}
	#pageColourConsult { background: url(images/colourConsult-h.jpg) no-repeat left top; }
	#pageAbout { background: url(images/aboutUs-h.jpg) no-repeat left top;}
	#pageAutomotive { background: url(images/automotive-h.jpg) no-repeat left top;}
	#pageNews {	background: url(images/whatsNew-h.jpg) no-repeat left top;	}
	#pageCareers { background: url(images/careers-h.jpg) no-repeat left top;	}
	#pageContact { background: url(images/contact-h.jpg) no-repeat left top;	}
	#pageFAQ { background: url(images/faq-h.jpg) no-repeat left top;	}
	#pageMarine { background: url(images/marine-h.jpg) no-repeat left top;}
	#pageTrades { background: url(images/tradePainters-h.jpg) no-repeat left top;	}
	#pageWallpapers { background: url(images/wallpapers-h.jpg) no-repeat left top;	}
	#pageWoodcare { background: url(images/woodcare-h.jpg) no-repeat left top;	}
	#pageClique { background: url(images/colourClique-h.jpg) no-repeat left top; }
	#pageScenicArtists { background: url(images/scenicartist-h.jpg) no-repeat left top;	}
	#pageWoodcare h2 { width: 370px; }
	#pageJamie { background: url(images/jamie-durie-h.jpg) no-repeat left top; }
	
	#pageContent {}
	
	.article-wrapper { padding: 20px; }
	.product-wrapper { margin-bottom: 20px; }
	.product-image { float: left; width: 125px; margin-right: 10px; }
	.product-text { float: left; width: 330px; }
	
	#news-special p { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; }
	
	#faq-wrapper a { color: #666666; }
	#footer { clear: both; height: 39px; background: url(images/footer.jpg) no-repeat left top;	}
	#footer p {	font-size: 11px; text-align: center; color: #FFF; padding-top: 15px; }
	#footer a {	color: #FFF; }

/* ---------- MISC ---------- */
#pagination { text-align: center; font-size: 11px; }
#pagination p, #pagination a { color: #00275D; }
.separatorInvisible { clear: both; }
.warning { color: #CC0000; font-weight: bold; }	
.notice { font-size: 11px; font-style: italic; color: #CC0000; }
.note { font-size: 11px; font-style: italic; }
.imageCaption { font-weight: bold; color: #666; margin-top: 5px; margin-bottom: 0; }
.imageFloatedLeft { float: left; margin: 0 15px 15px 0; }
.imageFloatedRight { float: right; margin: 0 0 15px 15px; }	
ul.cats { margin: 10px 0; padding: 0; list-style: none; }
ul.cats li { display: inline; padding: 0 20px 0 0; }
ul.cats li a { color: #00275D; }
a.linkOrange { color: #FF9900; font-weight: bold; }
.jobTitle { font-size: 14px; font-weight: bold; color: #00275D; padding-left: 5px; padding-bottom: 5px; }
.lightBlue { color: #0063B7; }
.lightBlueBold { font-weight: bold; color: #0063B7; }
.palette { width: 90px; height: 30px; }


/* ---------- FORMS ---------- */
form { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; }
#formSignup { margin-top: -10px; }
#formSignup label, #formSignup input { display: block; width: 90px; float: left; margin-bottom: 7px; border: 1px solid #CCC; }
#formSignup label { border: none; }
#formSignup input { width: 117px; }
#formSignup .submitButton {	width: 63px; height: 19px; cursor: pointer;	border: none;
	display: block;	margin-left: 55px !important; margin-left: 28px; background: url(images/submit.jpg) no-repeat right top; }
#formContact {}
#formContact textarea { font-size: 12px; }
#formContact label, #formContact input, #formContact select, #formContact textarea {
	display: block; width: 230px; float: left; margin-bottom: 10px; border: 1px solid #CCC; }
#formContact label { text-align: left; width: 120px; padding-right: 5px; border: none; }
#formContact p { padding-left: 0; line-height: normal; }
#formContact br { clear: left; }
#formContact .sendButton { height: 20px; cursor: pointer; color: #FFF; font-weight: bold; border: none; float: left;
	display: block; margin: 10px 15px 0 0; background: #0063B7; width: 78px; }
#formContact .tinyInput { width: 60px; }
#formContact .smallInput { width: 110px; }
#formContact .wideLabel { width: 260px; }
#formContact p { margin-bottom: 5px; }
#formContact input.hidden {	border: none; line-height: 0; }

/* ---------- TABLE ---------- */
td { vertical-align: top; }
th { font-weight: bold;	vertical-align: top; }