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

Foreshore Version 2.1
Css - 
Author: Matthew Dean
www.matthedean.com.au

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

/*--------------------Reset---------------------*/

html { overflow-y:scroll; }  /*Forces Scrollbar */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:11px;font-family:Perpetua Titling MT, Georgia, Times New Roman, Times, serif;vertical-align:baseline;}
article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;}

p, .color-res {color: #000; text-transform: uppercase;}
body {line-height:1.5;}
a img {border:none;}
.img-reset {margin:0;padding:0;}
a {color: #989898;}
a:hover {color: #ababab;}
ul {padding-left: 16px;}

h1 {margin:0;padding:0;}

p.center {
	text-align:center;
}

/*--------------------Main Stuff-------------------*/

#wrapper {
	width: 725px;
	margin: 0 auto;
}

#header {
	height: 434px;
	padding: 32px 0 15px;
}

h1#title {
	display: inline;
	margin: 0;
}

#feature {
	height: 147px;
	width: 725px;
	padding: 0;
	margin: 0 0 16px;
}

#feature li {
	list-style: none;
	display: inline;
}

#feature li a {
	float: left;
	display: block;
	height: 147px;
	margin-right: 20px;
}

#feature li a.last {
	margin-right: 0;
}

a {
	text-decoration: none;
}

/* --------------- Nav ----------- */

#nav {
	height: 20px;
	width: 667px;
	float: left;
	padding: 0 0 0 58px ;
	margin: 0 0 23px 0;
}

#nav.fix-1 {
	margin-left: 115px;
	width: 552px;
	display: inline;
}

#nav li {
	float: left;
	padding: 0;
	margin: 0 78px 0 0;
	list-style: none;
	display: block;
}

#nav li.last {
	margin: 0;
}

#roll-1 {
	background: url('../images/nav-sprite.gif') no-repeat 0 0;
	display: block;
	height: 20px;
	width: 64px;
}

#roll-1:hover {background-position: 0 -20px; }

#roll-2 {
	background: url('../images/nav-sprite.gif') no-repeat -64px 0;
	display: block;
	height: 20px;
	width: 120px;
}

#roll-2:hover {background-position: -64px -20px; }

#roll-3 {
	background: url('../images/nav-sprite.gif') no-repeat -184px 0;
	display: block;
	height: 20px;
	width: 75px;
}

#roll-3:hover {background-position: -184px -20px; }

#roll-4 {
	background: url('../images/nav-sprite.gif') no-repeat -259px 0;
	display: block;
	height: 20px;
	width: 116px;
}

#roll-4:hover {background-position: -259px -20px; }

#roll-5 {
	background: url('../images/nav-sprite.gif') no-repeat -376px 0;
	display: block;
	height: 20px;
	width: 70px;
}

#roll-5:hover {background-position: -376px -20px; }


.hidden {
	display: none;
}

/* -- End Nav -- */

.tri-square {
	clear: both;
	width: 95px;
	margin: 0 auto 24px;
}

#social-icons {
	margin: 0 auto 24px;
	width: 124px;
	height: 40px;
	padding: 0;
}

#social-icons li {
	list-style: none;
	float: left;
	margin-right: 2px;
}

#social-icons li.last {
	margin-right:0;;
}

#footer {
	margin: 0 0 60px;
}

#footer p {
	text-align: center;
	text-transform:capitalize;
	font-size: 9px;
}

#last-links {
	float: right;
	width: 182px;
	height: 23px;
	margin: 0 0 20px;
}

#last-links ul {
	padding: 2px 0 0;
	float: left;
}

#last-links ul li {
	float: left;
	list-style: none;
	height: 23px;
	padding-left: 19px;
}

#last-links ul li a{
	float: left;	
	font-size: 8px;
	padding: 5px 0 0;
}

#last-links ul li.icon-1 {
	background: url('../images/icon-1.gif') no-repeat left top;
}

#last-links ul li.icon-2 {
	background: url('../images/icon-2.gif') no-repeat left top;
	width: 50px;
}

#last-links a {
	text-align: center;
	text-decoration: none;
	font-size: 10px;
	color: #000;
}

/* --- Img Replacment -- */

h1.title-1 {width: 116px;height:20px;position:relative; margin: 0 auto 26px;}
h1.title-1 span {
		background: url('../images/nav-sprite.gif') no-repeat -259px 0;
		position: absolute;
		width: 100%;
		height: 100%;
}

h1.title-2 {width: 167px;height:20px;position:relative; margin: 0 auto 26px;}
h1.title-2 span {
		background: url('../images/new-store.gif');
		position: absolute;
		width: 100%;
		height: 100%;
}

h1.title-3 {width: 90px;height:20px;position:relative; margin: 0 auto 26px;}
h1.title-3 span {
		background: url('../images/hoods.gif');
		position: absolute;
		width: 100%;
		height: 100%;
}


/* -- Cols -- */

.col {
	width: 220px;
	float: left;
	margin: 0 30px 24px 0;
}

.col.last {
	margin: 0 0 24px 0;
}