/*-----------------------------------------------------------------------------
Deckers Xmas Stylesheet

version:   1.0
date:      05/08/09
author:    Gareth Lockton
email:     gareth@idesign-graphics.co.uk
website:   www.deckersxmas.com
-----------------------------------------------------------------------------*/ 

@import url("reset.css");
@import url("typography.css");

body {background:#000 url(../images/index_body_bg.jpg) top center no-repeat;}

#container { 
	margin:0px auto;
	width: 960px;
	background: #FFF url(../images/index_bg.jpg) top left no-repeat;
}

#content { 
	width: 960px;
	text-align:center;
}

#intro {
	margin:140px 40px 0 0;
	float:right;
	text-align:right;
}

.title {width: 405px; height:70px; background: url(../images/title_welcome.png) top right no-repeat; float:right; margin-bottom:20px;}
p.introcopy	{ color: #444; font-size: 14px; margin: 0 0 14px 0; line-height:21px;}


#menu_holder {
	margin:20px 40px 0px 0px;
	width: 720px;
	float:right;
}

#menu_holder2 {
	margin:50px 40px 30px 0px;
	width: 900px;
	float:right;
}

li.plough a { float:right; margin-left: 50px; margin-top: 20px; width: 300px; height: 62px; display: block; text-indent: -900em; background: url(../images/logos_plough.jpg) no-repeat; }

li.crimble a { float:right; margin-left: 0px; width: 210px; height:118px; display: block; text-indent: -900em; background: url(../images/logos_crimble.jpg) no-repeat; }

li.pennine a { float:right; margin-left: 30px; margin-top: 10px; width: 200px; height: 67px; display: block; text-indent: -900em; background: url(../images/logos_pennine.jpg) no-repeat; }

li.sale a { float:right; margin-left: 35px; width: 200px; height: 93px; display: block; text-indent: -900em; background: url(../images/logos_sale.jpg) no-repeat; }

li.toby a { float:right; margin-left: 35px; width: 150px; height: 114px; display: block; text-indent: -900em; background: url(../images/logos_royaltoby.jpg) no-repeat; }

li.rope a { float:right; margin-left: 0px; margin-top: 10px; width: 225px; height: 83px; display: block; text-indent: -900em; background: url(../images/logos_rope.jpg) no-repeat; }


#footer { 
	width: 960px;
	padding: 20px 0px 20px 0px;
	background:#FFF url(../images/footer.jpg) top left no-repeat;
	text-align:right;
	border-top:#000 solid 1px;
}


	
/* For image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }

.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.clearleft {
	clear:left;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.clearright {
	clear:right;
    height:0;
    font-size: 1px;
    line-height: 0px;
}