/* 
Title:     One Cleaners (onecleaners.com) interior page styles for screen media 
Author:    services@departuremedia.com
Updated:   Dec. 7, 2007
*/

@import url(all.css);


/* ************* Branding *************/

#footer {
    position:absolute;
    bottom:0;
    width:400px;
    z-index:1;
    text-align:left;
    padding-bottom:10px;
}

#footer h5  {
    text-decoration:none;
    text-transform:uppercase;
    font: normal 70% Georgia, "Times New Roman", Times, serif;
    letter-spacing:0.5em;
    width:100%;
    margin-left:20px;
	margin-right:150px; /* Add for IE 7 */
}

    #footer h5 a {
        text-decoration:none;
        color:#7C9CF0;
    }


/* Arrange for proper footer */	

#master {
	position: absolute;
	top: 0;
	left: 0;
	}
	

html, body, #master {
	min-height: 100%;
	width: 100%;
	height: 100%;
	}
html>body, html>body #master {
	height: auto;
	}


/* ************* Layout *************/

#content_main {
    position:static;
    padding-top:104px;
    margin-left:188px;
    width:387px;
    padding-bottom:3em;
    z-index:10;
    
}

#content_sub {
    position:absolute;
    top:104px;
    left:575px;
    width:380px;
    z-index:2;
}

.photo-navcol {
    position: absolute;
    left:0;
    z-index:10;
    margin-top:0.7em;
}

#valet-teaser, #valet-teaser-inline {
    width:162px;
    text-align:center;
    float:right;
    margin-top:110px;
}

#valet-teaser-inline {
    margin-top:20px;
    margin-left:20px;
    float:none;
}

#valet-teaser-services {
	width:254px;
        text-align:center;
        margin-top:0;
	float:none;
	margin-top:-25px;
	margin-left:30px;
}

div.navphoto-floated {
	position:relative;
	margin-left:-188px;
	z-index:1000;
	width:187px;
	}

/* ************* Formatting *************/

#section-hd {
    font:150% Georgia, "Times New Roman", Times, serif;
    color:#4E7AE7;
    padding: 0.2em 20px;
}

h3 {
    font: 120% Georgia, "Times New Roman", Times, serif;
    color:#FEFF5C;
    padding: 0.2em 20px;
}

h4 {
    font:110% "Trebuchet MS", Arial, sans-serif;
    color:#FEFF5C;
    padding: 0.2em 20px;
    padding-top:0.5em;
}

#content_main p, blockquote {
    font: 80%/1.5 "Trebuchet MS", Arial, sans-serif;
    padding: 0.5em 20px;
}

p#breadcrumbs {
    font-size:75%;
    color:#5BA9D8;
}

#primary_photo {
    background:black url(../images/primary-photo_corner-left.gif) no-repeat left bottom;
    display:block;
    width:185px;
    margin-top:-1px;
}

    #primary_photo blockquote {
        color:#4E7AE7;
        font:130%/1 Georgia, "Times New Roman", Times, serif;
        padding:15px;
        padding-top:30px;
        background: url(../images/primary-photo_shade.gif) repeat-x 0 0;
    }
    
    #primary_photo .rounded-right {
        background:url(../images/primary-photo_corner-right.gif) no-repeat right bottom;
    }
    
p.callout, blockquote.callout {
background:black;
color:white;
margin: 20px 0;
}

p.service-callout {
    background: black;
}

#content_main blockquote {
	margin-bottom:1em;
}

#content_main blockquote cite {    
	 line-height:1.5em;
	 margin-top:0.5em;
	 display:block;
	 text-align:right;
	 font-style:italic;
}

.more-testimonials {
	font: normal 10px "Trebuchet MS",sans-serif;
	margin-top:0;
	padding-top:5px;
	padding-left:15px;
	margin-bottom:15px;
	}
/* Large primary photos for services pgs etc */

#primary_photo_big {
    width:253px;
    display:block;
    background:black url(../images/primary-photo-big-bg.gif) repeat-x bottom;
    padding: 0 5px;
    margin-left:30px;
    padding-bottom:70px;
    margin-top:-1px;
    
}
    
    
#valet-teaser p, #valet-teaser-inline p {
    color:#5BA9D8;
    font: 80% Georgia, "Times New Roman", Times, serif;
    padding-top:25px;
    background:url(../images/flourish.gif) no-repeat 0 0;
    text-align:center;
}

    #valet-teaser p span, #valet-teaser-inline p span {
            text-transform:uppercase;
            color:white;
            letter-spacing:3px;
            font-size:80%;
        }
        
    #valet-teaser a, #valet-teaser-inline a {
    font-size:120%;
    font-weight:normal;
    line-height:1.5em;
}

#valet-teaser-services p {
    color:#5BA9D8;
    font: 80% Georgia, "Times New Roman", Times, serif;
    padding-top:30px;
    background:url(../images/flourish-large.png) no-repeat 10px 0;
    text-align:center;
}

    #valet-teaser-services p span {
        text-transform:uppercase;
        color:white;
        letter-spacing:5px;
        font-size:90%;
    }
    
    #valet-teaser-services a {
        font-size:150%;
        font-weight:normal;
        line-height:1.5em;
    }
    
ul#special-touches, ul.service-list {
padding-left:40px;
}

ul#special-touches li, ul.service-list li{
font: 80% "Trebuchet MS";
list-style-type:circle;
margin-bottom:0.4em;
}

ul.service-list li ul {
margin-top:0.5em;
}

ul.service-list li ul li {
font-size: 100%;
margin-left:1em;
}

span.p-callout {
color:#A5D7FC;
font-size:115%;
font-weight:bold;
}

ul.preferred-by li {
list-style-type:circle;
margin-left:30px;
font:90% "Trebuchet MS",sans-serif;
color:#A5D7FC;
}

ul.preferred-by li a {
color:#A5D7FC;
}

p#preferred-by {
margin-left:-7px;
}

div.navbar_photo {
    position:relative;
    left:-100px;
}

/* About us */

#content_sub blockquote.testimonial {
    font: 105% Georgia, serif;
    background:none;
}

#content_sub blockquote.testimonial cite {
    display:block;
    text-align:right;
    font: italic 90% Georgia, serif;
    color: white;
}

/* Services: Couture */

dl#couture-summary {
    background: url(../images/couture_sewing.jpg) no-repeat top left;
    padding:5px;
    padding-left:60px;
    margin-top:10px;
    margin-left:20px;
}

    dl#couture-summary dt, dl#couture-fabrics dt {
        font: italic 105% georgia,serif;
        font-weight:normal;
        margin-bottom:5px;
    }
    
    dl#couture-summary dd, dl#couture-fabrics dd{
        font: 75%/1.5 arial,sans-serif;
        letter-spacing:0.04em;
    }


dl#couture-fabrics {
    background: url(../images/couture_velvet.jpg) no-repeat top left;
    padding:5px;
    padding-left:60px;
    margin-top:5px;
    margin-left:20px;
}

#LCI-big {
    margin-left:40px;
}


/* Valet Service */

#bigvan {
	width:365px;
	height:189px;
	background:url(../images/van-valet-big.png) no-repeat;
	margin-top:70px;
	}

#valet-howitworks {
	background:#DDE1ED url(../images/valet-how-bg.gif) repeat-x bottom;
	width:272px;
	margin-left:50px;
	margin-top:20px;
        padding-bottom:10px;
	}
	
#valet-howitworks ol li {
	list-style-type:decimal;
	margin-left:25px;
	font: 82%/1.5 Georgia,serif;
	color:black;
	margin-bottom:0.5em;
	padding-right:10px;
    }
    
#valet-howitworks h4 {
	width:272px;
	height:36px;
	text-indent:-9999px;
	background:url(../images/valet-how-it-works.gif) no-repeat 0 0;
	display:block;
	}
	
#valet-howitworks #more-questions {
	text-align:center;
	color:black;
	font-size:80%;
	}



/* Tips + FAQs */


#NewsPostDetailContent blockquote {
    margin:0.5em 0.5em 0.5em 2em;
    line-height:1em;
    font: italic normal 18px Georgia,serif;
}

#NewsPostDetailContent cite {
    margin-left:20px;
    display:block;
    font: 12px arial,sans-serif;
    margin-top:1em;
    margin-bottom:1em;
}

#NewsPostDetailContent h4 {
    font-size:95%;
}

#NewsPostDetailContent ul {
list-style:circle;
margin-left:15px;
font: 80%/1.5 "Trebuchet MS", Arial, sans-serif;
padding: 0.5em 20px;
}

#NewsPostDetailContent ul li {
margin-bottom:0.5em;
line-height:1.5em;
}

#NewsPostDetailContent p.tip-credit {
font-size:10px;
margin-top:1em;
}

#NewsPostDetailReturnLink {
    background:black;
    padding:10px 20px;
    font:bold 12px arial;
}

ol#faq {
    margin-left:20px;
    margin-top:20px;
}

ol#faq li {
font: 80%/1.5 "Trebuchet MS", Arial, sans-serif;
margin-bottom:1.5em;
}

ol#faq li span {
    font-weight:bold;
    font-family:Arial,sans-serif;
}
	
/* Survey */

p#survey-teaser {
    background: #00276C;
    margin-top:1em;
    border-top:1px solid black;
}

    p#survey-teaser strong {
        display:block;
    }


/* Survey via FormBuilder */

.survey-intro {
margin-bottom:1em;
}

.survey-intro h3, .survey-intro p {
margin-left:-20px;
}

.surveyform {
margin-left:20px;
}

.surveyform .essay {
margin-top:1em;
}

.surveyform .essay textarea {
    margin-bottom:0.5em;
    width:300px;
}

.surveyform .essay label {
font: bold 12px arial;
background:black;
display:block;
width:295px;
padding:5px;
}

.multiplechoice div div {
float:left;
padding:5px;
}

.multiplechoice div label {
font:bold 12px arial,sans-serif;
}

.multiplechoice div div label {
font: normal 11px arial,sans-serif;
}

.multiplechoice > div {
clear:left;
background:black;
padding:5px;

}
	
/* Locations */

dl#locations {
    margin-left:20px;
}

dl#locations dt {
    text-transform: uppercase;
    font: bold 11px Georgia,serif;
    letter-spacing:2px;
    margin-top:1em;
    color:#4E7AE7;
}

dl#locations dd {
    font: 95% "Trebuchet MS",arial,sans-serif;
}

dl#locations dd#closed {
    font-size:75%;
}

img.location-main {
    margin-top:80px;
    border:5px solid black;
}

/* Care Tips */

#NewsPostDetailContent ol {
padding-left:20px;
}

#NewsPostDetailContent ol li {
    font: 90% "Trebuchet MS",arial,sans-serif;
padding-left:10px;
margin-bottom:0.5em;
list-style-type:decimal;
}

