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; }

*:focus { outline: 0; }

body { line-height: 1em; color: black; background: #fff; }

ol, ul { list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; vertical-align: middle; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: "" ""; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; }

img a { border: none; }

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; }

*:focus { outline: 0; }

body { line-height: 1em; color: black; background: #fff; }

ol, ul { list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; vertical-align: middle; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: "" ""; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; }

img a { border: none; }

body { line-height: 1.5; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; color: #333333; font-size: 75%; }

h1 { font-weight: normal; color: #222222; font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h1 img { margin: 0; }

h2 { font-weight: normal; color: #222222; font-size: 2em; margin-bottom: 0.75em; }

h3 { font-weight: normal; color: #222222; font-size: 1.5em; line-height: 1; margin-bottom: 1em; }

h4 { font-weight: normal; color: #222222; font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }

h5 { font-weight: normal; color: #222222; font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }

h6 { font-weight: normal; color: #222222; font-size: 1em; font-weight: bold; }

h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }

p { margin: 0 0 1.5em; }
p img.left { display: inline; float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { display: inline; float: right; margin: 1.5em 0 1.5em 1.5em; padding: 0; }

a { text-decoration: underline; color: #000099; }
a:visited { color: #000066; }
a:focus { color: black; }
a:hover { color: black; }
a:active { color: #cc0099; }

blockquote { margin: 1.5em; color: #666; font-style: italic; }

strong { font-weight: bold; }

em { font-style: italic; }

dfn { font-style: italic; font-weight: bold; }

sup, sub { line-height: 0; }

abbr, acronym { border-bottom: 1px dotted #666; }

address { margin: 0 0 1.5em; font-style: italic; }

del { color: #666; }

pre { margin: 1.5em 0; white-space: pre; }

pre, code, tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

li ul, li ol { margin: 0 1.5em; }

ul { margin: 0 1.5em 1.5em 1.5em; list-style-type: disc; }

ol { margin: 0 1.5em 1.5em 1.5em; list-style-type: decimal; }

dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }

dd { margin-left: 1.5em; }

table { margin-bottom: 1.4em; width: 100%; }

th { font-weight: bold; }

thead th { background: #c3d9ff; }

th, td, caption { padding: 4px 10px 4px 5px; }

tr.even td { background: #e5ecf9; }

tfoot { font-style: italic; }

caption { background: #eee; }

.quiet { color: #666666; }

.loud { color: #111111; }

.showgrid { background: url('../images/grid.png?1267818027'); }


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

div.border { padding-right: 6.5px; margin-right: 7.5px; border-right: 1px solid #eeeeee; }

div.colborder { padding-right: 27px; margin-right: 27px; border-right: 1px solid #eeeeee; }

hr { background: #dddddd; color: #dddddd; clear: both; float: none; width: 100%; height: .1em; margin: 0 0 1.45em; border: none; }

hr.space { background: #dddddd; color: #dddddd; clear: both; float: none; width: 100%; height: .1em; margin: 0 0 1.45em; border: none; background: #fff; color: #fff; }

@font-face { font-family: 'RabioheadRegular'; src: url('../fonts/rabiohead.eot'); src: local('Rabiohead'), local('Rabiohead'), url('../fonts/rabiohead.woff') format('woff'), url('../fonts/rabiohead.ttf') format('truetype'), url('../fonts/rabiohead.svg#Rabiohead') format('svg'); }

@font-face { font-family: 'BrandonGrotesqueRegular'; src: url('../fonts/Brandon_reg.eot'); src: local('Brandon Grotesque'), local('BrandonGrotesque-Regular'), url('../fonts/Brandon_reg.woff') format('woff'), url('../fonts/Brandon_reg.otf') format('opentype'), url('../fonts/Brandon_reg.svg#BrandonGrotesque-Regular') format('svg'); }

#container { width: 865px; margin: 0 auto; overflow: hidden; display: inline-block; margin-top: 50px; }
#container { display: block; }

#header { display: inline; float: left; margin-right: 0; width: 865px; }
* html #header { overflow-x: hidden; }

#footer { display: inline; float: left; margin-right: 0; width: 865px; font-size: .75em; margin-top: 50px; text-align: center; }
* html #footer { overflow-x: hidden; }
#footer .credits { color: #a7a8af; }
#footer .credits a { color: #a7a8af; }

#header { position: relative; padding-top: 60px; background-image: url(../images/eaglecolor_logo_small.png); background-repeat: no-repeat; background-position: 137px 49px; }

#navigation { margin: 0; padding: 0; border: 0; outline: 0; overflow: hidden; display: inline-block; border-bottom-color: #a7a8af; border-bottom-style: solid; border-bottom-width: 2px; padding-bottom: 0px; font-family: 'BrandonGrotesqueRegular',sans-serif; }
#navigation { display: block; }
#navigation li { list-style-type: none; margin-left: 0px; white-space: nowrap; display: inline; float: left; padding-left: 4px; padding-right: 4px; }
#navigation li.first { padding-left: 0px; }
#navigation li.last { padding-right: 0px; }
#navigation li { margin-right: 7px; padding-right: 6px; line-height: 14px; border-right-color: #a7a8af; border-right-width: 1px; border-right-style: solid; padding-bottom: 6px; }
#navigation .last { border-right: none; border-right-style: none; }
#navigation .begin { margin-left: 200px; }
#navigation ul { margin: 0; }
#navigation ul li { list-style-type: none; margin-left: 0px; }
#navigation a { font-size: 10pt; color: black; letter-spacing: 2pt; text-transform: uppercase; }
#navigation .current { text-decoration: underline; }

#content { display: inline; float: left; margin-right: 0; width: 865px; padding-top: 30px; padding-bottom: 30px; border-bottom-color: #a7a8af; border-bottom-style: solid; border-bottom-width: 2px; font-family: 'RabioheadRegular',Georgia, serif; }
* html #content { overflow-x: hidden; }
#content .image { width: 700px; height: 400px; margin-left: auto; margin-right: auto; overflow: hidden; }
#content .text { padding-left: 200px; display: inline; float: left; margin-right: 15px; width: 545px; margin-left: auto; margin-right: auto; }
* html #content .text { overflow-x: hidden; }
#content .contact { background-image: url(../images/paper_phone.jpg); background-repeat: no-repeat; }
#content .image_overlay { background-image: url(../images/paper_cars.jpg); background-repeat: no-repeat; width: 700px; height: 400px; margin-left: auto; margin-right: auto; }
#content .image_overlay2 { background: url(../images/paper_carless.jpg); }
#content .indent { padding-left: 40px; }
#content .image_text { font-size: 25pt; position: relative; height: 0px; width: auto; left: 210px; top: 280px; }
#content .image_paragraph { padding-left: 200px; display: inline; float: left; margin-right: 15px; width: 505px; line-height: 1.9em; font-size: 10pt; position: relative; height: 0px; top: 20px; }
* html #content .image_paragraph { overflow-x: hidden; }
#content .image_slogan { font-size: 22pt; padding-top: 200px; padding-right: 20px; text-align: right; }
#content .fade div h1 { display: none; position: absolute; margin-top: -57px; top: 0; left: 0; }
#content .service_paragraph { font-size: 22pt; line-height: 1em; text-align: center; margin-left: auto; margin-right: auto; }
#content .products { background-image: url(../images/paper_sack.jpg); background-repeat: no-repeat; padding-left: 280px; display: inline; float: left; margin-right: 15px; width: 465px; font-size: 22pt; line-height: 1em; text-align: left; margin-left: auto; margin-right: auto; }
* html #content .products { overflow-x: hidden; }

#contact { display: inline; float: left; margin-right: 15px; width: 385px; }
* html #contact { overflow-x: hidden; }

#sub_contact { padding-left: 160px; display: inline; float: left; margin-right: 15px; width: 385px; margin-top: 30px; }
* html #sub_contact { overflow-x: hidden; }

#form div.row background: #ffc { border: 2px solid #ffc; margin: 0 0 5px 0; float: left; width: 100%; padding: 6px 0; }
#form div.row label { float: left; display: block; width: 15em; font-weight: bold; padding: 0 6px; }
#form div.row label:hover { background: #FFFF66; cursor: pointer; }
#form div.row fieldset { border: 1px solid gray; margin: 0 6px; }
#form div.row fieldset span { display: block; }
#form div.row fieldset span label { float: none; display: inline; }
#form div.row fieldset legend { font-weight: bold; }
#form div.submit { margin-top: 20px; margin-left: 192px; }

#directions { font-family: 'RabioheadRegular',Georgia, serif; font-style: underline; text-align: center; margin-left: auto; margin-right: auto; }
#directions img { padding: 10px; }
#directions h2 { margin: 0; }

#subcontent { display: inline; float: left; margin-right: 0; width: 865px; }
* html #subcontent { overflow-x: hidden; }

#products { padding-left: 160px; }
#products img { padding: 10px; }
#products .left { display: inline; float: left; margin-right: 15px; width: 185px; }
* html #products .left { overflow-x: hidden; }
#products .middle { display: inline; float: left; margin-right: 15px; width: 185px; }
* html #products .middle { overflow-x: hidden; }
#products .right { display: inline; float: left; margin-right: 15px; width: 185px; }
* html #products .right { overflow-x: hidden; }

#logos { padding-top: 20px; display: inline; float: left; margin-right: 0; width: 865px; text-align: center; line-height: .75; }
* html #logos { overflow-x: hidden; }
#logos li { list-style-type: none; margin-left: 0px; }

#facebook { padding-left: 80px; padding-top: 30px; display: inline; float: left; margin-right: 0; width: 145px; }
* html #facebook { overflow-x: hidden; }
#facebook img { float: right; }
#facebook a { style: none; }

#twitter_logo { padding-left: 80px; display: inline; float: left; margin-right: 15px; width: 65px; padding-top: 30px; }
* html #twitter_logo { overflow-x: hidden; }
#twitter_logo a { style: none; }

#twitter_updates { padding-top: 30px; display: inline; float: left; margin-right: 15px; width: 385px; }
#twitter_updates li { list-style-type: none; margin-left: 0px; }
* html #twitter_updates { overflow-x: hidden; }

#header a, #footer a, #sidebar a { text-decoration: none; }
#header a:hover, #footer a:hover, #sidebar a:hover { text-decoration: underline; }
