/*

Style Sheet for Merkle Landing Pages - 2/22/08
--------------------------------------------*/

/* --- Document Elements --- */
* { margin: 0; padding: 0; }

/* Initial CSS */

table { border-collapse: collapse; border-spacing: 0; }
fieldset,img { border: 0; }
caption,th { text-align: left; }
q:before,q:after { content: ''; }
abbr,acronym { border: 0; font-variant: normal; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
input,textarea,select { font-family: inherit; font-size: inherit; font-weight: inherit; }
legend { color: #000; }

/* --- Block Elements --- */
br {}
hr {}
img {}
a img { border: 0 none; }

/* --- Header Text --- */
h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, sans-serif; } 
h1 { font-size: 32px; color: #000000; margin-bottom: 15px; }
h2 { font-size: 16px; color: #000000; margin-bottom: 2px; }
h3 { font-size: 13px; color: #000000; margin-bottom: 2px; }
h4 { font-size: 12px; color: #000000; margin-bottom: 2px; }
h5 { font-size: 11px; color: #000000; margin-bottom: 2px; }
h6 { font-size: 10px; color: #000000; margin-bottom: 2px; }

/* --- Block Text --- */
p, blockquote, caption, div { font-family: Arial, Helvetica, sans-serif; margin-bottom: 10px; } 
p { }
blockquote {}
caption {}
div {}

/* --- Text Elements --- */
a { color: #A10F1C; text-decoration: none; }
a:hover { color: #A10F1C; }
pre {}
span {}
sup { font-size: 9px; }
small { font-size: 10px; }
address {}

/* --- List Items --- */
ul, ol, li { font-family: Arial, Helvetica, sans-serif; margin-bottom: 10px; }
ul {}
ul li {}
ol {}


/* --- Definition Elements --- */
dl, dt, dd { font-family: Arial, Helvetica, sans-serif; }
dl {}
dt {}
dd {}

/* --- Table  Elements --- */
table {}
th {}
thead {}
tbody {}
tr {}
td {}
tfoot {}
legend {}

/* --- Inputs --- */
input, select, button, textarea { font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
fieldset { font-size: 11px; border: 0; }
legend { }
form { }
input { margin-bottom: 0; }
select { margin-bottom: 0; }
button {}
textarea { margin-bottom: 0; }


/* 
     Utility ID's
     ---------------------------------------------------------- */      
.clear { display: block; clear: both; overflow: hidden; width: 1px; height: 1px; margin: 0 -1px -1px 0; border: 0; font-size: 0; line-height: 0; }
.hide { display: none; }
.header { margin-bottom: 10px; }


/* 
	Body
-----------------------------*/
body { background: #8EBD60 url(../images/backgrounds/body_background.jpg) repeat-x 0 0; font-size: 12px; color: #444850; font-size: 12px; } 


/* 
	Header
-----------------------------*/
#header { width: 790px; height: 69px; background: transparent url(../images/backgrounds/header_background.jpg) no-repeat 0 0; margin: 0 auto; padding: 0; }
#header h1 { font-size: 0; line-height: 0; background: transparent url(../images/backgrounds/merkle_logo.jpg) no-repeat 0px 0px; width: 190px; height: 35px; padding: 0; margin: 22px 0 0 31px; float: left; }
#header h1 a { display: block; width: 190px; height: 35px; }
#header h1 span { display: none; }

#header ul { height: 29px; margin: 40px 12px 0 0; padding: 0; float: right; position: relative; top: 2px; }
#header li { float: left; list-style-type: none; padding-right: 5px; }
#header li.last { padding-right: 0; }


/* 
	Content
-----------------------------*/
#content { width: 790px; background: transparent url(../images/backgrounds/content_body.jpg) repeat-y 0 0; min-height: 500px; margin: 0 auto; padding: 0 0 21px 0; }

#contentheader { display: block; background: transparent url(../images/backgrounds/content_top.jpg) no-repeat 0 0; height: 88px; margin: 0 0 -60px 0; }

#content h2 { color: #0461A6; font-size: 48px; line-height: 52px; font-weight: normal; padding: 0px 128px 5px 29px; clear: both; margin: 0; text-transform: uppercase; }

#sidebar { float: right; width: 300px; margin: 0; padding: 10px 24px 0 34px; margin: 0; line-height: 18px; }
#sidebar p { margin-bottom: 15px; }
#picturebox { display: block; width: 317px; height: 322px; margin: 0 0 0 -34px; padding: 0; }

#text { float: right; width: 401px; margin: 0; padding: 10px 0 0 29px; }
.byline { font-size: 19px; line-height: 22px; }
#text span { color: #A10F1C; }
#text ol { padding-left: 0px; background: transparent url(../images/lists/olli_background.gif) repeat-x 0 0; }
#text ul { margin: 0; padding: 0; }
#text ul li { list-style-position: inside; padding: 3px 0; margin: 0; }
#text ol li { list-style-position: inside; background: transparent url(../images/lists/olli_background.gif) repeat-x 0 100%; padding: 10px 0; margin: 0; }

/*#text form { background: #F2EEDF none; padding: 15px 111px 15px 15px; }
#text h3 { font-size: 20px; line-height: 24px; color: #7D6B24; font-weight: normal; margin-bottom: 10px; }
#text h3 span { color: #0461A6; }
#text form input { display: block; margin-bottom: 10px; padding: 2px; width: 252px; font-size: 12px; color: #726D57; border: 1px solid #CAC4AE; }
#text form input.submit { border: none; width: auto; padding: 0; }*/


#contact form { margin: 0; padding: 10px 0 0 10px; background: #F2EEDF none;}
#contact form .text { width: 385px; margin: 0; padding: 5px; background: transparent url(../images/backgrounds/bkg-contact_body.png) repeat-y 0 0; }
#contact form h3 { font-size: 20px; line-height: 24px; color: #7D6B24; font-weight: normal; margin-bottom: 10px; padding: 10px 10px 0 10px; }
#contact form h3 span { color: #0461A6; }
#contact form .text div { width: 352px; padding: 0; }
#contact form .text div label { display: block; color: #636466; font-size: 12px; font-weight: bold; margin-bottom: 3px; }
#contact form .text fieldset { margin: 0; padding: 0; }
#contact form .text fieldset div { width: 174px; float: left; }
#contact form .text fieldset div.right { padding-left: 10px; width: 164px; }
#contact form .text fieldset div input { width: 160px; }
#contact form .text p { font-size: 11px; color: #636466; }

#contact form input { border: 1px solid #cac4ae; padding: 3px; width: 344px; font-size: 12px; color: #726d57; }
#contact form textarea { border: 1px solid #cac4ae; padding: 3px; width: 344px; }


#contact form input.submit { width: auto; height: auto; border: none; }



/* 
	Footer
-----------------------------*/
#footer { width: 774px; margin: 0 auto; padding: 27px 8px 0 8px; background: transparent url(../images/backgrounds/footer_background.jpg) no-repeat 0 0; font-size: 11px; }
#footer a { color: #3D5723; text-decoration: underline; }
#footer a:hover { color: #D1F0A3; }

#footer ul { margin: 0; padding: 0px; list-style-type: none; }
#footer li { float: left; padding: 0 7px; }

#cdg { cursor: pointer; float: right; }


/* 
	Error
-----------------------------*/
div.error { color: #A10F1C; line-height: 14px; margin: 17px 0; display: none; }
#text div.error h3 { color: #A10F1C; font-size: 14px; line-height: 16px; font-weight: normal; margin-bottom: 5px; font-weight: bold; }
#text form input.error { border: 2px solid #A10F1C; }


/* 
	Thank You
-----------------------------*/
body.thankyou #sidebar { width: 332px; padding: 10px 31px 0 33px; }
body.thankyou #text { width: 374px; padding: 10px 0 0 8px; }

body.thankyou #text form { background: #F2EEDF none; padding: 15px 45px 15px 15px; }
body.thankyou #text form h3 { font-size: 30px; line-height: 32px; color: #0461A6; }
body.thankyou .byline { font-size: 19px; line-height: 25px; }

#sidebar h3 { font-size: 15px; font-weight: normal; margin-bottom: 10px; }
#sidebar h4 { font-size: 15px; font-weight: normal; margin-bottom: 10px; color: #0461A6; }

.info { background: transparent url(../images/lists/olli_background.gif) repeat-x 0 0; font-size: 13px; line-height: 16px; }
.info p { background: transparent url(../images/lists/olli_background.gif) repeat-x 0 100%; padding: 7px 0; margin: 0; }
#sidebar .info p { margin-bottom: 0; }
.info a { color: #587937; text-decoration: underline; }
.info a:hover { color: #A10F1C; }

.download { font-size: 14px; line-height: 18px; color: #8F8662; }