/* IE Specific ----------------------------------------------*/
html {
	text-align: center;
	}

/* Typography ----------------------------------------------*/
a, #page-wrap, input { 
	color: #455560;
	text-decoration: none;
	font-family: Helvetica, sans-serif, Arial;
	}
	
a:hover {
	color: #76a2d2;
	}

/* Utilities ----------------------------------------------*/

.clear { clear: both; }

	
/* Structure ----------------------------------------------*/
#page-wrap {
	width: 816px;
	background-image: url(/images/middle-shadow.gif);
	margin: 0 auto;
	text-align: left;
	}

#header {
	height: 185px;
	padding: 0 20px;
	}

#header-shadow {
	background: white url(/images/top-shadow.gif) no-repeat bottom;
	height: 40px;
	margin: 0 -20px 10px;
	}
.btn, .btn:hover  {
	color: white;
	padding: 0;
	width: 80px;
	height: 30px;
	padding-left: 10px;
	background: url(/images/cart-bt.gif) no-repeat;
	border: none;
	}
#logo {
	background: url(/images/pyc-logo.gif) no-repeat;
	width: 222px; height: 85px;
	text-indent: -9999px;
	position: relative;
	float: left;
	}
#footer {
	height: 50px;
	padding-top: 30px;
	background: white url(/images/bottom-shadow.gif) no-repeat;
	}

/* Navigation Menu ----------------------------------------------*/
ul.navigation {
	list-style: none;
	font-size: 12px;
	text-align: center;
	float: left;
	clear: both;
}

.navigation li { 
	display: inline;
	}
	
ul.navigation a {
	position: relative;
	display: block;
	float: left;
}
ul#headernav {
	font-size: 14px;
	width: 760px;
	margin-left: 10px;
	height: 49px;
	}
ul#headernav a {
	font-family: Georgia, "Times New Roman", Times, serif;
	letter-spacing: 1px;
	text-transform: lowercase;
	height: 39px;
	padding-left: 20px;
	margin: 10px 0 0;
	line-height: 38px;
	}

ul#headernav a span {
	height: 39px;
	padding: 11px 20px 11px 0;
	}
	
ul#headernav a:hover, 
#home-page ul#headernav .home a,
#society-page ul#headernav .society a,
#retail-page ul#headernav .retail a,
#about-page ul#headernav .about a,
#contact-page ul#headernav .contact a {
	background: url(/images/nav-bg.jpg) no-repeat left;
	}
	
ul#headernav a:hover span, 
#home-page ul#headernav .home a span,
#society-page ul#headernav .society a span,
#retail-page ul#headernav .retail a span,
#about-page ul#headernav .about a span,
#contact-page ul#headernav .contact a span {
	background: url(/images/nav-bg.jpg) no-repeat right;
	color: #76a2d2
	}
	
#footer-containter {
	margin-left: auto;
	margin-right: auto;
	width: 580px;

	}
ul#footernav a {
	padding: 0 10px;
	letter-spacing: 1px;
	}

/* E-News Form ----------------------------------------------*/
#pyc-enews {
	position: relative;
	float: right;
	clear: right;
	width: 225px;
	height: 47px;
	}

input#enews {
	color: #bac4cc;
	font-size: 11px;
	padding: 5px 0 0 5px;
	border: none;
	width: 186px; height: 22px;
	background: url(/images/enews-bg.jpg) no-repeat;
	}
#enews-name {
	font-size: 11px;
	position: relative;
	float: left;
	margin-top: 5px;
	width: 100%;
	}
input#gobtn {
	border: none;
	font-size: 11px;
	background: url(/images/go-bt.jpg) no-repeat;
	width: 29px;
	height: 26px;
	}
	
/* Special Offers ----------------------------------------------*/

#specials {
	float: right;
	clear: both;
	height: 45px;
	background: url(/images/shop-bag.jpg) no-repeat right;
	font-size: 11px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: right;
	padding-right: 50px;
	}
#specials p {
	padding-top: 20px;
	}
	
/* Content ----------------------------------------------*/

#content {
	width: 800px;
	margin: 0 6px 10px;
	font-size: 13px;
	}
	
.abno-bar { 
	width:800px; height: 39px;
	background: url(/images/abno-small.jpg) no-repeat; }
	
/* Content: Home ----------------------------------------------*/

#home-page #top-water-bar {
	width: 800px; height: 10px;
	overflow: hidden;
	background: url(/images/bottom-shadow.gif) -6px 0;
	}

#home-three-coll {
	height: 140px;
	padding: 20px 0;
	}
.htc-block {
	text-align: center;
	width: 240px; height: 142px;
	padding: 0 10px;
	position: relative;
	float: left;
	border-left: solid 1px #cfe1f3;
	}
	
.htc-block p { font-size: 10px; }

h2.brackets { 
	text-transform: lowercase;
	font-size: 18px;
	color: #cfe1f3;
	margin-bottom: 15px;
	 }

h2.brackets span { color: #455560; }

#htc-one { border-left: none; }	
#htc-one img { padding-bottom: 10px; }

.crewpics { 
	position: relative;
	float: left;
	width: 100px;
	height: 09px;
	margin: 10px 9px;
	 }	

#htc-three {
	background: url(/images/anchor-ghost.gif) no-repeat 50% 33px;
	background-repeat: no-repeat;
	}
	
#htc-three p { padding-top: 17px; }
	
/* Content: Society & Events ----------------------------------------------*/

.society-two-coll {
	padding-top: 20px;
	position: relative;
	float: left;
	width: 221px;
	margin: 0 20px;
	}

.society-two-coll p { line-height: 20px; }

.society-two-coll strong { font-weight: bold; }

.society-two-coll ul { margin-bottom: 20px; }
	
#rt-society-img {
	position: relative;
	float: right;
	height: 298px;
	}
	
/* Retail Locations ----------------------------------------------*/

#retail-page .retail-container {
	text-align: center;
	padding: 0 20px 20px;
	}
.retail-coll1, .retail-coll2 {
	margin: 40px 0 60px;
	float: left;
	width: 50%;
	font-size: 10px;
	}
.retail-coll2 {
	padding-top: 57px;
	}
.retail-coll1 img, .retail-coll2 img {
	margin-bottom: 10px;
	}
	
/* About us ----------------------------------------------*/
#about-content {
	font-family: Georgia, "Times New Roman", Times, serif;
	padding-top: 35px;
	height: 225px;
	line-height: 20px;
	text-align: center;
	background: url(/images/anchor-large.jpg) no-repeat top center;
	margin: 30px 70px;
	}
.about-sig { 
	font-style: italic; 
	text-align: right;}
	
/* Contact ----------------------------------------------*/
#contact-left {
	width: 400px;
	float: left;
	margin: 20px 0 10px 30px;
}

.contact-info {
	padding: 20px;
	}
	
#contact-right {
	width: 231px;
	margin: 23px 30px 0 0;
	float: right;
	text-align: center;
	}

#contact-right .cr-info {
	background: url(/images/contact-box.gif) no-repeat;
	margin-top: 10px;
	padding-top: 30px;
	}
#contact-right .cr-bottom {
	width: 231px;
	height: 30px;
	padding-top: 10px;
	background: url(/images/contact-box.gif) no-repeat bottom;
	}
#contact-left .contact-field, #contact-left textarea {
	margin-left: 80px;
	margin-top: -20px;
	margin-bottom: 20px;
	width: 300px;
	}
input, textarea {
	border: 1px solid #cccccc;
	}
#submit {
	margin-left: 80px;
	margin-bottom: 20px;
	color: white;
	width: 120px;
	height: 30px;
	padding-left: 10px;
	background: url(/images/cart-bt.gif) no-repeat;
	border: none;
	}
	
button { 
	color: white;
	width: 120px;
	height: 30px;
	padding-left: 10px;
	background: url(/images/cart-bt.gif) no-repeat;
	border: none;
}