/* @override 
	http://localhost:8888/elementsofimage/wp-content/themes/elementsofimage/css/pages.css
	http://local/elementsofimage/wp-content/themes/elementsofimage/css/pages.css
	http://www.elementsofimage.com/blog/wp-content/themes/elementsofimage/css/pages.css
*/

/* HOMEPAGE
================================================================================*/
#home #banner{
  background:#3F0741 url('../images/ui/bg_banner2.jpg') no-repeat top left;
  min-height:280px;
  height:auto !important;
  height:280px;}

#home #banner-wrapper{
   /*background: url('../images/dana.jpg') no-repeat 370px bottom; old dana bg for use with bg_banner.jpg above */
  min-height:280px;
  height:auto !important;
  height:280px;
  padding:35px 13px 0 25px;}

#home #banner h2{
  background:url('../images/heading_stopplayingvictim.png') no-repeat top left;
  background:url('../images/heading_itakethestress.gif') no-repeat top left;
  width: 300px;
  height:77px;
  float:none;}

#home #bookpromo {
	background-color: #EEE9EE;
	border: 6px solid #D1C2D0;
	color: #555;
	display: block;
	position: absolute;
	bottom: 10px;
	right: 20px;
	font-size: 1.8em;
	width: 246px;
	height: 97px;
	padding: 5px 10px 10px 10px;
}
#home #bookpromo #coverlink img {
	margin-left:0!important;
	margin-right:0!important;
}
#bookpromo a:link, #bookpromo a:visited {
	color: #555!important;
	text-decoration: none!important;
}
#bookpromo a:hover, #bookpromo a:active {
	text-decoration: underline!important;
}
#bookpromo #bgcoverlink {
	display: block;
	position: absolute;
	width: 200px;
	height: 150px;
	background: transparent;
	border: none;
	left: 50px;
	top: -156px;
}
#home #bookpromo h3 a {
	background: url(../images/imagepower-home.gif) left top no-repeat;
	margin: 0px;
	margin-bottom: 4px;
	height: 20px;
	overflow: hidden;
	width: 150px;
}
#banner #more-info h3, #download p{
  color:#FFF8BD;
  font-size:2.0em;
font-family: 'Gill Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif;
  font-weight:normal;
  text-align:center;}
#download p {
	margin: 0;
	padding: 0;
	text-align: left;
	font-size: 1.8em;
}

#intro{
  width: 310px;
  padding: 0 5px 0 0;
  float:left;}

#intro p {
  color:#DDF0F4;
  font-size:1.8em;
  padding: 10px 0 0 0;
  line-height:130%;}
#home intro p {
	font-size: 18px!important;
}
#intro a.learnmore, #download a {
  background:url('../images/ui/banner_note.png') no-repeat top left;
  height:67px;
  width: 266px;
  padding: 28px 0 0 40px;
  color:#F0F0F0 !important;
  font-size:1.3em !important;
  text-decoration:none !important;
font-family: 'Gill Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif;
  display:block; position: relative;}
#download {
	position: absolute;
	right: 25px;
	top: 30px;
}
#download a {
	padding-left: 20px;
	width: 286px;
	font-size: 2em!important;
}
#home a.learnmore span, #download a span {
	display: block;
	position: absolute;
	width: 70px;
	height: 49px;
	right: 30px;
	top: 35px;
}

#home a.learnmore span {
	background: transparent url('../images/ui/banner_text2.gif') no-repeat -76px top;
}
#imagepower a.buynow span {
	background: transparent url('../images/ui/banner_text2.gif') no-repeat -165px top;
}

#download a span {
	background: transparent url('../images/ui/banner_text2.gif') no-repeat 15px top;
}

#intro  a.learnmore:hover, #download a:hover {
  background-position: 0 -95px !important;
  color:#9C8E9C !important;
}

#more-info{
  width: 266px;
  float:right;
  background:url('../images/ui/bg_form_bottom.gif') no-repeat bottom left;
  margin-top: 15px;
 }

#more-info-wrapper{
  background:url('../images/ui/bg_form_top.gif') no-repeat top left;
  padding: 12px 0;}

#more-info fieldset{
  background:url('../images/ui/bg_form.gif') repeat-y top left;
  font-family:Georgia,Arial,Times;
  color:#3F3F3F;
  padding: 10px 13px;}

#more-info fieldset input.submit{
  margin: 10px 0 0 8px;}

#from-dana {
  padding: 10px 13px 10px 17px;}

#from-dana h2 {
  background:  url('../images/heading_fromdana.gif') no-repeat top left;
  border-bottom:1px solid #EFF7F7;
  height:28px;
  margin-bottom: 1em!important;
  }
#from-dana .image{
  float: right;
  background:#EEE7EE;
  padding: 10px;
  margin: 0 0 1em 1em; }

#from-dana .message{
  width: 360px;
  padding: 12px 0 0 0;
  color:#666699;
  float:right;}

#from-dana .message p{
  line-height:130%;
  padding: 0 0 5px 0;}

#from-dana .message p span{
  border-bottom:1px solid #EFF7F7;}

#from-dana .dana{
  display:block;
  text-align: left;
  float: right;
  font-family:'Lucida Grande',Arial;
	margin-top: 10px;
  background: url('../images/dana_signature2.gif') no-repeat top right;
  text-indent: -9999px!important;
  overflow: hidden;
  width: 300px;
  height: 65px;
}

#fashion-article{
  width: 420px;
  float:left;}

#fashion-article h3{
  background: url('../images/heading_fashionarticle.gif') no-repeat top left;
  height:32px;
  margin: 0 0 0 25px;}

#fashion-article .style-assessment{
  border:1px solid #CBDC96;
  padding: 15px 10px 10px 10px;
  margin: 0 0 25px 23px;
  color:#666699;
}

#fashion-article .style-assessment h4 {
  font-size:1.5em;
  color:#69A61A;
}
#fashion-article h4 a {
	color:#69A61A;
}

#fashion-article .style-assessment p{
  font-size:1em;
}

#testimonials{
  width: 360px;
  float:right;
  color:#828282;
  padding: 0 0 15px 0;
  font-family:'Georgia',Arial;
  background:#F6F4F6;
  margin: 15px 0px 0 0;}

#testimonials h3{
  height:64px;
  background:url('../images/heading_clientsay.gif') no-repeat top left;}

#testimonials h4,
.testimonials h4{

 color:#828282;
  margin: 0 13px 0 36px;
  line-height:150%;}
  
#testimonials p{
 margin: 0 13px 0 36px !important;}

#testimonials p,
#content-wrapper .testimonials p{
  padding: 0 0 8px 0;
  color:#828282;}

#testimonials p span,
.testimonials p span, cite{
  display:block;
  font-style:italic;
  text-align:right;}

#testimonials a{
  font-size:1.8em;
  margin: 0 13px 0 36px;}

/* SERVICES
================================================================================*/
#banner h2, #banner h2 a{
  width: 196px;
  height:35px;
  margin: 54px 0 0 30px;}
#home #banner h2 {
	margin: 0;
	position: relative!important;
}  
#container #banner h2 a {
	display: block;
	background-color: transparent;
	border: none;
	text-decoration: none;
	position: absolute;
	left: 0;
	top: 0;
}
#services #banner h2{
  background:url('../images/heading_styleservices2.gif') no-repeat top left;
}
#meet-dana #banner h2 {
  background:url('../images/heading_meetdana.gif') no-repeat top left;
}
#blog #banner h2, .archive #banner h2, .single #banner h2 {
  background:url('../images/heading_styleblog.gif') no-repeat top left;
}
body.testbody #container #banner h2 {
  background: url(../images/heading_testimonials.gif) no-repeat left;
}
#speaking #banner h2{
  background:url('../images/heading_speakingevents.gif') no-repeat top left;
  width: 259px;
}
#imagepower #banner h2{
  background:url('../images/heading_imagepower.gif') no-repeat top left;
  width: 259px;
}
#contact #banner h2{
  background:url('../images/heading_contact.gif') no-repeat top left;
}


#service-list{
  float:left;
  width:280px;
  padding: 0px 0 0 32px;
}

#service-list h3{
  color:#000;
  font-size:1.2em;
  font-weight:normal;
  padding: 0;
  display: block;
  font-style:italic;}

#service-list  ul li{
  list-style-type:disc;
  font-size:1.8em;
  font-weight:bold;
  margin: 0 0 0 20px;
  padding: 0 0 5px 0;
  color:#757575;}

#service-list  ul li span{
  color:#69A61A;}

.two-column{
  padding: 15px 0 0 20px;
  margin-bottom: 20px;}

h2#closet-audit{
  background: url('../images/services-headlines.gif') no-repeat left top;
  width: 178px;
  height:36px;}

h2#style-assessment{
  background: url('../images/services-headlines.gif') no-repeat left -42px;
  width: 248px;
  height:35px;}

h2#personal-shop{
  background: url('../images/services-headlines.gif') no-repeat left -78px;
  width: 252px;
  height:36px;}

h2#accesory-madness{
  background: url('../images/services-headlines.gif') no-repeat left -114px;
  width: 272px;
  height:36px;}

h2#special-event{
  background: url('../images/services-headlines.gif') no-repeat left -150px;
  width: 272px;
  height:36px;}
  
h2#seasonal-update{
  background: url('../images/services-headlines.gif') no-repeat left -186px;
  width: 272px;
  height:36px;}

h2#gift-shopping-service{
  background: url('../images/services-headlines.gif') no-repeat left -222px;
  width: 292px;
  height:36px;}
  
h2#wardrobe-coordination{
  background: url('../images/services-headlines.gif') no-repeat left -258px;
  width: 340px;
  height:36px;}

.two-column .left-content{
  margin-right: 20px;
  float:none;
}

.two-column .right-content{
  margin-right: 20px;
  float:right;
  text-align: right;
  width:350px;
}

#services .right-content {
	margin-left: 40px;
}

p.more{
  border-top:2px solid #FAF9FA;
  margin:30px 0 30px 0 !important;}

p.more a{
  display:block;
  float:right;
  text-transform:uppercase;
  font-size:0.8em !important;
  color:#653766 !important;
  text-decoration:none !important;
  margin: -2px 0 0 0;
  background:#E3DAE3 url('../images/ui/link_moreleft.gif') no-repeat bottom left;}

p.more a span{
  display:block;
  height:22px;
  padding: 0 31px 2px 0;
  margin: 0 0 0 11px;
  float:left;
  background:#E3DAE3 url('../images/ui/link_moreright.gif') no-repeat bottom right;}

p.more a.active span{
  background:#E3DAE3 url('../images/ui/link_lessright.gif') no-repeat bottom right;}

.get-moreinfo{
  margin: 0 10px 20px 0 !important; 
  float: right;
  text-align: left;
  clear: right;
}
#services .get-moreinfo {
	display: none;
}

.get-moreinfo fieldset {
  width: 304px;
  background:#F6F4F6;
  border:1px solid #666699;
  padding:15px 18px 0 13px;
  
  font-size:0.8em;
  }
#contact .get-moreinfo fieldset {
	width: 400px;
}

.get-moreinfo fieldset legend{
  background:#FFFFFF; 
  margin: 0 0 0 90px;
  color:#9B1825;
  padding: 5px 10px;
  text-transform:uppercase;}

#contact .get-moreinfo fieldset legend {
	margin-left: 140px;
}
.get-moreinfo fieldset label{
  color:#757575;
  width: 130px;
  font-size:1.2em !important;}
#contact .get-moreinfo fieldset label {
	width: 180px;
}
.get-moreinfo .lname{
  float:right !important;}

.get-moreinfo .fname,
.get-moreinfo .lname{
  width: 145px;
  float:left;}
#contact .get-moreinfo .lname,
#contact .get-moreinfo .fname {
	width: 195px;
}
.get-moreinfo textarea {
	width: 303px;
	margin-bottom: 10px;
	height: auto;
}
#contact .get-moreinfo textarea {
	width: 353px;
}
.get-moreinfo .fname input.text,
.get-moreinfo .lname input.text{
  width: 143px;}
#contact .get-moreinfo .fname input,
#contact .get-moreinfo .lname input {
	width: 180px;
}
.get-moreinfo #email{
  width: 303px;}
#contact .get-moreinfo #email {
	width: 353px;
}
.get-moreinfo #phone{
  width: 172px;}
#contact .get-moreinfo #phone {
	width: 222px;
}
.get-moreinfo h4{
 font-size:1.5em;
 padding: 0 0 10px 0 !important;
}

.get-moreinfo a.button{
  float:right !important;
  margin: 0 0 10px 0;}

.left-testimonial h3{
  float:right !important;
  margin: 0px 20px -27px 0 !important;}

.left-testimonial img{
  float:left;
  margin: -40px 5px 0 -50px;}

.right-testimonial h3{
  margin: 0px 20px -27px 0 !important;
  float:left;}

.right-testimonial img{
  float:right;
  margin: -40px -45px 0 5px;}

.testimonials{
  font-family:Georgia,'Times New Roman', Times,serif;
}

.testimonials h3{ 
  width: 145px;
  height:24px;
  position:relative;
  background: url('../images/ui/heading_clientsay2.gif') no-repeat top left;
  top: -8px;
  clear: both;
}
#home .testimonials h3{
 top: 7px;
 right: -10px;
}
.testimonials h4{
  margin:0;
  color:#6C6C6C;
  padding: 0 15px;  
}

.testimonials img{
  position:relative;}

.testimonials-wrapper{
  background:url('../images/ui/bg_clientsay.gif') no-repeat top left;
  width: 342px;
  clear:both;
  padding:40px 0px 0 0;
  margin-left: 20px;
  overflow: visible;
  text-align: left;
}
#home .testimonials-wrapper{
  background:url('../images/ui/bg_clientsay.gif') no-repeat top left;
  width: 362px;
  margin-right: 20px;
  margin-top: 15px;
}

div.testimonials div.testimonials-wrapper h4, 
div.testimonials div.testimonials-wrapper span {
	background-color: #F6F4F6!important;
}
div.testimonials div.testimonials-wrapper p {
	background-color: #F6F4F6!important;
	padding: .5em 15px 1em 15px!important;
	margin-bottom: 0!important;
}
.serviceslist {
	width: 770px;
	padding: 10px;
	padding-top: 35px;
	margin-left: 20px;
	background: transparent url('../images/heading_serviceslist.gif') no-repeat 10px 5px;
}
.serviceslist h3 {
	display: block;
	left: -9999px;
	height:1px; overflow: hidden;
	text-indent: -9999px;
	position: absolute;
}
.serviceslist ul {
	width: 100%;
	clear: both;
	margin: 0!important;
	padding: 0!important;
	float: left;
}
.serviceslist li {
	float: left;
	width: 47%;
	display: block;
	background: url('../images/ui/bullet_square.gif') no-repeat left .58em;
	padding-left:2%!important;
}