/* Reset Styles */
/* From Eric Meyer http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/ */
/* *************************************************************************************** */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Clearfix */
/* *************************************************************************************** */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}


/* Layout */
/* *************************************************************************************** */
* {margin:0;padding:0;border:none} /* Reset all elements to zero margin and padding */

body {
	background:#FFF;
	color:#000;
	font:12pt Georgia, "Times New Roman", Times, serif;
	line-height:1.4em
}
h1 {
	background:url(../images/design/h1.gif) no-repeat left bottom;
	color:#4d4b48;
	font-size:1.5em;
	margin:0 0 0.5em;
	padding:0 0 15px;
	text-align:left;
}
p {
	margin:0 0 1em;
}
form {
	width:95%;
}
form.order {width:auto;margin-bottom:1em}
label {
	display:block;
	margin-bottom:0.25em;
	margin-right:0;
	margin-top:0;
}
label span {
	display:block;
	float:left;
	margin-right:15px;
	text-align:right;
	width:30%;
}
.column {
	width: 252px;
	border: 1px solid #6C6A65;
	background: #E1D8BF;
	padding: 10px;
	margin: 0 0 1em 0!important;
}
.column h2 {
	background: url(../images/design/headingBg.jpg);
	border: 1px solid #6C6A65;
	color: #FFFFFF;
	text-align: center;
}
.column img {
	border: 1px solid #6C6A65;
}

.break {
	clear:both;
	float: none;
}
form span.buttons {
	text-align:right;
	display:block;
	padding-left:30%;
	margin-left:15px;
	float:left;
	clear:both;
	position:relative;
}
h2 {
	color:#4d4b48;
	font-size:1.3em;
	font-style:italic;
	margin:0 0 0.5em;
	line-height: 1em;
	padding: 0px;
}
h3 {
	color:#6C6A65;
	font-size:1.1em;
	margin:0 0 1em;
}
.signatures {
	text-align:left;
}
a img {border-style:none;}
div.caption {
	display: block;
	float: none;
	clear: both;
	width:inherit;
	padding: 10px 0px 0px;
}
.important {
	color:#6C6A65;
	font-style:italic;
	font-weight:bold;
}
#content div.gallery img {
	border-style: none;
	border: 1px solid #6D6B65;
	margin: 0 0 15px 15px;
}
#content .main div.gallery img {
	margin: 0 0 14px 14px;
}

div.gallery {
	text-align: left;
	margin: 0 0 1em -14px;
}
.aside div.gallery {margin:0;}
#content .aside div.gallery img { float:right; margin:0 0 .25em 0.5em; clear:left }
.aside div.gallery p { float:left; width:250px; clear:both; background: #E1D8BF; }
.right {
	float: right;
	margin: 0 0 1em 1em;
}
.left {
	float: left;
	margin: 0 1em 1em 0;
	clear: left;
}
img.left, img.right{
	border: 1px solid #BFBFBF;
}
.imgAndCaption img {
	border: 1px solid #BFBFBF;
}
.imgAndCaption {
	padding: 5px;
	border: 1px solid #BFBFBF;
	background: #F7F3E9;
	width:250px;
	clear:both
}
noscript {
	color: #CC6600;
	font-weight: bold;
}
img.noBorder, .noBorder {
	border-style: none !important;
}
#content .product img { float: right; padding: 0px; margin: 0 0 0 1em; border: 1px solid #6C6A65; 
}

div.product { clear: both; margin: 0 0 1em; padding: 5px 20px 20px 5px; float: left; height: auto; width: 704px; background: #F9F7F0; border-bottom: 1px solid #6C6A65; }
h2.product, h3.product {
	font-size:1.1em;
	background:url(../images/design/h3.gif) no-repeat right bottom;
	margin:0;
	padding:8px 0 0 0;
	text-align:center;
	height:32px;
	float:left;
	clear:both;
	color: #FFFFFF;
	line-height: 1em;
	display: block;
	position: relative;
	width: 556px;
	text-align:center;
	font-style: normal;
}
.note, .aside form {
	font: 0.7em Arial, Helvetica, sans-serif;
}
ul {
	margin: 0px 0px 1em 1em;
	padding: 0px;
}
li { margin: 0px 0px 0px 1em; list-style: disc outside; padding: 0px 0px 0px 0em; }
a.button {
	display: block;
	float: none;
	clear: both;
	text-align: center;
	background: #E1D8BF;
	border: 1px solid #6C6A65;
	text-decoration: none;
	width: 25%;
	margin: 0px auto 2em;
	font-size: 0.7em;
	line-height: 1.2em;
}
.column a.button {
	margin: 1em auto 0px;
	width: auto;
	background: #FFFFFF;
	padding: 2px 0px;
}
.product .button {
	float: left;
	clear: none;
	background: #FFFFFF;
	width: 40%;
	padding: 0.25em 0px;
	margin-left: 12px;
	margin-right: 0px;
}
ul ul {
	margin: 0px;
	padding: 0px;
	list-style: circle;
}
.product form {
	width: 50%;
	text-align: left;
	margin: 0px;
	padding: 0px;
	display: block;
	height: auto;
}
.aside form { width: auto; clear: both; 
}
#content textarea, #content input {border:solid 1px #E1D8BF; padding:.187em;}

h4 {
	color: #6C6A65;
	margin: .5em 0 0 0;
	font-size: 1.2em;
}
.failValidation label {
	background: #E1D8BF;
	font-weight: bold;

}
.right p {
	text-indent: 0px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 25px;
	margin-left: 25px;
}
.special {
	color: #FF3300;
	font-weight: bold;
	font-style: italic;
}
#content img {
	margin-bottom: 0.5em;
}
.column p {
	margin: 0px 0px .5em;
}
/* Tables */
table {
	margin: 0px 0px 1em;
	padding: 0px;
	text-align: left;
	border-collapse:collapse;
	font-family: Arial, Helvetica, sans-serif;
}
th {
	background: #9D6635;
	color: #FFFFFF;
	font-weight: bold;
}
tr {}
tr.odd {
	background: #F4F1E8;
}
tr.even {}
td, th {
	padding: 0.2em 0.5em;
	font-size: 0.9em;
	border-bottom: 1px solid #6C6A65;
}
caption {display:none}


/* Message Boxes - from mattvarone.com */
.message-box { text-align: center; padding: 5px; color:#545454; width:auto; margin:10px auto; }

.clean { background-color: #efefef; border-top: 2px solid #dedede; border-bottom: 2px solid #dedede; }

.info { background-color: #f7fafd; border-top: 2px solid #b5d3ff; border-bottom: 2px solid #b5d3ff; }

.ok { background-color: #d7f7c4; border-top: 2px solid #82cb2f; border-bottom: 2px solid #82cb2f; }

.alert { background-color: #fef5be; border-top: 2px solid #fdd425; border-bottom: 2px solid #fdd425; }

.error { background-color: #ffcdd1; border-top: 2px solid #e10c0c; border-bottom: 2px solid #e10c0c; }

.message-box.ok,
.message-box.clean { -webkit-transition-delay: 999s; -moz-transition-delay: 999s; -o-transition-delay: 999s; transition-delay: 999s; -webkit-transition-duration: 999s; -moz-transition-duration: 999s; -o-transition-duration: 999s; transition-duration: 999s; }

*:hover .message-box.ok,
*:hover .message-box.clean { color:#545454; border-color:rgba(200, 200, 200, 0.5); background:rgba(230, 230, 230, 0.5); -webkit-transition-delay: 6s; -moz-transition-delay: 6s; -o-transition-delay: 6s; transition-delay: 6s; -webkit-transition-duration: 2s; -moz-transition-duration: 2s; -o-transition-duration: 2s; transition-duration: 2s; }