/*
Theme Name: Keen Property
Theme URL: http://keenproperty.com.au
Version: 1.0
Description: Keen Property Custom Website
Author: Intervision Design
Author URI: http://www.intervisiondesign.com
*/





/************************************/
/*** CSS CODED BY EHREN FERGUSSON ***/
/************************************/







/************************************/
/************ START CSS *************/

html {height:100%;}
body {margin:0px; line-height:1.5em; height:100%; background:#242323;}
body,td,th {color:#ccc; font-family: 'Open Sans', arial, sans-serif; font-size: 12px;}

/**********************************/
/************* RESET **************/

h1, h2, h3, h4, h5, h6, div, a, li, ul, fieldset, form, img, p, span {padding:0; margin:0; text-decoration:none; font-weight:300; list-style:none; border:0;}
h1, h2, h3, h4, h5, h6 {font-weight:300;}
img { display:block;}
a { color:#d73130; outline:none;}
a:hover { color:#f00;}
a:active {}
.clear {clear:both;}

/************************************/
/********** SITE ALIGNMENT **********/

#site {background:#323433; display:block; position:relative;}
#wrapper_main { background:#272827; overflow:hidden; -moz-box-shadow:inset 0 0 10px rgba(0,0,0,0.6); -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.6); box-shadow: inset 0 0 10px rgba(0,0,0,0.6);}
#wrapper { margin:0 auto; width:1000px;}

/************************************/
/************** HEADER **************/

#header { height:220px; margin:0 auto; width:900px;}
#header h1 { float:left; width:320px; height:170px; margin:30px 0 0 0; background:#333 url(images/keenLogo2.png) no-repeat;}

/************************************/
/*************** MENU ***************/

#menu { margin:170px 0 0 0; width:570px; float:right;}
#menu ul { float:right; height:40px;}
#menu ul li { list-style:none; float:left; position:relative; display:block;}
#menu ul li a {}
#menu ul li a h2 { font-size:15px; color:#dad6bd; padding:10px 10px 0 10px; text-transform:uppercase; font-weight:400;}
#menu ul li a:hover h2, #menu ul li.current-menu-item a h2, #menu ul li.current_page_parent a h2, #menu ul li.current-post-ancestor a h2 { color:#d73130;}

#menu ul li ul { display:block; z-index:9999; position: absolute; top:40px; left:0; width:200px; background:#323433; height:auto;}
#menu ul li ul li {}
#menu ul li ul li a { display:block;}
#menu ul li ul li a h2 { width:180px; color:#dad6bd; font-size: 12px; padding:5px 10px; text-transform: none;}
#menu ul li ul li a:hover h2 { color:#d73130;}
#menu span {display:none;}

/************************************/
/*********** MAIN CONTENT ***********/

#graid { position:absolute; top:0; left:0; width:100px; height:400px; background:url(images/bg-slide.png) no-repeat; z-index:9999;}
#home_banner { width:1000px; height:400px; position:relative; display:block;}
	#slider { float:left; width:1000px; height:400px; position:relative; display:block;}
	#slider li { float:left; overflow:hidden;}
	#slider_nav { position:absolute; bottom:10px; right:70px; z-index:9999;}
	#slider_nav li { float:left; margin:0 0 0 10px; width:10px; height:10px;}
	#slider_nav li a {}
	#slider_nav li a span { background: #fff; width:10px; height:10px; display:block;}
	#slider_nav li a.activeSlide span {background:#c34b39;}

#maincontent {position:relative; display:block; min-height:400px;}
#left { float:left; width:250px; width:#666; margin:0 0 0 50px; padding:50px 0 0 0;}
#middle {float:left; width:400px; padding:50px 0 0 0;}
#right {float:left; width:300px; height:400px; background: url(images/bg-page.png) no-repeat top right;}
.page_thumb { margin:15px 0 0 0;}
.page_thumb2 { margin:0;}

#repper { position:absolute; width:100%; background:#323433; top:0; left:1000px; height:400px;}

#info_slider { width:1000px; /*min-height: 400px; */position:relative; display:block;}
#info_slider .myslide { float:left; width:1000px; /*height:400px;*/ position:relative; display:block; /*overflow:hidden;*/}
#info_left { float:left; width:250px; width:#666; margin:0 0 0 50px; padding:50px 0 0 0;}
#info_left h2 { width: 210px;}
#info_middle { float:left; width:400px; padding:50px 0 0 0;}
#info_right { position: absolute; top:0; right:0; width:300px; height:400px; background: url(images/bg-page.png) no-repeat top right; z-index:999;}
#info_nav { position:absolute; bottom:20px; left:750px; width:100px; display: block; z-index:9999;}
#info_nav li a { display:block; width:10px; height:10px; background:#fff; margin:5px 10px 5px 0; position:relative; float:left;}
#info_nav li a:hover, #info_nav li a.activeSlide { background:#c34b39;}
#info_nav li span.tooltip { display:none; position:absolute; padding:5px 10px; background:#000; color:#fff; bottom:15px; text-align:center; left:0; margin-left:-48px; min-width:100px;}
#info_nav li:hover .tooltip { display:block;}
#info_nav .tooltip .arrow {}

#people_name { position: absolute; bottom: 20px; left: 850px; background: #000; color: #fff; padding: 2px 5px; z-index: 9999; font-size: 11px; text-transform: uppercase;}
.h2job { padding: 15px 0 0 0;}
.job { font-weight: bold; padding: 2px 0;}

/************************************/
/*********** TEXT STYLING ***********/

h2.pagetitle {font-size:14px; color:#fff; line-height:1.1em; font-weight:400;}
.text { line-height:1.5em; padding-bottom: 30px;}
.text p { padding:0 0 10px 0;}
.text ul { padding:0 0 7px 0;}
.text ul li { list-style:square; list-style-position:outside; margin:0 0 0 15px;}
.text a {}
.text blockquote { margin:0; padding:20px 0 0 20px; background:url(images/q_open.jpg) top left no-repeat;}
.text blockquote p { padding:0 5px 15px 0; font-size:14px; font-style:italic; background:url(images/q_close.jpg) bottom right no-repeat;}
.text h6 { font-size:16px;}
.text h5 { font-size:13px; font-weight:bold;}
.text h4 { font-size:14px;}
.text h3 { font-size:14px; line-height:16px; padding:3px 0 10px 0; font-weight:bold; color:#666;}
.text h2 { font-size:18px; line-height:20px; padding:10px 0; font-weight:400;}
.text h1 { font-size:24px; line-height:26px; color:#999; padding:0 0 20px 0; font-weight:400; text-transform:uppercase;}

input[type="text"], input[type="email"], input[type="password"], textarea { margin:5px 0; padding:10px; border:1px solid #ccc; background:#fff; color:#666; font-size:12px;}
input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, textarea:focus { background:#666; color:#fff;}
.text input[type="text"], .text input[type="email"], .text input[type="password"] { width:300px;}
.text textarea { width:400px; height:70px;}

/* CALCULATOR */
.widgetForm { padding:20px; border:1px solid #ccc; width:300px;}
.widgetForm input[type="text"] { width:90px; padding:5px;}
.visibleAnswerRow {background:#d4eabd; font-size:14px; padding:10px; -webkit-border-radius:3px; -moz-border-radius:3px;  border-radius:3px;}

/************************************/
/************** FOOTER **************/

#footer { display:block; margin:0 auto; width:900px; color:#999; font-size:12px;}
#footer a { color:#999;}
#footer a:hover { color: #fff;}

.foot_contact { width: 450px; float: left; padding: 30px 0 15px 0;}
.foot_contact h4 { text-transform:uppercase; font-weight:700; border-bottom: 1px solid #999; padding-bottom: 10px; margin-bottom: 10px;}

.foot_menu { width:400px; margin-left: 50px; float:left;}
.foot_menu h4 { text-transform:uppercase; font-weight:700; margin:30px 0 0 0; border-bottom: 1px solid #999; padding-bottom: 10px; margin-bottom: 10px;}
.foot_menu ul li a:hover, .foot_menu ul li.current-menu-item a { color:#fff;}
#copyright { text-align:center; color:#555;}
#copyright a { color:#555;}

.facebook_link { padding: 10px 0 10px 30px; margin-top: 20px; background: url(images/fb.png) no-repeat left center;}

/************************************/
/************* BUTTONS **************/

a.button, button, input[type="submit"], #pagenavs a, #pagenavs a:link, #pagenavs span.pages, #pagenavs span.current, #pagenavs span.extend {
font-size: 13px;
padding: 8px 12px;
margin: 0 10px 10px 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.1);
-moz-box-shadow: 0 2px 3px rgba(0,0,0,0.1);
box-shadow: 0 2px 3px rgba(0,0,0,0.1);
cursor: pointer;
outline: none;
display: inline-block;
text-align: center;
text-transform:uppercase;
border:none;
border-top:1px solid #fff;
}
a.button:hover, button:hover, input[type="submit"]:hover, #pagenavs a:hover, #pagenavs a:link:hover, #pagenavs span.current:hover {
-webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.2);-moz-box-shadow: 0 2px 3px rgba(0,0,0,0.2);box-shadow: 0 2px 3px rgba(0,0,0,0.2);}
a.button:active, button:active, input[type="submit"]:active {outline: none;}
a.button.liquid {display: block;}
a.button, button, input[type="submit"], .light_btn, #pagenavs a, #pagenavs a:link, #pagenavs span.pages, #pagenavs span.extend {
color: #2b2b2b;
-webkit-text-shadow: 1px 1px 0 #f5f5f5;
-moz-text-shadow: 1px 1px 0 #f5f5f5;
text-shadow: 1px 1px 0 #f5f5f5;
border-top: 1px solid #f5f5f5;
background-color: #d0d0d0;
background-image: -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), to(#d0d0d0)); 
background-image: -webkit-linear-gradient(top, #e6e6e6, #d0d0d0); 
background-image:    -moz-linear-gradient(top, #e6e6e6, #d0d0d0); 
background-image:     -ms-linear-gradient(top, #e6e6e6, #d0d0d0); 
background-image:      -o-linear-gradient(top, #e6e6e6, #d0d0d0); 
background-image:         linear-gradient(top, #e6e6e6, #d0d0d0);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#e6e6e6', EndColorStr='#d0d0d0');
}
a.button:hover, button:hover, input[type="submit"]:hover, .light_btn:hover
{color: #ffffff;
-webkit-text-shadow: 1px 1px 0 #9f3b2c;
-moz-text-shadow: 1px 1px 0 #9f3b2c;
text-shadow: 1px 1px 0 #9f3b2c;
border-top: 1px solid #e06452;
background-image: -webkit-gradient(linear, left top, left bottom, from(#c34b39), to(#9f3b2c)); 
background-image: -webkit-linear-gradient(top, #c34b39, #9f3b2c); 
background-image:    -moz-linear-gradient(top, #c34b39, #9f3b2c); 
background-image:     -ms-linear-gradient(top, #c34b39, #9f3b2c); 
background-image:      -o-linear-gradient(top, #c34b39, #9f3b2c); 
background-image:         linear-gradient(top, #c34b39, #9f3b2c);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#c34b39', EndColorStr='#9f3b2c');
}

/************************************/
/************ ALIGNMENTS ************/

.aligncenter { display: block; margin-left: auto; margin-right: auto; padding:10px 0;}
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin-bottom: 10px; }
.wp-caption.alignleft { margin: 0px 10px 10px 0px; }
.wp-caption.alignright { margin: 0px 0px 10px 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
.alignright { float: right; padding:10px 0;}
.alignleft { float: left; padding:10px 0;}
img.alignleft { display:inline; float:left; margin-right:15px; margin-top: 6px; padding:10px 0;}
img.alignright { display:inline; float:right; margin-left:15px; padding:10px 0;}

/************************************/
/************* PAGENAVI *************/

.wp-pagenavi { font-size:13px; margin:0 auto; padding:20px;}
.wp-pagenavi a, .wp-pagenavi a:link { padding: 5px 7px; margin: 2px; text-decoration: none; border: 1px solid #ccc; color: #333; background: #fff;}
.wp-pagenavi a:visited { padding: 5px 7px; margin: 2px; text-decoration: none; border: 1px solid #ccc; color: #333; background: #fff; }
.wp-pagenavi a:hover { border: 1px solid #999; color: #000; background-color: #fff; }
.wp-pagenavi a:active { padding: 5px 7px; margin: 2px; text-decoration: none; border: 1px solid #ccc; color: #ccc; background: #fff; }
.wp-pagenavi span.pages { padding: 5px 7px; margin: 2px 2px 2px 2px; color: #333; border: 1px solid #ccc; background: #fff; }
.wp-pagenavi span.current { padding: 5px 7px; margin: 2px; font-weight: bold; border: 1px solid #999; color: #000; background: #fff;}
.wp-pagenavi span.extend { padding: 5px 7px; margin: 2px; border: 1px solid #ccc; color: #333; background: #fff; }

/****** CONTACT FORM 7 *******/
.wpcf7-form .wpcf7-validation-errors{ border:none;  background-color:#eacebd;  margin:0;  padding:7px; -webkit-border-radius:3px; -moz-border-radius:3px;  border-radius:3px}
.wpcf7-form .wpcf7-mail-sent-ok{ border:none;  background-color:#daeabd;  margin:0;  padding:7px; -webkit-border-radius:3px; -moz-border-radius:3px;  border-radius:3px}
.wpcf7-form .wpcf7-mail-sent-ng{ border:none;  background-color:#eacebd;  margin:0;  padding:7px; -webkit-border-radius:3px; -moz-border-radius:3px;  border-radius:3px}
.wpcf7-form span.wpcf7-not-valid-tip{ border:none;  background-color:#eacebd;  padding:7px; -webkit-border-radius:3px; -moz-border-radius:3px;  border-radius:3px}

/************************************/
/************* END CSS! *************/