/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License:none (public domain)
*/

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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video{
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font:inherit;
	vertical-align:baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section{
	display:block;
}
ol, ul{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after{
	content:'';in
	content:none;
}
div.clear {
	clear: both;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
html {
	background: #f0f0f0 url(../images/bg-1.png);
}
body {
}
#container{
	margin: 0 auto;
	border: 0px solid red;
	margin-top: 1.5em;
	padding: 0 5px 0 5px;	
}
#postcard {
	border: 0px solid yellow;
	margin: 0 auto;
	/* can't do this. see http://stackoverflow.com/q/284064
	width: auto;
	display: inline-block;*/
	width: 400px;
}
#postcard h2 {
	font:normal 62px/66px 'Carme', sans-serif;
	text-align: center;
}
#postcard h1 {
	font:normal 36px/2.5em 'Carme', sans-serif;
	text-align: center;	
}
#menu-container {
	border: 0px solid aqua;
	width: 400px;
	margin: 0 auto;
	margin-bottom: 2.5em;
}

#menu {
	width: 345px;
	margin: 0 auto;
}
.verb {
	border: 0px dashed black;
	float: left;
	font:normal 20px/34px 'Carme', sans-serif;	
}
.noun {
	border: 0px dashed blue;
	float: right;
	text-transform: uppercase;
	font:normal 20px/34px 'Carme', sans-serif;		
}
#clients p {
	font:normal 13px/16px 'Ubuntu Mono', sans-serif;		
	text-align: center;
	margin-top: 1em;
}
#clients ul {
	text-align: center;
}
#clients ul li {
	display:inline;
	padding-right: 1em;
}
#clients ul li:last-child {
	padding-right: 0;
}
#clients ul li span {
	font:normal 24px/36px 'Quicksand', sans-serif;		
	color: #371C1C;
}
#form {
	width: 400px;
	margin: 0 auto;
}
.contact-form{
	overflow:hidden;
	width:400px;
	float:left;
}
.contact-form .box{
	overflow:hidden;
	padding:0 0 11px;
}
.contact-form .box .row{
	float:left;
	width:196px;
}
.contact-form .row .block{
	overflow:hidden;
	padding:0 0 10px;
}
.contact-form .text{
	background:url(../images/bg-text.png) no-repeat;
	width:195px;
	height:33px;
	float:left;
	padding:3px 4px;
}
.contact-form .text input{
	float:left;
	background:none;
	border:none;
	font:12px/33px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#7d1313;
	padding:0 10px;
	width:225px;
	height:33px;
}
.contact-form .textarea{
	background:url(../images/bg-textarea.png) no-repeat;
	width:279px;
	height:83px;
	padding:3px 4px;
	position:relative;
	float:right;
	overflow:hidden;
}
.contact-form textarea{
	background:none;
	border:none;
	width:269px;
	height:71px;
	font:12px/20px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#7d1313;
	margin:0;
	padding:6px 0 6px 10px;
	min-width:269px;
	min-height:71px;
	max-width:269px;
	max-height:71px;
	float:left;
	overflow:auto;
}
.contact-form label{
	font:16px/20px FuturaLT, Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#14385a;
	letter-spacing:1px;
	float:left;
	width: 260px;
}
*+html .contact-form label{letter-spacing:-1px;}
.contact-form select{
	width:284px;
	float:right;
	color:#7d1313;
	font:12px/20px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.contact-form .holder{
	overflow:hidden;
	margin:0 0 11px;
	padding:0 0 17px 3px;
	border-bottom:1px solid #cdcdcd;
}
.contact-form .frame{
	overflow:hidden;
	padding:0 2px 0 4px;
}

.contact-form .check-holder{
	float:left;
	width:420px;
	overflow:hidden;
	padding:6px 0 0;
}
.contact-form .check-holder label{
	float:left;
	padding:0;
	letter-spacing:0;
	font:11px/16px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#355577;
}
.contact-form .check-holder label a{
	color:#355577;
	text-decoration:underline;
}
.contact-form .check-holder label a:hover{text-decoration:none;}
.contact-form .check-holder .check{
	float:left;
	height:16px;
	margin:0 7px 0 0;
	padding:0;
	width:16px;
}
.btn-submit{
	background:url(../images/btn-submit.gif) no-repeat;
	border:none;
	width:111px;
	height:28px;
	font:15px/28px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#fff;
	padding:0 18px 2px 0;
	margin:0;
	float:right;
	cursor:pointer;
}
.btn-submit:hover{text-decoration:underline;}