@charset "UTF-8";

/* Reset default browser CSS. */

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 {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
/* Fixes page shift in Firefox */
html {
    overflow-y: scroll;
}
body {
	font: 16px/19px Palatino, "Palatino Linotype", "Book Antiqua", serif;
	color: #6b6b68;
	background-color: #f6f6f4;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}
#outerWrapper {
	width: 982px;
	margin: 50px auto;
}
#innerWrapper {
	width: 950px;
	overflow: hidden;
	position: relative;
	border: none;
}
#header {
	padding: 17px 0 0 253px;
}
#header img.logo {
	padding: 0 0 9px 28px;	
}
#header h1 {
	font-size: 42px; /* was 33 */
	padding-bottom: 8px;
}
#navigation {
	width: 438px;
	border-top: 1px #b3b4b3 solid;
	border-bottom: 1px #b3b4b3 solid;
	overflow: auto;
}
#mainContent {
	margin: 0 0 0 145px;
	z-index: 1;
	padding: 25px;
	color: #6b696a;
}
#mainContent h1 {
	font-size: 19px;
	text-align: left;
	font-weight:bold;
	line-height: 19px;
}
#homePage #mainContent h1 {
	font-size: 26px; /* was 21px */
	text-align: center;
	line-height: 34px; /* was 25.5px */
	font-weight: normal;
}
#homePage #innerWrapper {
	height: 600px;
	background: #fff url(../images/home_bg.jpg) no-repeat center top;
	border: 1px #b3b4b3 solid;
}
#homePage #mainContent {
	padding-top: 60px;
	width: 400px;
	margin: 0 auto;
	position: relative;
}
#homePage #messageBox {
	border: 1px solid #f31b05;
	position: absolute;
	width: 480px;
	left: -19px;
	top: 368px;
	text-align: center;
}
#homePage #messageBox p {
	font-size: 17px;
	line-height: 24px;
	text-transform: uppercase;
	color: #f31b05;
	text-align: center;
	padding: 20px 10px;
}
/* Ideas page */
#ideasPage #innerWrapper {
	height: 988px;
	background: url(../images/ideas_bg.jpg) no-repeat center top;
}
#ideasPage #mainContent {
	padding-top: 32px;
	width: 450px;
	margin-left: 104px;
}
#ideasPage h1 + p {
	margin-top: 14px;
}
#ideasPage #narrowIdeas {
	width: 375px;	
}
/* Customers page */
#customersPage #innerWrapper {
	background: url(../images/customers_bg.gif) repeat center top;
}
#customersPage #mainContent {
	padding-top: 32px;
	width: 738px;
	margin-left: 104px;
}
/* About page */
#aboutPage #innerWrapper, #thanksPage #innerWrapper {
	background: url(../images/about_bg.jpg) no-repeat center top;
	/* [disabled]height: 549px; */
}
#aboutPage #mainContent, #thanksPage #mainContent {
	padding-top: 32px;
	width: 738px;
	margin-left: 104px;
}
#aboutPage p, #thanksPage p {
	margin-top: 14px;
	width: 450px;
}
#aboutPage #footer p {
	width: 100%;	
}
/* Policies page */
#policiesPage #innerWrapper {
	background: url(../images/policies_bg.gif) repeat center top;
	/* [disabled]height: 773px; */
}
#policiesPage #mainContent {
	padding-top: 32px;
	width: 738px;
	margin-left: 104px;
}
#policiesPage p {
	margin-top: 14px;
}
/* Gallery page */
#galleryPage #innerWrapper {
	background: url(../images/gallery_bg.gif) repeat-y center top;
	/* [disabled]height: 583px; */
}
#galleryPage #mainContent {
	padding-top: 20px;
	width: 842;
	margin-left: 53px;
}
#galleryPage p {
	margin-top: 14px;
}

/* General links */
a:link, a:visited {
	color: #6b696a;
	text-decoration:none;	
}
a:hover, a:active {
	color: #f31b05;
	text-decoration:none;	
}
ul#nav, ul#subNav {
	width: 391px;
	margin: 0 auto;
	padding: 4px 0;
	font: 12px/14px Georgia, "Times New Roman", Times, serif; /* was 11/12 */
}
ul#subNav {
	width: 234px;	
}
ul#nav li, ul#subNav li {
	list-style: none;
	text-align: center;
	padding: 0 30px 2px 0;
	margin: 0;
	float: left;
}
ul#nav li.lastOne, ul#subNav li.lastOne {
	padding-right: 0;	
}
ul#nav li a {
	/* [disabled]display: block; */
}
ul#subNav li a:hover, ul#subNav li a:active {
	color: #6b696a;
	border-bottom: 2px solid #f31b05;	
}

#footer #logo {
	background: url(../images/logo.gif) no-repeat center top;
	height: 61px;
	width: 124px;
	padding: 0 0 0 35px;
	margin: 0;
	position: absolute;
	bottom: 30px;
}
#mainContent #topHome {
	font-size: 17px;
	line-height: 37px;
	font-weight: bold;
	text-transform: uppercase;
	width: 310px;
	color: #FFF;
	padding: 54px 0 0 466px;
}
#homePage p#secondHome {
	font-size: 16px;
	line-height: 37px;
	font-weight: bold;
	width: 310px;
	color: #FFF;
	text-transform:none;
	padding: 35px 0 0 0;
}
#footer {
	font-size: 12px;
	color: #6B696A;
	position: relative;
	width: 982px;
	margin: 10px auto;
}
div#jandm {
	position: absolute;
	right: 15px;
	bottom: 25px;
}
#footer p span {
	padding-right: 5px;
	padding-left: 5px;
}

#galleryPage li#galleryNav a {
	color: #f31b05;
	text-decoration:none;	
}
#ideasPage li#ideasNav a {
	color: #f31b05;
	text-decoration:none;	
}
#customersPage li#customersNav a {
	color: #f31b05;
	text-decoration:none;	
}
#aboutPage li#aboutNav a {
	color: #f31b05;
	text-decoration:none;	
}
#policiesPage li#policiesNav a {
	color: #f31b05;
	text-decoration:none;	
}
.gallery1Page li#gallery1Nav a {
	border-bottom: 2px solid #f31b05;	
}
.gallery2Page li#gallery2Nav a {
	border-bottom: 2px solid #f31b05;	
}
#mainContent h2 {
	font-size: 16px;
	line-height: 19px;
	font-weight: bold;
	margin-top: 30px;
}
div.quote {
	margin-top: 20px;	
}
.testifier {
	font-weight: bold;
	font-style:italic;	
}
#galleryPage #subNavigation {
	position: relative;
	overflow: hidden;
}
#galleryPage #mainContent h2 {
	margin-top: 24px;
	text-transform: uppercase;
}
#galleryPage #galleryIntro, #gallerySpecs {
	width: 726px;
	margin: 20px auto 40px auto;
}
div#viewCart {
	color: #0694cf;
	position: absolute;
	right: 117px;
	top: 115px;
	width: 75px;
	text-align: center;
}
div#viewCart a:link, div#viewCart a:visited {
	text-decoration: underline;
	text-transform:uppercase;
	color: #0694CF;
}
div#viewCart a:hover, div#viewCart a:active {
	color: #f31b05;
}
div.columnWrap {
	overflow: hidden;
}
#galleryContent .galColRight .galCol1, #galleryContent .columnInfo .galCol1 {
	float: left;
	width: 430px;
	font-weight: bold;
	margin-bottom: 18px;
}
#galleryContent .galColRight .galCol2, #galleryContent .columnInfo .galCol2 {
	float: right;
	width: 200px;
	text-align: center;
	/* [disabled]margin-right: 50px; */
	margin-bottom: 18px;
	/* [disabled]padding-right: 50px; */
}
#galleryContent .galColLeft {
	width: 476px;
	float: left;
}
#galleryContent .galColLeft .galCol1 {
	float: left;
	width: 250px;
}
#galleryContent .galColLeft .galCol2 {
	width: 200px;
	margin-bottom: 18px;
	margin-left: 261px;
}

#galleryContent .galColRight {
	width: 360px;
	float: right;
}
#galleryContent .step {
	font-size: 10px;
}
#galleryPage input[type="radio"] {
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    -ms-appearance: checkbox;     /* not currently supported */
    -o-appearance: checkbox;      /* not currently supported */
}
#galleryPage #galleryContent {
	width: 726px;
	margin: 0 auto;
}
#galleryContent #gal_1-1 .columnInfo {
	margin: 0 25px;
	padding-left: 25px;
}
p.firstStep {
	margin-left: 25px;	
}
#galleryContent #gal_1-1 .columnInfo, p.lastOne {
	margin: 0;	
}
#galleryPage input.firstText {
	margin-left: 45px;
	width: 200px;
}
#galleryPage .subCol {
	float: left;
	width: 90px;
	margin-right: 30px;
	text-align: center;
}
#galleryPage .subCol .lastOne {
	margin-right: 0;	
}
#galleryPage div.photoText {
	margin-top: 60px;	
}
#galleryPage textarea {
	width: 228px;	
	height: 75px;
}
#galleryPage .imageRight {
	float: right;
	padding-right: 25px;	
}
#galleryPage .photoImage {
	height: 196px;	
}
#galleryPage .quantityBox {
	width: 18px;
	height: 14px;	
	text-align: center;
}
#galleryPage .galleryItem {
	width: 208px;
	height: 300px;
	float: left;
	padding: 5px;
	margin-right: 36px;
	margin-bottom: 36px;
	position: relative;
}
#galleryPage .galleryItem h1 {
	font-size: 16px;
	font-weight: normal;
	/* [disabled]height: 65px; */
	text-align: center;
}
#galleryPage .galleryItem p.galleryImage {
	text-align: center;
}
#galleryPage .galleryItem:nth-child(3n) {
	margin-right: 0;	
}
#galleryPage .galleryItem div.clickText {
	position: absolute;
	width: 208px;
	bottom: 0;
	left:0;
}
#galleryPage #galleryContent h2 + p {
	margin-top: 0;
}
#galleryPage .galleryItem div.clickText p {
	text-align: center;
	font-size: 12px;
	margin-top: 0;
}
#messageBox a:link, #messageBox a:visited {
	color: #f31b05;
	text-decoration: none;
	border-bottom: 1px #f31b05 solid;
}
#messageBox a:hover, #messageBox a:active {
	color: #065C41;
	text-decoration: none;
	border-bottom: 1px #065C41 solid;
}
.galleryOrdering ol {
	margin: 16px 0 16px 32px;	
}
.galleryOrdering ol li {
	list-style:decimal;
	margin-bottom: 16px;	
}
#galleryPage div.galleryItem.galleryOrder {
	margin-top: 25px;
	width: 726px;
	float: none;
	height: auto;
	padding: none;
	margin-bottom: 25px;
	overflow: hidden;
}
#galleryPage div.galleryItem.galleryOrder h1 {
	text-align: center;
	height: none;
}
.galleryOrder #imageColumn {
	float: left;
	width: 350px;
}
.galleryOrder #orderWrap {
	margin-left: 380px;
	width: 350px;
	margin-top: 30px;
}
.galleryOrder #stepColumn {
	float: left;
	width: 60px;
	margin-top: -15px;
}
.galleryOrder #orderColumn {
	margin-left: 30px;
	width: 370px;
	font-size: 12px;
	text-transform: uppercase;
}
#orderWrap .file-uploader {
	padding-top: 10px;	
}
#orderWrap #photoTextarea {
	padding-top: 39px;
	padding-bottom: 21px;
}
#orderWrap #photoTextarea textarea{
	color: #999;
	font-size: 10px;
	height: 50px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
     /* put webkit CSS here*/
#orderWrap #photoTextarea {
	padding-top: 17px;
}
#theForm {
	padding-top: 18px;	
}
}
#orderWrap #photoQuantity {
	width: 30px;
	text-align: center;
}
#orderWrap #photoATC {
	margin-top: 32px;
	margin-left: 30px;	
}
#orderWrap select#os0 {
	width: 203px;	
}
#orderWrap input#atc {
	width: 235px;	
}
.submit-button {
	display:block; /* or inline-block */
	width: 82px;
	padding: 2px 0;
	text-align:center;
	font-size: 9px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	background:#4D4C51;
	border-bottom:1px solid #4D4C51;
	color:#fff;
	white-space: nowrap;
}
#galleryIntro p a:link, #galleryIntro p a:visited, #orderColumn p a:link, #orderColumn p a:visited {
	color: #F00;
	text-decoration: none;
	border-bottom: 1px solid red;
}
#galleryIntro p a:hover, #galleryIntro p a:active, #orderColumn p a:hover, #orderColumn p a:active {
	color: #065C41;
	text-decoration: none;
	border-bottom: 1px #065C41 solid;
}
div#photoATC.hover {
	background-color: #c00;
	cursor: pointer;	
}
#thanksPage #mainContent p {
	width: 400px;	
}
/* file field */
div.fileUpload {
	margin-bottom: 0;
}
#orderColumn p.addedInfo {
	text-transform: none;
	margin-top: 0;
}
#orderColumn p.finalLine {
	margin-bottom: 6px;	
}
div#stepColumn p#orderStep1 {
	margin-bottom: 84px;	
}
div#stepColumn p#orderStep2 {
	margin-bottom: 57px;	
}
div#stepColumn p#orderStep3 {
	margin-bottom: 56px;	
}
/* Contain floats: h5bp.com/q */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
