/*	
Theme Name: Web Essential 04
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: 0;
	padding: 0;
	border: 0;
	outline: 0;
}
#content ul, ol {
	margin-left: 20px;
}
.alignleft {
	float: left;
	margin: 0px 10px 10px 0px;
}
.alignright {
	float: right;
	margin: 0px 0px 10px 10px;
}
hr {
	margin-bottom: 20px;
	border: 0px;
	border-top: 1px dashed #999;
	clear: both;
}
a {
	text-decoration:none;
}
.clear {
	clear:both;
}
html {
}
td {
	vertical-align:top;
	padding:3px;
}
body {
	background: url(images/bg.jpg) repeat-x top center #3f1312;
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family:Arial, Helvetica, sans-serif;
	color:#d7c1b4;
	text-shadow: 0px 1px 2px #000;
	overflow-x:hidden;
}
#container {
	position:relative;
	margin:10px auto 0 auto;
	padding:0 0 1px 0;
	width:940px;
}
/* Header
-----------------------------------------------------------------------*/
#header {
	position: relative;
	margin:0 0 20px 0;
	padding:0 0 20px 0;
	width:940px;
	z-index:99;
}
#logo a {
	background:url(images/logo.jpg) no-repeat top center;
	position: absolute;
	width:367px;
	height:194px;
	top:30px;
	left:30px;
	text-indent:-9999em;
}
#map a {
	background:url(images/map.jpg) no-repeat top;
	position: absolute;
	width:114px;
	height:107px;
	top:50px;
	right:280px;
	text-indent:-9999em;
}
#contact {
	position: absolute;
	top:45px;
	right:30px;
	width:235px;
	color:#ed8986;
	font-size:1.3em;
}
#contact h2 {
	font-size:2em;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#e0c4a3;
	font-weight:lighter;
	margin:0 0 10px 0;
}
#contact em {
	color:#fff;
	font-style:normal;
}
#contact strong {
	color:#e0c4a3;
	font-weight:lighter;
	font-size:1.6em;
}
.opening {
	position: absolute;
	top:80px;
	right:400px;
	width:120px;
	color:#ed9592;
	font-size:1.2em;
}
.opening strong {
font-family:Georgia, "Times New Roman", Times, serif;
color:#e0c4a3;
}
/* Primary Navigation
-----------------------------------------------------------------------*/
#primary_navigation {
	margin:187px 0 0 420px;
	float:left;
	text-transform:capitalize;
	z-index:99;
}
#primary_navigation li {
	position:relative;
	float:left;
	text-align:left;
	list-style:none;
}
#primary_navigation li a {
	background:#610402;
	margin:0 5px;
	padding:10px;
	color:#e0c4a3;
	font-size:1.7em;
	display:block;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, .3);
	box-shadow: 0px 0px 5px rgba(0, 0, 0, .3);
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}
#primary_navigation a:hover {
	background:#360f0e;
	color:#fff;
}
#primary_navigation .current_page_item a {
	background:#360f0e;
	color:#fff;
}
#primary_navigation .current_page_item li a {
		background:#610402;
	color:#e0c4a3;
}
/* Second level
-------------------------------*/
#primary_navigation ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	left:0;
	width:164px;
}
#primary_navigation ul ul li a {
	background:#610402;
	border-top:1px solid #770e0c;
	border-bottom:1px solid #510604;
	margin:0;
	padding: 8px;
	width:164px;
	color:#e0c4a3;
	font-size:1.3em;
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, .2);
	box-shadow: 0px 0px 5px rgba(0, 0, 0, .2);
}
#primary_navigation ul ul a:hover {
	background:#360f0e;
	color:#fff;
}
#primary_navigation li .current_page_item a {
	background:#360f0e;
	color:#fff;
}
/* Third level
-------------------------------*/
#primary_navigation ul ul ul {
	left:180px;
	top:0px;
	width:164px;
}
#primary_navigation ul ul ul a {
	width:164px;
}
#primary_navigation li .current_page_item a {
	background:#360f0e;
	color:#fff;
}
/* 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;
}
/* Slideshow
-----------------------------------------------------------------------*/
#slider {
	position:relative;
	float:right;
	margin:0 20px 0 0;
	height:360px;
	width:590px;
	border:5px solid #fff;
	-webkit-box-shadow: 0px 0px 10px #651e1b;
	-moz-box-shadow: 0px 0px 10px #651e1b;
	box-shadow: 0px 0px 10px #651e1b;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
/* The slices in the Slider
-------------------------------*/
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
/* Caption styles
-------------------------------*/
.nivo-caption {
	display:none;
}
/* hidden Styles
-------------------------------*/
.nivo-controlNav, .nivo-controlNav a, .nivo-controlNav a.active, .nivo-directionNav a, a.nivo-nextNav, a.nivo-prevNav, .nivoSlider a.nivo-imageLink, .nivo-directionNav a, .nivo-prevNav, .nivo-nextNav, .nivo-controlNav a, .nivo-controlNav a.active {
	display:none!important;
}
/* Home Content
-----------------------------------------------------------------------*/
#wrap {
	background:url(images/bg.png) no-repeat top center;
	padding:30px 0;
}
#slide-left {
	float:left;
	padding:0 20px;
	width:270px;
}
#slide-left h2 {
	color:#9c9696;
	font-size:2.5em;
	font-weight:lighter;
	text-transform:capitalize;
	font-size:2.4em;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#e0c4a3;
	font-weight:lighter;
	margin:0 0 10px 0;
}
#slide-left p {
	margin:15px 0;
	font-size:1.4em;
	line-height:1.6em;
}
#slide-left strong {
	color:#f69b98;
	font-size:1.2em;
	font-weight:lighter;
}
#slide-left a {
	color:#E0C4A3;
	font-weight:lighter;
}
#home-content {
	border-bottom:1px solid #310c06;
	margin:0;
	padding:0 20px 20px 20px;
}
#home-content h2 {
	font-size:2em;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#e0c4a3;
	font-weight:lighter;
	margin:0 0 10px 0;
}
#home-content h3 {
	margin:0 0 10px 0;
	color:#9c9696;
	font-size:2.2em;
	font-weight:lighter;
	text-transform:capitalize;
	font-family:Georgia, "Times New Roman", Times, serif;
}
#home-content h4 {
	margin:0 0 10px 0;
	color:#635f5f;
	font-size:1.8em;
	font-weight:lighter;
	text-transform:capitalize;
}
#home-content h5 {
	margin:0 0 10px 0;
	color:#635f5f;
	font-size:1.5em;
	font-weight:lighter;
	text-transform:capitalize;
	font-family:Georgia, "Times New Roman", Times, serif;
}
#home-content p {
	margin:10px 0;
	font-size:1.2em;
	line-height:1.5em;
}
#home-content strong {
	color:#f69b98;
	font-size:1.3em;
	font-weight:lighter;
}
#home-content em {
	color:#635f5f;
}
#home-content a {
	color:#fff;
}
#home-content a:hover {
	color:#E0C4A3;
}
#box-1 {
	float:left;
	margin:10px 10px 0 0;
	padding:20px 20px 10px 20px;
	width:246px;
	color:#f69b98;
	background:url(images/gift.png) no-repeat bottom right;
}
#box-1 strong{
		color:#fff;
}
#box-1 li{
	color:#fff;
	font-size:1.2em;
	margin:5px 0 5px 5px;
	padding:0 0 0 20px;
	background:url(images/arrow.png) no-repeat center left;
	list-style:none;
}
#box-2 {
	float:left;
	margin:10px 10px 0 0;
	padding:20px 20px 10px 20px;
	width:266px;
	min-height:175px;
	color:#d7c1b4;
	background:url(images/coffee.png) no-repeat bottom right;
}
#box-2 li{
	color:#fff;
}
#box-3 {
	float:left;
	margin:10px 0 0 0;
	padding:20px 20px 10px 20px;
	width:246px;
	color:#f69b98;
	background:url(images/phone.png) no-repeat bottom right;
}
#box-3 h2{
	padding:0 0 10px 0;
}
#box-3 strong{
	color:#fff;
	font-size:2.5em;
	font-weight:lighter;
}
#box-3 li{
	color:#fff;
}
/* Content
-----------------------------------------------------------------------*/
#content {
	border-bottom:1px solid #310c06;
	padding:10px 60px 30px 60px;
}
#content h2 {
	font-size:3em;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#e0c4a3;
	font-weight:lighter;
	margin:0 0 20px 0;
}
#content h3 {
	margin:0 0 20px 0;
	color:#f69b98;
	font-size:2.2em;
	font-weight:lighter;
	text-transform:capitalize;
	font-family:Georgia, "Times New Roman", Times, serif;
}
#content h4 {
	margin:0 0 20px 0;
	color:#fff;
	font-size:1.8em;
	font-weight:lighter;
	text-transform:capitalize;
	font-family:Georgia, "Times New Roman", Times, serif;
}
#content h5 {
	margin:0 0 20px 0;
	color:#fff;
	font-size:1.5em;
	font-weight:lighter;
	text-transform:capitalize;
	font-family:Georgia, "Times New Roman", Times, serif;
}
#content p {
	margin:10px 0;
	font-size:1.4em;
	line-height:1.5em;
}
#content strong {
	color:#f69b98;
}
#content em {
	color:#fff;
}
#content a {
	color:#f4b66c;
}
#content a:hover {
	color:#E0C4A3;
}
#content li {
	margin:0 10px;
	padding:3px;
	color:#635f5f;
	font-size:1.3em;
	list-style:square;
}
/* Contact Form
-----------------------------------------------------------------------*/
#contact-google-map {
	padding:0 50px 0 0;
	float:left;
	width:250px;
}
#contact-content {
	float:left;
	width:220px;
}
#contact-form {
	padding:0 50px 0 0;
	float:left;
	width:250px;
}
/*---------------------------------------------------------------------*/
#contact-form p input, #contact-form p textarea {
	background:#fff;
	border:1px solid #999;
	padding:5px;
	width:240px;
	color:#777;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, .3);
	box-shadow: 0px 0px 5px rgba(0, 0, 0, .3);
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}
/* must use <div id="send">[submit "Send"]</div> in contact form 7 */
#send input {
	border:0px;
	padding:5px;
	width:160px;
	font-size:1.3em;
	font-weight:bold;
	cursor:pointer;
	
	
	background:#8b3f3c;
	margin:0 5px;
	color:#e0c4a3;
	display:block;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, .3);
	box-shadow: 0px 0px 5px rgba(0, 0, 0, .3);
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}
}
#send input:hover {
	background:#7d3331;
}
div.wpcf7-response-output {
	display:none !important;
}
/* Footer
-----------------------------------------------------------------------*/
#footer {
	border-top:1px solid #5b1b19;
	padding:10px 0;
	color:#c74c49;
}
#footer a {
	color:#c74c49;
}
#footer a:hover {
	color:#d3a185;
}
.links {
	float:left;
}
.links li {
	margin:0 5px;
	list-style:none;
	display:inline;
}
.face {
	float:right;
	position:relative;
	text-indent:-9999px;
		background:url(images/face.png) no-repeat top center;
	width:32px;
	height:32px;
		filter:alpha(opacity=80);
	opacity: 0.8;
}
.face:hover {
	filter:alpha(opacity=100);
	opacity: 1;
}
/* 
Extras
-----------------------------------------------------------------------*/
small a {
	color:#d3a185;
}
/* Next Gen Gallery
-----------------------------------------------------------------------*/
.ngg-gallery-thumbnail img {
	/* thumbnails must be set to 140px by 140px in nextgen*/
	background:#8e3e3c !important;
	border:#c74c49 0px solid !important;
	-webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, .2);
	box-shadow: 0px 0px 6px rgba(0, 0, 0, .2);
}
.ngg-gallery-thumbnail img:hover {
	border:#d3a185 0px solid !important;
	background:#c74c49 !important;
}

#contact-form .gform_wrapper {}
#contact-form .gform_wrapper ul { list-style: none; padding:0; margin:0;}
#contact-form .gform_wrapper ul li { list-style: none;}
#contact-form .gform_wrapper .gfield_label { color: #e0c4a3;}
#contact-form .gform_wrapper .ginput_container input { width: 95%; padding: 10px 2% 10px 2%; border: 1px solid #cccccc; color: #333333;border-radius: 4px;-o-border-radius: 4px;-ms-border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;}
#contact-form .gform_wrapper .ginput_container textarea {width: 95%; padding: 10px 2% 10px 2%; border: 1px solid #cccccc;color: #333333;border-radius: 4px;-o-border-radius: 4px;-ms-border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;}
#contact-form .gform_wrapper .ginput_container input:focus, #contact-form .gform_wrapper .ginput_container textarea:focus {border:1px solid #aaaaaa;background: #f0f0f0; }
#contact-form .gform_wrapper .gform_footer .gform_button { background: #000000;border:none; font-size: 14px; font-weight: bold; text-transform: uppercase; color: #ffffff; padding: 5px 10px 5px 10px; border-radius: 4px;-o-border-radius: 4px;-ms-border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px; }
#contact-form .gform_wrapper .gform_footer .gform_button:hover { background: #454545;}