/* ========================================
    File: style.css
    Site: Carrrolls
    Author: Rob Dove (preview.co.uk)
    Copyright: 2008 Carrolls
   ======================================== */

    @import url("reset.css");

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

    /* The font-size percentage is of 16px. (0.75 * 16px = 12px) */

    body { 
        font-size: 63%;
        background:url('../images/sitebg.jpg') repeat-x top #9A866F fixed;
        font-family:Verdana, Arial;
        margin:20px 0;
        color:#555555;}
    
    
/* ----------------------------------------
    2. Standard Type
   ---------------------------------------- */

    h1,h2,h3,h4,h5,h6 { font-weight: normal;  }
    
    h1 { font-size: 2em; color:#993300; margin-bottom:0.4em; }
    h2 { font-size: 1.4em; color:#993300; margin-bottom:0.6em; font-weight:bold; }
    h3 { font-size: 1.4em;  }
    h4 { font-size: 1.2em; }
    
    p  { line-height:1.6em; margin-bottom:0.6em;}
    p.large { font-size: 1.2em; }
    
    a  { color:#555555; text-decoration:underline;}
    a.invisible { text-decoration:none;}
    a:hover { color:#9A866F;}
    #footer a:hover { color:#E6DDD3;}
    
    
/* ----------------------------------------
    3. Classes
   ---------------------------------------- */

    .clear  { clear:both; }
    .hidden { position:absolute; left:-9999px; }


/* ----------------------------------------
    4. Main
   ---------------------------------------- */

    #wrapper {
	height: 370px;
        width: 5340px; }	
    #header {
        position:fixed;
        top:20px;
        left:40px;
        width:915px;}
    
    #logo {
        float:left;
        margin-top:4px;}


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

    #nav {
        float:right; }
    
    #nav ul li {
        text-align:right;}
    
    #nav ul li a{
        font-size:1.4em;
        color:#FFFFFF;}

    #nav ul li a:hover, #nav ul li a.current {
        color:#993300; }
    
    
/* ----------------------------------------
    6. Main body
   ---------------------------------------- */

    .content_image {
        position:absolute;
        z-index:0;
        margin-top:80px;
        left:40px;
        height: 420px;
        width: 5200px;
    }
    .content_image div {
         margin-right:10px;
        display:inline;
        float:left;
    }
    .content_image div img {
        background:url('../images/wall/imagebg.png') no-repeat right bottom;
        padding:0 8px 8px 0;
    }
    .content_image div.group img {
        margin-right:0;
    }
    .content_image div.group img.top {
        margin-bottom:4px;
    }
    .content_image div.group img.top2 {
        margin-bottom:14px;
    }
  
    .content_page {
	width: 1100px;
	padding: 0;
	float: left;
        height:470px;
        position:relative;
        margin-top:80px;
        z-index:20;}
    
    .content {
        position: absolute;
        bottom: 0;
        left:90px;}

      
    .largebox {
        background:url('../images/largebox_bg.png') no-repeat bottom center;
        width:462px;
        position: absolute;
        bottom: 0;
        left:350px; }
        
    .largebox_content {
        width:394px;
        padding:20px;
        margin:0 auto;
        background-color:#E6DDD3; }
        
    .smallbox {
        background:url('../images/smallbox_bg.png') no-repeat bottom center;
        width:342px;
        position: absolute;
        bottom: 0;
    }
    .smallbox_content {
        width:286px;
        padding:20px;
        margin:0 auto;
        background-color:#E6DDD3;
    }
    #workshop_page .smallbox {
        background:url('../images/smallboxwk_bg.png') no-repeat bottom center;
        width:295px;
        left:175px;
    }
    #workshop_page .smallbox_content {
        width:237px;
    }
    #collection_page .largebox {
        background:url('../images/largeboxcl_bg.png') no-repeat bottom center;
        width:496px;
        left:0;
    }
    #collection_page .largebox_content {
        width:430px;
    }
    
    #contact_page .largebox { left:0px; }
    #contact_page .smallbox { left:500px; }

    #home_page.content_page { width:1200px;}
    #workshop_page.content_page {width:1255px;}
    #collection_page.content_page {width:1204px;}
    #contact_page.content_page {width:960px;}
    
    
/* ----------------------------------------
    7. Forms
   ---------------------------------------- */

    FORM#contactform {
        margin:10px 0;
    }

    FORM div.formrow {
	clear:both;
	margin-bottom:4px;
    }
    
    FORM label, FORM span.formlabel {
	width:8em;
	float:left;
	display:block;
	margin-right:0.5em;
    }
    FORM input, FORM textarea {
        background:none;
        border:#9A866F 1px solid;
        overflow:auto;
    }
    FORM input.submit {
       font-weight:bold;
       font-size:1em;
    }


/* ----------------------------------------
    8. Footer
   ---------------------------------------- */

    #footer {
        position:relative;
        top:465px;
        left:10px;}