/*
  Running MySource Matrix
  Developed by Squiz - http://www.squiz.net
  MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 14 September 2009 22:07:01
*/


/* CSS Document */

/* basic body styling */
body {
    background-color:#ddc;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:100%;
    color:#000;
}

/* remove default image border in some browsers */
img {
    border:0px;
}

/* content area - implicit centering through % left margin and % width */
#content {
    position:absolute;
    top:25px;
    left:5%;
    width:90%;
    background-color:#fff;
    border-bottom:10px solid #89a;
    margin-bottom:25px;
}

/* banner area - background image allows for expansion if user resizes text; see .navbutton a */
#banner {
    position:relative;
    background:#c30 url('http://www.johnlaidlawandson.co.uk/__data/assets/image/0010/1018/jl_logo.gif') top right no-repeat; 
}


/* main navigation area - sized to take four 20px button elements plus a 50px tall logo */
#nav {
    position:relative;
    width:300px;
    height:120px;
    
}

/* various classes to define background faded image */
.home {
background:#89A url('http://www.johnlaidlawandson.co.uk/__data/assets/image/0008/1016/faded_image.gif') left no-repeat;
}

.aboutus {
background:#89A url('http://www.johnlaidlawandson.co.uk/__data/assets/image/0006/1014/about_us_image.gif') left no-repeat;
}

.work {
background:#89A url('http://www.johnlaidlawandson.co.uk/__data/assets/image/0003/1020/work_image.gif') left no-repeat;
}

.contact {
background:#89A url('http://www.johnlaidlawandson.co.uk/__data/assets/image/0007/1015/contact_image.gif') left no-repeat;
}

.gallery {
background:#89A url('http://www.johnlaidlawandson.co.uk/__data/assets/image/0009/1017/gallery_image.gif') left no-repeat;
}

.new {
background:#89A url('http://www.johnlaidlawandson.co.uk/__data/assets/image/0011/1019/new_image.gif') left no-repeat;
}


/* navigation button - height determined by .navbutton a below */
.navbutton {
    background:#89A;
    border-bottom:1px solid #fff;
    vertical-align:middle;
    width:150px;
}

/* navigation button link
    24px line-height, 1px border creates 25px tall button
    explicit line-height value makes .navbutton vertical-align attribute work correctly
    also ensures as text resizes, so too do .navbutton, #nav and #banner
    display:block makes link full width of containing element instead of length of link text
*/
.navbutton a {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size:65%;
    display:block;
    line-height:19px;
    padding-left:10px;
    color:#fff;
    text-decoration:none;
}

/* navigation button link hover */
.navbutton a:hover {
    text-decoration:none;
    color: #fff;
    background-color:#666;
}

/* navigation button selected */
.selected {
    background-color:#666;
}

/* subnavigation area */
#subnav {
    font-size:65%;
    color:#930;
    float:left;
    margin:10px 0px 0px 10px;
/* for browsers that get the box model right */    
    width:120px;
    line-height:150%;}
/* for ie win */
html #subnav {    
  width: 110px;
/* and again, for browsers that get the box model right */
  width: 120px;
}

/* remove indents from subnav elements */ 
#subnav ul {
    margin-left:0px;
    padding-left:0px;
}

/* remove bullets from subnav elements */
#subnav li {
    list-style-type:none;
    padding-bottom: 5px;
}

/* subnav section heading */
.section {
    color:#000;
    font-weight:bold;
    border-top:1px solid #ddc;
    padding-top:5px;
    margin-top:20px;
}

/* subnav links heading */
.links {
    color:#999;
    font-weight:bold;
    border-top:1px solid #ddc;
    padding-top:5px;
    margin-top:20px;
}

/* link and breadcrumb styles */    
a, .breadcrumb {
    color:#930;
    text-decoration:none;
}

/* link hover styles */
a:hover {
    color:#000;
    text-decoration:underline;
}

/* bodytext */
#contentarea {
    margin-left:150px;
    margin-top:25px;
    margin-right:30px;
    font-size: 65%;
    line-height:150%;
}

/* h1 style */
h1 { font-size: 250%;
        line-height: 110%;
}

.greyh1 {
    color: #89A;
}

h2 { font-size: 120%;
        line-height: 120%;
}

/* float an image to the right of the main text area */

#floatimage {
    float: right;
    padding-bottom: 10px;
    padding-left: 10px;
    color: #930;
    font-size: 90%;
}

/* footer */
#footer {
    color:#999;
    padding-bottom:20px;
}



/*gallery css */
#gallery_holder {
    padding-bopttom: 20px;
}

.floaty {float:left; 
margin: 0px auto 5px 10px; 
font-family: Georgia, "Times New Roman", Times, serif; font-size: 10px; padding: 0px 0px 10px 10px}

.spacer {clear:both;}
.gallery_large { float:left; margin: 0px 0px 0px 20px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 10px; padding: 0px 0px}