/*
Theme Name: [NAME]
Theme URI: http://wordpress.org/
Description: Custom Wordpress theme for [NAME]
Author: Jimmyweb Pty Ltd
Author URI: http://www.jimmyweb.net/
Version: 1.0
Tags: 
License: Copyright 2011 [NAME]
License URI:
*/

/*

[ CSS Document ]

	Style Sheet Name: main.css
	Website: (The Website Homepage)
	Author: Jimmyweb Web Design
	Author URL: www.jimmyweb.net
	Version: 1.0
	Date: 12/05/2011

[ Table Of Contents ]

	0- Reset
	1- Global Structure
	2- Global Typography
	3- Global Headings
	4- Navigation
	5- Content 
	6- Extras
	7- Forms
	8- Global Footer

[ Quick Colour Reference Guide ]

	color: 					#000000; - (black)
	color: 					#ffffff; - (white)
	color:					#1e90de; - (a:link)
	color:					#e84324; - (a:hover)
	Etc...

[ Quick Background Image Code ]

	background: 		#fff url(images/bg.jpg) top center repeat;
	background: 		#fff url(images/bg.jpg) top center no-repeat;
	background: 		#fff url(images/bg.jpg) top center repeat-x;
	background: 		#fff url(images/bg.jpg) top center repeat-y;

[ Quick Text Shadow Code ]

	text-shadow:		0 1px 1px rgba(255, 255, 255, 0.95);
	text-shadow:		0 1px 1px rgba(64, 64, 64, 0.45);	
		
*/ 


/* 0 ---[   R E S E T   ]--- */
@import url("css/reset.css");
/* 1 ----------------------------------------------------------------------------------------------------[   G L O B A L   S T R U C T U R E   ]--- 
*/

html {
	text-align: 		left;
	padding: 				0;
	margin: 				0;
	border: 				0;
	width: 					100%;
}
body {
	background: 		url(images/bg1.png) top center repeat;
	color: 					#666666;
	clear: 					both;
	line-height: 		1;
	vertical-align: top;
	padding: 				0;
	margin: 				0;
	font-family: 		Helvetica, helvetica, Arial, sans-serif;
	font-size: 			12px;
	line-height: 		1.5em;
	width: 					100%;
}
/* -------------[ General Wrappers ]------------- */
.wrap {
	clear: 					both;
	margin:  				0px 0px 0px 0px;
	padding: 				0px 0px 0px 0px;
	position: 			relative;
	text-align: 		center;
	width: 					100%;
}
.inner {
	margin:  				0px auto 0px auto;
	padding: 				0px 0px 0px 0px;
	position: 			relative;
	text-align: 		left;
	width:   				980px;
}
.innerFloat {
	float: 					left;
	margin:  				0px 0px 0px 0px;
	padding: 				0px 0px 0px 0px;
	position: 			relative;
	width:   				980px;
}
/* -------------[ Header Section Style ]------------- */
header.wrap {
	background: 		url(images/bg-top.jpg) top center repeat-x;
	margin:  				0px 0px 0px 0px;
	padding: 				0px 0px 225px 0px;
	position: 			relative;
}
header.wrap .inner {
	width:   				980px;
	position: 			relative;
}
#logo {
	position: 			absolute;
	top: 						30px;
	left: 					40px;
}
.phone {
	position: 			absolute;
	top: 						50px;
	right: 					20px;
	font-size: 			30px;
	color: 					#bdb9b9;
	font-family:		"Candara", Arial, Helvetica, sans-serif;
	font-weight: 		900;
	font-style:			italic;
	text-shadow:		0 1px 1px rgba(255, 255, 255, 0.95);
line-height: 1.2em;
}
/* -------------[ Section Style ]------------- */
section.wrap {
	float: 					left;
	position: 			relative;
}
section.wrap .inner {
	position: 			relative;
}
section.wrap .innerFloat {
}

/* 2 ----------------------------------------------------------------------------------------------------[   G L O B A L   T Y P O G R A P H Y   ]--- 
*/

p {
	margin: 				0px 0px 0px 0px;
	padding: 				0em 0px 1.5em 0px;
}
blockquote {
	font-style:			italic;
	quotes: 				none;
	margin: 				0 70px;
	font-size: 			16px;
	border-top: 		1px solid #e1e1e1;
	padding-top: 		16px;
	color: 					#144473;
}
cite {
	text-align: 		right;
	display: 				block;
	border-top: 		1px solid #e1e1e1;
	font-size: 			12px;
}
ul {
	list-style-type: disc;
}
ol {
	list-style-type: decimal;
}
ul, ol {
	margin: 				0px 0px 0px 40px;
	padding: 				0px 0px 1.5em 0px;
}
a:link, a:visited {
	color:					#1e90de;
	text-decoration: none;
}
a:hover {
	color:					#e84324;
	text-decoration: none;
}
/* 3 ----------------------------------------------------------------------------------------------------[   G L O B A L   H E A D I N G S   ]--- 
*/

h1, h2, h3, h4, h5, h6 {
	color: 					#333;
	margin: 				0px;
	padding: 				0px;
	font-family:		"Candara", Arial, Helvetica, sans-serif;
	font-weight: 		500;
	text-rendering: optimizeLegibility;
	text-shadow:		0 1px 1px rgba(64, 64, 64, 0.65);
}
/* -------------[ H1 Style ]------------- */
h1 {
	float: 					left;
	font-family:		Arial, Helvetica, sans-serif;
	font-size: 			11px;
	margin:  				3px 0px 0px 40px;
	padding: 				0px 0px 0px 0px;
	text-shadow:		none;
	color: 					#b77676;
}
h1 strong {
	color: 					#cbaaaa;
}
/* -------------[ Specific Heading Styles ]------------- */
h2 {
	font-size: 			24px;
	margin: 				0 0 0.6em 0;
}
h3 {
	font-size: 			24px;
	margin: 				0 0 0.5em 0;
}
h4 {
	font-size: 			18px;
	margin: 				0 0 0.5em 0;
}
h5 {
	font-size: 			16px;
	margin: 				0 0 0.5em 0;
}
h6 {
	font-size: 			15px;
	margin: 				0 0 0.5em 0;
	color: 					#666666;
	text-transform: uppercase;
}
/* 4 ----------------------------------------------------------------------------------------------------[   N A V I G A T I O N   ]--- 
*/

/* -------------[ Main Nav ]------------- */
nav#mainNav {
	clear: 					both;
	margin:  				0px 0px 0px 0px;
	padding: 				0px 0px 0px 0px;
	width:   				980px;
	position: 			absolute;
	top: 						155px;
	background: 		#770000 url(images/menu_overlay.png) center center repeat;
	box-shadow: 		0 1px 0 rgba(255, 255, 255, 0.81) inset, 0 1px 3px rgba(0, 0, 0, 0.2);
	border-radius: 	3px 3px 3px 3px;
}
nav ul {
	float: 					left;
	margin:  				0px 0px 0px 25px;
	padding: 				0px 0px 0px 0px;
	width:   				955px;
	text-shadow:		none;
	font-size: 			12px;
	text-transform: uppercase;
}
nav ul li {
	display: 				inline;
	float: 					left;
	margin:  				0px 0px 0px 0px;
	padding: 				0px 0px 0px 0px;
	position: 			relative; /*-- Important --*/
}
nav ul li a {
	display: 				block;
	height: 				31px;
	margin:  				0px 3px 0px 0px;
	font-weight: 		500;
	line-height: 		0.7em;
	padding: 				20px 15px 0px 15px;
	background: 		none;
}
nav ul li a:link, nav ul li a:visited {
	color:					#d9c5c5;
	text-decoration: none;
}
nav ul li a:hover {
	color:					#fff;
	text-decoration: none;
	background: 		#5b0000;
}
/* Hover State */
nav ul li:hover a, nav ul li a:hover {
	color:					#fff;
	background: 		#802424;
	margin-top: 		1px;
	padding: 				19px 15px 0px 15px;
}
/* -------------[ Mega Drop Down ]------------- */
nav ul li .children {
	position: 			absolute; /*--Important--*/
	top: 						48px;
	left: 					0;
	z-index: 				99999;
	background: 		#802424;
	padding: 				10px 2px 10px 10px;
	float: 					left;
	display: 				none; /*--Hidden for those with js turned off--*/
	-webkit-box-shadow: #666 0px 1px 2px;
	-moz-box-shadow: 		#666 0px 1px 2px;
	box-shadow: 				#666 0px 1px 2px;
	-webkit-border-radius: 	5px;
	-moz-border-radius: 		5px;
	border-radius: 					5px;
	behavior: 							url(css/PIE.htc);
}
nav ul li .row { /*--If needed to break out into rows--*/
	clear: 					both;
	float: 					left;
	width: 					100%;
}
nav ul li .children {
	font-family:		helvetica, Arial, Helvetica, sans-serif;
	margin:  				0px 0px 0px 0px;
	padding: 				0px 0px 0px 0px;
	width: 					210px;
	float: 					left;
	text-transform: capitalize;
  padding-top:10px;
  padding-bottom:10px;
}
nav ul .children li {
	width: 					200px; /*--Override parent list item--*/
	color: 					#fff;
	margin:  				0px 0px 0px 0px;
	padding: 				0px 0px 0px 0px;
	border: 				none;
  margin-left:10px;
}
nav ul .children li a {
	width: 					190px; /*--Override parent list item--*/
	padding: 				3px 6px 3px 6px;
	line-height: 		1.3em;
	font-weight: 		500;
	font-size: 			11px;
	width: 					180px;
  margin-right:10px;
}
nav ul .children li a:link, nav ul .children li a:visited {
	float: 					none;
	text-indent: 		0; /*--Override text-indent from parent list item--*/
	height: 				auto; /*--Override height from parent list item--*/
	display: 				block;
	text-decoration: none;
	background:			none;
	color:					#d9c5c5;
}
nav ul .children li a:hover {
	float: 					none;
	text-indent: 		0; /*--Override text-indent from parent list item--*/
	height: 				auto; /*--Override height from parent list item--*/
	display: 				block;
	text-decoration: none;
	color: 					#fff;
	background: 		#8c3333;
	-webkit-box-shadow: 		none;
	-moz-box-shadow: 				none;
	box-shadow: 						none;
	-webkit-border-radius: 	30px;
	-moz-border-radius: 		30px;
	border-radius: 					30px;
	behavior: 							url(css/PIE.htc);
}
/* 5 ----------------------------------------------------------------------------------------------------[   C O N T E N T   ]--- 
*/

/* -------------[ Sitewide Content ]------------- */
/* Sitewide Main Section */
.mod {
	background: 		#fff;
	-webkit-box-shadow: 		0 1px 3px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 				0 1px 3px rgba(0, 0, 0, 0.2);
	box-shadow: 						0 1px 0 rgba(255, 255, 255, 0.6) inset, 0 1px 3px rgba(0, 0, 0, 0.2);
	-webkit-border-radius: 	3px;
	-moz-border-radius: 		3px;
	border-radius: 					3px;
}
/* Carousel styles */
.carousel {
	position: 			relative;
	width: 					980px;
	height: 				300px;
	background: 		#fff url(images/slider.png) top center no-repeat;
}
.carouselContent {
	width: 					280px;
	padding: 				50px 0px 0px 40px;
}
/* The Nivo Slider styles */
#sliderWrap {
	position:				absolute;
	top: 						36px;
	right: 					40px;
	width: 					567px;
}
.nivoSlider {
	position:				relative;
}
.nivoSlider img {
	position:				absolute;
	top:						0px;
	left:						0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:				absolute;
	top:						0px;
	left:						0px;
	width:					100%;
	height:					100%;
	border:					0;
	padding:				0;
	margin:					0;
	z-index:				6;
	display:				none;
}
article {
	width: 					590px;
	float: 					left;
	margin:  				0px 0px 20px 0px;
	padding: 				20px 30px 0px 30px;
}
article.cols {
	width: 					480px;
	height: 				410px;
	overflow: 			hidden;
	float: 					left;
	padding: 				0px 0px 0px 0px;
	position: 			relative;
}
article.col1 {
	margin:  				20px 20px 20px 0px;
}
article.col2 {
	margin:  				20px 0px 20px 0px;
}
article.col1 img, article.col2 img {
	position: absolute;
	bottom: 0px;
	left: 0px;
}
.colContent {
	padding: 				20px 40px 0px 40px;
}
/* Sitewide Aside */
aside {
	width: 					300px;
	float: 					right;
	margin:  				30px 0px 0px 0px;
	padding: 				0px 0px 0px 0px;
	text-shadow:		0 1px 1px rgba(255, 255, 255, 1);
	color: #81817e;
}
aside ul {
	margin:  				0px 0px 20px 18px;
	padding: 				0px 0px 0px 0px;
}
/* -------------[ Homepage Content ]------------- */


/* Homepage Main Section */



/* -------------[ Gallery Page Content ]------------- */
article.gallery {
	width: 					900px;
	padding: 				20px 40px 0px 40px;
	position: 			relative;
}
.threeColumnGallery {
	padding-top: 20px;
}
.threeColumnGallery .third {
	float: left;
	margin: 0 38px 30px 0;
	width: 274px;
	height: 240px;
	overflow: hidden;	
}
.threeColumnGallery .last {
	margin: 0 0px 30px 0;
}
.threeColumnGallery .third a:link, .threeColumnGallery .third a:visited {
	border: 1px solid #e1e1e1;
	display: block;
	margin-bottom: 10px;
	background: #f5f5f5;
	position: relative;
	z-index: 500;

}
.threeColumnGallery .third a:hover {
	border: 1px solid #e1e1e1;
	display: block;
	margin-bottom: 10px;
	position: relative;
	z-index: 500;
	background: #fff;
}
.threeColumnGallery .third a:link .over, .threeColumnGallery .third a:visited .over {
	display: block;
	width: 262px;
	height: 162px;
	position: absolute;
	top:5px;
	left: 5px;
	z-index: 1;
}
.threeColumnGallery .third a:hover .over {
	display: block;
	width: 262px;
	height: 162px;
	position: absolute;
	top:5px;
	left: 5px;
	z-index: 505;
	background: 		url(images/zoom.png) top center no-repeat;
}

.threeColumnGallery .third a img {
	display: block;
	padding: 4px 4px 5px 5px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	background: 		url(images/zoom.png) top center no-repeat;
}

#zoom {
	position: absolute;
	z-index: 550 !important;
}
#zoom img {
	display: block !important;
}
/* -------------[ SpecificPage Content ]------------- */
/* -------------[ SpecificPage Content ]------------- */
/* -------------[ SpecificPage Content ]------------- */


/* 6 ----------------------------------------------------------------------------------------------------[   E X T R A S   ]--- 
*/

/* jQuery styles */

/* Google map style */

/* Video style */

/* Audio style */

/* Social Media Styles */

/* Buttons */
a.btn-black {
	display: 				block;
	text-align: 		center;
float: left;
}
a.btn-black:link, a.btn-black:visited {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	padding: 10px 20px;
	background: -moz-linear-gradient(
		top,
		#a3a3a3 0%,
		#3b3b3b 50%,
		#242424 50%,
		#000000);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#a3a3a3),
		color-stop(0.50, #3b3b3b),
		color-stop(0.50, #242424),
		to(#000000));
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	border: 0px solid #000000;
	-moz-box-shadow:
		0px 2px 2px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.6);
	-webkit-box-shadow:
		0px 2px 2px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.6);
	box-shadow:
		0px 2px 2px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.6);
	text-shadow:
		0px -1px 0px rgba(000,000,000,1),
		0px 1px 0px rgba(255,255,255,0.2);
}
a.btn-black:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	padding: 10px 20px;
	background: -moz-linear-gradient(
		top,
		#a3a3a3 0%,
		#3b3b3b 50%,
		#242424 50%,
		#000000);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#a3a3a3),
		color-stop(0.50, #3b3b3b),
		color-stop(0.50, #242424),
		to(#000000));
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	border: 0px solid #000000;
	-moz-box-shadow:
		0px 2px 2px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.6);
	-webkit-box-shadow:
		0px 2px 2px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.6);
	box-shadow:
		0px 2px 2px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.6);
	text-shadow:
		0px -1px 0px rgba(000,000,000,1),
		0px 1px 0px rgba(255,255,255,0.2);

}

.rightButton a.btn-black{
float: right;
}



/* 7 ----------------------------------------------------------------------------------------------------[   F O R M S   ]--- 
*/

/* -------------[ Form Elements ]------------- */
label, input[type=button], input[type=submit], button {
	cursor: 				pointer; /* Hand cursor on clickable input elements */
}
ul.form, ul.form ul {
	list-style-type: none;
	margin:  				0px 0px 0px 0px;
	padding: 				0px 0px 0px 0px;
}
ul.form li {
	clear: 					both;
	margin: 				5px 0;
	position: 			relative;
	font-size: 			11px;
}
ul.form li label {
	float: 					left;
	text-align: 		right;
	width: 					140px;
	padding: 				2px 15px 0 0;
}
ul.form li label.error {
	color:					#eb856a;
}
ul.form li input {
	padding: 				2px;
}
ul.form li textarea {
	padding: 				2px;
}
ul.form li #btnSubmit {
	padding: 				4px 25px;
	margin: 				10px 0 20px 155px;
}
#firstName, #lastName, #suburb {
	width: 220px;
}
#emailAddress {
	width: 370px;
}
#phone {
	width: 120px;
}
/* 8 ----------------------------------------------------------------------------------------------------[   G L O B A L   F O O T E R   ]--- 
*/

footer.wrap {
	margin:  				0px 0px 0px 0px;
	padding: 				24px 0px 50px 0px;
	background: 		#982727 url(images/foot.jpg) top center repeat-x;
}
footer.wrap .inner {
}
footer p {
	text-shadow:		none;
}





.sidemodule
{
  position: relative;
  margin-bottom:20px;
  width:280px;
  height: 150px;
  overflow: hidden;
  
	-webkit-border-radius: 	3px;
	-moz-border-radius: 		3px;
	border-radius: 					3px;

	-webkit-box-shadow: 		0 1px 3px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 				0 1px 3px rgba(0, 0, 0, 0.2);
	box-shadow: 						0 1px 0 rgba(255, 255, 255, 0.6) inset, 0 1px 3px rgba(0, 0, 0, 0.2);
  border:10px solid white;
}

.sidemodule:hover
{
  border:10px solid #EEE;
}

.sidemodule span
{
  background: url(images/dark.png);
  font-weight: bold;
  font-size: 12px;
  text-shadow: none;
  color: white;
  width: 50%;
  text-align: right;
  padding:8px;
  position: absolute;
  right:0px;
  top: 116px;

	-webkit-border-radius: 	6px 0px 0px 0px;
	-moz-border-radius: 		6px 0px 0px 0px;
	border-radius: 					6px 0px 0px 0px;
}



.sidemodule img
{
  position: absolute;
  left: -120px;
}

.beforeafter
{
  position: absolute;
  bottom: 5px;
  right: 5px;
  background: url(images/dark.png);
  color: white;
  padding:10px;
  font-weight: bold;
}

#breadcrumbs
{
  padding-bottom: 15px;
  border-bottom: 1px solid #EEE;
  margin-bottom: 20px;
  font-size:10px;
}

#breadcrumbs a
{
  color: gray;
}
#breadcrumbs a:hover
{
  color: black;
}

.seppa
{
  margin-left: 20px;
  margin-right: 20px;
  font-size: 12px;
}

.bottombox
{
  width: 920px;
}
.bottombox h3
{
  margin-left: 10px;
  margin-top: 10px;
}
.bottombox div
{
  height: 180px;
}
.bottombox p
{
  margin-left: 250px;
  margin-top: 0px;
  width: 440px;
}
.bottombox .rightButton
{
  position: absolute;
  bottom: 217px;
  right: 40px;
}
.bottombox img
{
  margin-left:-30px;
}