/*
Theme Name: mastercare
Version: 1.0
Author: Perth Web Design
*/

body {
	background:url(images/bg.jpg) no-repeat center top;
	background-color:#e3e3e3;
	font-size:13px;
	color: #555555;
	margin: 0;
	padding:0px;
	height:100% auto;
	font-family: arial, sans-serif;

}
p {
    margin: 10px 0px 10px 0px;
    line-height: 18px;
}

a {
    color: #6b6b6b;
    text-decoration: none;
}

a:hover {
    color: #f8955c;
    text-decoration: none;
}

img {
    border: 0px;
}

h1 {
    font-weight: normal;
    font-size: 20px;
    color: #555555;
    margin-bottom: 15px;

}

h2 {
    font-weight: normal;
    font-size: 18px;
    color: #555555;
    margin-bottom: 15px;

}

h3 {
    margin: 10px 0 5px 0px;
    font-size: 13px;
    color: #222222;


}

h4 {
    margin: 10px 0px;
    font-size: 24px;
    color: #f9ac71;
	font-weight:bold;
	font-size: 24px;
}

hr {
    margin: 30px 0px;
    border: 0px;
    border-top: 1px solid #ccc;
    clear: both;
}

.clear {
    clear: both;
}

.alignleft {
    float: left;
    margin: 5px 10px 0px 0px;
}

.aligncenter {
    text-align: center;
}

.alignright {
    float: right;
    margin: 0px 0px 0px 10px;
}
.border{border:1px solid #F00;}
.warp{float:left;   width:100%;}
/*------------------------- HEAD--------------------------------------------------*/
#headbg{ width:100%; margin:0 auto; background:url(images/bg2.jpg) no-repeat center top #2d2d2d; height:79px; position:absolute; top:0; left:0; z-index:-1;}
#head{width:960px; margin:0 auto; margin-top:37px; }
*+html #head{	
	padding-top:37px;
	}/*for IE7 */
#head .warp{float:left; background:#FFFFFF; padding:20px 0 20px 20px; width:100%; margin-bottom:20px;}
#head .logo{float:left;}

/*-------------------------MENU HEAD--------------------------------------------------*/
/*/////////////////////////////////////////////////////////////////////////////
    Navigation
/////////////////////////////////////////////////////////////////////////////*/
#nav {
position:relative;
font-size:11px;
font-weight:bold;
color:#b2b2b6;
float:right;
z-index:200;
position:relative;
text-transform: uppercase;
/*min-width:600px;*/
}

#nav ul{list-style: none; }

#nav ul li {
	float: left;
	display:inline;
	position: relative;
}

	
#nav li a {
	color: #b2b2b6;
	text-decoration: none;
	padding: 5px 25px 5px 25px;
	display: block;
	border-left:1px solid #e6e6e6;

}
#nav li a:visited {
	color: #b2b2b6;
	text-decoration: none;
}
#nav li a:hover {
	color: #000000;
}


#nav li.current_page_item a{
	color: #000000;
}
#nav .current_page_item a:visited {
	color: #000000;
	text-decoration: none;
}
/*--second level------------------------------------------*/

#nav :hover > a, #nav ul ul :hover > a {
    color:#cd0b10;
}

#nav ul ul :hover > a, #nav ul ul ul :hover > a {
    color:#2a2a2a !important;
}

#nav ul li ul {
    position: absolute;
    width: 184px;
    min-height: 0px;
    left: -14px;
    visibility: hidden;
	
}

#nav ul ul li {
    background: #676767;
    margin: 0px;
    border-bottom: 1px #777 solid;
}

#nav ul ul li:last-child {
  
    border: 0px;
}

#nav ul ul li a {
    width: 170px;
    padding: 7px 4px 7px 10px;
    border-bottom: 0px;
    color: #fff !important;
    font-size:11px;
    line-height: 14px;
}

#nav ul ul a:hover {
    color: #2a2a2a;
}

#nav ul ul .current_page_item a {
    color: #2a2a2a;
}

#nav ul ul .current_page_item ul li a {
    color: #fff !important;
}

#nav ul ul .current_page_item a:hover {
    color: #2a2a2a;
}


/*--third level-------------------------------------------*/
#nav ul ul ul {
    width: 184px;
    top: 0px;
    left: 184px;
    min-height: 0px;
}

#nav ul ul ul li:first-child {
    -moz-border-radius: 10px 10px 0px 0px;
    -webkit-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
}

#nav ul ul ul li:last-child {
    -moz-border-radius: 0px 0px 10px 10px;
    -webkit-border-radius: 0px 0px 10px 10px;
    border-radius: 0px 0px 10px 10px;
}

#nav ul ul ul li:only-child {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 0px;
} 
/*--show second level on first level hover----------------*/
#nav ul li:hover ul, #nav ul a:hover ul {
    visibility: visible;
}

/*--hide third level on second level hover----------------*/
#nav ul :hover ul ul {
    visibility: hidden;
}

/*--show third level on second level hover----------------*/
#nav ul :hover ul :hover ul {
    visibility: visible;
}
/*------------------------- Slide--------------------------------------------------*/
#slide{ position:relative; width:960px; margin:0 auto; position:relative; }
#slide .warp{float:left; background:#FFFFFF;  width:100%; padding:10px;}
#slide .bgcontent{position:absolute; display:block;  top:100px; right:0px; padding:30px 20px 30px 20px; background:url(images/bg-slide-content.png); width:256px; z-index:999;}
#slide h2{color:#FFFFFF; font-weight:normal; font-size:12px; padding:0; margin:0; font-style:normal; color:#000000;}
#slide .text{width:169px;}

/*/////////////////////////////////////////////////////////////////////////////
    BX Slider
/////////////////////////////////////////////////////////////////////////////*/

#slidercontainer .bx-window {
    position: relative;
    height: 509px;
    width: 940px;
    z-index: 3;
}
#slide ul{margin:10px 0 10px 0; padding:0;}
#slider, #slider li {
    position: relative;
    height: 509px;
	margin:0;
	padding:0;
	list-style:none;
	margin-left:10px;
}

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

#slider img {
    height: 509px;
    width: 940px;
}
/*------------------------- Content--------------------------------------------------*/
#content{ position:relative; width:940px; margin:0 auto; position:relative; line-height:1.7em; }
#content .warp{float:left;  padding:0px 20px 40px 20px; width:100%; margin-left:-10px; min-height:200px; background:url(images/line.jpg) no-repeat bottom center #FFFFFF; margin-bottom:20px;}
#content .block{ width:270px; float:left; padding:0 20px 0 10px;}
#content .alignright{ margin-top:20px;}
/*-------------------------Sub Footer --------------------------------------------------*/
#subfooter{ position:relative; width:940px; margin:0 auto; position:relative; line-height:1.7em;  }
#subfooter .warp{float:left;  padding:0px 20px 0px 20px; width:100%; min-height:200px; background: #222222; margin-left:-10px; text-align:center; }
#subfooter .line{ width:100%; background:url(images/line2.png) repeat-x; height:7px; margin:20px 0 20px 0; }
#subfooter .block{width:220px; float:left;  background:#f7f7f8; padding-bottom:20px; min-height:200px;}
#subfooter .margin{margin-right:20px;}
/*-------------------------Footer --------------------------------------------------*/
#footer{ position:relative; width:960px; margin:0 auto; position:relative; font-size:11px; color:#414042;  }
#footer .warp{float:left;  padding:20px 20px 0px 20px; width:100%;  margin-bottom:20px; margin-left:-10px;}
#footer .space{margin:0 5px 0 5px;}

/*-------------------------MENU Footer--------------------------------------------------*/
#navFooter {
float:left;

}

#navFooter ul{list-style: none; margin-left:-30px; }

#navFooter li {
	margin-top:-10px;
	float: left;
	margin-right:2px;

}
#navFooter a {
	color: #414042;
	text-decoration: none;
}
#navFooter a:visited {
	color: #414042;
	text-decoration: none;
}
#navFooter a:hover {
	color: #555555;
}
/*-- Gravity Forms Section ----------------*/

.gform_wrapper ul {
    margin: 0px !important;
}

.gform_wrapper ul li {
    /*margin: 10px 0px !important;*/
    padding: 0px !important;
    list-style-image: none !important;
    list-style: none !important;
}

.gfield_label {
    font-weight:normal !important;
	 color: #555555 !important;
}

.gfield_required {
    color: #555555 !important;
    /*font-weight:lighter !important;*/
}

.ginput_container input {
    width: 239px !important;
    background: #d1d3d4;
    border: 1px solid #bdbebf;
    padding: 10px !important;
    margin-top: 3px;
	-moz-box-shadow: inset 0 3px 8px #bdbebf;
	-webkit-box-shadow: inset 0 3px 8px #bdbebf;
	box-shadow: inner 0 3px 8px #bdbebf;
}

.ginput_container textarea {
    width: 239px !important;
    background: #d1d3d4;
    border: 1px solid #bdbebf;
    height: 120px !important;
    padding:10px !important;
    margin-top: 3px;
	-moz-box-shadow: inset 0 3px 3px #bdbebf;
	-webkit-box-shadow: inset 0 3px 3px #bdbebf;
	box-shadow: inner 0 3px 3px #bdbebf;
}

.ginput_container input:focus, .ginput_container textarea:focus {
    background: #e7e7e7;
}

.gform_image_button {
	float:right; 
	margin-bottom:50px;
}

.gform_button:focus, .gform_button:hover {
    color:#c1d8e6 !important;
}

.gform_validation_container {
    display: none;
}

/*-- Error Section ----------------*/

.validation_error {
    color: #FF0000 !important;
    /*font-weight:lighter !important;*/
    font-size: 12px !important;
    margin:  0px 0px !important;
}

.gfield_error {
    background: none !important;
    border: 0px !important;
    color: #FF0000 !important;
    padding: 0px !important;
}

.gfield_error .gfield_label {
    color: #2b424b !important;
    font-weight:lighter !important;
}

.validation_message {
    color: #FF0000 !important;
    padding: 2px 0px 0px 0px !important;
}

.gfield_error input, .gfield_error textarea {
    background: #ff0000 !important;
    color: #fff !important;
    border: 1px #ff0000 solid !important;
	-moz-box-shadow: inset 0 5px 3px #a10202;
	-webkit-box-shadow: inset 0 5px 3px #a10202;
	box-shadow: inner 0 5px 3px #a10202;
}

.gfield_error input:focus, .gfield_error textarea:focus {
    color: #fff !important;
}

/* Start Breadcrumbs
-----------------------------------------------------------------------*/
.breadcrumbs {
	padding: 0px 0px 10px;
	color: #c1bfbf;
	font-size:1em;
	font-family: Arial, Helvetica, sans-serif;
	text-transform:lowercase;
}
.breadcrumbs .delimiter {
	height:8px;
	width:6px;
	position:relative;
	text-indent:-9999em;	
	margin: 0 5px;
}
.breadcrumbs #crumbs a {
	color: #c1bfbf;
	text-decoration:none;
}
.breadcrumbs #crumbs a:hover {
	color: #949494;
	text-decoration:none;
}

/* End Breadcrumbs
-----------------------------------------------------------------------*/