/*	-------------------------------------------------------------
	-------------------------------------------------------------
	CSS CODED BY - pxwebdesign.com.au - 2010
	-------------------------------------------------------------
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

body {
	color: #333;
	font: 14px Verdana,  Arial, Verdana, sans-serif;
	text-align: left;
	background: #518c40 url(../images/bg.jpg) repeat-x;
}


/*	-------------------------------------------------------------
	MAIN DIVS
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
#container{
	background: #fff;
	width: 960px;
	margin: 60px auto 80px auto;
}

#header {
	background: url(../images/wrapper-i_bg.jpg) no-repeat 50% 0;
	position: relative;
	height: 243px;
}

#main {
	padding: 40px 15px 20px 15px;
}

#footer {
	height: 94px;
	background: url(../images/footer_bg.jpg) top right no-repeat;
	padding: 0 25px;
}

/*	-------------------------------------------------------------
	HEADER
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
#header_top {
	height: 199px;
	background: url(../images/header_top_bg.jpg) top right no-repeat;
}

#header #logo {
	position: absolute;
	left: 29px;
	top: 18px;
}

#header_menu {
	height: 44px;
	background: url(../images/header_menu_bg.jpg) repeat-x bottom left;
}

/*	-------------------------------------------------------------
	MENU
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
#menu_main {
	float: right;
}

#menu_main li {
	float: left;
	background: #a4cd84;
	height: 43px;
	line-height: 43px;
}

/*	Normal Link
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#menu_main li a:link,
#menu_main li a:visited {
	text-decoration: none;
	display: block;
	float: left;
	padding-right: 40px; 
	background: #a4cd84 url(../images/menu_main_tab.gif) no-repeat -1000px -1000px;
	color: #fff;
	z-index: 0;
	margin-left: -24px;
	position: relative;
}

/*	Normal Link - Start
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#menu_main li a.start:link,
#menu_main li a.start:visited {
	background-image: url(../images/menu_main_tab_start.gif);
	background-position: top right;
}

/*	Normal - End
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#menu_main li a.end:link,
#menu_main li a.end:visited {
	padding-right: 18px;
}

/*	Normal Active
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#menu_main li a.active:link,
#menu_main li a.active:visited {
	position: relative;
	z-index: 5;
 	background-position: top right;
}

/*	Normal Active - Start
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
#menu_main li a.start.active:link,
#menu_main li a.start.active:visited {
	background-position: bottom right;
}

/*	Normal Active - End
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
#menu_main li a.end.active:link,
#menu_main li a.end.active:visited {
	background: #6db43f;
}

/*	Normal Inner
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#menu_main li a:link span,
#menu_main li a:visited span {
	display: block;
	float: left;
	background: url(../images/menu_main_tab.gif) no-repeat -1000px -1000px;
	padding-left: 25px;
	cursor: pointer;
}

/*	Normal Inner - Start
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#menu_main li a.start:link span,
#menu_main li a.start:visited span {
	background-image: url(../images/menu_main_tab_start.gif);
	background-position: top left;
	padding-left: 25px;
}

/*	Normal Inner Active
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#menu_main li a.active:link span,
#menu_main li a.active:visited span {
	position: relative;
	z-index: 5;
 	background-position: top left;
}

/*	Normal Inner Active - Start
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#menu_main li a.start.active:link span,
#menu_main li a.start.active:visited span {
 	background-position: bottom left;
}

/*	Normal - Hover
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#menu_main li a:hover {
	text-decoration: underline;
	color: #00703c;
}







/*	-------------------------------------------------------------
	CONTENT
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#content p {
	padding: 5px 0 10px 0;
	line-height: 1.3em;
}

#content ul {
	padding: 5px 0 10px 10px;
}

#content ul li {
	padding: 1px 0 2px 18px;
	background: url(../images/ul_li.gif) no-repeat 0 4px;
}

#content a:link,
#content a:visited {
	color: #6db43f;
}

#content a:hover {
	color: #00703c;
}

#content h1 {
	font-size: 1.8em;
}

#content h2 {
	padding: 5px 0 10px 0;
	font-size: 1.5em;
	color: #5fa34b;
}

#content h3 {
	padding: 4px 0 7px 0;
	font-size: 1.1em;
	font-weight: bold;
	color: #666;
}

/*	Title
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#content #title {
	height: 70px;
	background: #489a5f url(../images/title_bg.jpg) no-repeat top left;
	margin-bottom: 10px;
}

#content #title h1 {
	color: #fff;
	padding: 15px 0 0 20px;
	font-size: 1.8em;
	float: left;
}

#content #title_links {
	float: right;
	text-align: right;	
	color: #fff;
	padding: 25px 20px 0 0;
}

#content #title_links a:link,
#content #title_links a:visited {
	color: #fff;
	font-size: 0.8em;	
}


/*	Contact
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#contact_side {
	width: 276px;
	float: right;
}

#contact_main {
	width: 600px;
	margin-left: 30px;
	float: left;
}

#contact_side p {
	padding: 0 0 5px 0;
	font-size: 1.1em;	
}

#contact_enquiry .textbox,
#contact_enquiry .textarea {
	width: 300px;
	border: 1px solid #999;
	padding: 2px 3px;
}

#contact_enquiry .textarea {
	height: 80px;	
}


/*	-------------------------------------------------------------
	HOME
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
#home_side {
	float: left;
}

#home_main {
	float: right;
	width: 719px;
	padding-top: 5px;
}
	
#home_intro {
	float: left;
	width: 198px;
	height: 558px;
	background: url(../images/home/intro.jpg) no-repeat top left;
}

#home_intro p {
	padding: 25px 33px 10px 27px;
	line-height: 1.8em;
	color: #5fa332;
}

#home_timber {
	float: right;
}

#home_aluminium {
	float: left;
}

#home_cupboards {
	clear: left;
	float: left;
	margin-top: 21px;
}


/*	-------------------------------------------------------------
	PRODUCTS GALLERY
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

.productGalleryBox {
	clear: both;
	padding: 10px 0 20px 0;
}

.productGalleryBox_side {
	width: 410px;
	float: left;
}

.slim .productGalleryBox_side {
	width: 280px;
}

.productGalleryBox_main {
	width: 500px;
	float: right;
}

.slim .productGalleryBox_main {
	width: 636px;	
}

/*	Intro Box
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

.productGalleryBox_intro {
	width: 407px;
	background: #edf5e7 url(../images/productGallery/intro_bg.jpg) repeat-y top left;
}

.slim .productGalleryBox_intro {
	width: 276px;
	background-image: url(../images/productGallery/intro_slim_bg.jpg);	
}

.productGalleryBox_intro-i {
	background: url(../images/productGallery/intro_top.jpg) no-repeat top left;
}

.slim .productGalleryBox_intro-i {
	width: 276px;
	background-image: url(../images/productGallery/intro_slim_top.jpg);	
}

.productGalleryBox_intro .inner {
	padding: 25px 22px 20px 16px;
	background: url(../images/productGallery/intro_bot.jpg) no-repeat bottom left;
}

.slim .productGalleryBox_intro .inner {
	background-image: url(../images/productGallery/intro_slim_bot.jpg);	
}

#content .productGalleryBox_intro h2 {
	padding: 0 0 10px 0;
	line-height: 1.5em;
	font-weight: bold;	
	color: #5fa332;
}

#content .productGalleryBox_intro p {
	padding: 8px 0 14px 0;
	line-height: 1.8em;
	color: #5fa332;
}

#content .productGalleryBox_intro .back_to_top {
	text-align: right;
	padding: 5px 0 0 0;
}

#content .productGalleryBox_intro .back_to_top a:link,
#content .productGalleryBox_intro .back_to_top a:visited {
	color: #61656a;
	font-size: 0.8em;
}


/*	Intro Box
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

.productGalleryBox .productBox {
	float: left;
	width: 237px;
	padding: 0 0 6px 0;
	margin-right: 17px;
}

#content .productGalleryBox .productBox p {
	padding: 4px 0 0 0;
	font-size: 0.8em;
	color: #666;
}

.productGalleryBox.slim .productBox {
	float: left;
	margin-right: 7px;
}

.productGalleryBox .productBox.start {
	clear: left;	
}

.productGalleryBox .productBox.end {
	margin-right: 0;	
}

.productGalleryBox.slim .productBox.box_3 {
	width: 139px;	
}



/*	-------------------------------------------------------------
	FORM STATUS MESSAGE
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
.form_status {
	padding: 5px 10px;
	border: 1px solid #999;
}

.form_status .title {
	font-weight: bold;
	padding: 1px 0 5px 23px;
	background: no-repeat 0 1px;
}

.form_status .message {
	font-size: 0.9em;
	padding: 3px 0 4px 0;
	color: #905b1d;
}

.form_status a:link,
.form_status a:visited,
.form_status a:hover {
	color: #905b1d;
}
	
/*	Success
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
.form_status.success {
	background: #6fb558;
}

.form_status.success .title {
	color: #fff;
	background-image: url(../../../images/icons/msg_success.gif);
}

.form_status.success .message {
	color: #fff;
}

/*	Error
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
.form_status.error {
	background: #f6db5a;
	border: 1px solid #e5ca47;
}

.form_status.error .title {
	color: #82531b;
	background-image: url(../../../images/icons/msg_error.gif);
}

.form_status.error .message {
	color: #905b1d;
}




/*	-------------------------------------------------------------
	FOOTER
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#footer_logos {
	float: left;
	padding: 0 0 0 5px;
}

#logo_cacs {
	line-height: 1.1em;
	font-size: 0.8em;
	color: #666;
}

#logo_cacs img {
	display: block;
}

#footer_contact {
	float: right;
}

#footer_contact h3 {
	color: #006034;
	font-size: 2.0em;
	letter-spacing: -1px;
	padding: 18px 0 3px 0;
	text-align: right;
}

#footer_contact h4 {
	color: #006034;
	font-size: 1.1em;
	padding: 10px 0 3px 0;
	text-align: right;
}





/*	-------------------------------------------------------------
	HEADER MESSAGES
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
#successMsg,
#errorMsg {
	padding: 5px 10px;
	border-top: 1px solid #999;
}

#successMsg h5,
#errorMsg h5 {
	font-size: 13px;
	font-weight: bold;
	padding: 1px 0 5px 23px;
	background: no-repeat 0 1px;
}

#successMsg p,
#errorMsg p {
	color: #905b1d;
}

#successMsg a:link,
#successMsg a:visited,
#successMsg a:hover {
	color: #fff;
}

#errorMsg a:link,
#errorMsg a:visited,
#errorMsg a:hover {
	color: #724714;
}
	
/*	Success
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
#successMsg {
	background: #6fb558;
	border-bottom: 1px solid #5fa349;
}

#successMsg h5 {
	color: #fff;
	background-image: url(../../../images/icons/msg_success.gif);
}

#successMsg p {
	color: #fff;
}

/*	Error
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
#errorMsg {
	background: #f6db5a;
	border-bottom: 1px solid #e5ca47;
}

#errorMsg h5 {
	color: #82531b;
	background-image: url(../../../images/icons/msg_error.gif);
}

#errorMsg p {
	color: #905b1d;
}