* { padding: 0; margin: 0; }
a img {border: none;}
body {
 font-family: "Times New Roman", Times, serif;
 font-size: 15px;
 color: #4c3327;
 background: url(http://tranquilitylashes.com/images/tranquilitylashes_bkgd.jpg) #d9dcc8 center no-repeat;
 background-position:top;
 margin-top: 20px;
}
p {
 font-family: "Times New Roman", Times, serif;
 font-size: 15px;
 color: #4c3327;
 line-height: 20px;
 margin-top: .0em;
}
H1 {
 text-align: center;
 font-weight: normal;
 font-size: 14px;
 line-height: 21px;
 margin-top: -.2em;
}
H2 {
 text-align: center;
 font-weight: normal;
 font-size: 14px;
 line-height: 21px;
 margin-top: .8em;
}
H3 {
 text-align: center;
 font-weight: normal;
 font-size: 14px;
 line-height: 21px;
 margin-top: .8em;
}
p.footer {
 text-align: center;
 color: #717650;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 line-height: 20px;
}
p.home {
 text-align: center;
 font-size: 14px;
 line-height: 21px;
  margin-top: .8em;
}
p.promotions {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 text-align: left;
 font-size: 12px;
 line-height: 18px;
 color: #FFF;
}
p.subpromotions {
 margin-top: .1em;
 font-size: 12px;
 line-height: 18px;
 font-family: Arial, Helvetica, sans-serif;
}
p.header {
 font-family: Georgia, "Times New Roman", Times, serif;
 font-size: 19px;
 line-height: 26px;
 font-weight: bold;
 margin-top: .7em;
 margin-bottom: .3em;
 color: #7b1554;
}
p.servicesheader {
 font-family: Arial, Helvetica, sans-serif;
 font-weight: bold;
 font-size: 22px;
 line-height: 28px;
 margin-top: .7em;
 margin-bottom: .3em;
 color: #6e8196;
}
p.services {
 font-family: Georgia, "Times New Roman", Times, serif;
 font-size: 20px;
 line-height: 24px;
 font-weight: bold;
 color: #7b1554;
}
p.servicesitalic {
 font-family: Georgia, "Times New Roman", Times, serif;
 font-size: 16px;
 line-height: 24px;
 color: #7b1554;
 font-style: italic;
}
p.paragraph {
 margin-top: 1em;
}
p.book {
 margin-top: .5em;
}
p.map {
 margin-top: -.1em;
}
p.booktestimonials {
 margin-top: 0em;
 margin-bottom: 0em;
 text-align: center;
}
#center { width: 930px; margin: 0 auto;}
#outline { width: 930px; border: #FFF solid 1px;}
#wrapper { width: 920px; background-color: #FFF; margin: 5px;}

/* =Header */
#header {height: 120px; width: 920px;}
#headerleft {float: left; height:120px; width: 320px;}
#headerright {float: right; width: 550px; margin-top: 30px; margin-right:25px; text-align: right;}

/* =Newsletter */
#signup {float: right; width: 550px; text-align: right;}
#tagline {float: right; width: 550px; height: 45px;}
.newsletter {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color:#999; border:1px solid #ccc; padding: 2px 0px 2px 2px;}

/* =Content Homepage */
#content { width: 890px; margin-right: 15px; margin-left: 15px; padding-bottom: 25px;}
#animation {float: left; width: 890px; height: 255px;}
#headerimg {float: left; width: 890px; height: 177px;}
#maincolumns {float:left; width:890px; margin-top: 5px;}
#rightcolumn {float:left; width:520px;}
#leftcolumn {float:left; width:305px; margin-left: 15px; margin-right:30px; margin-top: 20px;}
#callouts {width:303px; background: url(http://tranquilitylashes.com/images/promotions_bkgd.jpg) #7b1554 center no-repeat; background-position:top;}
#promotions {width:263px; padding: 20px 20px 10px 20px;}
#photolink {width:303px; background-color:#FFF;}

/* =Content Subpages */
#subleftcolumn {float:left; width: 230px; margin-top: 10px; margin-left: 20px;}
#subcentercolumn {float:left; width: 550px; margin-right: 15px; margin-left: 45px; margin-top: 20px;}
#subpromotions {float:left; width: 208px; border: 1px #ddd double; padding: 10px; margin-bottom: 5px;}
#executive {width: 217px; height: 217px; float: left; background-image:url(../images/executive.jpg); background-repeat:no-repeat; margin-left: 6px;} 
#servicetable {width: 545px; padding-top: 10px; padding-bottom: 10px; margin-top: 10px; margin-bottom: 10px;}
.horizline {width: 545px; height: 20px; background-image:url(http://tranquilitylashes.com/images/sub_horiz_img.gif); margin-top: 8px; margin-bottom: 8px;}
.contactlocations {float: left; width: 250px;}
.contactline {float: left; width: 20px; background-image:url(http://tranquilitylashes.com/images/sub_vert_img.gif); height: 280px; margin-right: 20px;}
.contactpic {float: left; width: 160px; padding-right: 25px;}
.contactinfo {float: left; width: 350px;}
.submenuline {float: left; width: 230px; background-image:url(http://tranquilitylashes.com/images/sub_horiz_dots.gif); height: 15px; margin-top: 5px; margin-bottom: 5px;}

/* =Content Subpages - Services */
.service {float: left; width: 135px; text-align:left; margin-top: 5px; margin-bottom: 5px;}
.lashes {float: left; width: 115px; text-align:left; margin-top: 5px;margin-bottom: 5px;}
.price {float: left; width: 75px; text-align:left; margin-top: 5px; margin-bottom: 5px;}
.time {float: left; width: 75px; text-align:left; margin-top: 5px; margin-bottom: 5px;}
.look {float: left; width: 135px; text-align:left; margin-top: 5px; margin-bottom: 5px;}
.servicename {float: left; width: 400px; text-align: left; margin-top: .7em; margin-bottom: .3em;}
.serviceprice {float: left; width: 140px; text-align: right; margin-top: .7em; margin-bottom: .3em;}
.artist {font-size: 12px;}

/* =Content Subpages - Photo Gallery */
#photobutton {width: 230px; height:70px; margin-top: 5px;}
#galleryheaderimg {float: left; width: 890px; height: 56px; background-color: #6b702d; text-align: right;}
.gallerybefore {float: left; width: 254px; margin-right: 20px; margin-top: 10px; text-align: center}
.galleryafter {float: left; width: 254px; margin-top: 10px; text-align: center;}

/* =Footer */
#footer {margin: 0 auto; width: 920px; text-align: center; padding-top: 15px; padding-bottom: 15px; font-size: 14px;}
a.footer:link {color: #717650; text-decoration: underline;}
a.footer:visited {color: #717650; text-decoration: underline;}
a.footer:active {color: #4c3327; text-decoration: underline;}
a.footer:hover {color: #4c3327; text-decoration: underline;}

/* Copy Styling */
.bold {font-weight: bold;}
.boldred {font-weight: bold; color: #7b1554;}
.promolarge {font-weight: bold; color: #7b1554; font-size: 16px; font-family: Arial, Verdana, Helvetica, sans-serif; margin-bottom: 3px;}
.italic {font-style: italic;}
.italiclarge {font-style: italic; font-size: 15px;}
.italichhome {color: #7b1554;}
.headeritalic {font-style: italic; font-weight:normal; font-size: 16px; margin-top: -.2em; color: #7b1554;}
.large {font-size: 18px; color: #4C4C4C; line-height: 24px;}
.testimonials {margin-top: .1em; font-size: 11px; line-height: 16px; font-family: Arial, Helvetica, sans-serif;}
a:link {color:#4c3327;text-decoration: underline;}
a:visited {color:#4c3327; text-decoration: underline;}
a:active {color:#7b1554; text-decoration: underline;}
a:hover {color:#7b1554; text-decoration: underline;}
ul li {list-style-type:disc; list-style-position: outside; line-height: 20px; margin-bottom: .2em; margin-left: 20px; padding: 0px; width: 80%;}
a.simple:link {color: #7b1554; text-decoration: underline;}
a.simple:visited {color: #7b1554; text-decoration: underline;}
a.simple:active {color: #7b1554; text-decoration: underline;}
a.simple:hover {color: #4c3327; text-decoration: underline;}
a.white:link {color: #FFF; text-decoration: underline;}
a.white:visited {color: #FFF; text-decoration: underline;}
a.white:active {color: #FFF; text-decoration: none;}
a.white:hover {color: #FFF; text-decoration: none;}