html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
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:"" "";}
a img {border:none;}
.clearfix {clear:both;}


body {
    background:#d0dcd8 url(/media/sprites.png) repeat-x 0 -65px;
	font-size:75%;
    color:#d2deda;
	font-family:Georgia, 'Times New Roman', Times, serif;
	cursor:default;
}
input, textarea {
	margin:0;
	padding:0;
	border:0;
	font-family:inherit;
	font-size:inherit;
	background:transparent;
    padding:3px;
    resize:none;
    outline:none;
}
a:link, a:visited {
    color:#0d1726;
    text-decoration:underline;
}

table { border-collapse:collapse; }
td, th {
    border:1px #ced5d2 solid;
    padding:3px 5px;
    vertical-align:top;
}
th, th input {
    font-weight:bold;
    color:#2f5756;
}




#container {
    font-size:1.2em;
    width:914px;
    margin:0 auto;
    text-align:left;
}
#header {
    height:65px;
    margin:0 0 22px 0;
    overflow:hidden;
}
#footer {
    margin:0 0 22px 0;
    text-align:right;
    font-family:"Helvetica Neue", Helvetica, arial, sans-serif;
    color:#666;
    font-size:0.9em;
}
#billable {
    float:left;
    width:120px;
    background:transparent url(/media/sprites.png) no-repeat 0 0;
    height:65px;
}


.options {
    font-family:"Helvetica Neue", Helvetica, arial, sans-serif;
    font-size:.9em;
    margin:0 0 8px 0;
    height:27px;
    overflow:hidden;
}

.options a {
    display:block;
    float:left;
    height:26px;
    line-height:26px;
    padding:0 16px;
    text-decoration:none;
    background:#fff;
    color:#93b8b3;
    margin:0 5px 0 0;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -box-shadow:1px 1px 1 #aec8c4;
    -webkit-box-shadow:1px 1px 1px #aec8c4;
    -moz-box-shadow:1px 1px 1px #aec8c4;
}
.options .r { float:right; }





#content {
    padding:6px;
    margin-bottom:40px; 
    border:1px #b8cdc8 solid;
    background:#c9d8d4;
    -box-shadow:0 0 1 #dee7e3;
    -webkit-box-shadow:0 0 1px #dee7e3;
    -moz-box-shadow:0 0 1px #dee7e3;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}


#page {
    -box-shadow:0 0 3px #cbd9d5;
    -webkit-box-shadow:0 0 3 #cbd9d5;
    -moz-box-shadow:0 0 3 #cbd9d5;
    background:#fff;
    border:1px #b4c0bd solid;
}


.body {
    background:#fafbfb;
    border:1px solid #f5f7f6;
    margin:12px;
    padding:13px 0;
    overflow:hidden;
}







.letterhead, .info, .summary, .notes { 
    overflow:hidden;
    margin:0 27px 18px 27px; 
}



/* letterhead */
.letterhead #kind {
    text-align:center;
    width:100%;
    border:1px solid #d4d6d9;
    border-width:1px 0;
    padding:6px 0;
    color:#2f5756;
    font-weight:bold;
    text-transform:uppercase;
    margin:0 0 15px 0;
}
.letterhead textarea, .letterhead div { width:400px; }
.letterhead textarea { height:110px; }
.letterhead #company_name { 
    float:left; 
    font-size:3em; 
}
.letterhead #company_info {
    float:right;
    text-align:right;
}



/* info */
.info textarea {
    width:400px;
    height:110px;
}
.info table {
    float:right;
    width:330px;
}
.info th { width:146px; }
.info input {
    width:100%;
    padding:3px 0;
}






/* items */
#items {
    width:100%;
    margin:0 0 30px 0;
}
#items a { 
    font-size:0.8em; 
    outline:none;
    text-decoration:none;
}
#items thead th { background:#f1f4f3; }

#items .action {
    width:28px;
    border:0;
    padding:0;
    text-align:center;
    vertical-align:top;
}
#items .action a { 
    padding:0;
    margin:0;
    font-size:.8em;
    color:#666;
    font-weight:normal;
}
#items .description { width:500px; } /* 600 */
#items .quantity { width:150px; }  /* 700 */
#items .price { width:168px; } /* 818 */
#items input, #items textarea {
    margin:0;
    padding:4px 0;
    width:100%;
    display:block;
}
#items textarea {
    height:18px;
    line-height:18px;
}



/* summary */
.summary table {
    float:right;
    width:330px;
    color:#000;   
}
.summary th { 
    width:96px; 
    border-right-color:#eee;
}
.summary input { 
    width:100%;
    padding:0;
}
.summary th input { 
    font-weight:bold;
    color:#2f5756;
}
.summary .meta { width:39px; }
.summary .meta input { width:20px; padding:0;}


/* notes */
.notes {
    clear:both;
    overflow:hidden;
    border:1px solid #eee;
    border-width:1px 0 0 0;
    margin-top:60px;
}
#notes_a, #notes_b {
    width:45%;
    float:left;
    color:#bebebe;
    font-size:.9em;
    padding-bottom:9px;
}
#notes_b { float:right; text-align:right; }











.about_us { color:#333; }
.about_us h1 {
    font-size:1.8em;
    margin:0 0 18px 0;
}
.about_us p { margin:0 0 18px 0; }
.about_us ul { margin:0 0 18px 22px; }
.col1, .col2 { 
    width:400px; 
    padding:22px; 
    float:left;
}
.col2 { width:290px; margin-left:90px; color:#999; }
.smallnotice {
    color:#999;
    display:block;
    clear:both;
    padding-top:35px;
}