/*
	Website		CGND Imports
	Author		Impulse Development
	Date		April 2009
=============================================== */

/* =GENERAL
----------------------------------------------- */

/* GENERAL: =Reset */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { 
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset, img {
	border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}

ol, ul {
	list-style: none;
}

caption, th {
	text-align: left;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}

q:before, q:after {
	content: '';
}

abbr, acronym {
	border: 0;
}

button::-moz-focus-inner{
	padding:0;
	border:none
}

/* =TYPOGRAPHY
----------------------------------------------- */

/* TYPOGRAPHY: =Basics */

body {
	font-size: 62.5%;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	font-family: Helvetica, Arial, sans-serif;
}

/* TYPOGRAPHY: =Headings */

h1 {
	color: #555555;
	font-size: 2.4em;
	font-weight: bold;
	line-height: 1em;
	margin-bottom: 0.75em;
}

h2 {
	color: #555555;
	font-size: 1.8em;
	font-weight: bold;
	line-height: 1em;
	margin-bottom: 0.5em;
}

h3 {
	color: #b4b2ac;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1em;
	margin-bottom: 1em;
}

h4 {
	color: #555555;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1em;
	margin-bottom: 1em;
}

/* TYPOGRAPHY: =Paragraphs */

p {
	color: #3f3e39;
	font-size: 1.4em;
	line-height: 1.6em;
	margin-bottom: 1.5em;
}

/* TYPOGRAPHY: =Lists */

ul {
	list-style: disc outside;
	padding-left: 1em;
}

	ul li {
		color: #3f3e39;
		font-size: 1.2em;
		line-height: 1.4em;
		margin-bottom: 1em;
	}
	
ol {
	list-style: decimal outside;
	padding-left: 1em;
}

	ol li {
		color: #3f3e39;
		font-size: 1.2em;
		line-height: 1.4em;
		list-style: decimal;
		margin-bottom: 1em;
	}
	
dl {
	margin-bottom: 1em;
}

	dl dt {
		color: #555555;
		font-size: 1.4em;
		font-weight: bold;
		line-height: 1.2em;
		margin-bottom: 0.5em;
	}
	
	dl dd {
		color: #3f3e39;
		font-size: 1.2em;
		line-height: 1.2em;
		margin-bottom: 1em;
		padding-left: 1em;
	}
	
		dl dd p {
			font-size: 1em;
		}
	
/* TYPOGRAPHY: =Forms */

form label,
form .label {
	color: #3f3e39;
	font-size: 1.4em;
	line-height: 1.4em;
}

form legend {
	color: #da1c23;
	font-size: 1.6em;
	line-height: 1.6em;
	margin-bottom: 1em;
}

form input,
form textarea {
	color: #555555;
	font-size: 1.4em;
	line-height: 1.4em;
}

form button {
	outline: 0;
}
	
/* TYPOGRAPHY: =Links */

a {
	color: #3f3e39;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/* TYPOGRAPHY: =Variants */

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

/* =STRUCTURE
----------------------------------------------- */

/* STRUCTURE: =Background */

html {
	background: url(../images/bg-html.gif) repeat top left #cfc7b0;
}

body {
	background: url(../images/bg-body.gif) repeat-x top left;
}

/* STRUCTURE: =Layout */

.container {
	margin: 0 auto;
	width: 860px;
}

#pageHeader {
	background: url(../images/bg-header.gif) no-repeat top center;
	height: 213px;
	padding: 0 12px;
	position: relative;
	width: 836px;
}

#pageBody {
	background: url(../images/bg-page.gif) repeat-y top left;
	display: inline;
	float: left;
	padding: 12px 24px;
	position: relative;
	width: 812px;
}

	#pageBody .gallery {
		display: inline;
		float: left;
		margin-bottom: 12px;
		position: relative;
		width: 812px;
	}
	
		.products #pageBody .gallery {
			display: none;
		}
		
			.products #pageBody .content .gallery {
				display: block;
			}

	#pageBody .content {
		display: inline;
		float: left;
		position: relative;
		width: 606px;
	}
		
	#pageBody .sidebar {
		display: inline;
		float: right;
		position: relative;
		width: 194px;
	}

#pageFooter {
	background: url(../images/bg-footer.gif) no-repeat top left;
	clear: both;
	height: 178px;
	position: relative;
	width: 100%;
}

/* =HEADER
----------------------------------------------- */

/* HEADER: =Logo */

#headerTitle {
	left: 302px;
	position: absolute;
	top: 6px;
	z-index: 9980;
}

	#headerTitle p {
		margin: 0;
	}

	#headerTitle a {
		background: url(../images/logo-medium.png) no-repeat;
		display: block;
		height: 165px;
		overflow: hidden;
		text-indent: -5000px;
		width: 252px;
	}
	
/* HEADER: =Call To Action */

#headerCallToAction {
	position: absolute;
	right: 65px;
	top: 114px;
}

	#headerCallToAction p {
		background: url(../images/txt-call_now_to_order.png) no-repeat;
		height: 36px;
		overflow: hidden;
		text-indent: -5000px;
		width: 181px;
	}
	
/* HEADER: =Navigation */

#headerNavigation {
	background: url(../images/bg-nav.gif) no-repeat;
	bottom: 0;
	height: 28px;
	left: 12px;
	list-style: none;
	margin: 0;
	padding: 0 0 0 198px;
	position: absolute;
	width: 638px;
}

	#headerNavigation li {
		float: left;
		height: 28px;
		line-height: 28px;
		margin: 0 1px 0 0;
	}
	
		#headerNavigation li a {
			display: block;
			height: 28px;
			overflow: hidden;
			text-indent: -5000px;
		}
		
		#headerNavigation li.home a {
			background: url(../images/nav-home.gif) no-repeat;
			width: 68px;
		}
		
		#headerNavigation li.about a {
			background: url(../images/nav-about.gif) no-repeat;
			width: 75px;
		}
		
		#headerNavigation li.products a {
			background: url(../images/nav-products.gif) no-repeat;
			width: 98px;
		}
		
		#headerNavigation li.questions a {
			background: url(../images/nav-questions.gif) no-repeat;
			width: 103px;
		}
		
		#headerNavigation li.contact a {
			background: url(../images/nav-contact.gif) no-repeat;
			width: 92px;
		}
		
		#headerNavigation li a:hover,
		#headerNavigation li a.current {
			background-position: 0 -28px;
		}
		
/* =GALLERY
----------------------------------------------- */

/* GALLERY: =Images */

#pageBody .gallery .image {
	float: left;
	margin: 0 10px 10px 0;
}

	.products #pageBody .gallery .image {
		width: 113px;
	}
	
	.products #pageBody .gallery .image p {
		line-height: 1.2em;
		margin-top: 6px;
	}

#pageBody .gallery .row {
	float: left;
	width: 100%;
}

#pageBody .gallery .last {
	margin-right: 0;
}

/* =CONTENT
----------------------------------------------- */

/* CONTENT: =Headings */

h1.replaced {
	height: 24px;
	overflow: hidden;
	text-indent: -5000px;
	width: 100%;
}

	.home h1 {
		background:  url(../images/h1-home.gif) no-repeat;
	}
	
	.about h1 {
		background:  url(../images/h1-about.gif) no-repeat;
	}
	
	.products h1 {
		background:  url(../images/h1-products.gif) no-repeat;
	}
	
	.questions h1 {
		background:  url(../images/h1-questions.gif) no-repeat;
	}
	
	.contact h1 {
		background:  url(../images/h1-contact.gif) no-repeat;
	}
	
/* CONTENT: =Collections */

.collection {
	float: left;
	width: 100%;
}

	.collection .item {
		float: left;
		padding-bottom: 18px;
		margin-bottom: 12px;
		width: 100%;
	}
	
		.collection .item .image {
			float: left;
			margin: 0 12px 0 0;
		}
		
		.collection .item h3 {
			margin-bottom: 0.5em;
		}
		
	.collection .last {
		background: none;
		margin-bottom: 0;
		padding-bottom: 0;
	}
	
/* CONTENT: =Images */

.image img {
	border: 1px solid #d6d4ce;
	padding: 3px;
}

.image p {
	font-size: 1.2em;
	margin-bottom: 0;
	text-align: center;
}

/* CONTENT: =vCard */

.vcard {
	margin-bottom: 2em;
	text-align: center;
}
	
	.vcard .street-address {
		display: block;
	}
	
	.vcard .tel {
		margin-bottom: 0;
	}
	
	.vcard .type {
		font-weight: bold;
	}
	
/* CONTENT: =More Links */

.more {
	text-align: center;
}

	.more p {
		font-size: 1.2em;
	}
	
/* CONTENT: =Horizontal Rule */

.hr {
	background: url(../images/hr.gif) no-repeat center;
	float: left;
	height: 68px;
	margin-bottom: 1.5em;
	width: 100%;
}

	.hr hr {
		display: none;
	}

/* =SIDEBAR
----------------------------------------------- */

/* SIDEBAR: =Sections */

.sidebar .section {
	float: left;
	margin-bottom: 12px;
	position: relative;
	width: 100%;
}

/* SIDEBAR: =Newsletter Signup */

#sidebarNewsletter {
	background: #f3f1ea;
}

	#sidebarNewsletter h2 {
		background: url(../images/h2-e_newsletter.gif) no-repeat center;
		height: 38px;
		overflow: hidden;
		position: absolute;
		text-indent: -5000px;
		top: 5px;
		width: 100%;
	}

	#sidebarNewsletter form {
		border: 1px solid #cbcac5;
		margin: 4px;
		padding-top: 38px;
	}
	
		#sidebarNewsletter form .textField {
			margin-bottom: 12px;
		}
	
			#sidebarNewsletter form .textField label {
				background: url(../images/txt-type_your_e_mail_address.gif) no-repeat center;
				display: block;
				height: 57px;
				margin-bottom: 12px;
				overflow: hidden;
				text-indent: -5000px;
				width: 100%;
			}
		
			#sidebarNewsletter form .textField input {
				border: 1px solid #b0ada4;
				display: block;
				margin: 0 auto;
				padding: 4px;
				width: 150px;
			}

		#sidebarNewsletter form .submitButton {
			margin-bottom: 12px;
			text-align: center;
		}

			#sidebarNewsletter form .submitButton button {
				background: transparent;
				border: none;
				cursor: pointer;
				height: 10px;
				margin: 0;
				padding: 0;
				width: 101px;
			}

				#sidebarNewsletter form .submitButton button span {
					background: url(../images/btn-click_to_submit.gif) no-repeat;
					display: block;
					height: 10px;
					overflow: hidden;
					text-indent: -5000px;
					width: 101px;
				}

/* =FOOTER
----------------------------------------------- */

/* FOOTER: =Call To Action */

#footerCallToAction {
	left: 65px;
	position: absolute;
	top: 28px;
}

	#footerCallToAction p {
		background: url(../images/txt-call_now_to_order.png) no-repeat;
		height: 36px;
		overflow: hidden;
		text-indent: -5000px;
		width: 181px;
	}

/* FOOTER: =Copyright */

#footerCopyright {
	height: 18px;
	position: absolute;
	right: 65px;
	text-align: center;
	top: 28px;
	width: 212px;
}

	#footerCopyright p {
		color: #615f59;
		font-size: 1.1em;
		line-height: 18px;
		margin: 0;
	}

/* FOOTER: =Developer */

#footerDeveloper {
	background: url(../images/logo-impulse_development.gif) no-repeat right;
	height: 18px;
	padding: 4px 24px 0 0;
	position: absolute;
	right: 65px;
	text-align: right;
	top: 46px;
	width: 188px;
}

	#footerDeveloper p {
		color: #615f59;
		font-size: 1.1em;
		line-height: 18px;
		margin: 0;
	}
	
/* =FORMS
----------------------------------------------- */

/* FORMS: =Basic */

.content form {
	clear: both;
	display: inline;
	float: left;
	margin: 0 20% 2em 20%;
	width: 60%;
}

/* FORMS: =Labels */

.content form label,
.content form .label {
	display: block;
	padding: 6px 0;
	width: 100%;
}

/* FORMS: =Required Fields */

.content form .required label,
.content form .required .label {
	font-weight: bold;
}

.content form .required .option label {
	font-weight: normal;
}

/* FORMS: =Text Fields */

.content form .textField {
	display: inline;
	float: left;
	margin-bottom: 1em;
	width: 100%;
}

	.content form .textField input {
		background: #ffffff;
		border: 1px solid #b0ada4;
		display: inline;
		float: left;
		padding: 4px;
		width: 97%;
	}

	.content form .textField input.small {
		width: 15%;
	}

	.content form .textField input.medium {
		width: 40%;
	}

	.content form .textField .fieldWithErrors input {
		border: 1px solid #b00000;
	}

/* FORMS: =File Fields */

.content form .fileField {
	display: inline;
	float: left;
	margin-bottom: 1em;
	width: 100%;
}

	.content form .fileField input {
		background: #ffffff;
		border: 1px solid #b0ada4;
		display: inline;
		float: left;
		padding: 4px;
	}

	.content form .fileField .fieldWithErrors input {
		border: 1px solid #b00000;
	}

/* FORMS: =Text Areas */

.content form .textArea {
	display: inline;
	float: left;
	margin-bottom: 1em;
	width: 100%;
}

	.content form .textArea textarea {
		background: #ffffff;
		border: 1px solid #b0ada4;
		display: inline;
		float: left;
		height: 75px;
		padding: 4px;
		width: 97%;
	}

	.content form .textArea .fieldWithErrors textarea {
		border: 1px solid #b00000;
	}

/* FORMS: =Check Box */

.content form .checkBox {
	background: #eeeeee;
	display: inline;
	float: left;
	margin-bottom: 1em;
	padding: 0 4px;
	width: 97%;
}

	.content form .checkBox input {
		display: inline;
		float: left;
		margin-top: 6px;
	}

	.content form .checkBox label {
		display: inline;
		float: left;
		padding: 4px;
		width: auto;
	}

/* FORMS: =Text Areas */

.content form .selectField {
	display: inline;
	float: left;
	margin-bottom: 1em;
	width: 100%;
}

	.content form .selectField select {
		display: inline;
		float: left;
	}

	.content form .selectField .fieldWithErrors select {
		border: 1px solid #b00000;
	}

/* FORMS: =Submit Buttons */

.content .submitButton {
	display: inline;
	float: left;
	text-align: center;
	width: 100%;
}

	.content .submitButton button {
		background: #f3f1ea;
		border: none;
		color: #555555;
		cursor: pointer;
		font-size: 1.4em;
		font-weight: bold;
		margin: 0;
		padding: 4px;
	}

		.content .submitButton button span {
			border: 1px solid #cbcac5;
			display: block;
			padding: 4px 12px;
		}
		
		.content .submitButton button:hover span {
			background: #ffffff;
		}
		
/* FORMS: =Error Explanation */

.errorExplanation {
	background: #f7eded;
	border: 1px solid #b00000;
	margin: 12px 0;
	padding: 12px;
}

	.errorExplanation h2 {
		display: none;
	}

	.errorExplanation p {
		color: #b00000;
		font-size: 12px;
		font-weight: bold;
		text-align: center;
	}

	.errorExplanation ul {
		list-style: none;
		margin: 0;
		padding: 0;
		width: 100%;
	}

		.errorExplanation ul li {
			color: #b00000;
			font-size: 12px;
			line-height: 15px;
			list-style: none;
			margin-bottom: 0;
			text-align: center;
		}