/* ========================================
    
    File: preview.css
    Site: preview.com
    Author: Rob Dove (preview.co.uk)
    Copyright: 2009 preview.co.uk
 
   ======================================== */

    @import url("reset.css");
    
/* Guidelines
        font-sizes
            12pt = 1em
            14pt = 1.4em
            16pt = 1.34em
            18pt = 1.5em
            47pt = 4em;
            86pt = 7.2em
            
        colours
            main = #666666
            pink = #CC0066
            blue = #009DDD
            dark grey = #999999
            light grey = #CCCCCC
*/
    

/* ----------------------------------------
    1. Body
   ---------------------------------------- */

    /* The font-size percentage is of 16px. (0.75 * 16px = 12px) */
    
    html {
		margin-left: -1px;
		overflow-Y: scroll;
	}
     
    body {
        background: #F0EEEA url(images/body_bg.png) top center repeat-y;
        font-family:  Arial, Verdana, Helvetica, sans-serif;
        font-size: 80%;
        color:#666666;
    }

/* ----------------------------------------
    2. Type
   ---------------------------------------- */
    
    p, ul li, ol li, form, h2, h3 {line-height:1.2em;}

    h1 { font-size:3em; font-weight:bold; color:#543F95; margin-bottom:0.3em; }     
    h2 { font-size:1.7em; color:#543F95; font-weight:bold;margin-bottom:0.6em; }    
    h3 { font-size:1.2em; color:#666666; font-weight:bold; margin-bottom:0.2em;}
    h4 { font-size:1em;font-weight:bold;}
	
	#testimonial h2 {
		font-size:1.2em;
	}

    
    #pageheading h2, .partner_heading h2 {
        display:block;
        background:#543F95;
        line-height:1.2em;
        padding:8px 20px;
        color:#ffffff;
        margin:0;
    }
    .partner_heading h2 {
        font-size:1.2em;
        color:#ffffff;
        width:150px;
        padding:0 20px;
        line-height:1.8em;
    }
    .partner_heading a, .partner_heading a:hover {
        color:#ffffff;
    }
        
    p, #rightCol ul { margin:0.2em 0 1em 0;}
	#rightCol ul {margin-top:0;}
    
    #rightCol ul {
        margin-left:1.5em;
    }
    
    a { color:#53AC53; }
    a:hover { color:#543F95; }
    
    #leftCol img {
        display:block;
        margin:0 auto;
    }
    
    #footer p {
        float:right;
        color:#999999;
        font-weight:bold;
        text-align:right;
    }


/* ----------------------------------------
    3. Classes
   ---------------------------------------- */

    .clearall { clear:both;}
    .floatright { float:right !important;}
    .floatleft { float:left; }
    .alignright { text-align:right;}
    .invisible {position:absolute; left:-9999px; top:-9999px;}
    
    .sml { font-size:0.8em; margin:0 0.1em;}
    .green { color:#53AC53;}
    
    .col3 {
        width:32%;
        display:inline-block;
        vertical-align:top;
    }
    
/* ----------------------------------------
    4. Layout
   ---------------------------------------- */
    
    #wrapper {
        width:945px;
        margin:0 auto;
    }
    
    #leftCol {
        width:288px;
        float:left;
        padding-top:20px;
    }
        #navigation {
            padding-top:30px;
        }
        #flower {
            width:270px;
            margin:0 auto;
            margin-top:30px;
            text-align:left;
        }
        #flower img {
            display:inline;
        }
		#testimonial {
			margin:30px;
		}
    #rightCol {
        width:636px;
        float:right;
        padding-top:60px;
    }
        #pageimage, .partner_block {
            position:relative;
            margin-bottom:10px;
        }
        .partner_block {
            width:48%;
            float:left;
            margin-bottom:20px;
        }
        #partner_last {
            vertical-align:top;
        }
        .even {
            float:right;
        }
        #pageheading, .partner_heading {
            position:absolute;
            bottom:10px;
            left:-9px;
            background:url(images/heading_corner.gif) no-repeat left bottom;
            padding-bottom:9px;
        }
        
        #footer {
            border-top:1px solid #cccccc;
            font-size:0.8em;
            padding:10px 0;
            margin-top:20px;
        }


/* ----------------------------------------
    5. Navigation
   ---------------------------------------- */

    #navigation ul {
        list-style:none;
    }
    
    #navigation ul li, #navigation ul li ul li.first{
        background:url(images/nav_bg2.gif) no-repeat top;
    }

    #navigation ul li a {
        width:80%;
        display:block;
        margin:0 auto;
        font-size:1.1em;
        line-height:34px;
        padding:3px 0 0 4%;
        font-weight:bold;
    }
    #navigation ul li.first {
        background:0;
    }
    #navigation ul li a:hover, #navigation ul li a.current {
        color:#E8E8E3;
    }
    
    #navigation ul li ul {
        width:270px;
        margin:0 auto;
        background-color:#E6EFEB;
    }
    #navigation ul li ul li {
        width:85%;
        margin:0 auto;
    }
 
    li.selectedLava a {
        color:#543F95;
    }
     #navigation ul li ul li a {
        font-size:1em;
        padding-left:0;
        width:100%;
        font-weight:bold;
        line-height:28px;
        color:#53AC53;
    }
    #navigation ul li ul li a:hover, #navigation ul li ul li a.current {
        color:#543F95;
    }
    
    
    
    
    /* Demo 1 - Spaceship returnHome Demo */
    #lavaLampBasicImage {
        position: relative;
        width: 100%;
    }
    #lavaLampBasicImage li.backLava {
        background: url(images/nav_over.png) no-repeat top;
        height: 45px;
        z-index: 8;
        position: absolute;
        
    }
    #lavaLampBasicImage li.backLava .leftLava {
        background: url(images/nav_over.png) no-repeat top left;
        height: 45px;
    }
    #lavaLampBasicImage li a {
        z-index: 10;
        position: relative;       
    }


    #footer ul {
        float:left;
        margin:0;
    }
    #footer ul li {
        list-style:none;
        display:inline;
    }
    #footer ul li a {
        border-right:1px solid #53AC53;
        padding:0 4px;
        margin-left:-2px;
        font-weight:bold;
    }
    #footer ul li a.last {
        border-right:0;
    }
    
   


/* ----------------------------------------
    6. Forms
   ---------------------------------------- */
    
    FORM .formrow {
        clear:both;
        margin:4px 0;
    }
    FORM input {
        width:30%;
        margin:0 1% 0 0;
    }
    FORM label {
        width:13%;
        display:inline-block;
        margin-left:2%;
        vertical-align:top;
    }
    FORM textarea {
        width:78%;
    }
    FORM input.submit {
        width:auto;
        margin-left:16%;
    }
     label.error{
        color:#ff0000;
        font-size:0.8em;
        left:-99999px;
        position:absolute;
    }
    h3.error {
        font-size:1em;
    }
    input.error, textarea.error {
        border:2px solid #ff0000;
        background:#fafafa;
    }

/* ----------------------------------------
    7. Other
   ---------------------------------------- */