/* CSS Document */
@import url("/css/fensons_reset.css");
@import url("/css//fensons_columns.css");

/* ======== GENERAL TAGS
====================================================== */
html { height: 100%; }
form { display: inline; }
body { width: 100%; text-align: center; color: #000; font: 75%/150% Arial, Helvetica, sans-serif; background: #fff; background-color: #E7E4ED; background: #e5e5e5 url("/gr/bg-4.jpg") center -20px repeat-x; }
p { padding: 0 0 0.9em 0; }
strong { font-weight: bold; }
blockquote { margin: 10px 25px 5px 25px; }
em { font-style: italic; }
a { color: #333; }
img { border-style: none; }
ul { list-style: none; margin: 0; }
li { list-style: disc; margin: 0 25px; padding: 0; }
ol { margin-bottom: 15px; }
ol li { list-style-type: decimal; }


/* ======== SITE STRUCTURE
====================================================== */
#wrapper { width: 100%; margin: 20px auto 10px auto; ; }
#siteholder { position: relative; width: 910px; margin: 0 auto; padding: 10px 0 20px 0; text-align: left; border-style: solid; border-color: #aaa #999; }

/*====== HEADER
============================================*/
#header { height: 180px; }
#header_content { position: relative; margin: 0 auto; }
#flower { position: absolute; top: 0; left: 25px; width: 178px; height: 175px; background: url("/gr/logo2.png") no-repeat; z-index: 10000;}
#flower a { display: block; width: 100%; height: 100%; }
#flower span { display: none; }
#logo { position: absolute; top: 75px; left: 200px; width: 339px; height: 36px; background: url("/gr/logo-ingenuity-pizzazz2.png") no-repeat; }
#logo span { display: none; }
#logo a { display: block; width: 100%; height: 100%; }
#logo a:hover {}
#contactus { position: absolute; top: -18px; right: 25px; text-transform: lowercase; font-size: 0.9em; color: #666; text-align: right; font-family: Georgia, "Times New Roman", Times, serif; }
#contactus a { color: #666; text-decoration: none; }
#contactus a:hover { text-decoration: underline; }
#contactus .line { margin: 0; }

#nav { position: absolute; top: 109px; left: 200px; margin: 0; padding: 0; font-family: "Lucida Sans Unicode", Arial, Helvetica, sans-serif; border-top: 1px solid #ccc; }
#nav span { }
#nav a { color: #000; padding: 1px 7px 2px 7px; text-decoration: none; text-transform: uppercase; font-size: 80%; }
#nav a:hover { border-bottom: 3px solid #511c62;  }
body#hp #nav .home,
body#blog #nav .blog,
body#ba #nav .beforeafters,
body#about #nav .about,
body#press #nav .press,
body#contact #nav .contact,
body#successstories #nav .successstories,
body#testimonials #nav .testimonials,
body#links #nav .links,
body#faq #nav .faq,
body#services #nav .services { background-color: #DF5E95 /*#FFA8C7*/; color: #fff; }
x#nav .blog { display: none; }


/*====== MIDDLE
============================================*/
#middle { margin: 0 auto;  }
#middle_content { padding: 0 0 20px 50px; overflow: hidden; }

/*====== SIDEBAR (RIGHTSIDE)
============================================*/
#sidebar { width: 240px; float: right; xmin-height: 250px; border-left: 1px dotted #fff; }
#sidebar_content { padding: 30px 20px 20px 30px; }
#sidebar h3 { font: 125%/130% Georgia, Times, serif; margin: 10px 0 5px 0; font-weight: bold; }
#sidebar .services { width: 100%; text-align: left; }
#sidebar .services li { display: block; margin: 0; padding: 0; }
x#sidebar .services a { padding: 0; }
#sidebar a:hover { color: #666; }
#sidebar .quote { xbackground: url("/gr/pullquotes-white.png") 0 10px no-repeat; color: #666; font: italic 1.1em/1.3em Georgia; margin: 25px 0 10px 0; padding: 10px 0 0 0; }
#sidebar .quote-credit { display: block; font-size: 0.9em; line-height: 1.1em; color: #333; xbackground: url("/gr/pullquotes-closing-white.png") 150px -5px no-repeat; padding: 0 10px 10px 0; border-bottom: 1px dotted #999; text-align: right; }


/*====== MAIN, CONTENT
============================================*/

/* HOME PAGE */
body#hp #header { height: 158px; border-bottom: 1px solid #999;  }
body#hp #middle { margin: 0 auto; }
body#hp #middle_content { padding: 0; line-height: 130%; }
body#hp #middle_content h1 { display: none; } 
body#hp #main { width: 100%; }
body#hp #main_content { overflow: auto; margin: 0; padding: 0; }
body#hp #sidebar { display: none; }

/* BLOG */
body#blog h1 { display: none; }

#show-container { height: 318px; }
#slideshow { margin: 0; margin: 0; position: relative; border-bottom: 1px solid #333; }
#slideshow li { list-style: none; margin: 0; padding: 0; }
#slideshow li img { }
#slideshow .caption { display: none; position: absolute; top: 10px; left: 0; width: 100px; color: #fff; padding: 2px 10px 2px 25px; background-color: #000; filter: alpha(opacity=80); -moz-opacity:0.80; opacity: 0.80; }


#main { width: 600px; }
#main_content { padding: 0 50px 0 25px; }
#main h1 { font: 180%/140% Georgia, Times, serif; margin: 20px 0 10px 0; xcolor: #390049; }
#main h2 { font: 160%/120% Georgia, Times, serif; margin: 20px 0 10px 0; xfont-weight: bold; }
#main h3 { font: 125%/130% Georgia, Times, serif; margin: 10px 0 5px 0; font-weight: bold; }
#main a:link { color: #4779ac; }
#main a:visited { color: #4779ac; }
#main a:hover { color: #003366; }
#main .quote { color: #000; margin-top: 25px; padding: 10px 50px 5px 10px; font-family: Georgia; font-style: italic; text-align: left; xbackground: url("/gr/pullquotes-large-white.png") 0 0 no-repeat; }
x#main .quote:hover { background-color: #f6f6f6; }
#main .quote-credit { padding: 0 50px 2px 0; text-align: right; font: 0.95em/1.1em Arial, Helvetica, sans-serif; xbackground: url("/gr/pullquotes-closing-large-white.png") right -5px no-repeat; }
body#successstories .quote { margin-top: 0; padding: 10px 20px 5px 30px; xbackground: url("/gr/pullquotes.png") 0 0 no-repeat; }
body#successstories .quote-credit { xbackground: url("/gr/pullquotes-closing.png") right -5px no-repeat; }
#main q { display: block; background: url("/gr/bg-q.jpg") repeat-x; height: 35px; text-align: center; font: normal 1.4em/35px Arial, Georgia, "Times New Roman", Times, serif; border: 1px dotted #ccc; border-width: 1px 0; margin-bottom: 10px; }
body#testimonials #main .quote-credit { text-align: right; }

/* BEFORE & AFTER PAGES */
body#ba #middle { margin: 0 auto; }
body#ba #middle_content { padding: 0 0 10px 0; }
body#ba #main { width: 100%; }
body#ba #main_content { padding: 0; }
body#ba #main h1 { margin-left: 75px; }
body#ba #main h1 .sets { float: right; margin: -30px 40px 0 0; }

/* SUCCESS STORIES PAGES */
body#successstories #middle { margin: 0 auto; }
body#successstories #middle_content { padding: 0 0 10px 0; }
body#successstories #main { width: 100%; }
body#successstories #main_content { padding: 0; }
body#successstories #main h1 { margin-left: 75px; }


x.services a { padding-left: 30px; }
.services a:hover { padding-left: 28px; }
.sell { background: url("/gr/icons-services3.png") 0 0 no-repeat; padding-left: 25px; }
.live { background: url("/gr/icons-services3.png") 0 -23px no-repeat; padding-left: 25px; }
.training { background: url("/gr/icons-services3.png") 0 -45px no-repeat; padding-left: 25px; }
body#services .sell,
body#services .live,
body#services .training { padding-left: 25px; }

body#faq .report { width: 85%; border: 1px solid #ccc; margin: 0 auto; padding: 25px; background: url("/gr/bg-1-periwinkle2.jpg") repeat-x; }

.blurb { width: 150px; padding: 20px 35px 20px 50px; font: 1.3em/1.4em Georgia, "Times New Roman", Times, serif; border: 1px dotted #000; border-width: 1px 0; }
.blurb.left { float: left; margin: 0 10px 20px 0; }
.blurb.right { float: right; margin: 0 0 20px 10px; }
.rates-blurb { width: 150px; border: 1px dashed #4C5369; background-color: #FFF; padding: 5px 5px 5px 10px; margin-top: 20px; }
.credits-homepage { color: #999; padding-top: 35px; padding-left: 25px; }

/* SUCCESS STORIES TABLES */
.property { font: bold 1.2em/1em Georgia; border-left: 20px solid #DF5E95; padding: 15px 10px 3px 10px; }
.ss-photo { width: 500px; }
.ss-photo img { border: 0; padding: 0; margin: 0; }
.details { padding: 40px 20px ; vertical-align: top; }
.ss-testimonial { padding: 10px 40px 20px 40px; font: italic 0.9em/1.3em Georgia; }

/* TRAINING CLASSES TABLE */
#classes { margin: 20px 0; font-size: 0.9em; }
#classes h2 { color: #DF5E95; font-size: 1.1em; font-family: Georgia; background: url("/gr/icons-services3.png") 0 -45px no-repeat; padding: 0 0 5px 25px; }
#classes table { width: 100%; padding: 0; border: 1px solid #999; border-width: 1px 0; }
#classes td { width: 70px; padding: 0 5px; border-bottom: 1px dotted #000; }
#classes tr:hover { background-color: #FFF4FA; }
#classes td+td { width: auto; }

body#hp #classes { width: 250px; xfont-size: 1.0em; }
body#hp #classes td { padding: 0 20px; }
body#hp #classes td+td { padding-left: 2px; }
body#hp #classes h2 { padding: 0 0 0 30px; }

/*====== FOOTER
============================================*/
#footer { clear: both; width: 900px; margin: 0 auto; line-height: 120%; text-align: left; }
#footer_content { margin: 0 auto; font-size: 85%; padding: 15px 0 0 50px; border-top: 1px dotted #000; }
#footer a:link { color: #4C5369; text-decoration: underline; }
#footer a:visited { color: #4C5369; }
#footer a:hover { color: #FFF; }

/*====== MISC
============================================*/
.line { padding: 0; margin: 10px 0 5px 0; border-bottom: 1px dotted #999; width: 100%; height: 1px; }
.img-left { margin: 0 20px 10px 0; float: left; }
.img-right { float: right; margin: 0 0 10px 20px; }
.box-right { float: right;  width: 150px; margin: 0 0 20px 20px; padding: 0 0 5px 30px; border-left: 1px dotted #000; }
.box-left { float: left; width: 150px; margin: 0 20px 20px 0; padding: 0 30px 5px 0; border-right: 1px dotted #000; }
.staging-credits  { color: #666; }

table#course_schedule { }
table#course_schedule td { border-bottom: 1px solid #ccc; padding: 3px; }
input, select, textarea { color: #4C5369; border: 1px solid #ccc; }
.pink { color: #DF5E95; }
.pic { border: 1px solid #999; }
.small { font-size: 90%; line-height: 120%; }
.large { font-size: 125%; line-height: 120%; }