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

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

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

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


-----------------------------------------------------------------------------*/

/* 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
-----------------------------------------------------------------------------*/

body {
	background:url(../images/body.png);
	color:#FFF;}


a {
	text-decoration:none;
	color:#F00;

}
a:hover {
	color:#00F;

}
ul {
	list-style:none;
}
li {
	text-decoration:none;

}
.clear {
	clear:both;
}

.right {
	float: right;
}
.left {
	float: left;
}
/* Typeography
-----------------------------------------------------------------------------*/
p {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 2.8em;
	line-height: 1.5em;
	margin: 3px 0 15px 0;
}
h1 {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 6em;
}
h2 {
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	font-size: 4em;
	letter-spacing: 2px;
}
h3 {
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
}
.orange {
	color: #ffb437;
}

.headerpages {
	font-size:5px;
	text-indent: -9999px;
	}

/* Container etc
-----------------------------------------------------------------------------*/
#container {
	width: 1000px;
	height: 850px;
	margin: 0 auto;
	padding-bottom: 300px;
}
/* Header
-----------------------------------------------------------------------------*/
#header {
	width:1000px;
	height:65px;
	float:left;
	padding-top:10px;
	position:relative;
	margin-bottom: 5px;
}

.leftLogo {
	float:left;
	margin-right: 30px;}


/* Navigation
-----------------------------------------------------------------------------*/
.lavaLampNoImage {
	position: relative;
            height: 32px;
			padding-top: 8px;




        }
                .lavaLampNoImage li {
                    float: left;
                    list-style: none;
					margin-right: 30px;
                }
                    .lavaLampNoImage li.back {
                        background-color: #333;
                        width: 9px;
                        height: 30px;
     					z-index:1;
                        position: absolute;
                    }
                    .lavaLampNoImage li a {
                        font:  12px verdana;
                        text-decoration: none;
                        color: #FFF;
                        outline: none;
                        text-align: center;
                        top: 7px;
                        letter-spacing: 1px;
                        z-index: 2;
                        display: block;
                        float: left;
                        height: 30px;
                        position: relative;
                        overflow: hidden;
                        margin: auto 7px;
					
                    }
                        .lavaLampNoImage li a:hover, .lavaLampNoImage li a:active, .lavaLampNoImage li a:visited {
                            
                        }                    

/* Main
-----------------------------------------------------------------------------*/
#main {
	width:800px;
	float:left;
}

/* What
-----------------------------------------------------------------------------*/


#mainWhat {
	width:800px;
	float:left;
	height: 587px;
	background:url(../images/What/back.jpg) no-repeat;
	position:relative;
}

p.what {
	position:absolute;
	width: 410px;
	left: 282px;
	top: 46px;
	height: 271px;
}

h1.whatHead {
	background:url(../images/What/whatHead.png);
	display:block;
	width: 200px;
	height: 30px;
	text-indent: -9999px;
}

/* What
-----------------------------------------------------------------------------*/
h1.whohead {
	background:url(../images/who/who.png);
	display:block;
	width: 150px;
	height: 30px;
	text-indent: -9999px;
}

/* Contact
-----------------------------------------------------------------------------*/
h1.contact {
	background:url(../images/contact1.png);
	display:block;
	width: 155px;
	height: 30px;
	text-indent: -9999px;
}
#demo {
	width:800px;
	float:left;
}

.imageContact {
	float:left;
	margin: 15px 15px 0 0; }
	
	.contacth2{
		margin: 12px 0 12px 0;}
	
	.contactp{
		width: 600px;}
		
	
	
/* Sidebar
-----------------------------------------------------------------------------*/
#sidebar {
	width: 190px;
	float:left;
	padding-right: 10px
}

.lefticon {
	float:left;
	margin: 0 10px 5px 0;}

/* Side Bar Navigationh
-----------------------------------------------------------------------------*/
.sidebarMenu {
	width: 130px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #F00;

	margin: 7px 0 15px 0;
	float:left;
	border-bottom-color: #F00;
}

.sidebarMenu li {
	margin: 14px 0;}

.sidebarMenu li a {
		text-decoration:none;
	color:#FFF;
	font-size: 10em;}
	
.sidebarMenu li a:hover {
	padding-left: 10px;
	color:#F00;
	 }
	 
.current1  {
	color:#F00 !important;}

/* Footer
-----------------------------------------------------------------------------*/

#footer {
	width: 1000px;
	height: 100px;
	float:left;
	padding-top:50px;}
	
#footer p {
	width: 400px;
	color:#333;}
	
.lighter {
	color:#666;}

/* contact form*/




/* SLider ____________________________________________ */

/* slider */

#slider1 {
    width: 800px; /* important to be same as image width */
    height: 532px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
	text-align:center;
}

#slider1Content {
    width: 800px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}
.slider1Image {
    text-align:center;
    position: relative;
	display: none;
}
.slider1Image span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    width: 367px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}
.clear {
	clear: both;
}
.slider1Image span strong {
    font-size: 14px;
}


.before {
	width:600px;
	height:900px;
	background:url(../images/1.jpg)
	
}

.before:hover {
		width:600px;
	height:900px;
	background:url(../images/2.jpg)
	
}

.before1 {
	width:600px;
	height:900px;
	background:url(../images/ab1.jpg)
	
}

.before1:hover {
		width:600px;
	height:900px;
	background:url(../images/ab2.jpg)
	
}