/*
Theme Name: PRD
Theme URI: http://www.perthresidential.com.au/
Description: Perth Residential Developments Wordpress Theme
Version: 1.0
Author: Luke Evans / The Marketing Mix
Author URI: http://marketingmix.com.au/
Tags: 
*/



* {
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
}
body {
	background: #3b6794 url(images/body_bg.png) left top repeat-x;
	font-size: 75%;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}
#wrapper {
	width: 972px;/*762px;*/
	margin: 0 auto;
	padding-bottom: 30px;
	text-align: left;
}


.clear {clear: both;}
.alignleft {float: left;}
.alignright {float: right; position: relative;}




/*  Header Logo
************************************************************************************************************/
#header .logo a {
	width: 515px;
	height: 110px;
	display: block;
	background: url(images/PRD_logo.png) left 15px no-repeat;
	text-decoration: none;
	outline: none;
}
#header .logo span {visibility: hidden;}




/*  Main Navigation
************************************************************************************************************/
#nav {
	height: 37px;
	padding: 9px 0 0 40px;
	background: url(images/nav_bg.png) left top no-repeat;
}
#nav ul li {
	margin-left: 2px;
	float: left;
	background: url(images/nav_btn_bg.png) left top no-repeat;
}
#nav ul li.page-item-3 {margin-left: 0;}
#nav ul li a {
	width: 177px/*112px*/;
	height: 25px;
	padding-top: 11px;
	display: block;
	font-size: 1.1em;
	text-align: center;
	text-decoration: none;
	outline: none;
}
#nav ul li.page-item-11 a {width: 176px;}
#nav ul li a:hover, #nav ul li.current_page_item {
	background: url(images/nav_btn_bg_hover.png) left top no-repeat;
}
#nav ul li a {color: #fff;}




/*  Container
************************************************************************************************************/
#container {background: url(images/container_bg_subpage.png) left top repeat-y;}
#container .top {background: url(images/container_bg_top_subpage.png) left top no-repeat;}
#container .btm {padding: 0 40px 5px 40px; background: url(images/container_bg_btm_subpage.png) left bottom no-repeat;}
#container.home {background: url(images/container_bg.png) left top repeat-y;}
#container.home .top {background: url(images/container_bg_top.png) left top no-repeat;}
#container.home .btm {position: relative; padding: 0 40px 5px 40px; background: url(images/container_bg_btm.png) left bottom no-repeat;}


/*  Slideshow
**************************************************/
#slideshow {
	width: 682px;
	height: 131px;
	overflow: hidden;
}
.home #slideshow {
	height: 245px;
}


.sidebar {
		float: right;
}


/*  Testimonial
**************************************************/
.testimonial {
	width: 210px;
	height: 245px;
	background: url(images/testimonial_bg.jpg) left top no-repeat;
	font-style: italic;
}
.testimonial p {color: #eef9d5;}
.testimonial .quote {
	padding: 0 20px;
/*	height: 166px;*/
	font-size: 1.4em;
	line-height: 1.5em;
	text-align: center;
}
.testimonial .author {
	padding: 5px 0 0 8px;
	height: 35px;
	background: url(images/testimonial_author_bg.jpg) left top no-repeat;
}
.testimonial .author p {color: #eef9d5;}
.testimonial .author .name {
	font-size: 1.05em;
	font-weight: bold;
}
.testimonial .author .suburb {
	padding-left: 9px;
	text-transform: uppercase;
}


/*  Content
**************************************************/
#content {
	width: 652px;
	padding: 10px 15px 15px 15px;
	position: relative;

	background: #fff url(images/content_bg.png) left bottom no-repeat;
	color: #555;
}
.home #content {width: auto; border-top: 1px solid #fff; background: #fff url(images/content_home_bg.png) left bottom no-repeat;}

#content h2 {
	margin-top: 6px;
	color: #006c98;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 2em;
	line-height: 1em;
}
#content h3 {
	margin-top: 10px;
	color: #006c98;
	font-size: 1.4em;
}
#content a {color: #006C98;}
#content p {margin-top: 10px; line-height: 1.4em;}
#content table {margin-top: 10px;}
#content table td {padding: 5px;}


/*  Breadcrumb
**************************************************/
#breadcrumb {color: #666; font-size: 0.9em;}
#breadcrumb a {color: #888;	text-decoration: none;}
#breadcrumb a:hover {text-decoration: underline;}
#breadcrumb span {color: #a7bd30; font-family: "Arial Black", Gadget, sans-serif; font-weight: bold;}


/*  Content - Subpage
**************************************************/
#content .bubble {margin-top: 10px; background: url(images/content_bubble_bg.png) left top repeat-y; color: #fff; font-size: 1.2em; font-weight: bold; text-align: center;}
#content .bubble .top {width: 288px; padding: 20px 14px 15px 14px; background: url(images/content_bubble_bg_top.png) left top no-repeat;}
#content .bubble .btm {padding: 0; background: url(images/content_bubble_bg_btm.png) left bottom no-repeat;}

#content ul li {
	margin-top: 5px;
	padding-left: 11px;
	background: url(images/content_bullet.gif) left 3px no-repeat;
}

#content .col1, #content .col2 {
	width: 315px;
	float: left;
}
#content .col1 {margin-right: 20px;}



/*  Content - Subpage
**************************************************/
#content.cat-casestudies .casestudy {padding-top: 10px; clear: left;}
#content.cat-casestudies .casestudy img {margin-right: 10px; position: relative; float: left;}
#content.cat-casestudies .casestudy h3, #content.cat-casestudies .casestudy h3 a {margin-top: 0; color: #a7bd30; text-decoration: none;}
#content.cat-casestudies .casestudy h3 a:hover {text-decoration: underline;}
#content.cat-casestudies .casestudy .entry img {display: none;}
#content.cat-casestudies .casestudy p {margin-top: 5px;}
#content.cat-casestudies .casestudy p.readmore a {color: #006c98; text-decoration: underline;}
#content.cat-casestudies .casestudy p.readmore a:hover {text-decoration: none;}
#content.cat-casestudies .casestudy p.readmore span {font-size: 1.25em; font-weight: bold;}


.page-id-3 #content .col1 {width: 422px;}
.page-id-3 #content .col2 {width: 210px;}
.page-id-3 #content .box h3 {
	padding-bottom: 3px;
	color: #a5c008;
	font-size: 1.1em;
	text-transform: uppercase;
}


/*  Content - Contact Us
**************************************************/
.cform {float: none;}
.page-id-11 .cont {float: left; width: 330px;}

/*  Content - Land Finder
**************************************************/
.page-id-7 .cont {float: left; width: 330px;}

/*  Content - Home
**************************************************/
.home #content {padding: 0;	height: 260px;}
.home #content .welcome, .home #content .about, .home #content .casestudy {
	padding-bottom: 10px;
	float: left;
}
.home #content h2 {
	margin: 0;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	line-height: 1.05em;
	text-transform: uppercase;
}


.home #content .welcome {
	width: 230px;
	height: 232px;
	padding: 17px 28px 0 25px;
	color: #fff;
}
.home #content .welcome p {margin-top: 9px; line-height: 1.25em;}
.home #content .welcome .foot {margin-top: 14px; line-height: 1.1em;}
.home #content .welcome .foot img {float: left;}
.home #content .welcome .foot .name {font-size: 1em; font-weight: bold;}
.home #content .welcome .foot .title {font-size: 0.9em;}


.home #content .about {width: 371px;/*225px;*/ padding: 17px 8px 0 20px;}
.home #content .about h2 {width: 290px; color: #006c98;}
.home #content .about ul {padding-top: 7px;}
.home #content .about ul li {
	width: 220px;
	margin-top: 10px;
	padding-left: 30px;
	background: url(images/content_home_bullet.gif) left 3px no-repeat;
	color: #444;
	font-size: 1.05em;
	line-height: 1.25em;
}
.home #content .about ul li.one {background-image: url(images/content_home_bullet_1.gif);}
.home #content .about ul li.two {height:21px; margin-top: 8px; margin-left: 20px; padding-top: 3px; background: url(images/content_home_bullet_2.gif) left top no-repeat;}
.home #content .about ul li.three {margin-top: 5px; margin-left: 40px; background-image: url(images/content_home_bullet_3.gif);}
.home #content .about ul li.four {width: 230px; margin-left: 60px; background-image: url(images/content_home_bullet_4.gif);}
.home #content .about .btn {margin-top: 10px; margin-left: 63px; display: block;}


.home #content .casestudy {width: 210px; height: 235px; position: relative;}
.home #content .casestudy h2 {
	width:37px;
	height: 150px;
	display: block;
	position: absolute;
	top: -22px;
	left: 210px;
	background: url(images/content_home_casestudy_tab.png) left top no-repeat;
}

.home #content .casestudy h2 span {visibility: hidden;}
.home #content .casestudy h3, .home #content .casestudy h4, .home #content .casestudy p {margin: 0 11px 0 14px;}
.home #content .casestudy h3 {margin-top: 14px; font-size: 1.3em;}
.home #content .casestudy h3, .home #content .casestudy h3 a {color: #a7bd30; text-decoration: none;}
.home #content .casestudy h3 a:hover {text-decoration: underline;}
.home #content .casestudy h4 {color: #777; font-size: 0.8em; text-transform: uppercase;}
.home #content .casestudy .entry img {display: none;}
.home #content .casestudy p {margin-top: 5px; color: #555; font-size: 0.9em; line-height: 1.2em;}
.home #content .casestudy .btn {margin: 7px 0 0 12px; display: block; position: absolute; bottom: 0;}



/*  Footer
************************************************************************************************************/
#footer {
	margin-top: 0px;
	color: #93b3d6;
	font-size: 0.9em;
}
#footer a {
	color: #93b3d6;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}
#footer .alignleft {padding-left: 40px;}
#footer .alignright {padding-right: 40px;}
#footer ul li {padding-left: 10px; float: left; background: url(images/footer_divide.gif) 4px 2px no-repeat;}
#footer ul li.copyright {padding-left: 0; background: none;}