/*Utilities*/
body{background-color: #212121; background-image:url(images/bg.jpg); background-position: top; background-position: center;  }
.clear{clear: both;}
.left{float: left;}
.right{float: right;}
.navPadding{/*padding:0px 16px 0px 10px;*/}
.btn{margin: 35px 0px 0px 0px; position: relative; float: left;}
.logoBTN{margin: 15px 15px 5px 10px; position: relative; float: left; }

/* Wrapper */
#container{width:980px; margin: 0 auto;}

/*Header */
#header{width:980px; margin: 0 auto;}
	#logo{}
	#nav{width:730px; margin: 0 auto;}

/*Main Content*/	
#bodyContent{background-image: url(images/contentMid_01.png);  width:905px; margin: 0 auto;}
#contentTop{background-image: url(images/contentArea_03.png); width:905px; height:25px; margin: 0 auto;}
#contentBottom{background-image: url(images/contentArea_06.png); width:905px; height:22px; margin: 0 auto;}

/*Products Content */
#productsContainer{width:850px; height: auto; margin: 0 auto;}

#flushmountAlbums{padding-bottom: 2.0em;}
#albumText{width:370px; float: left; font-family: Arial; font-size: 12px; padding-bottom: 1.3em;}
#coffeeText{width:370px; float: right; font-family: Arial; font-size: 12px; padding-bottom: 1.3em;}
#coffeeAlbums{padding-bottom: 2.0em;}
#slideshows{padding-bottom: 2.0em;}
#slideshowText{width:370px; float: left; font-family: Arial; font-size: 12px; padding-bottom: 1.3em;}
#galleryWraps{padding-bottom: 2.0em;}
#galleryText{width:370px; float: right; font-family: Arial; font-size: 12px; padding-bottom: 1.3em;}
#proofBooks{}
#prints{}
#printText{width:370px; float: left; font-family: Arial; font-size: 12px; padding-bottom: 1.3em;}

/*Contact Page*/
#contactContainer{background-image: url(images/contactPage_03.jpg); width:850px; height: 565px; margin: 0 auto;}
#contactFormContainer{float: left; width:275px; min-height: 400px;}
#contactForm{ font-family: Arial; font-size: 12px; color: white; margin: 15px;}
#contactForm a{color: white; text-decoration: none;}
#contactForm a:hover{color:#3e9bd2; text-decoration: none;}

/*Footer*/
#footer{font-family: "Century Gothic", Arial; font-size: 10px; margin: -10px 0px 0px 60px; float: left; color: white;}
	#footer a{color: white; text-decoration: none;}
	#footer a:hover{color: #3e9bd2;}
#SPC{float: right; color: white; font-family: "Century Gothic", Arial; font-size: 10px; margin: 0px 60px 0px 0px; padding-bottom: 20px;}
#SPC a{color:#00eee0; text-decoration: none;}
#SPC a:hover{color: white;}

/*AJAX Contact  Form CSS */
#contact p, label, legend { font: 12px; color: white; font-family: Arial; }

#contact h1 { margin: 10px 0 10px; font-size: 24px; color: #333333; }
#contact hr { color: inherit; height: 0; margin: 6px 0 6px 0; padding: 0; border: 1px solid #d9d9d9; border-style: none none solid; }

#contact { display: block; width: 650px; margin: 50px auto; padding: 35px; border: 1px solid #cbcbcb; background-color: #FFF; -webkit-border-radius:5px;  }

/* Form style */

#contact label { display: inline-block; float: left; height: 26px; line-height: 26px; width: 155px; font-size: 1.5em; -webkit-border-radius:5px; }
#contact input, textarea, select { width: 280px; margin: 0; padding: 5px; color: #666; background: #f5f5f5; border: 1px solid #ccc; margin: 5px 0; font:1.5em Arial; webkit-border-radius:5px; }   
#contact input:focus, textarea:focus, select:focus { border: 1px solid #999; background-color: #fff; color:#333; }
#contact input.submit { width: 85px; cursor: pointer; border: 1px solid #222; background:#333; color:#fff; }
#contact input.submit:hover { background:#444; }
#contact input[type="submit"][disabled] { background:#888; }
#contact fieldset { padding:20px; border:1px solid #eee; -webkit-border-radius:5px; -moz-border-radius:5px; }
#contact legend { padding:7px 10px; font-weight:bold; color:#000; border:1px solid #eee; -webkit-border-radius:5px; -moz-border-radius:5px; margin-bottom:0 !important; margin-bottom:20px; }

#contact span.required{ font-size: 13px; color: #ff0000; } /* Select the colour of the * if the field is required. */

#message { margin: 10px 0; padding: 0; }

.error_message { display: block; height: 22px; line-height: 22px; background: #FBE3E4 url('../assets/error.gif') no-repeat 10px center; padding: 3px 10px 3px 35px; color:#8a1f11;border: 1px solid #FBC2C4; -webkit-border-radius:5px; }

.loader { padding: 0 10px; }

#contact #success_page h1 { background: url('../assets/success.gif') left no-repeat; padding-left:22px; }

acronym { border-bottom:1px dotted #ccc; }







/* CSS Reset */
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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}