/* =========== Elements =========== */

body {
	background:#999 url(../images/bkg_body.jpg) 50% 0 repeat;
	padding:0;
	margin:0;
	border:0;
	font:14px Arial, Helvetica, sans-serif;
	color:#666;
}

a {
	color:#000;
	text-decoration:none;
}

a:hover {
	color:#199ad6;
}

a img {
	border:0;
}

h1 {
	font-variant:small-caps;
}

h1 span {
	text-transform:uppercase;
	font-size:1.25em;
	color:#1a9fdd;
}

/*========= General Styles ======== */
.hidden {
	display:none;
}

.unhidden {
	display:block;
}

.callout {
	display:block;
	width:170px;
	margin:10px auto;
}

/* ============ Header ============ */
.header-container {
	width:100%;
	margin-bottom:-40px;
}

.header {
	width:1000px;
	margin:0 auto;
	background:#fff;
}


.header .logo {
	margin:0;
	padding:10px;
	text-align:center;
}

/* ========== Navigation ========== */
.nav-container {
	width:100%;
}

.nav {
	width:1000px;
	height:50px;
	margin:0 auto;
	background:#fff url(../images/bkg_nav.gif) repeat-x;
	text-align:center;
}

.nav ul {
	margin:0;
	padding:0;
	border:0;
}

.nav .button {
	height:30px;
	display:inline;
	font:14px/30px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#fff;
	list-style:none;
}

.nav .button a {
	color:#fff;
	text-decoration:none;
}

.nav .button a:hover {
	color:#199ad6;
}

.nav .button span {
	padding:7px 0 6px 10px;
	background:url(../images/btn_nav.gif) 0 0 no-repeat;
}

.nav .button span span {
	padding-right:19px;
	background-position:100% 0;
}

/* Side Navigation */
.side-nav {
	width: 180px;
	background:#fff;
	margin:10px;
	padding:0px;
	display:inline;
	float:left;
}

.side-nav ul {
	border:0;
	margin:0;
	padding:0;
	list-style:none;
}

.side-nav .title {
	width:180px;
	height:26px;
	background:#fff url(../images/bkg_side-nav-title.gif) no-repeat;
	padding-top:6px;
	margin:0;
}

.side-nav .title h3 {
	margin:0;
	color:#000;
	font-size:16px;
	font-variant:small-caps;
	text-align:center;
}

.side-nav .links {
	width:180px;
	min-height:40px;
	background:url(../images/bkg_side-nav-main.gif) repeat-y;
	padding:10px 0px 10px 0px;
	margin:0;
}

.side-nav .links h3 {
	font-size:16px;
	font-variant:small-caps;
	text-align:center;
	color:#199ad6;
}

.side-nav .links li {
	background:url(../images/bullet.gif) no-repeat 10px 4px;
	padding:0 0 6px 27px;
}

.side-nav-foot {
	width:180px;
	height:19px;
	background:url(../images/bkg_side-nav-foot.gif);
}


/* ============ Content =========== */
.content-container {
	width:100%;
}

.content {
	width:980px;
	margin:0 auto;
	padding:0 10px 40px;
	background:#fff url(../images/bkg_main.gif) 0 100% repeat-x;
}

.content .main {
	width:780px;
	float:left;
}

.content .main .main-buttons {
	margin-top:20px;
}

.content .main .main-buttons img {
	margin:0 8px;
}

/* ======= Products Display ====== */
.product-grid {
	width:780px;
	margin:0 auto;
}

.product-grid:after {
	content:'.';
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
}

.product-grid .grid-row {
	width:100%;
}

.product-grid .grid-row ul {
	list-style:none;
	padding:0;
}

.product-grid .grid-row li.product {
	display:block;
	width:185px;
	height:210px;
	margin:5px;
	padding-top:10px;
	text-align:center;
	float:left;
	background:url(../images/bkg_product.gif);
}

.product-grid .grid-row p.product-title {
}

/* ====== Fabrics and Sizing ===== */
dl {
	overflow:hidden;
}

dt,dd {
	border-bottom:1px solid #4e4e4e;
	padding:0 0 3px;
}

dt {
	width:195px;
	margin:0;
	padding:3px 0;
	float:left;
	font-size:.75em;
	font-weight:bold;
	text-transform:uppercase;
}

dd {
	width:530px;
	margin:0;
	padding:3px 0;
	float:left;
	font-size:.75em;
}

.size-chart {
	margin:5px;
	padding:0;
	border:1px solid #ccc;
	border-spacing:0;
	font-size:12px;
}

.size-chart th.title {
	text-align:left;
	text-transform:uppercase;
	border-bottom:1px solid #000;
	font-size:16px;
}

.size-chart th {
	text-align:left;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	width:200px;
	font-size:12px;
}

.size-chart td {
	min-width:40px;
	max-width:40px;
	text-align:center;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	margin:0;
	padding:0;
	overflow:hidden;
}

/* ========= Contact Form ======== */
.form-container {
	width:300px;
	height:290px;
	padding:10px;
	margin-bottom:10px;
	float:left;
	background:url(../images/bkg_contact.gif);
}

.message {
	color:#f00;
}

.form-row {
	width:100%;
	height:30px;
	clear:both;
}

.form-row label{
	display:inline-block;
	padding-top:8px;
}

.form-row input,
.form-row select,
.form-row textarea {
	width:200px;
	float:right;
	margin:5px;
}

.form-row select {
	width:206px;
}

.form-row .button {
	margin-left:45px;
	float:left;
}

.errors {
	float:left;
	clear:both;
}

/* ========== Google Map ========= */
#googlemap {
	width:428px;
	height:278px;
	margin-top:2px;
	padding:10px;
	border:1px solid #666;
	float:right;
}

#map {
	width:428px;
	height:278px;
}

/* ======== Contact Details ====== */
.contact-details {
	clear:both;
	padding-top:10px;
	border-top:2px solid #bebebe;
}

.contact-details div {
	width:33%;
	float:left;
}

.contact-details h3 {
	color:#199ad6;
	font-size:16px;
	font-variant:small-caps;
}

/* ============ Footer =========== */
.footer-container {
	width:100%;
	margin:10px 0;
}

.footer {
	width:980px;
	margin:0 auto;
	padding:20px 10px;
	background:#fff url(../images/bkg_footer.gif) 0 0 repeat-x;
}

.footer .footer-links {
	float:left;
}

.footer .design {
	clear:both;
	text-align:center;
	padding-top:10px;
}

.validate {
	float:right;
}