/* Growler Couture - CSS Document */

html, body {height: 100%;}

body {
	background: #f5f5F5 url("images/shadow.gif") center repeat-y;
	font-family: verdana, arial, sans-serif;
	font-size: 62.5%;
	margin: 0;
	padding: 0;
	}
	
/* ---------------------------------------------------------- Titles and Text */

h1 {position: absolute; left: -2000px;}
h2 {position: absolute; left: -2000px;}

p {font-size: 1.1em; color: #000; line-height: 1.4em; margin: 0; padding: 0;}

a {color: #990000; margin: 0; padding: 0;}
a:link, a:visited {text-decoration: none;}
a:hover {color: #CC0000; text-decoration: none;}
a.active {color: #CC0000;}

/* ---------------------------------------------------------- Layout */

#master {
	position: relative;
	min-height: 100%;
	height: 100%;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: auto;
	}
	
html>body #master {height: auto;}
	
#header {
	background: #000;
	height: 90px;
	width: 734px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	}
	
#container {
	width: 734px;
	margin: 0 auto;
	padding: 0;
	}
	
#navigation {
	float: left;
	width: 165px;
	margin: 25px 0 0 0;
	padding: 0 0 0 15px;
	}
	
#footer {
	width: 100%;
	position: absolute;
	bottom: 0;
	text-align: center;
	}
	
/* ---------------------------------------------------------- Navigation */
	
#navigation ul {list-style-type: none; margin: 0; padding: 0 0 0 20px;}
	
#navigation li {height: 14px; margin: 0 0 7px 0; padding: 0;}

#navigation a {
	display: block;
	font-size: 1.1em;
	font-weight: bold;
	height: 14px;
	color: #000;
	margin: 0;
	padding: 0;
	text-indent: -2000px;
	}

#button1 a {background: url("images/about.gif");}
#button2 a {background: url("images/garments.gif");}
#button3 a {background: url("images/stockists.gif");}
#button4 a {background: url("images/publicity.gif");}
#button5 a {background: url("images/links.gif");}
#button6 a {background: url("images/order.gif");}
/*#button7 a {background: url("images/wholesale.gif");}*/
#button8 a {background: url("images/contact.gif");}
#buttonback a {background: url("images/back.gif"); margin: 261px 0 0 0;}

#navigation a:hover {height: 14px; background-position: 0 -14px;}
#navigation a.active {height: 14px; background-position: 0 -14px;}

/* ---------------------------------------------------------- Sub-Navigation */

#sub_navigation {
	float: left;
	width: 165px;
	margin: 0 0 25px 2px;
	padding: 0;
	}

#sub_navigation ul {list-style-type: none; margin: 0; padding: 0;}
	
#sub_navigation li {height: 14px; margin: 0 0 7px 0; padding: 0;}

#sub_navigation a {
	display: block;
	font-size: 1.1em;
	font-weight: bold;
	height: 14px;
	color: #000;
	margin: 0;
	padding: 0;
	text-indent: -2000px;
	}

#button9 a {background: url("images/sizing.gif"); margin: 0 0 0 20px;}

#sub_navigation a:hover {height: 14px; background-position: 0 -14px;}
#sub_navigation a.active {height: 14px; background-position: 0 -14px;}

/* ---------------------------------------------------------- Shopping Basket */

#paypal_contain {margin: 0; padding: 0 0 0 20px;}
#paypal_size {margin: 0; padding: 5px 0 5px 0; border-top: solid 1px #cccccc;}
#paypal_add {height: 33px; margin: 0; padding: 5px 0 8px 0; overflow: hidden;}
#paypal_giftbox {height: 33px; margin: 0; padding: 0px 0 8px 0; overflow: hidden; border-top: solid 1px #cccccc;}
#paypal_view {height: 33px; margin: 0; padding: 0; overflow: hidden; border-top: solid 1px #cccccc;}

.size_form {margin: 0; padding: 0;}

/* ---------------------------------------------------------- Home */

.home {background: #000; padding: 20px;}

#home_contain {width: 391px; margin: 0 auto; padding: 0;}

#home_logo {margin: 0; padding: 0;}
#home_enter {height: 52px; margin: 0; padding: 0;}

#home_enter a {display: block; height: 52px; width: 391px; background: url("images/home_enter.jpg"); text-indent: -20000px;}
#home_enter a:hover {background-position: 0 -52px;);}

/* ---------------------------------------------------------- About */

#content_about {
	background: url("images/pic_about.jpg") top right no-repeat;
	float: left;
	height: 516px;
	width: 554px;
	margin: 25px 0 25px 0;
	padding: 0;
	}

#content_about p {width: 330px; padding: 0 0 25px 40px;}

/* ---------------------------------------------------------- Garments */

#content_garments {
	float: left;
	width: 554px;
	height: 2400px;
	margin: 25px 0 25px 0;
	padding: 0;
	}
	
.garment {
	width: 240px;
	margin: 0 0 25px 67px;
	padding: 0;
	text-align: center;
	}
	
.garment p {font-weight: bold; margin: 0; padding: 0;}

a.view {
	font-size: 1em;
	font-weight: normal;
	margin: 0;
	padding: 0;
	}
	
a.dog img {border: 0;}
	
/* ---------------------------------------------------------- Item */

#content_item {
	float: left;
	width: 554px;
	height: 425px;
	margin: 25px 0 25px 0;
	padding: 0;
	}

#detail_image {
	float: left;
	height: auto;
	margin: 0 25px 0 0;
	padding: 0;
	text-align: center;
	}
	
p.desc {font-size: 1.1em; font-weight: bold; color: #000; line-height: 1.4em; margin: 0; padding: 0;}
p.price {font-size: 1.1em; font-weight: bold; color: #FF0000; line-height: 1.4em; margin: 0; padding: 0;}
p.price span {text-decoration: line-through; color: #000;}

a.detail_thumb {
	float: left;
	height: 80px;
	width: 80px;	
	margin: 0 25px 10px 25px;
	padding: 0;
	color: #FFF;
	}
	
a.detail_thumb img {border: 1px #000 solid;}
a.detail_thumb:hover img {border: 1px #666 solid;}

#detail_option {float: left; margin: 25px 0 15px 25px; padding: 0;}

p.size {font-size: 1.1em; line-height: 1.4em; margin: 0 0 10px 0; padding: 0;}

p.detail_text {width: 450px; font-size: 1.1em; line-height: 1.4em; margin: 0 55px 35px 45px; padding: 0;}

/* ---------------------------------------------------------- Stockists */

#content_stockist {
	background: url("images/pic_links.jpg") top right no-repeat;
	float: left;
	width: 554px;
	height: 600px;
	margin: 25px 0 25px 0;
	padding: 0;
	}

#content_stockist p {width: 330px; padding: 0 0 25px 40px;}

h3.location {font-size: 1.25em; font-weight: bold; margin: 0 0 15px 40px; padding: 0;}

/* ---------------------------------------------------------- Press */

#content_press {
	background: url("images/pic_press.jpg") top right no-repeat;
	float: left;
	height: 650px;
	width: 554px;
	margin: 25px 0 25px 0;
	padding: 0;
	}

#content_press p {width: 330px; padding: 0 0 25px 40px;}

/* ---------------------------------------------------------- Links */

#content_links {
	background: url("images/pic_stockists.jpg") top right no-repeat;
	float: left;
	height: 550px;
	width: 554px;
	margin: 25px 0 25px 0;
	padding: 0;
	}

#content_links p {width: 330px; padding: 0 0 25px 40px;}

/* ---------------------------------------------------------- Order */

#content_order {
	background: url("images/pic_order.jpg") top right no-repeat;
	float: left;
	width: 554px;
	margin: 25px 0 25px 0;
	padding: 0;
	}

#content_order p {width: 330px; padding: 0 0 25px 40px;}

/* ---------------------------------------------------------- Wholesale */

#content_wholesale {
	background: url("images/pic_whole.jpg") top right no-repeat;
	float: left;
	height: 650px;
	width: 554px;
	margin: 25px 0 25px 0;
	padding: 0;
	}

#content_wholesale p {width: 330px; padding: 0 0 25px 40px;}

/* ---------------------------------------------------------- Contact */

#content_contact {
	background: url("images/pic_contact.jpg") top right no-repeat;
	float: left;
	height: 530px;
	width: 554px;
	margin: 25px 0 25px 0;
	padding: 0;
	}

#content_contact p {width: 330px; padding: 0 0 25px 40px;}

input {margin: 10px 0 0 0; padding: 0;}

.newsletterform {margin: 0; padding: 0;}
p.newsletter {padding: 0; margin: 0;}

/* ---------------------------------------------------------- Sizes */

#sizes_header {
	background: #000;
	height: 30px;
	margin: 0 0 5px 0;
	padding: 0;
	}

#sizes_header p {font-weight: bold; padding: 7px 0 0 10px; color: #fff;}

.sizetable {margin: 0 0 10px 10px;}
.note {margin: 0 0 0 20px;}

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

#footer p {text-indent: -2000px;}
	
/* ---------------------------------------------------------- Misc. */

br.clear {
	clear: both; 
	overflow: hidden;
	line-height: 0px;
	}