/*
Theme Name: Fairway Aluminium
Theme URI: http://www.mdaluminium.co.nz
Description: 
Author: TWC
Version: 1.1
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
body{color:#000;background:#FFFFFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,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,em,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{line-height:-1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

@font-face { font-family:Days; src: url('fonts/Days.eot'); }
@font-face { font-family:Days; src: url('fonts/Days.otf'); }

html {
margin:0px;
padding:0px;
}

body {
background: #fcfcfc url('images/back.jpg') top center no-repeat;
color:#162f66; /*old:#0068a6;*/
font-size:14px;
font-family: Trebuchet MS;
}

h1 {
padding: 0px 0px 15px 0px;
font-size:30px;
font-weight: bold;
color:#162f66; /*old:#0068a6;*/
font-family:"Days";	
}

h2 {
padding: 0px 0px 10px 0px;
font-size:23px;
color:#162f66; /*old:#0068a6;*/
font-weight: bold;
font-family:"Days";
}

h2 a {
padding: 0px 0px 10px 0px;
font-size:23px;
color:#162f66; /*old:#0068a6;*/
font-weight: bold;
font-family:"Days";
}

h2 a:hover {
color: #009bc4;
}

h3 {
padding: 0px 0px 10px 0px;
color:#162f66; /*old:#0068a6;*/
font-weight: bold;
font-size:18px;
clear:both;
font-family:"Days";
}

h4 {
padding: 0px 0px 10px 0px;
color:#162f66; /*old:#0068a6;*/
font-weight: bold;
font-size:18px;

font-family:"Days";
}

a {
text-decoration:none;
color:#009BC4;
}

a:hover {
color: #009bc4;
}

p {
color:#50595b;
line-height:21px;
padding: 0px 0px 10px 0px;
}

li {
color:#50595b;
line-height:21px;
padding: 0px 0px 10px 0px;
}

.mainwrap {
width:960px;
position:relative;
margin:0 auto;
background:#ffffff;
}

#container {
position:relative;
width:940px;
margin-left:10px;	
}

#header {
height:90px;
width:940px;
}

#logo {
float:right;
width:350px;
margin-top:7px;
}

/*
#logo img {
width:710px;
}
*/

#maintitle
{
	float:left;
	height:70px;
	width:350px;	
}

#maintitle h2
{
	margin-top:80px;
	margin-left:10px;
        color:white;
        font-size:17px;
        letter-spacing:1px;
}

#quote {
float:right;	
}

#quote a.quotebutton {
width: 220px;
height: 85px;
background-image:url('images/quote-button.jpg');
background-repeat:no-repeat;
cursor:pointer;
float:left;
margin-top:3px;
margin-left:5px;
}

#quote a.quotebutton:hover {
background-image:url('images/quote-button-hover.jpg');
background-repeat:no-repeat;
}

/* =Menu
-------------------------------------------------------------- */

.menu2 {
clear:both;
float:left;
background-image: url('images/backnav.jpg');
background-repeat:repeat-x;
width:940px;
height:28px;
z-index:2;
display: inline;
margin: 1px 0px 0px 0px;
}

#access {
display: inline;
display: block;
float: left;
text-transform:uppercase;
z-index:999;
position:relative;/* importante para que aparezca completo el submenu*/
display:inline;/* importante para que aparezca completo el submenu*/
margin-left:-12px;
}

#access .menu-header,div.menu {
font-size: 13px;
margin-left: 12px;
float: left;
}

#access .menu-header ul,
div.menu ul {
list-style: none;
margin: 0;
}

#access .menu-header li, div.menu li {
float: left;
position: relative;
}

#access a {
color: #fff;
display: block;
line-height: 29px;
padding: 0 18px;	
text-decoration: none;
font-family:"Days";
font-weight:normal;

}
#access ul ul {
box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
display: none;
position: absolute;
top: 28px;
left: 0;
float: left;
width: 200px;
z-index: 999;
}

#access ul ul li {
min-width: 200px;
background: #e11d1e; /* old:#c50045;	*/
}

#access ul ul ul {
left: 100%;
top: 0;
}

#access ul ul a {
line-height: 1em;
padding: 3px 10px;
width: 190px;
height: auto;
}
#access li:hover > a,
#access ul ul :hover > a {
background-repeat:repeat-x;
/*color:#009bc4;*/
color:#000;
}
#access ul li:hover > ul {
display: block;
}
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
/*color:#009bc4;*/
color:#000;
}

* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
/*color:#009bc4;*/
color:#000;
}

ul#subnav li.current_page_item ul li a {
list-style: none outside none;
padding-left:10px;
text-transform:none;
text-decoration: none;
color:#009bc4;
}

ul#subnav li.current_page_item ul li a:hover {
list-style: none outside none;
padding-left:10px;
text-transform:capitalize;
text-decoration: none;
color:#009bc4;
}


ul#subnav li.current_page_item a {
color:#009bc4;
}

ul#subnav3 li.current_page_item ul li a {
list-style: none outside none;
padding-left:10px;
text-transform:none;
text-decoration: none;
color:#009bc4;
}

ul#subnav3 li.current_page_item ul li a:hover {
list-style: none outside none;
padding-left:10px;
text-transform:none;
text-decoration: none;
color:#009bc4;
}


ul#subnav3 li.current_page_item a {
color:#009bc4;
}

/* =Navigation
-------------------------------------------------------------- */

.navigation {
color: #888;
font-size: 12px;
line-height: 18px;
overflow: hidden;
font-family:"Days";
}
.navigation a:link,
.navigation a:visited {
color: #888;
text-decoration: none;
}

.navigation a:active,
.navigation a:hover {
color: #ff4b33;
}
.nav-previous {
float: left;
width: 50%;
}
.nav-next {
float: right;
text-align: right;
width: 50%;
}
#nav-above {
margin: 0 0 18px 0;
}
#nav-above {
display: none;
}
.paged #nav-above,
.single #nav-above {
display: block;
}
#nav-below {
margin: -18px 0 0 0;
}
/**************************************/

/****** Banner ****************/
#mainpic1 {
clear:both;
margin:0 auto;
z-index:1;
}

#mainpic {
margin:0 auto;
width:941px;
height:297px;
}


#mainpic, #mainpic ul, #mainpic li {
position: relative;
overflow: hidden;
width: 941px;
height: 297px;
z-index: 0;
}

#main li.show {
z-index: 20;
}

.banner-text {
position: absolute;
top: 20px;
right: 0px;
background: url(images/slider-text-bg.png) repeat top left;
padding: 0px;
color: #fff;	
}

.banner-text h2 {
color:#fff;
font-size:23px;
padding-left:13px;
padding-right:13px;
padding-top:13px;
padding-bottom:13px;
}

/********************************/

#contentpageswrap {
clear:both;
width:940px;
z-index:1;
float:left;
margin:0 auto;
background-image:url('images/backtext.jpg');
background-repeat:repeat-x;
line-height:21px;
}

#contentpageswrap .minheight {
min-height:280px;
}

#contentpageswrap .minheight2 {
min-height:380px;
}

#leftside {
float:left;
width:680px;
z-index:1;
border-right:1px solid #bdbec0;
padding-right:20px;
min-height:450px;
}

#rightside {
z-index:1;
float:left;
margin-left:0px;
margin-top:10px;
width:215px;
}

/*to display only children of current page*/

ul.children { 
display: none; 
}

.current_page_item ul.children, .current_page_ancestor ul.children, .current_page_parent ul.children { 
display: block; 
}

ul#subnav li.current_page_item ul.children li a, ul#subnav3 li.current_page_item ul.children li a {
color:#50595B;
}

/****************************/

.builders-nav ul#subnav li.current_page_item ul.children li a {
display:none;
}

div.line {
border-top: 1px solid #BDBEC0;
margin-top:25px;
height:2px;
}

div.builders-nav {
margin-top:26px;
}

div.builders-nav2 {
margin-top:-15px;
}

#toppicture {
margin-left:10px;
}

#middle {
position:relative;
margin-top:0px;
}

.mid {
clear:both;	
position:relative;
height:1px;
width:960px;
}

#contentboxes {
clear:both;
width:940px;		
}

#column, #column2 {
float:left;
width:312px;
height:160px;
}

#column {
background-image:url('images/1.jpg');
background-repeat:no-repeat;
}

#column2 {
margin: 0px 2px;
background-image:url('images/2.jpg');
background-repeat:no-repeat;
}

#column3 {
float:left;
width:312px;
height:160px;
background-image:url('images/3.jpg');
background-repeat:no-repeat;
}

h2 a.homeowners {
display: block;
width: 312px;
padding: 130px 0px 0px 20px;
color:#fff;
font-size:18px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;	
}

h2 a.homeowners:hover {
color: #009bc4;
}

#contenthome {
float:left;
clear:both;
width:940px;
background-image:url('images/backtext.jpg');
background-repeat:repeat-x;
line-height:21px;
letter-spacing:-.3px;
}

.contentTexthome {
float:left;
width:655px;	
margin-left:15px;
margin-top:22px;	
padding-right:20px;
}

#contentTextHomeFooter li {
float:left;
padding:0 9px;	
}

/********** Likebox Border Removal ***********/

#likebox-frame{
 border:2px solid #F0F9F4;
 z-index:10;
 overflow: hidden;
 position:relative;
 top:-1px;
 left:-2px;
}
#likebox-frame iframe{
  left:-5px;
  overflow:hidden;
  position:relative;
  top:-1px;
}

.contactLabel {
width:75px;
display:inline-block;
font-family:"Days", Arial, Helvetica, sans-serif;
font-size:15px;
color: #cd1041;	
}

.contactValue, .contactValue a  {
font-family:"Days", Arial, Helvetica, sans-serif;
font-size:15px;
color:#e11d1e;	
}

.contactLabel2 {
width:70px;
display:inline-block;
font-family:"Days", Arial, Helvetica, sans-serif;
font-size:13px;
color: #cd1041;	
}

.contactValue2 {
font-family:"Days", Arial, Helvetica, sans-serif;
font-size:13px;
color:#6c6c6c;	
}

.contentText {
float:left;
width:675px;	
margin-left:15px;
margin-top:5px;
}

#contentpages ul li {
padding-bottom:4px;
list-style:disc;
list-style-position:outside;
margin-left:40px;
padding-right:20px;
}

#contentpages ul{
padding-bottom:10px;
}

.contentTexthome ol li, .contentText ol li {
padding-bottom:8px;
}

#contentpages img, #contentpages-builders img {
border:solid 2px #b8b8b8;
margin-top:10px;
margin-right:8px;
margin-bottom:13px;
}

#contentpages img.alignpic, #contentpages-dropzone img.alignpic, #contentpages-builders img.alignpic {
vertical-align:middle;
border:none;
margin-left:5px;
}

#recent-posts {
padding: 10px 0px;
}

#recent-posts h3 {
padding: 0px 0px;
}

.rightcolhome {
float:left;
width:209px;
padding: 0px 0px 0px 20px;
margin-top:22px;
font-size:14px;
color: #1e2734;
border-left: 1px solid #ccc;
}

.rightcolhome h3 {
padding: 0px 0px 12px 0px; 
font-size:21px;
}

.rightcolhome p{
color: #1e2734; 
}

.rightcolpage {
float:left;
width:210px;
padding: 0px 0px 0px 20px;
margin-top:22px;
font-size:14px;
color: #1e2734;
}

.navright {
margin: 10px 0px 30px 20px;
}

.navright h2, .navright h2 a, .navright a {
color:#162f66; /*old:#0068a6;*/
}

.navright h2 a:hover, .navright a:hover {
color: #009BC4;
}

.divider {
clear:both;
position:relative;
height:1px;
border-bottom:1px #afb0b2 solid;
width:645px;
margin-bottom:10px;
}

.empty {
clear:both;
position:relative;
height:15px;
}

.emptydiv {
clear:both;
position:relative;
height:10px;
}

#footer {
clear:both;
height:55px;
width:940px;
font-size:11px;
color:#495256;
border-top:1px #afb0b2 solid;
}

#footerImages {
	width:940px;	
}

#footerImages img {
	margin:10px 0;
}

.footer-contact {
padding: 15px 0px 10px 0px;
font-size: 24px;
font-weight: bold;
color: #27292a;
text-align: right;
}

img.members {
float: left;
margin-top: -10px;
}

.footer-contact p {
color: #27292a;
}

span.move-left {
margin: 0px 0px 0px 60px;
} 

.footL {
float:right;
}


.copy a {
color:#495256;
text-decoration:none;
}


.tablesuppliers
{
width:625px;

}
.wp-table-reloaded td
{
font-size:14px;
background:transparent;
}

.staff
{
width:615px;
}

/************** TABLE RELODED ***************/
#contentpages td img
{
vertical-align:middle;
margin-top:0px;
margin-left:65px;
margin-right:0px;

margin-bottom:10px;
}
.wp-table-reloaded
{
background:none;
}

.wp-table-reloaded wp-table-reloaded-id-3
{
background-color:transparent;
}

.tablesdropzone
{
width:650px;
}

#contentpages-dropzone td.column-1, #contentpages-dropzone td.column-2 {
width:295px;
padding:15px;
border:1px solid #D2D2D2;
}

.right {
text-align:right;
}

#contentpages-dropzone td img
{
vertical-align:middle;	
margin-top:15px;
border:1px solid #D2D2D2;
margin-bottom:15px;
text-align:center;
margin-left:80px;

}

/******************************************/
/***********gallery************************/

#contentpages .thegallery img
{
margin-right:0px;
}

/*****************************************/

.manualsgridinside {
float:left;
width:295px;
border:2px solid #666666;
height:300px;
padding:15px;
color:#3D3D3D;
background-color:#F0F0F6;
}

#manualgrid2 .manualsgridinside {
float:left;
width:295px;
border:2px solid #666666;
height:315px;
padding:15px;
color:#3D3D3D;
background-color:#F0F0F6;
}

.manualsgridinside p
{
margin-top:0px;
margin-bottom:0px;
float:left;
color:#3D3D3D;
padding-right:0px;
}

.manualsgridinside p.alignright {
float: right;

}

.manualsgridinside p.alignright
{
clear:both;	
}


.manualsgridinside .alignright1 {
float: right;
margin-bottom:10px;
clear:both;	
}



.manualsgridinside img
{
float: right;
border:solid 1px #b8b8b8;
margin-top:10px;
}

div.typeref div.alignleft
{
width:135px;
}


.clear
{
clear:both;
}

.col1 {
float:left;
margin-right:1px;
}

.col2 {
float:left;
width:249px;
}

.typegrid {
float:left;
width:295px;
}

.manualsgridinside .pexcerpt {
float:left;
margin-top:10px;
width:295px;
height:70px;
}

.typeref{
width:135px;
float:left;
}

.alignleft {
float:left;
}

.center {
text-align:center;
}

.wp-caption-text {
text-align:center;
color:#50595b;
padding-bottom:13px;
}

.alignright {
float:right;
margin: 0px 0px 0px 7px;
}

.alignleft {
float: left;
margin: 0px 7px 0px 0px;
}

.bigger
{
    font-size:16px;
}

.lyv
{
position: absolute;
top: 54px;
left: 786px;
}

#wp-table-reloaded-id-2-no-1_wrapper, #wp-table-reloaded-id-3-no-1_wrapper {
width: 62%;
}

.wp-table-reloaded th, .wp-table-reloaded td {
text-align: center;
font-size: 14px;
}

.wp-table-reloaded th {
font-weight: bold;
}

.v-thumbnail {
width: 280px;
float: left;
}

.v-title {
/*font-weight: bold;
font-size: x-large;*/
padding-top: 6px;
}

.v-title h3{
clear: none;
}

.v-content li {
margin-left:315px !important;
}

.v-content {
margin-bottom: 20px;
}

.contentTexthome {
margin-bottom: 15px;
}

.entry-content {
clear: both;
}

sup {
vertical-align: top;
}