/*
Theme Name: Advanx Polyflek Seamless Flooring
Theme URI: http://advanxseamlessflooring.com.au
Description: 2011 theme
Version: 1.0
Author: Jylan Wynne & Jason Foss, Almost Anything Web and Graphic Design
Author URI: http://www.almostanything.com.au
*/

/*
 *
 * based on 960 12 col grid
 * columns 60px
 * column gaps 20px
 *
 */

/***************************************************************
 *
 * Let's play Tetris!
 *
 * (No 'styles' in here - block-level layout only)
 *
 ***************************************************************/

body {
    margin: 0;
    padding: 0;
    font-family: Helvetica, Arial, sans-serif;
    background: #fff;
    color: #000;
}

.outer {
    width: 100%;
    overflow:hidden;
}

.widthlimiter {
    width:660px;
    margin:0 auto;
    position:relative;
}

#header {
    background: #fff8f1 url(images/headerBg.jpg);
    height: 93px;
    position: relative;
    padding-top:60px;
    margin-bottom:70px;
    border-bottom:9px solid #de7c10;
}

#content {
    margin:0;
    width: 660px;
    float: left;
}

#footer {
    clear: both;
    width: 660px;
    margin:0 auto;
}

/***************************************************************
 *
 * Header
 *
 ***************************************************************/

#header h1 {
    margin: 0;
}

#header h1 a {
    color:#fff;
    background:transparent url(images/logo.png) no-repeat;
    border:none;
    display:block;
    text-indent:-9999px;
    width:300px;
    height:86px;
    margin-top:7px;
}

    #header h1 a:hover {
	padding-bottom:0;
    }

/* Skip links */
#skiplinks {
    position: absolute;
    left: -9999px;
}

/***************************************************************
 *
 * Main Content
 *
 ***************************************************************/

#content {
    font-family:"Lucida Grande", "Lucida Sans", Verdana, Helvetica, Arial, sans-serif;
    font-size:.85em;
    line-height:1.6em;
    color:#333;
}

    #content img.printlogo {
	   display:none;
    }

h1, h2, h3, h4, h5 {
    color: #de7c10;
    line-height: 1.2em;
    margin:20px 0 10px;
}

    body#page8 h1 {
	float:left;
    }

    body#page8 h2 {
	clear:left;
    }

.contentCTA {
    float:right;
    margin-top:20px;
    font-size:1.6em;
    line-height:1.6em;
}

    .parent-pageid-8 .contentCTA {
        font-size:1.3em;
        margin-top:18px;
    }

    /*.contentCTA*/.left {
        float:left;
    }

h1 a {
    text-decoration: none;
}

a {
    color: #de7c10;
    text-decoration:none;
    border-bottom:1px dotted #de7c10;
}
/*
    p.contentCTA a, .gform_footer input {
    	text-shadow:2px 2px 0 rgba(0,0,0,0.1);
    	display:block;
    	background:transparent url(images/ctaBg.png) center left no-repeat;
    	color:#fff;
    	padding:10px 15px 8px 30px;
    	font-weight:bold;
    	border:none;
    	-webkit-transition:all 250ms ease-in-out;
    	-moz-transition:all 250ms ease-in-out;
    	-o-transition:all 250ms ease-in-out;
        line-height:1.1em;
    }
*/
        .parent-pageid-8 p.contentCTA a {
            float:left;
            padding-left:15px;
            background-position:center center;
        }

	p.contentCTA a:hover, p.contentCTA a.current {
	    background-color:#003e7e;
	    padding-left:50px;
	    background-position:20px 50%;
	    text-shadow:1px 1px 0 rgba(0,0,0,0.3);
	}

        .parent-pageid-8 p.contentCTA a:hover, p.contentCTA a.current {
            padding-left:15px;
            background:#003e7e;
        }

a:hover {
    color: #003e7e;
    border-bottom:1px solid #003e7e;
    padding-bottom:2px;
}

ul.application {
    width:25%;
    padding:0 0 0 5%;
    float:left;
    margin-right:3.3%;
}

#content img {
    border:1px solid #aaa;
    padding:1px;
}

    #content img.minimalist {
        border:none;
        padding:0;
    }

/* the next 3 rules are for the way WP sets its image floats */

#content .alignleft {
    float:left;
    margin:0 1em 1em 0;
}

#content .alignright {
    float:right;
    margin:0 0 1em 1em;
}

#content .aligncenter {
    text-align:center;
    margin:0 auto;
}

body.home .ngg-galleryoverview {
    margin-bottom:-10px;
}

.ngg-galleryoverview .ngg-gallery-thumbnail {
    margin:0 8px 15px 0;
}

    .startrow {
        clear:left;
    }

        body.home .startrow {
            clear:none;
        }

    .ngg-galleryoverview br {
        display:none;
    }

    .endofrow .ngg-gallery-thumbnail {
	   margin-right:0;
    }

    body.home #content .ngg-gallery-thumbnail img:hover {
        background:none;
    }

    #content .ngg-gallery-thumbnail img {
	   margin-bottom:0;
    }

        body.home #content .ngg-gallery-thumbnail img {
            padding:0 2px;
            border:none;
        }

    #content .ngg-gallery-thumbnail span {
    	font-weight:bold;
    	font-size:.75em;
        line-height:1.4em;
        padding:5px 0 0;
        margin-left:5px;
        width:154px;
    }

        #content #size-selection span {
            font-size:1em;
            padding:5px 0 0;
        }

    .ngg-navigation a.page-numbers, .ngg-navigation a.next, .ngg-navigation a.prev, .ngg-navigation span.page-numbers, .ngg-navigation span.next, .ngg-navigation span.prev {
	   padding:2px 6px !important;
    }

    #content .ngg-navigation a.prev:hover,
#content .ngg-navigation a.page-numbers:hover, #content .ngg-navigation a.prev, #content .ngg-navigation a.next:hover, #content .ngg-navigation a.prev:hover {
    background:#003e7e;
    border-color:#003e7e;
}

/* These 2 will make image captions look a bit like polaroids */

.wp-caption {
    background:#ccc;
}

p.wp-caption-text {
    font-size:.8em;
    text-align:center;
    padding:0;
    margin:0;
}

/* Gravity Forms */
/*
.gform_wrapper ul, gform_wrapper li {
    list-style:none;
    margin:0;
    padding:0;
}

.gform_wrapper {
    float:left;
}

.gform_body, .gform_footer {
    float:left;
    clear:left;
    margin:0 0 1em;
}

.gform_wrapper input, .gform_wrapper textarea {
    margin:0;
    padding:5px;
    border:2px solid #ddd;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    width:194px;
}

    .gform_wrapper input:focus, .gform_wrapper textarea:focus {
	outline:0;
	border:2px solid #003e7e;
	color:#003e7e;
    }

    .gform_wrapper li#field_1_4 textarea {
	width:646px;
    }

    .gform_footer input {
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border:none;
	width:auto;
	padding:10px 15px 8px 25px;
	background-position:-3px 50%;
	font-size:1.6em;
	cursor:pointer;
    }

	.gform_footer input:focus {
	    border:none;
	    color:#fff;
	}

.gform_wrapper label {
    color:#003e7e;
    font-weight:bold;
    display:block;
    margin:0 0 .2em;
}

.gform_wrapper li {
    float:left;
    width:206px;
    margin-right:20px;
}

.gform_wrapper li#field_1_2 {
    margin-right:0;
}

.gform_wrapper li#field_1_4 {
    margin:1em 0 0;
    clear:left;
    margin-right:0;
}
*/
/***************************************************************
 *
 * Footer
 *
 ***************************************************************/

#footer {
    border-top:20px solid rgba(255,255,255,0.8);
    font-size:.9em;
    line-height:1.5em;
    text-align:center;
    color:#444;
}

#footer a:hover {
    padding-bottom:0;
}

#footer .vcard {
    clear: both;
    padding:25px 0 10px;
    border-top:10px solid #003e7e;
    background:#fff;
    overflow:hidden;
}

.footernav {
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
    font-weight: bold;
}

.footernav ul {
    margin: 0;
    padding: 0 0 0 2em;
}

.footernav li {
    width:150px;
    float: left;
    text-align:left;
    margin: 0 2em 0 0;
}

.footernav li li {
    font-weight: normal;
}

.rssfeed {
    display: none;
}

/***************************************************************
 *
 * Navigation
 *
 * Ahhh, the fun part. If you get stuck, ask Jeff Vader. I'm his brother.
 * http://www.youtube.com/watch?v=7tUNNM-Hyu8
 *
 ***************************************************************/
/*** ESSENTIAL STYLES ***/
/* don't change these guys too much - unless you've got a really good reason! */
.nav, .nav li {margin:0;padding:0;list-style:none;float:left;}
.nav li {position:relative;}

/*** NAVIGATION SKIN ***/
/* customise this as much as you like... */

#menu {
    clear:left;
    background: transparent url(images/menuBg.png) no-repeat;
    height: 50px;
    line-height:50px;
    padding-left:0;
    border-top:9px solid #de7c10;
}

.nav a {
    color: #fff0e2;
    font-size:1.2em;
    padding:0 15px;
    border:none;
    display:block;
    text-shadow:2px 2px 0 rgba(0,0,0,0.1);
}

    .nav li.page-item-5 a {
	padding-left:35px;
    }

.nav a:focus, .nav a:hover, .nav a:active, .nav li.current_page_item a {
    color: #fff;
    border-bottom:none;
    padding-bottom:0;
}

.nav li.current_page_item a, .nav li.current_page_ancestor a {
    font-weight:bold;
    border-top:9px solid #f2b886;
    text-shadow:2px 2px 0 rgba(0,0,0,0.2);
    margin-top:-9px;
    background:rgba(255,255,255,0.1);
    background-image: -moz-linear-gradient(top, rgba(255,255,255,0.1), rgba(255,255,255,0.05) 100.0%);
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.1), rgba(255,255,255,0.05) 100.0%);
    background-image: -o-linear-gradient(top, rgba(255,255,255,0.1), rgba(255,255,255,0.05) 100.0%);
    background-image: -ms-linear-gradient(top, rgba(255,255,255,0.1), rgba(255,255,255,0.05) 100.0%);
    background-image: linear-gradient(top, rgba(255,255,255,0.1), rgba(255,255,255,0.05) 100.0%);
}

/***************************************************************
 *
 * News and/or blog
 *
 ***************************************************************/
.postdate, .postmetadata {
	font-size:0.8em;
	font-style:italic;
}

/* If commenting is turned on, these are a start
 *  Prefix defs with .single-post to make sure they don't bleed into other things

.single-post #comments ol, single-post #comments li {
    list-style: none;
    padding: 0;
    margin: 0;
}

.single-post .highlighted {
    background: #ccc;
}

.single-post .comment {
    border-bottom: 1px solid #999;
}

.single-post blockquote {
    margin: 0 60px;
}

.single-post blockquote blockquote {
    background: #999;
    margin: 0 20px;
    padding: 5px 20px;
}

#commentform textarea {
    width: 75%;
}

img.avatar {
    float: left;
}

*/

/***************************************************************
 *
 * Homepage
 *
 ***************************************************************/

.cta {
    width: 330px;
    float: left;
    margin:15px 0;
    font-size:1.5em;
    text-align: right;
}

    #cta1 {
	width:372px;
	margin-right:-62px;
    }

	#cta1 a {
	    background-position:-130px -100px;
	    padding-right:45px;
	}

    .cta p {
	margin:0;
    }

    .cta a {
    	border:none;
    	color:#fff;
    	display:block;
    	background:transparent url(images/homeCtaBg.png) no-repeat;
    	padding:20px 23px 0 0;
    	height: 60px;
    	-webkit-transition:all 150ms ease-in-out;
    }

	#cta1 a, #cta2 a:hover {
	    color:#de7c10;
	    text-shadow:1px 1px 0 rgba(0,0,0,0.3);
	}

	    #cta1 a:hover {
		  background:transparent url(images/homeCtaBg.png) -133px 0 no-repeat;
	    }

	#cta2 a, #cta1 a:hover {
	    color:#003e7e;
	    text-shadow:1px 1px 0 rgba(255,255,255,0.3);
	}

	    #cta2 a:hover {
		background:transparent url(images/homeCtaBg.png) 0 -94px no-repeat;
	    }

#cta2, #cta3 {
    margin-left:20px;
}