/* ===============================

www.---------.com
March 15 2010

swatch colors
===========
13437a - dark blue
1d74be - mid blue

http://www.w3.org/TR/CSS21/selector.html

================================= */

* { margin: 0; padding: 0; }

html, body { height: 100%; }

body { height: 100%; font-size: 62.5%; /* Resets 1em to 10px */ font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; margin: 0; padding: 0; background-color: White; }





/* Headings H1-H6 */
h1 { display: none; }
h2 { display: none; }
h3 { display: none; }
h3 { display: none; }

/* -----------------------  LINKS  ---------------------- */

a { color: #636363; outline: none; }
a:hover { color: #636363;  }
a:focus { color: #636363; outline: none;}
a:visited { color: #636363; }
a:active { outline: 0;  }

img { border: none; }




p {
	xline-height: 1.8em;
	margin: 0 0 .7em 0;
	xcolor: #909090;
}




/* ------------  Centers the Block in the Page -------------- */	

#distance { float: left; width: 1px; height: 50%; margin-bottom: -345px; /* ENTER half of container's height *//* ENTER half of container's height */ }

#column {
	margin: 0 auto;
	clear: left;
	position: relative;
	text-align: left;
	width: 940px;
	height: 705px; /* ENTER full container height *//* ENTER full container height */
}

#content { width: 940px; height: 581px; }

#left-column {
	float: left;
	width: 453px;
	height: 581px;
	xmargin: 0 50px 0 0;
}

#right-column {
	float: right;
	width: 453px;
	height: 581px;
}
#right-column {
	font-size: 12px;
	color: black;
}
#right-column a {
	color: black;
}


#galleries { float: right; margin: 0 70px 0 0; _margin: 4px 70px 0 0; display: inline; }

















/* -----------------------  Material Works Page  ---------------------- */

.thumbs { margin: 0 0px 2px 0; }

.lastthumb { margin: 0 0px 2px 0; }


















/* -----------------------  Mail Chimp Madness  ---------------------- */

#mc_embed_signup {
	float: left;
	width: 400px;
	height: 40px;
	margin: 16px 0 0 0;
	text-align: left;
}
#mc_embed_signup p {
	color: #999;
	font-size: 11px;
	margin: 0 0 2px 0;
}

.signup { margin: 0 0 5px 0; }

fieldset { border: none; margin: 0; padding: 0; }
#mce-EMAIL {
	height: 18px;
	width: 160px;
	padding: 0 0 0 5px;
	background-color: white;
	color: gray;
	border: 1px solid gray;
		xfont-size: 12px;
} 

.join-button { border: 0; margin: 0 0 0px 4px; _margin: 1px 0 0 4px; padding: 0; background-color: white; height: 20px; }
#mce-responses { color: Gray; }
#mce-error-response { font-size: 11px; }
#mce-success-response { font-size: 11px; }
















/* ------------  Footer ------------ */	
#footer {
	border-top: 1px solid gray;
	height: 60px;
	width: 940px;
	margin: 40px 0 0 0;
}

#copyright {
	width: 940px;
	font-size: 10px;
	color: Gray;
	text-align: left;
	margin: 5px 0 0 0;
	height: 10px;
	xbackground-color: red;
}








/* ------------ CONTACT PAGE  ------------ */

#contactform { width: 370px; float: right; margin: 0 80px 0 0; color: white; font-size: 1.1em; display: inline; }
.contact { text-indent: -100em; overflow: hidden; width: 367px; height: 38px; background: url(../images/contact-us.gif) no-repeat 0 7px; }
#contactinfo { float: left; width: 230px; height: 300px; border-right: 1px solid #BDD9EA; margin: 0 0 10px 0; }

#contactform p { xpadding: 0 0 2px 0; xmargin: 0; }

.mailformfield{ background-color: #EDEDED; border: 1px solid #9E9E9E; height: 18px; padding: 0 0 0 5px; margin: 2px 0 15px 0; width: 230px; color: #506569; font-family: Arial, Helvetica, sans-serif; }

.messageformfield{ background-color: #EDEDED; border: 1px solid #9E9E9E; height: 85px; margin: 2px 0 8px 0; padding: 3px 0 0 5px; width: 230px; color: #506569; font-family: Arial, Helvetica, sans-serif; }

textarea: focus { border: 1px solid red; }

.field { color: #506569; background-color: #E5E5E5; border: 0px solid #9E9E9E; font-size: 1.1em; font-family: arial, helvetica, sans-serif; }
.single { height: 18px; width: 162px; margin: 0; padding: 3px; }
.comment { height: 85px; width: 363px; padding: 3px 0 0 3px; overflow: hidden; !important: ; }

/* ------------ submit button with rollover ------------ */	
.submit { background: url(../images/send.gif) no-repeat; height: 17px; width: 82px; border: none; padding-top: 17px; float: right; cursor: pointer; margin: 0 3px 0 0; }
.submit:hover { background: url(../images/send.gif) no-repeat 0 -17px; }


/* ------------  Contact Form V2 
#contactform { xmargin: 20px 0 60px 0; xwidth: 230px; xfloat: left; }
------------ */	






.floatleft { float: left; }
.floatright { float: right; }
.alignleft { text-align: left; }
.alignright { text-align: right; }









.box { padding: 1.5em; margin-bottom: 1.5em; background: #E5ECF9; }


.xsmall { font-size: 85%; }
.small { font-size: .9em; margin-bottom: 1.875em; line-height: 1.875em; }
.large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.quiet { color: #666; }
.loud { color: #000; }

caption { background:#eee;padding: 10px;}
cite { text-decoration: none; }
address { font-size: 1.3em; margin: 0 0 1.5em 1em; font-style: italic; }
abbr, acronym { xborder-bottom: 1px dotted #666; }
sup, sub { line-height: 0; }


.floatleft { float: left; }
.floatright { float: right; }

.center { text-align: center; }

.picleft { float: left; padding: 4px 8px 8px 0; }
.picright { float: right; padding: 4px 0 8px 8px; }

.clear {clear: both;}
.hide { display: none; }
.vcard { display: none; }

/* to create serif italic dramatic text, use this class */
.fancy { color: #666; font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif; font-style: italic; font-weight: normal; font-size: 1.2em; }  

/* creates small caps */
.caps { font-variant: small-caps; letter-spacing: 1px; text-transform: lowercase; font-size: 1.2em; font-weight: bold; padding: 0 2px; }

/*Opacity?? http://arbent.net/blog/css-tips-that-every-beginning-developer-should-know-about
.class { opacity: 0.7; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.5; }
*/


/* hides the feedburner logo when using BuzzBoost */
#creditfooter { display: none; }