/* ------------------------------ RESET ------------------------------ */
html { }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td { margin: 0em; padding: 0em; } 
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0;}
address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal;}
li { list-style:none; }
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: rgb(0,0,0); }


/* ------------------ tags ------------------ */
body { background-color: rgb(230,230,230); background-image:url(http://andreayager.com/wp-content/themes/grandandrea/_images/grad.jpg); background-repeat: repeat-x;  color: rgb(0,0,0); font-family: Arial, Helvetica, sans-serif;  }

/* ----------------------- classes ------------------------- */
blockquote.video { padding: .25em 0em; text-align:center }

blockquote.quote { margin-left: 2em; padding: 0em .25em; text-align: left; border-left: .25em solid rgb(230,230,230); font-style: italic; }
blockquote.quote p { color: rgb(150,150,150); margin: .5em 1em; padding: 0em; }


/* ------------------ div#top ------------------ */
div#top { background: rgb(60,115,150); margin: 0em auto 0em auto; width:960px; padding-top: .25em; }

/* ------------------ div#header ------------------ */
div#header { background-color: rgb(60,115,150); background: url(http://andreayager.com/wp-content/themes/grandandrea/_images/yager.png) no-repeat 0em 0em; color: rgb(255,255,255); padding: .25em 1em .5em 5em; position: relative; height: 60px; }
*html div#header { background: url(http://andreayager.com/wp-content/themes/grandandrea/_images/yager-ie.png) no-repeat 0em 0em; }

div#header h1 { font-size: 200%; display: inline; padding-right: .5em; }
div#header h1 a, div#header h1 a:active, div#header h1 a:visited { text-decoration: none; color: rgb(255,255,255); }
div#header h1 a:hover { text-decoration: underline; }
div#header h2 { font-size: 100%; font-style: italic; color: rgb(200,200,200); display: inline; }


/* ------------------ footer ------------------ */ 
div#bottom { clear:both; background-color: rgb(70,125,175); color: rgb(255,255,255); display: block; overflow: hidden;  margin: 0em auto 0em auto; width:960px; }
div#bottom p { text-align: center; clear: both; padding: .5em 0em; clear: both;  }

div#bottom a { color: rgb(255,255,255); text-decoration:none; font-weight: bold;}
div#bottom a:hover { text-decoration: underline }

/* ------------------ 

LAYOUT

------------------ */

/* ------------------------------ div#deck ------------------------------ */
div#headline { padding: .5em 0em; }
div#headline h1 { font-family: Impact, Arial, Helvetica, Verdana; font-weight: normal; font-size: 2em; text-transform:capitalize;color: rgb(204,0,0); text-transform:uppercase; line-height: 1em; text-align: center; }
div#headline h1 strong { font-weight: normal; color: rgb(51,51,51); }
div#headline h1 em { font-style: normal; }
div#headline h1 .underline { padding-bottom: 0em; border-bottom: 1px dotted rgb(0,0,0); }


div#home-package { overflow: hidden; width: 960px; margin: 0em auto; padding: .5em 0em; background: rgb(255,255,255);  }
div#home-offer { width: 100%; float: left; margin-right: -275px; }
div#home { margin-right: 275px; }

div#home-response { width: 275px; float: right; margin-top: 6em; }
div#home-response blockquote.offer { padding: .25em 0em; width: 265px; margin: 0em auto; background: rgb(240,240,240);}
div#offer h2 { color: rgb(204,0,0); padding: 0em .5em; }
div#offer p { margin: .5em 0em; padding: 0em .5em; }


/* ------------------ 

RESPONSE

------------------ */

/* ------------------------------ div.response ------------------------------ */
div.response { }

/* ------------------------------ div.response ul.steps ------------------------------ */
ul.steps { border-bottom:solid 1px rgb(230,200,150); height:29px; list-style:none; }
ul.steps li { float:right; margin-right: .5em; list-style:none; }
ul.steps li { background:url(_images/tab-round_alt.png) right 60px; color: rgb(100,100,100); display:block; font-weight:bold; height:30px; line-height:30px; text-decoration:none; }
ul.steps li strong { background:url(_images/tab-round_alt.png) left 60px; display:block; height:30px; margin-right:14px; padding-left:14px; }
ul.steps li strong u { color: rgb(0,0,0); font-weight: bold; border-bottom: .05em solid rgb(0,0,0); font-style: normal; text-decoration: none }
ul.steps li.active { background:url(_images/tab-round_alt.png) right 0 no-repeat; color: rgb(0,0,0); } 
ul.steps li.active strong { background:url(_images/tab-round_alt.png) left 0 no-repeat; }
ul.steps li.active strong u { color: rgb(204,0,0); border-bottom: .05em solid rgb(204,0,0); font-style:normal; text-decoration: none; }

/* ------------------------------ div#response ------------------------------ */
div#response { overflow:hidden; background: rgb(250,245,190); border: 1px solid rgb(230,200,150); border-top: none; }


/* ------------------------------ div#optin ------------------------------ */
div#optin { float: left; font-family:Arial, Helvetica, sans-serif }
div#optin form { overflow: hidden; text-align:center; padding: 0em .5em 0em .75em; border-top: none; }
div#optin form p { margin: .5em 0em;}
div#optin form dl dt { clear:both; padding: .5em 0em; text-align: left}
div#optin form dl dt label {  font-size: 1em; color: rgb(0,0,0); }
div#optin form dl dt.submit-home { margin: 0em auto; text-align:center } 
div#optin form dl dt.submit-home input { padding: .25em .25em; font-size: 115%; width: 225px; font-weight: bold; cursor:pointer; text-align:center; border-width: 2px }
div#optin form dl dt.privacy_policy { width: 100%; font-size: .85em; } 
div#optin form dl dd { float:left; width:68%; margin: 0em 0em 0.5em 0.25em; }
div#optin form dl dd input { background-color: rgb(255,255,255); color : rgb(0,0,0);  padding: .25em; width: 215px; font-size: 1em;  }
div#optin form dl dd input:hover, div#optin form dl dd input:focus { background-color: rgb(255,255,255); color : rgb(0,0,0); }
div#optin form dl dt.privacy_policy { font-size: .8em; text-align:center; font-weight: normal; color: rgb(0,0,0); text-align: left; }

/* ------------------------------ div#testimonials ------------------------------ */
div#testimonials { text-align:center; clear:both; padding: 0em 0em 0em 0em; }
div#testimonials ul { overflow: hidden; }
div#testimonials ul li { display: blocl; width: 100%;  }
div#testimonials p { margin: 0em; color: rgb(0,0,0); }
div#testimonials p em { color: rgb(0,0,0); }
div#testimonials blockquote { background: url(_images/css-quote.png) no-repeat 0em 0em; padding-left: 60px; overflow:hidden; border: none; margin: 0em; }
div#testimonials blockquote p { text-align: left; overflow:hidden }