/* ---------------------------------------------------
CVS: $ $
Title: global.css
Copyright: (c) 2010
Author: Phil Renaud - phil@rhinointernet.com
Company: Rhino Internet
Description: Global styles for Joseph Carl Homes
--------------------------------------------------- */

/* ---------------------------------------------------
=Reset
Takes browser-specific styling and resets it to a
common behavioural standard. Based heavily upon the
Yahoo! User Interface Library Reset:
http://developer.yahoo.com/yui/reset/
--------------------------------------------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
   }

table {
	border-collapse:collapse;
	border-spacing:0;
   }

fieldset,img { 
	border:0;
   }

address,caption,cite,code,dfn,th,var,strong,em {
	font-style:normal;
	font-weight:normal;
   }

ol,ul {
	list-style:none;
   }

caption,th {
	text-align:left;
   }

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
   }

q:before,q:after {
	content:'"';
   }f

abbr,acronym {
   border:0;
   }

html {
   font-size: 100.01%; /* Corrects default font sizing in IE/WIN, and font resizing in Opera. */
   }

/* ---------------------------------------------------
=Universal
Styles applied to basic xhtml elements, classes and
IDs notwithstanding.
--------------------------------------------------- */

body {
   background: #ffedcd url(/images/bg.png) 0 0 no-repeat;
   color: #333;
   font-family: Helvetica, Arial, sans-serif;
   font-size: 13px;
   margin: 0 auto;
   }
   
strong {
   font-weight: bold
   }
   
em {
   font-style: italic;
   }
   
p {
  }   

a {
   text-decoration: none;
   color: #a24000;
   }

a:focus {
   outline: none;
   }

a:hover {
   color: #d27030;
   }

div#header p a {
display: block;
height: 100px;
width: 180px;
left: 20px;
position: absolute;
text-indent: -9999px;
   }

h2 {
color: #fff;
font-size: 40px;
padding-left: 260px;
text-transform: uppercase;
line-height: 60px;
white-space: nowrap;
float: left;
   }

h2 br {
display: none !important;
}

h3 {
font-size: 18px;
text-transform: uppercase;
margin-top: 25px;
margin-bottom: 10px;
   }
.major h1 {
font-size: 18px;
text-transform: uppercase;
margin-top: 25px;
margin-bottom: 10px;
   }

h4 {
   }

h5 {
   }

h6 {
font-weight: bold;
   }
   
dl {
   }   
   
dl dt {
   }

dl dd {
   }
   
li {
   }

.clearfix:after,
#content:after,
ul.gallery:after,
ul#navigation:after,
#footer:after {
   content: ".";
   clear: both;
   display: block;
   height: 0;
   visibility: hidden;
   }



/* ---------------------------------------------------
=Containers
--------------------------------------------------- */

#worldcontainer {
   width: 960px;
   position: relative;
   }

#content {
clear: both;
}

.home #content {
padding-top: 360px !important;
}

.minor1, .minor2, .major {
float: left;
}

.minor1 {
width: 260px;
}

.home .minor1 {
width: 360px;
}

.major {
width: 470px;
padding-right: 20px;
}

.home .major {
padding-top: 35px;
padding-left: 40px;
width: 560px;
padding-right: 0px;
}

.major.wide {
width: 690px;
padding-right: 0px;
}

.minor2 {
width: 190px;
padding-left: 10px;
}

.minor2 *:first-child {
padding-top: 25px;
}
.minor2 h3:first-child {
padding-top: 0px;
}

.minor2 ul h3 {
margin-top: 0px;
}

.minor2 * *:first-child {
padding-top: 0px;
}

.major a {
text-decoration: underline;
}

#header {
position: relative;
z-index: 10;
}

p.quote {
font-style: italic;
}


/* ---------------------------------------------------
=Left Sidebar (minor1)
--------------------------------------------------- */

.minor1 h3 {
background: transparent url(/images/underline1.png) bottom left no-repeat;
padding-bottom: 5px;
padding-left: 10px;
margin-bottom: 0px;
}

.home .minor1 h3 {
background-image: none;
padding-top: 12px !important;
}

ul.subnavigation li {
padding-left: 20px;
}

ul.subnavigation li.current_page_ancestor a {
font-weight: bold;
}

ul.subnavigation li.current_page_ancestor li a {
font-weight: normal;
}

ul.subnavigation li.current_page_item a {
font-weight: bold !important;
color: #069;
}
ul.subnavigation li.current_page_item li a {
color: #A24000;
font-weight: normal !important;
}

ul.subnavigation li.current_page_item li a:hover {
color: #d27030 !important;
}


ul.subnavigation li a {
background: transparent url(/images/underline2.png) bottom left no-repeat;
}

ul.subnavigation ul {
padding-bottom: 20px;
}

ul.subnavigation ul li {
padding-left: 20px;
}

ul.subnavigation li a {
padding: 5px 0px 5px 0px;
display: block;
font-style: italic;
}

.promotion {
margin-top: 30px;
}

.home .promotion {
margin-top: 47px;
}

.promotion a strong {
color: #333;
font-size: 18px;
text-transform: uppercase;
font-weight: normal;
padding-left: 10px;
}

.promotion img {
background: transparent url(/images/promotionbg.png) top left no-repeat;
padding: 9px 10px 21px 0px;
height: 250px;
width: 250px;
}

.home .promotion img {
width: 350px;
background: transparent url(/images/homepromotionbg.png) top left no-repeat;
}


/* ---------------------------------------------------
=Right Sidebar (minor2)
--------------------------------------------------- */

.minor2 {
background: transparent url(/images/minor2bg.png) top left repeat-y;
}

p.caption {
font-style: italic;
border-bottom: 1px solid #ddd2c7;
padding: 5px 0px;
}

/* ---------------------------------------------------
=Gallery
--------------------------------------------------- */

ul#navigation {
padding-left: 243px;
}

ul#navigation li {
float: left;
}

ul#navigation li a {
color: #fff;
text-transform: uppercase;
padding: 18px;
display: block;
}

ul#navigation li a:hover,
ul#navigation li.active a {
color: #ffc35d;
}


/* ---------------------------------------------------
=Content
--------------------------------------------------- */

#content p {
line-height: 20px;
margin-bottom: 15px;
}

a.findoutmore {
display: block;
width: 550px;
height: 50px;
text-indent: -9999px;
background: transparent url(/images/findoutmore.png) top left no-repeat;
}

#content table {
margin-top: 10px;
margin-bottom: 30px;
width:100%;
}

#content table tr {
vertical-align: top;
}

#content table tr:hover td {
background-color: #bddfe8;
}


#content table tr.alt {
background-color: #fee2b0;
}

#content table th {
font-weight: bold;
border-bottom: 3px solid #333;
padding: 5px;
}

#content table td {
padding: 8px 5px;
border-bottom: 1px solid #333;
}

#content table td.oneline {
white-space: nowrap;
}

#content form input,
#content form select {
padding: 4px;
background-color: #cfbc9b;
border: 0px solid #cfbc9b;
color: #000;
border-bottom: 2px solid #cfbc9b;
margin-bottom: 10px;
width: 400px;
}

#content form textarea {
padding: 4px;
background-color: #cfbc9b;
border: 0px solid #cfbc9b;
color: #000;
border-bottom: 2px solid #cfbc9b;
margin-bottom: 10px;
width: 400px;
}

#content form label {
display: block;
}

#content form div.btn-group {
margin-top: 5px;
}

#content form span.wpcf7-radio input,
#content form input[type=radio] {
width: auto !important;
margin-left: 15px;
}

#content form input:focus {
border-bottom: 2px solid #000;
}

legend {
margin: 0px;
padding: 0px;
margin-bottom: 5px;
font-weight: bold;
font-size: 16px;
padding-top: 20px;
}

#content form input.button {
width: auto;
text-transform: uppercase;
color: #fff;
background-color: #333;
border-bottom: 0px solid #000;
font-size: 16px;
}


.wpcf7-not-valid-tip {
left: 420px !important;
margin-top: -4px !important;
}

.major ul li {
margin-left: 20px;
list-style-type: disc;
margin-bottom: 5px;
}

.major form ul li {
margin-left: 0px;
list-style-type: none;
margin-bottom: 0px;
}



/* ---------------------------------------------------
=Gallery
--------------------------------------------------- */

ul.gallery li a img {
width: 40px;
height: 40px;
}

ul.gallery li {
float: left;
margin: 0px 5px 5px 0px;
width: 40px;
height: 40px;
}

ul.gallery li a {
float: left;
display: block;
}


ul.gallery {
margin-bottom: 15px;
}




/* ---------------------------------------------------
=Footer
--------------------------------------------------- */


#footer {
margin-top: 50px;
padding-top: 15px;
background: transparent url(/images/footerbg.png) top left repeat-x;
font-size: 12px;
line-height: 15px;
}

#footer a {
display: block;
}

span.eho {
background: transparent url(/images/eho.png) top left no-repeat;
padding-left: 80px;
height: 32px;
float: left;
display: block;
margin-left: 20px;
width: 200px;
}

span.copyright {
float: right;
display: block;
text-align: right;
}








/* ---------------------------------------------------
=Homepage Slider
--------------------------------------------------- */

.lowerlogo {
text-indent: -9999px;
display: block;
width: 210px;
height: 60px;
position: absolute;
top: 49px;
left: 0px;
background: transparent url(/images/lowerlogo.png) top left no-repeat;
z-index: 50;
}

      div.hero {
      width: 960px;
      height: 450px;
      position: absolute;
      top: 1px;
      z-index: 5;
      overflow: hidden;
      }
      
      div.lowerhero {
      height: 197px;
      width: 960px;
      position: absolute;
      top: 275px;
      z-index: 3
      left: 0px;
      overflow: hidden;
      }
      
      div.lowerhero img {
      position: absolute;
      display: none;
      left: 0px;
      }
      
      div.lowerhero img.active {
      display: block;
      }
      
      div.images {
      position: relative;
      height: 255px;
      width: 960px;
      overflow: hidden;
      top: 49px;
      left: 0px;
      clear: both;
      float: left;
      background-color: #fff;
      }
      
      div.images img {
      position: absolute;
      top: 0px;
      left: 0px;
      display: none;
      width: 960px !important;
      height: 255px !important;
      }
      
      div.images img.active {
      display: block;
      }



/* ---------------------------------------------------
=Google map
--------------------------------------------------- */
      div#map_canvas {
         height: 350px;
         width: 450px;
      }
      
      div#arboledaranch,
      div#cantamia,
      div#queensland,
      div#sereno {
         display: none;
      }
      
      p.infowindow {
         line-height: normal !important;
      }

      iframe.minimap {
         height: 250px;
         margin: 0px;
         overflow: none;
         width: 190px;
      }


























.slidershadow {
position: absolute;
top: 0px;
left: 0px;
width: 974px;
height: 321px;
background: transparent url(/images/slidershadow.png) top left no-repeat;
}







li.current_page_item.page-item-54 a {
color: #9fa617;
}

li.current_page_item.page-item-54 li a {
color: #A24000;
font-weight: normal !important;
}

li.current_page_item.page-item-54 li a:hover {
color: #d27030 !important;
}

li.current_page_ancestor.page-item-54 li.current_page_item a {
color: #9fa617;
}






body.parent-pageid-54, body.page-id-54 {
   background: #ffedcd url(/images/bg_cantamia.png) 0 0 no-repeat;
}



#content .page-item-54 a {
color: #8e9300 !important;
}

#content .page-item-54 a:hover {
color: #6b6f2a !important;
}


body.page-id-54 #content .page-item-54 > a,
body.parent-pageid-54 #content .page-item-54 > a {
color: #6b6f2a !important;
}

body.parent-pageid-54 #content .page-item-54 li.current_page_item a {
color: #6b6f2a !important;
}
