/* 
    Document   : stylesheet
    Created on : Feb 2, 2012, 12:40:27 AM
    Author     : Mauro
    Description:
        Purpose of the stylesheet follows.
*/

/*---RESET---*/ 
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {    
    margin: 0;    
    padding: 0;    
    border: 0;    
    outline: 0;    
    font-weight: inherit;    
    font-style: inherit;    
    font-size: 100%;    
    font-family: inherit;    
    vertical-align: baseline; 
    text-align: left;        
}

html, body {
    margin: 0px;
    padding: 0px;
    text-align: left;        
    background-color: #eef2f4;  
    font-family: Helvetica, Arial, "Liberation Sans", sans-serif;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, "Liberation Sans", sans-serif;
    line-height: 1.4em;
    text-shadow: 2px 1px 1px #DDD;	
    color:#015575;
    font-size:14pt;
    overflow-x: hidden;
}

h1 { font-size: 18pt; letter-spacing: 1px;}
h2 { font-size: 14pt; letter-spacing: 1px;}
td { vertical-align: top; padding: 5px;}
a:active, a:focus, a:visited { text-decoration: none; outline: 0px; -moz-outline-style: none; } 
a img { text-decoration: none; outline: 0px; border: none; } 
input { background-color: #FFFFFF; border: 1px solid #d0e6f5; color: #2549DA; }
textarea { background-color: #FFFFFF; border: 1px solid #d0e6f5; color: #2549DA; }

input.error { background-color: #fcf4dd; border: 1px solid #411b0c; color: #171311; }
textarea.error  { background-color: #fcf4dd; border: 1px solid #411b0c; color: #171311; }

ul {
    list-style-image: url('../images/sun_bullet.png');
    margin: 8px 0px 0px 30px;
    font-size: 1.2em;
}

ol { 
    list-style-type: none; 
    list-style: none;
    font-size: .7em;
}

.input {
    font-size: .8em;
}

article { text-align: left; margin: 2px 0px 15px 0px; }

.text_center {
    text-align: center;
}

.required {
    color: #7d1800; font-size: 10px; display: inline-block;
}

.contactButton { background-image: url(../images/submit_btn.png); background-repeat: no-repeat; width: 86px; height: 30px; cursor: pointer; text-align: center; color: #FFFFFF; text-shadow: none; }
.testimonialButton { background-image: url(../images/testimonial_submit_btn.png); background-repeat: no-repeat; width: 115px; height: 29px; cursor: pointer; text-align: center; padding-top: 6px; color: #FFFFFF; text-shadow: #555 1px 1px 0px; float: right; margin: 15px 20px;}
.header_email { font-size: 1.5em; color: #FFFFFF; text-align: right; margin: 20px 10px 0px 0px; letter-spacing: 1px; text-shadow: 3px 3px 5px #3A3A3A; }
.header_phone { font-size: 2.5em; color: #FFFFFF; text-align: right; margin: 20px 10px 0px 0px; letter-spacing: 1px; text-shadow: 3px 3px 5px #3A3A3A; }
.bold_orange_notice { font-size: 1.5em; color: #FF7B02; letter-spacing: 1px; line-height: 1.5em; text-shadow: 2px 2px 2px #A2A2A2; font-weight: bold; }
.smaller_font { font-size: .6em; line-height: .6em; }

/* base nav styles */
nav { display:block; margin:0px 0px 0px 30px; position:relative; top: 180px; width: 970px; height: 35px; }
nav div { margin-right: 20px; float:left; cursor: pointer;  }
nav div#home { width: 160px; height: 29px; background:url(../images/btn_home.png) no-repeat; }
nav div#home:hover { width: 160px; height: 29px; background:url(../images/btn_home_sel.png) no-repeat; }
nav div#services { width: 160px; height: 29px; background:url(../images/btn_services.png) no-repeat; }
nav div#services:hover { width: 160px; height: 29px; background:url(../images/btn_services_sel.png) no-repeat; }
nav div#contact { width: 160px; height: 29px; background:url(../images/btn_contactus.png) no-repeat; }
nav div#contact:hover { width: 160px; height: 29px; background:url(../images/btn_contactus_sel.png) no-repeat; }
nav div#testimonials { width: 160px; height: 29px; background:url(../images/btn_testimonials.png) no-repeat; }
nav div#testimonials:hover { width: 160px; height: 29px; background:url(../images/btn_testimonials_sel.png) no-repeat; }
nav div#about { width: 160px; height: 29px; background:url(../images/btn_aboutus.png) no-repeat; }
nav div#about:hover { width: 160px; height: 29px; background:url(../images/btn_aboutus_sel.png) no-repeat; }
			
.imgbuttons {
    position: relative; 
    margin-bottom: 15px;
    z-index: 12;
    cursor: pointer;
}
.input_gray {
    background-color: #f4f6f7;
    color: #005290;
    font-size: .9em;
    border: 1px solid #aab3b8;
}

.center_panel {
    width: 970px;
    background-image: url(../images/suncleaning_logo.png); background-repeat: no-repeat; 
    min-height: 900px;
    background-color: #FFF;
}

#div_footer {
    height: 68px;
    width: 970px;
    font-family: Helvetica, Arial, "Liberation Sans", sans-serif;
    font-weight: normal;
    display: block;
    line-height: 18px;
    text-align: left;
    margin: 10px 0 0 0;
    font-size: 13px;
    color: #FFF;
    text-shadow: #000 0px 1px 0px;
    background-image: url(../images/footer_bg.jpg);
    background-repeat: repeat-x;
}

#pointer {
    position: absolute; 
    top: 0px; 
    left: 128px; 
    margin-top: -38px;
    z-index: 5;
}
#div_content_panel {
    width: 970px;
    min-height: 600px;
    position: relative;
    top: 185px;
    z-index: 10;
    margin: 10px 0px 150px 0px;
    text-align: left;        
}
.float_left {
    float: left;
}
.float_right {
    float: right;
}
.div_full_panel {
    margin: 6px 10px 10px 10px;
    height: auto;
    width: 950px;
}
.div_left_content {
    margin: 6px 10px 10px 10px;
    height: auto;
    width: 700px;
}
.div_right_content {
    margin: 6px 0px 10px 0px;
    height: auto;
    width: 190px;
}
.div_left_half_column {
    margin: 0px 30px 0px 0px;
    height: auto;
    width: 350px;
}
.div_right_half_column {
    margin: 0px 0px 0px 0px;
    height: auto;
    width: 350px;
}
.div_left_third_column {
    float: left;
    margin: 0px 20px 0px 0px;
    padding: 8px;
    height: auto;
    width: 280px;
    background-color: #F8F8F8;
}
.div_right_third_column {
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 5px;
    height: auto;
    width: 280px;
    background-color: #F8F8F8;
}
.clear {
    clear: both;
}
.w750 {
    width: 750px;
}    
.div_specials_panel {
    width: 100%;
    cursor: pointer;
}
.div_specials_panel .header {
    background-image: url(../images/bp_top.png);
    background-repeat: no-repeat;
    height: 7px;
    width: 232px;
}
.div_specials_panel .footer {
    background-image: url(../images/bp_bottom.png);
    background-repeat: no-repeat;
    height: 7px;
    width: 232px;
}
.div_specials_panel .content {
    background-color: #065d7b;
    height: 500px;
    width: 212px;
    overflow: hidden;
    color: #ffffff;
    font-weight: normal;
    font-size: 1.6em;
    line-height: 1.6em;
    text-shadow: 1px 2px 0px #000;
    padding: 12px 10px 6px 10px;
}
.div_specials_panel .content p,div {
    text-align: center;
}
.div_specials_panel .content .client_name {
    font-style: normal;
}
.div_specials_panel .offer_box {
    height: aut0;
    width: auto;
    border-style: dashed;
    border-width: 5px;
    border-color: #FFF;
    padding: 8px;
    margin: 20px 0px 30px 0px;
}

.div_testimonials_form_panel {
    width: 447px;
    height: auto;
    float: right;
}
.div_testimonials_form_panel .top {
    background-image: url(../images/testimonial_form_panel_sprite.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 45px;
}
.div_testimonials_form_panel .middle {
    background-image: url(../images/testimonial_form_panel_bg.png);
    background-repeat: repeat-y;
    height: 465px;
    padding: 25px 30px 5px 30px;
    font-size: 1em;
    color: #FFFFFF;
    text-shadow: #777  1px 1px 0px;    
}
.div_testimonials_form_panel .bottom {
    background-image: url(../images/testimonial_form_panel_sprite.png);
    background-position: 0 -45px;
    background-repeat: no-repeat;
    height: 22px;
}
.div_testimonials_form_panel .footnote{
    font-size: .9em; 
    padding: 3px 10px 0px 5px;
}
.div_testimonial_panel {
    height: auto;
    width: 490px;
    background-color: #fbfbfb;
    border: 1px solid #c1d0d1;
    float: left;
    margin-top: 6px;
}
.ext_width {
    width: 600px;
}
.div_publish {
    float: left;
    margin: 6px;
    min-height: 100px;
}
.div_testimonial_content {
    float: right;
    margin: 6px;
    min-height: 100px;
    width: 100%;
}
.testimonial_text {
    color: #005290;
    font-family: Georgia,"Nimbus Roman No9 L",serif;
    font-style: italic;
    font-weight: normal;
    font-size: 1em;
    line-height: 1.6em;   
    padding: 0 8px 6px 0px;
    text-align: left;
}
.testimonial_name {
    text-align: left;
    margin-bottom: 20px;
}
.testimonial_email {
   color: #667188;
   font-size: 1.2em;
   padding-top: 10px;
}
#div_testimonials_container_id {
    float: left;
    width: 100%;
    min-height: 300px;
    height: auto;
}
#div_albums_container_id {
    border: #C4C7DB 1px solid;
    margin: 10px;
    padding: 0;
    background-color: #E2E3EB;    
}
div.albumthumb {
    font-size: 1.5em;
    color: #1D65D1;
    letter-spacing: 2px;
    margin: 0px 12px 0px 12px;
    padding: 4px 20px;
    float: left;
    cursor: pointer;
    text-shadow: white 0px 1px 0px;
}
div.selected { 
    color: #F88A68;
}

div.albumthumb:hover { background-color: #F0F4F7; }

.construction_notice {
    color: #fff; 
    font-size: 18px; 
    font-weight: bold; 
    font-family: Helvetica, Arial, "Liberation Sans", sans-serif; 
    height: 446px;
    width: 600px;
    text-align: center;
    margin-top: 200px;
}

.attention_notice {
    color: #fff; font-size: 15px; font-weight: normal; font-family: Helvetica, Arial, "Liberation Sans", sans-serif; 
    height: 146px;
    width: 700px;
    text-align: center;
    margin-top: 100px;
}
.graybox { 
    border: 1px solid #667188;
    background-color: #F2F4F5;
    padding: 3px 8px 3px 8px;
}
.copyright {
    color: #000000; 
    font-size: .8em; 
    text-shadow: #EEE 0px 1px 0px;
    float: left;
    margin: 5px 0px 10px 0px;
    width: 500px;
}
.dev_credits {
    color: #000000; 
    font-size: .8em; 
    text-shadow: #EEE 0px 1px 0px;
    float: right;
    margin: 5px 0px 10px 0px;
}

.dev_credits a:link,a:visited,a:active {color: #667188; text-decoration: none;outline: 0px; -moz-outline-style: none;  }
.dev_credits a:hover {color: #bedfff; text-decoration: none; -moz-outline-style: none; }

.hidden {
    display: none;
}
.error_msg {
    color: #7d1800;
    background-color: #fff8d7;
    border: 1px solid #7d1800;
    padding: 6px;
    margin: 10px 4px 10px 4px;
}

.service_panel {
    background-color: #f2f2f2;
    border: 1px solid #dfe3ed;
    margin: 0px 0px 10px 0px;
    width: 940px;
}
.service_slide_images {
    vertical-align: middle;
    border: 1px solid #022942;
    margin: 5px 15px 5px 10px;
    padding: 0;
}
.service_content {
    vertical-align: top;
    padding: 4px;
    float: right;
    width: 360px;
}
.service_title {
    font-weight: bolder;
    font-size: 1.2em;
    color: #FC8403;
    letter-spacing: 2px;
    margin: 5px 0px 8px 0px;
    text-shadow: none;	
    text-align: center;
}
.service_desc {
    line-height: 1em;
    color: #131313;
    margin: 0px 10px;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, "Liberation Sans", sans-serif;
    line-height: 1.2em;
}

.main_box {
    margin-bottom: 10px;
    width: 100%;
}
.main_box .top .left {
    background: url('../images/wp_top_left_corner.png') no-repeat;
    width: 7px;
    height: 7px;
    float: left;
}
.main_box .top .right {
    background: url('../images/wp_top_right_corner.png') no-repeat;
    width: 7px;
    height: 7px;
    float: right;
}
.main_box .top .center {
    background: url('../images/wp_top_border.png') repeat-x;
    margin-left: 7px;
    margin-right: 7px;
    height: 7px;
}

.main_box .middle {
    border-left: 1px solid #ccdcdc;
    border-right: 1px solid #ccdcdc;
    background: #FFFFFF;
    padding: 7px;
    filter:alpha(opacity=7);
    -moz-opacity:0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
}

.main_box .bottom {
    height: 7px;
}
.main_box .bottom .left {
    background: url('../images/wp_bottom_left_corner.png') no-repeat;
    width: 7px;
    height: 7px;
    float: left;
}
.main_box .bottom .right {
    background: url('../images/wp_bottom_right_corner.png') no-repeat;
    width: 7px;
    height: 7px;
    float: right;
}
.main_box .bottom .center {
    background: url('../images/wp_bottom_border.png') repeat-x;
    height: 7px;
    margin: 0 7px 7px 7px;
}