/* CSS styles for Maidstone Packaging Supplies (maidstonepackaging.co.uk) */
/* coded by DJENAN KOZIC :: 4/12.2007 */


/* THE BASICS */

* { margin:0; padding:0; }

body {
	background:transparent url('images/bg.jpg') repeat top center;
}

p {}

h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}

ol {}
ul {}
li {}

a, a:hover, a:active, a img, a, a:hover img, a:active img { outline:none; border:none; }
a {}
a:hover {}
a:active {}


/* HEADER */

#header {
	position:relative;
	margin:0 auto;
	width:900px;
	height:259px;
	background:transparent url('images/header_bg.jpg') no-repeat top left;
	}

a.logo {
	position:absolute;
	top:18px;
	left:30px;
	width:256px;
	height:49px;
	}
h1.logo { text-indent:-9000px; }
h2.contactdetails {
	background:transparent url('images/contactdetails.gif') no-repeat top left;
	position:absolute;
	text-indent:-9000px;
	top:21px;
	left:514px;
	width:332px;
	height:118px;
	}
a.email {
	background:transparent url('images/email_link.jpg') no-repeat 0 0;
	text-indent:-9000px;
	position:absolute;
	width:317px;
	height:20px;
	left:530px;
	top:146px;
}
a.email:hover {
	background:transparent url('images/email_link.jpg') no-repeat 0 -20px;
}
h2.strapline {
	background:transparent url('images/strapline.gif') no-repeat top left;
	position:absolute;
	text-indent:-10000px;
	top:193px;
	left:209px;
	width:638px;
	height:38px;
}


/* NAVIGAITON */

#navigation {
	position:relative;
	width:900px;
	height:50px;
	margin:0 auto;
	background-color:#D8B27B;
	}

#navigation li { display:inline; margin:0; padding:0;}
#navigation ul { list-style:none; margin:0 0 0 29px; padding:14px 0 0 0;}
#navigation li a { background-image:url('images/nav.gif'); float:left; height:0; padding-top:20px; overflow:hidden; margin-right:10px; padding-right:10px; border-right:2px solid #000;}

#navigation li#nav-1 a { background-position:0 0; width:45px; }
#navigation li#nav-1 a:hover { background-position:0 -20px; }

#navigation li#nav-2 a { background-position:-67px 0; width:204px; }
#navigation li#nav-2 a:hover { background-position:-67px -20px; }

#navigation li#nav-3 a { background-position:-292px 0; width:103px; }
#navigation li#nav-3 a:hover { background-position:-292px -20px; }

#navigation li#nav-4 a { background-position:-417px 0; width:152px; }
#navigation li#nav-4 a:hover { background-position:-417px -20px; }

#navigation li#nav-5 a { background-position:-591px 0; width:208px; border:none; margin:0; padding-right:0;}
#navigation li#nav-5 a:hover { background-position:-591px -20px; }


/* CONTENT */

#wrapper {
	position:relative;
	width:940px;
	background:transparent url('images/wrapper_bg.jpg') repeat-y top center;
	margin:0 auto;
	}

#contentwrapper {
	width:900px;
	margin:0 auto;
	background:#fff url('images/content_bg.gif') no-repeat bottom center;
	}

#content {
	width:626px;
	float:left;
	padding:20px 0 20px 29px;
	}

#content p {
	font:normal 12px Verdana, Helvetica, Arial, sans-serif;
	line-height:1.6em;
	color:#000;
	padding-top:0.8em;
}

#content h1 {}
#content h2 {
	font:bold 18px Verdana, Helvetica, Arial, sans-serif;
	line-height:1.6em;
	color:#8a0708;
}
#content h3 {
	font:bold 14px Verdana, Helvetica, Arial, sans-serif;
	line-height:1.6em;
	color:#000;
	padding-top:0.8em;
}
#content h4 {}
#content h5 {}
#content h6 {}

#content ol, #content ul {
	padding-top:0.8em;
	margin-left:16px;
	color:#fff;
}
#content li {
	font:normal 12px Verdana, Helvetica, Arial, sans-serif;
	line-height:1.6em;
	color:#838383;
}

#content a {
	color:#8B000A;
	text-decoration:underline;
}
#content a:hover {
	text-decoration:none;
}
#content a:active {}

#images {
	padding:25px 25px 0 0;
	float:right;
	width:210px;
}
#images img {}

#clear { clear:both; }

/* FOOTER */

#footer {
	position:relative;
	width:900px;
	height:60px;
	background-color:#8A7750;
	margin:0 auto;
	clear:both;
	}

#footer p {
	font:bold 10px Verdana, Helvetica, Arial, sans-serif;
	line-height:1.6em;
	color:#fff;
}

#footer a {
	color:#CCA569;
	text-decoration:underline;
}
#footer a:hover {
	text-decoration:none;
}

p.copyright {
	float:left;
	margin:20px 0 0 29px;
	}
p.credit {
	float:right;
	margin:20px 29px 0 0;
	}