/*	

Theme Name: CLE Town Planning

Version: 1.0

Author: Perth Web Design

*/




html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {

	
    margin: 0px;

    padding: 0px;

    border: 0px;

    outline: 0px;

}



body {

    font-size: 13px;

    font-family: Arial, sans-serif, Helvetica;

    background: #fff;
	
	line-height: 1.4em;
	word-spacing:1px;
	letter-spacing:0.2px;
	color: #000;

    margin: 0px;

}



p {

    margin: 10px 0px 10px 0px;

	line-height: 18px;

}



strong {

    color: #999999;

}



a {

    color: #c5dc2b;

    text-decoration: none;

}



a:hover {

    color: #5d9cba;

    text-decoration: none;

}



img {

    border: 0px;

}



h2 {

    font-size: 23px;

    color: #c5dc2b;

    margin-bottom: 15px;

	text-transform: lowercase;

	font-weight: lighter;

}



h3 {

    margin: 10px 0px;

	font-weight: lighter;

    font-size: 18px;

    color: #3e799c;

	text-transform: lowercase;

}



h4 {

    margin: 10px 0px;

	font-weight: lighter;

    font-size: 14px;

    color: #3e799c;

}



h5 {

    margin: 0px;

    font-size: 13px;

    color: #75acc6;

}



h6 {

    margin: 10px 0px 40px 0px;

	font-weight: lighter;

    font-size: 18px;

    color: #fefffd;

}



hr {

    margin-bottom: 10px;

    border: 0px;

    border-top: 1px dashed #ccc;

    clear: both;

}



.clear {

    clear: both;

}



.alignleft {

    float: left;

    margin: 5px 10px 0px 0px;

}



.alignright {

    float: right;

    margin: 5px 0px 0px 10px;

}



/*/////////////////////////////////////////////////////////////////////////////

	Layout

/////////////////////////////////////////////////////////////////////////////*/



#container {

    position: relative;

    width: 954px;

    margin: 0px auto;

}



#header {

    position: relative;

    height: 60px;

    width: 940px;

	z-index: 15;

}



#header #logo a {

    position: absolute;

    width: 500px;

    height:auto;

    top: 15px;

    left: 2px;

    display:block;
	
	font-size:1.2em;


}



#primary_navigation {

    display:none;

}



#homeslideshowcontainer {

    position: relative;

    height: 372px;

    width: 910px;

    padding: 22px 22px 0px 22px;

    background: url(images/slideshowcontainer.png) top left no-repeat;

}



#slideshow {

    position: relative;

    height: 357px;

    width: 910px;

	padding-bottom: 15px;

	border-bottom: 1px #000 solid;

}



#slideshowcontainer {

    position: relative;

    height: 116px;

    width: 910px;

    padding: 22px 22px 0px 22px;

    background: url(images/slideshowcontainer.png) top left no-repeat;

}



#pageslideshow {

    position: relative;

    height: 101px;

    width: 910px;

    padding-bottom: 15px;

    border-bottom: 1px #000 solid;

}



#contentcontainer {

    position: relative;

    min-height: 0px;

    width: 954px;

    background: url(images/contentcontainerbg.png) top left repeat-y;

    padding: 0px 22px;

}





#content {

    position: relative;

    width: 910px;

	border-top: 1px #2b2b2b solid;

	background: url(images/contentbg.png) left top no-repeat;

}



#leftcol {

    display:none;

}



#rightcol {

    position: relative;

    float: left;

    width: 688px;

    min-height: 190px;

	padding: 15px 0px 0px 17px;

	background: url(images/divider.gif) left top repeat-y;

}



#pagecontent {

    position: relative;

    width: 910px;

	min-height: 0px;

	border-top: 1px #2b2b2b solid;

	background: url(images/pgcontentbg.png) left top no-repeat;

	

}

#rightcol a:link[href^="http://"]:after, #rightcol a[href^="http://"]:visited:after, #pageleftcol a:link[href^="http://"]:after, #pageleftcol a[href^="http://"]:visited:after {
	content: " (" attr(href) ") ";
	font-size: 11px;
}

#contentblock img {
	display:none;
}



#servicesprojectscontent {

    position: relative;

    width: 910px;

	min-height: 0px;

	border-top: 1px #2b2b2b solid;

	background: url(images/pgcontentbg.png) left top no-repeat;

	

}



#pageleftcol {

    position: relative;

    float: left;

    width: 560px;

    min-height: 495px;

	padding: 15px 17px 0px 0px;

}

#pagefullwidth {

    position: relative;

    float: left;

    width: 900px;

    min-height: 495px;

	padding: 15px 17px 0px 0px;

}



.searchnavigation {

    position: relative;

    width: 100%;

    min-height: 0px;

}



#postsection {

    position: relative;

    width: 100%;

	min-height: 382px;

	margin: 0px 0px 10px 0px;

}



.searchtermarea {

    position: relative;

    width: 100%;

	padding: 0px 0px 10px 0px;

	background: url(images/newsborder.gif) left bottom repeat-x;

	margin-bottom: 10px;

}

#pageleftcol .ngg-galleryoverview {
	margin: 20px 0px 10px 70px !important;
	width: 423px;
}



#pageleftcol .ngg-navigation {
	font-size:0.9em !important;
	clear:both !important;
	display:block !important;
	padding-top:15px;
	width: 400px !important;
	margin: 0px auto !important;
	text-align:center;
}

#pagerightcol {

    position: relative;

    float: right;

    width: 318px;

    min-height: 495px;

	padding: 15px 0px 0px 15px;

}



#contactdetails {

    position: relative;

    width: 318px;

    min-height: 50px;

	margin-bottom: 15px;

}



#contentblock {

    position: relative;

    width: 318px;

    min-height: 0px;

}



#threeleftcol {

    position: relative;

    float: left;

    width: 146px;

    min-height: 455px;

	padding: 55px 0px 0px 15px;

}



#threecentercol {

    position: relative;

    float: left;

    width: 354px;

    min-height: 495px;

	padding: 15px 32px 0px 30px;

}



#threerightcol {

    position: relative;

    float: left;

    width: 318px;

    min-height: 495px;

	padding: 15px 0px 0px 15px;

}



#clientlinkcontent {

    position: relative;

    width: 910px;

	min-height: 0px;

	padding: 15px;

}



#clientlinkleftcol {

    position: relative;

    float: left;

    width: 282px;

    min-height: 495px;

}



#clientlinkcentercol {

    position: relative;

    float: left;

    width: 282px;

    min-height: 495px;

	padding: 0px 32px 0px 30px;

}



#clientlinkrightcol {

    position: relative;

    float: left;

    width: 282px;

    min-height: 495px;

}



#staffcontent {

    position: relative;

    width: 910px;

	min-height: 0px;

	padding: 15px;

}

#footer {

    position: relative;

    width: 960px;

    height: 71px;

	background: url(images/footer.png) no-repeat;

}



#homecontactdetails {

    position: absolute;

    left: 37px;

	bottom: 17px;

    color: #585858;

	font-size: 12px;

	line-height: 15px;

	min-width: 250px;

}



#copyright {

    position: absolute;

    right: 159px;

	bottom: 17px;

    color: #585858;

	font-size: 12px;

	line-height: 15px;

	text-align:right;

	min-width: 250px;

}



#pwdlogo {

    position: absolute;

    width: 118px;

    height: 15px;

	bottom: 17px;

    right: 37px;

    display:block;

    background:url(images/pwdlogo.png) no-repeat;

    text-indent: -99999em;

}



/*/////////////////////////////////////////////////////////////////////////////

	Navigation

/////////////////////////////////////////////////////////////////////////////*/



#primary_navigation ul {

    float: right;

	margin-right: -8px;

}



#primary_navigation li {

    position: relative;

    float: left;

    padding: 0px 0px 0px 0px;

    text-align: left;

    list-style: none;

	border-left: 1px #8b8b8b solid;

}



#primary_navigation li:first-child {

	border-left: 0px;

}



#primary_navigation li a {

    padding: 0px 8px;

    display: block;

	font-weight: lighter;

    font-size: 13px;

	line-height: 13px;

	height: 13px;

    color: #8b8b8b;

    text-decoration:none;

}

#primary_navigation a:hover {

	color:#c5dc2b;

}



#primary_navigation .current_page_item a, #primary_navigation .current_page_ancestor a {

	color:#c5dc2b;

}



/*--second level------------------------------------------*/



#primary_navigation :hover > a, #primary_navigation ul ul :hover > a {

	color:#c5dc2b;

}



#primary_navigation ul ul :hover > a, #primary_navigation ul ul ul :hover > a {

	color:#c5dc2b !important;

}



#primary_navigation ul li ul {

    position: absolute;

    width: 184px;

	min-height: 0px;

    left: 0px;

    visibility: hidden;

	border: 1px #8b8b8b solid;

	-moz-border-radius: 10px 0px 10px 0px;

	-webkit-border-radius: 10px 0px 10px 0px;

	border-radius: 10px 0px 10px 0px;

}



#primary_navigation ul ul li {

	background: #676767;

	margin: 0px;

	border-left: 0px;

	background: url(images/submenu.png) repeat;

	

}



#primary_navigation ul ul li:first-child {

	-moz-border-radius: 10px 0px 0px 0px;

	-webkit-border-radius: 10px 0px 0px 0px;

	border-radius: 10px 0px 0px 0px;

}



#primary_navigation ul ul li:last-child {

	-moz-border-radius: 0px 0px 10px 0px;

	-webkit-border-radius: 0px 0px 10px 0px;

	border-radius: 0px 0px 10px 0px;

}



#primary_navigation ul ul li:only-child {

	-moz-border-radius: 10px 0px 10px 0px;

	-webkit-border-radius: 10px 0px 10px 0px;

	border-radius: 10px 0px 10px 0px;

}



#primary_navigation ul ul li a {

    width: 170px;

    padding: 7px 4px 7px 10px;

	border-bottom: 0px;

    color: #8b8b8b !important;

    font-size: 14px;

    line-height: 14px;

}



#primary_navigation ul ul a:hover {

	color: #c5dc2b;

}



#primary_navigation ul ul .current_page_item a {

	color: #c5dc2b;

}



#primary_navigation ul ul .current_page_item ul li a {

    color: #8b8b8b;

}



#primary_navigation ul ul .current_page_item a:hover {

	color: #c5dc2b;

}



/*--third level-------------------------------------------*/

#primary_navigation ul ul ul {

    width: 184px;

    top: 0px;

    left: 184px;

	min-height: 0px;

}



/*--show second level on first level hover----------------*/

#primary_navigation ul li:hover ul, #primary_navigation ul a:hover ul {

    visibility: visible;

}



/*--hide third level on second level hover----------------*/

#primary_navigation ul :hover ul ul {

    visibility: hidden;

}



/*--show third level on second level hover----------------*/

#primary_navigation ul :hover ul :hover ul {

    visibility: visible;

}



/*/////////////////////////////////////////////////////////////////////////////

	The Slideshow

/////////////////////////////////////////////////////////////////////////////*/

#slideshow .bx-window {
    position: relative;
	width: 910px;
	height:357px;
	z-index: 2 !important;
}

#slider, #slider li {
    position: relative;
	width: 910px;
	height:357px;
}

#slider img {
	width: 910px;
	height:357px;
}

/*-- Previous and Next Buttons ----------------*/

.bx-prev, .bx-next {
	visibility: hidden;
}  

.bx-auto {
	visibility: hidden;
}

#slideshowtext {

    display:none;

}

#pageslideshow .bx-window {
    position: relative;
	width: 910px;
	height:101px;
	z-index: 2 !important;
}

#pageslider, #pageslider li {
    position: relative;
	width: 910px;
	height:101px;
}

#pageslider img {
	width: 910px;
	height:101px;
}

/*-- Previous and Next Buttons ----------------*/

.bx-prev, .bx-next {
	visibility: hidden;
}  

.bx-auto {
	visibility: hidden;
}

#slider p, #pageslider p {
    margin: 0px !important;
}

/*/////////////////////////////////////////////////////////////////////////////

	The Content

/////////////////////////////////////////////////////////////////////////////*/










#backtoservices, #backtoprojects, #backtostaff {

    position: relative;

	float: right;

	min-width: 0px;

	font-size: 13px;

	line-height: 13px;

	height: 13px;

	padding:  17px 0px 17px 80px;

	margin: 20px 10px 20px 0;

	color: #9a9a9a;

	display:block;

	text-transform: uppercase;

}



#backtoservices:hover, #backtoprojects:hover, #backtostaff:hover {

	color: #f03e1a;

}



#pagerightcol img, #threerightcol img {

	padding: 10px;

}



#content ul, #content ol, #pageleftcol ul, #pageleftcol ol, #threecentercol ul, #threecentercol ol, #pagefullwidth ul, #pagefullwidth ol {

    position: relative;

    margin: 10px 0px 10px 40px;

}



#clientlinkleftcol ul, #clientlinkcentercol ol, #clientlinkleftcol ol, #clientlinkcentercol ul, #clientlinkrightcol ol, #clientlinkrightcol ul {

    position: relative;

    margin: 0px 0px 0px 20px;

}



#content ul li, #pageleftcol ul li, #threecentercol ul li, #clientlinkleftcol ul li, #clientlinkcentercol ul li, #clientlinkrightcol ul li, #pagefullwidth ul li {

    list-style-image: url(images/list.png);

    margin-bottom: 5px;

}



#content ol li, #pageleftcol ol li, #threecentercol ol li, #clientlinkleftcol ol li, #clientlinkcentercol ol li, #clientlinkrightcol ol li {

    margin-bottom: 5px;

}



#clientlinkcontent li a {

    color: #ccc;

}



#clientlinkcontent li a:hover {

    color: #c5dc2b;

}



.wp-paginate {

    margin: 0px 0px 10px 0px !important;

    left: 0px;

	float:right;

}



.wp-paginate li {

    position: relative;

    float: left;

    margin: 0px 0px 0px 10px !important;

    text-align: left;

    list-style: none;

	padding: 2px 3px 4px 5px;

	width: 18px;

	height: 13px;

	background: url(images/paginationbutton.png) no-repeat;

	text-align: center;

}



.wp-paginate li a, .current {

	font-size: 11px;

	line-height: 15px;

}



.wp-paginate li a:hover, .current {

    color: #24516c;

}



.postmetadata {

    font-size: 10px;

    color: #75acc6;

	line-height: 10px;

	margin: 0px 0px 10px 0px;

}



/*--Tables----------------*/



#content table, #pagecontent table, #clientlinkcontent table, #servicesprojectscontent table, #staffcontent table {

    margin: 10px 0px;

}



#content thead td, #pageleftcol thead td, #content th, #pageleftcol th, #threecentercol th, #threecentercol thead td, #clientlinkleftcol th, #clientlinkcentercol th, #clientlinkrightcol th, #clientlinkleftcol thead td, #clientlinkcentercol thead td, #clientlinkrightcol thead td {

    background: #27292b;

    color:#fff;

    padding: 5px;

	font-weight: bold;

	-moz-border-radius: 10px 0px 10px 0px;

	-webkit-border-radius: 10px 0px 10px 0px;

	border-radius: 10px 0px 10px 0px;

}



#content td, #threecentercol td, #clientlinkleftcol td, #clientlinkcentercol td, #clientlinkrightcol td {

    padding: 5px;

    vertical-align: top;

    background: #4f5051;

	-moz-border-radius: 10px 0px 10px 0px;

	-webkit-border-radius: 10px 0px 10px 0px;

	border-radius: 10px 0px 10px 0px;

}



#clientlinkcontent td, #servicesprojectscontent td, #staffcontent td, #awardstable td, .contactform td {

    background: none !important;

}



#pagerightcol td {

    padding: 0px !important;

}



#servicesprojectscontent td {

    padding: 5px 65px 5px 0px;

}



td a {

    color: #ccc;

}



td a:hover {

    color: #c5dc2b;

}

#pageleftcol td, #threecentercol td {
	background:none;
	padding-top:3px;
	padding-bottom:3px;
}

#pageleftcol td p, #threecentercol td p {
	padding: 0px;
	margin:0;
	line-height:1.2em;
}

#pageleftcol td a, #threecentercol td a {

    color: #c5dc2b;

    text-decoration: none;

}



#pageleftcol td a:hover, #threecentercol td a:hover {

    color: #5d9cba;

    text-decoration: none;

}



#servicesprojectscontent td img, #staffcontent td img {

    -moz-box-shadow: 1px 1px 10px #000;

    -webkit-box-shadow: 1px 1px 10px #000;

    box-shadow: 1px 1px 10px #000;

}





#staffcontent td {

    padding: 5px 40px 5px 0px;

    vertical-align: top;

}



.staffheading {

    padding: 5px 00px 5px 45px !important;

}



.staffheading img {

    -moz-box-shadow: none !important;

    -webkit-box-shadow: none !important;

    box-shadow: none !important;

}



.addressrow {

    width: 157px;

}



.lastcol {

    padding: 5px 0px !important;

}



/*--Contact Form Formatting----------------*/



.textarea-input  {

    width: 303px;

    font-size: 11px;

    color: #fff;

	background: #4f5051;

    border: 1px solid #4f5051;

    font-family: Arial, Helvetica, sans-serif;

    height: 78px;

	padding:5px;

	-moz-border-radius: 10px 0px 10px 0px;

	-webkit-border-radius: 10px 0px 10px 0px;

	border-radius: 10px 0px 10px 0px;

}



.text-input {

    width: 215px;

    font-size: 12px;

	line-height: 12px;

	height: 12px;

    color: #fff;

	background: #4f5051;

    border: 1px solid #4f5051;

	padding: 5px;

	-moz-border-radius: 10px 0px 10px 0px;

	-webkit-border-radius: 10px 0px 10px 0px;

	border-radius: 10px 0px 10px 0px;

}



.text-input:focus, .textarea-input:focus  {

    background: #75acc6;

}



.contactformbutton {

    width: 75px;

    font-size: 12px;

	line-height: 12px;

	height: 27px;

	padding:5px;

    background: #27292b !important;

    color: #8b8b8b !important;

    border: none;

	-moz-border-radius: 10px 0px 10px 0px;

	-webkit-border-radius: 10px 0px 10px 0px;

	border-radius: 10px 0px 10px 0px;

}



.contactformbutton:focus, .contactformbutton:hover {

    color: #c5dc2b !important;

}



/*/////////////////////////////////////////////////////////////////////////////

	The Footer

/////////////////////////////////////////////////////////////////////////////*/



#homecontactdetails a {

    color: #585858;

}



#homecontactdetails a:hover {

    color: #888;

}



.splitter {

    margin-right: 17px;

}


#pwd_footer_bar {
	display:none;
}