@charset "utf-8";
/* CSS Document */

/*-----------------------------------------------------------------------------
[] Screen Stylesheet

version:   1.0
date:      4/11/09
author:    Sam Davies
email:     sam@scrimshaw-comm.co.uk
website:   www.scrimshaw-comm.co.uk
-----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------
Colour Palette

Light yellow #fbf6c4
white 
-----------------------------------------------------------------------------*/

/* Universal Resets
-----------------------------------------------------------------------------*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td, img {
	vertical-align: baseline;
	font-weight: inherit;
	font-family:Verdana, Geneva, sans-serif;
	font-style: inherit;
	font-size: 62.5%;
	border: 0 none;
	outline: 0;
	padding: 0;
	margin: 0;
}
/* universal elements
-----------------------------------------------------------------------------*/

a:link, a:visited { 
	text-decoration:underline;
	color:#efebe0;

}
a:hover, a:active {
	text-decoration:none;
	color:#fff;
}
ul {
	list-style: none;
	list-style-type: none;
	list-style-image: none;
}
li {

	text-decoration:none;



}
.clear {
	clear:both;
}

.right {
	float: right;
}
.left {
	float: left;
}

body {
	background:url(../images/body1.jpg) repeat top left;
}
/* Typeography
-----------------------------------------------------------------------------*/
p {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 5em;
	line-height: 1.3em;
	color:#FFF;
	margin-bottom: 10px;
}
h1 {
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	font-size: 8em;
	color:#fbf6c4;
	margin-bottom: 14px 0 14px 0;
}
h2 {
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	color:#fbf6c4;
	font-size: 7em;
	margin: 20px 0 10px 0;
}
h3 {

}


/* Container etc
-----------------------------------------------------------------------------*/
#container {
	width: 880px;
	margin: 0 auto;

	
}
/* Header
-----------------------------------------------------------------------------*/
#headerrCont {
	width: 100%;
}

#header {

	height: 100px;
	width: 880px;
	margin: 0 auto;
	padding: 35px 0 0 0;
	background:url(../images/header.jpg);}
	
.nav {
	margin: 10px 0 0 10px;
	float: left;}


/* Navigation
-----------------------------------------------------------------------------*/
.nav {
   list-style: none;
   margin: 10px 0 0 60px; padding: 0;
}
.nav li {
   float: left;
}
.nav li a {
	text-decoration:none;
	font-size: 11em;
	color: #574c3b;
   display: block;
   width: 92px;
   height: 37px;
   text-align: center;
   padding:18px 0 0 0;
   margin-right: 15px;
}
.nav li a:hover {
   background:url(../images/button.jpg) no-repeat;
   color:#fbf6c4;
}

.buttonOn {
	   background:url(../images/button.jpg) no-repeat;
	   color:#fbf6c4 !important;
   }
/* Main
-----------------------------------------------------------------------------*/
#mainbigCont {
	width: 100%;
	background:url(../images/mainBack.jpg) repeat top left;
	padding-bottom: 20px;	
	}

#mainCont {
	width: 880px;
	background:url(../images/mainBack.jpg) repeat top left;
	margin: 0 auto;
	}
	
	
#mainRight {
	width: 385px;
	float: right;
	padding: 52px 5px 0 0;
}

#mainLeft {

	width: 463px;
	float:left;
	padding: 52px 0 0 7px;}
	
	
.review {
	font-size: 4.5em;
	font-style:italic;
	margin-top: 10px;
	
}
	
.reviewname {
	color:#fbf6c4;
	text-align:right;}
	
.reviewlink {
	font-size: 4em;
	color:#efebe0;
	text-decoration:underline;
}

.reviewlink:hover {
	color:#FFF;
	text-decoration: none;	
	}
	
ul.menu {
}
	
ul.menu li {
	margin-bottom: 8px;
	font-size: 12em;
	}

/* Footer
-----------------------------------------------------------------------------*/
#footerShadow {
	width: 880px;
	height: 20px;
	float:left;
	background:url(../images/bottom_shadow.jpg);}
	
#footerCont {
	width: 100%;
	background:url(../images/footer.jpg) repeat top left;}
	
#footer {
	width: 880px;
	height: 300px;
	margin: 0 auto; 
	font-size: .3em;
	}
	
	
ul.fmenu {
	text-align:left;
	float:left;
	color:#FFF;
	width:120px;
	margin: 5px 0 0 20px;
	font-size: 5.7em;

}

.fmenu li  {
	line-height: 18px;
	}
#footer a:link #footer a:visited {
	color:#efebe0; 
	text-decoration: underline;
	}
	
#footer a:hover, #footer a:active  {
	color:#fff; 
	text-decoration: none;
	}
	
	
li.menuhead {
	font-size: .7em;
	margin-bottom: 5px;
	color: #fbf6c4 !important;
	padding: 0 0 3px 0;

}

ul.fmenu1 {
	text-align:right;
	float:left;
	color:#FFF;
	width:130px;
	margin: 5px 0 0 0px;
	font-size: 5.2em;

}

.fmenu1 li  {
	line-height: 16px;
	color:#574c3f;
	}
	
.fmenu1header {
	color: #fbf6c4 !important;}
	
.fmenu1 li a {
	color:#574c3f; }
	
.fmenu1 li a:hover, .fmenu1 li a:focus  {
	color:#fff;
	}
	
ul.fmenu2 {
	text-align:left;
	float:left;
	color:#FFF;
	width:140px;
	margin: 5px 0 0 0px;
	font-size: 6em;

}

.fmenu2 li  {
	line-height: 21px;
	}

.fmenu2 li a {
	color:#574c3f; }
	
.fmenu2 li a:hover, .fmenu2 li a:focus  {
	color:#fff;
	}

.fmenunumber {
	font-size:.7em;
	color:#574c3f;
}

.fmenusmall {
	font-size:.8em;}
	
.smllogo{
	line-height: 21px;}
	
.signoff {
	float:left;
	width: 160px;
	margin: 60px 0px 0 0;
	font-size:2.6em;}
	
.google {
	background:url(../images/google.jpg);
	height: 147px;
	width: 148px;
	float:left;
	margin: 0 10px 0 10px;}
	
.google:hover, .google a:focus {
	background:url(../images/google_on.jpg) no-repeat;}

.scrim:hover {
	color:#F00;}

/* contact form*/

/* slider */

#slider1 {
    width: 463px; /* important to be same as image width */
    height: 315px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}

#slider1Content {
    width: 463px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}
.slider1Image {
    float: left;
    position: relative;
	display: none;
}