/*------------------------------------------- * Filename: default.css * Description default css * Version 1.0.0 [2012-01-06] * Style ID 1118 * Author: ProSites ---------------------------------------------*/ @import url('//styles.prosites.com/css/global.css'); /* RESETS */ #w_all, #container, #header, #nav_bg, #flash, #banner, #phone, #footer, #container_bg, #footer_bg { margin: 0 auto; padding: 0px; } body, #w_all, #container_bg, #nav_bg, #phone_bg, #footer_bg, #container, #header { text-align: center; } /*** GENERAL FORMAT *************************************************************************************/ body { color: #6e491a; font: 12px Verdana, Arial, Helvetica, sans-serif; text-align: center; margin: 0px; padding: 0px; background: #d9c99c; } body #interior { } body, legend { color: #6e491a; } a:link, a:visited, a:active { color: #a36314; } a:hover { color: #d08c37; } fieldset,img { border-color: #fff4db; } fieldset { } hr { background-color: #fff4db; color: #fff4db; } .Button { color: #fff; background: #a36314; border: solid 1px #925204; } .ButtonHover { color: #f1c895; background: #6e491a; border: solid 1px #5a370b; } #StylizedImage { position: relative; top: 0px; left: 0px; padding-top: 0px!important; margin: 0px; height:46px; background: url(../images/stylizedBG.jpg) no-repeat left top } #content-interior #padding #StylizedImage { position: relative; top: 0px; left: 0px; padding-top: 0px!important; margin: 0px; height:46px; background: url(../images/stylizedBG-interior.jpg) no-repeat left top } .clear { clear: both; } /* LAYOUT RULES **************************************************************************************************************/ #container-bg { margin: 0px auto; width: 100%; padding:0; background: url(../images/body-bg.jpg) top left repeat; } #container-bg-interior { margin: 0px auto; width: 100%; padding:0; background: url(../images/bg-interior.jpg) top left repeat-x; } #container { margin: 0px auto; width: 980px; padding:0px; top: 0px; position: relative; padding: 0px; overflow: visible; } #header { width: 100%; height: auto; margin: 0px auto; text-align: center; background: url(../images/header-bg.jpg) bottom left repeat-x; } #header img { height: auto; margin: 0px; } #flash-bg-right { width:100%; height: 424px; margin: 0px auto; padding: 0px; border: 0px; background: url(../images/flash-bg-right.jpg) top right no-repeat; } #flash-bg-left { width:100%; height: 424px; margin: 0px auto; padding: 0px; border: 0px; background: #ead9b0 url(../images/flash-bg-left.jpg) top left repeat-x;} #flash-bg-right2 /* New Pattern */ { width:100%; height: 424px; margin: 0px auto; padding: 0px; border: 0px; background: url(../images/flash-bg-right-2.jpg) top right no-repeat; } #flash-bg-left2 /* New Pattern */ { width:100%; height: 424px; margin: 0px auto; padding: 0px; border: 0px; background: #ead9b0 url(../images/flash-bg-left-2.jpg) top left repeat-x;} #flash { width: 980px; height: 424px; margin: 0px auto; padding: 0px; border: 0px; } #panel_bg { width: 980px; height: 425px; position: relative; margin: 0px auto; background: url(../images/panel_bg.jpg) top center no-repeat;} #panel-bg { width: 980px; height: 425px; position: relative; margin: 0px auto; background: url(../images/panel-bg.jpg) top center no-repeat;} #panel { width: 966px; height: 425px; position: relative; margin: 0px auto; } #banner-bg-right { width:100%; height: 322px; margin: 0px auto; padding: 0px; border: 0px; background: url(../images/banner-bg-right.jpg) top right no-repeat; } #banner-bg-right2 { width:100%; height: 322px; margin: 0px auto; padding: 0px; border: 0px; background: url(../images/banner-bg-right-2.jpg) top right no-repeat; } #banner-bg-left { width:100%; height: 322px; margin: 0px auto; padding: 0px; border: 0px; background: #ead9b0 url(../images/banner-bg-left.jpg) top left repeat-x;} #banner-bg-left2 { width:100%; height: 322px; margin: 0px auto; padding: 0px; border: 0px; background: #ead9b0 url(../images/banner-bg-left.jpg) top left repeat-x;} #banner { width: 980px; height: 322px; margin: 0px auto; padding: 0px; border: 0px; } #content { width: 980px; margin: 0px; padding: 0px; text-align: left; position: relative; margin-top: -40px; top: -40px; z-index: 1;} #content2 { width: 980px; margin: 0px; padding: 0px; text-align: left; position: relative; margin-top: 0px; top: 20px; z-index: 1;} #content #padding, #content2 #padding { height: 100%; margin: 0px; padding: 0px 40px 30px 40px; overflow: visible; text-align: left; } #content-interior { width: 980px; margin: 0px; padding: 0px; text-align: left; position: relative; margin-top: -15px; top: -15px; z-index: 1;} #content-interior #padding { height: 100%; margin: 0px; padding: 0px 40px 30px 40px; overflow: visible; text-align: left; } #phone { width: 100%; height: 46px; margin: 0px auto; padding: 0px; text-align: center; background: url(../images/phone-bg.jpg) top left repeat-x; clear: both; } #phone p { margin: 0px; padding: 0px; } .phoneBoxContainer { background: url(../images/phone.jpg) no-repeat center 0px; min-width: 980px; } /* In order to keep the background non clickable */ .phoneBox { width: 840px; height: 57px; text-align: right; margin: 0 auto; position: relative; } .phoneBox a { text-decoration: none; color: #946628;} .phoneBox .span1 { color: #412A0A;} .phonetext { width: 300px; position: absolute; right: 0; font-family: 'Crimson Text', serif; font-size: 28px; padding: 4px; text-transform: uppercase; } /*** CUSTOM DIVS if any custom CORE INNER ELEMENTS is needed please add in the section below*************/ /* Load CSS before JavaScript */ /* Slides container Important: Set the width of your slides container Set to display none, prevents content flash */ .slides_container { width:980px; display:none;} /* Each slide Important: Set the width of your slides If height not specified height will be set by the slide content Set to display block */ .slides_container div { width:980px; height:325px; display:block; } /* NAVIGATION ****************************************************************************************************************/ #nav-bg { width: 100%; text-align: center; margin: 0px; padding: 0px; background: url(../images/nav-bg.jpg) top left repeat-x; } #nav { width: 980px; text-align: center; margin: 0px auto; padding: 0px; } #nav p { margin: 0px; padding: 0px; } /*#nav img { padding-left: 1px; } */ /* FOOTER ********************************************************************************************************************/ #footer-bg { width: 100%; margin: 0px auto; text-align: center; padding: 0px; background: #ddcc9c url(../images/footer-bg.jpg) top left repeat-x; } #footer { width: 900px; margin: 0px auto; text-align: left; font-size: 11px; color: #6e491a; padding: 0px 40px; background: url(../images/footer.jpg) top left repeat-x; text-align: justify!important; } #footer p { margin: 0px; padding: 0px; } #footer .footer-nav { margin: 0px; padding: 30px 0px 3px 0px; } #footer .devby { margin: 0px; padding: 3px 0px 15px 0px; } #footer br { display: none!important; } /* nuke coded breaks*/ #footer a:link, #footer a:visited, #footer a:active { color: #a36314; text-decoration: none; } #footer a:hover { color: #d08c37; text-decoration: none; background: none!important; } /************************************************ * * * NOTE: Section below is for the default * * pages in the engine. Only color, * * background color and border should be * * changed. There is an exception for custom * * websites. * * * ************************************************/ /* BORDER COLORS FOR DEFAULT PAGES *********************************************************************/ .PageService_Line_Group_Name, .PageService_Line_Item_Name, .PageInternetLink_Category_Container, .PageFAQ_Answer, .PageTestimonial_Intro, .PageTestimonial_Container, .PageContact_Office_Photo, .PageContact_Contact_Photo, .PageContact_Contact_Seperator { border-color: #fff4db; } /* INTERIOR DEFAULT FORMS ******************************************************************************/ /* MAIN CONTACT PAGE FORM **********/ .qcform { background: #f7e8c5; border-color: #dbcca1; } /*container form*/ .qcformcolor { background-color: #fff4db!important; border-color: #e0d0a8; color: #6e491a; } /*input field*/ hr.qcform { background-color: #d9c99c; color: #d9c99c; } /* MINI FORM PLUGIN ****************/ .m-form, .m-form-low, .m-form-services, .m-form-inner-services { background: #f7e8c5!important; border-color: #dbcca1; }/*container form*/ .m-formcolor, .m-form-innercolor { background: #fff4db; border-color: #e0d0a8; color: #6e491a; }/*input field*/ .m-form h1, .m-form-low h1, .m-form-services h1, .m-form-inner-services h1 { font-family:arial; /*NEED TO DECLARE FONT HERE*/ } /* MINI FORM POSITION **************/ /*NEED TO ADJUST TOP MARGIN FOR EACH*/ .m-form { margin: 69px 0px 7px 20px; } .m-form-low { margin: 74px 0px 7px 20px; } .m-form-services { margin: 67px 0px 7px 20px; } .m-form-inner-services { margin: 93px 0px 7px 20px; } /* AppointmentRequestForm */ #AppointmentRequestForm .qcformcolor{ color: #6e491a; background-color: #fff4db!important; border: 1px solid #e0d0a8; font: 12px verdana, arial, sans-serif; padding: 2px; width: 234px; } /* Webkit - Browsers have an offset of 1px horizontally - due to odd nuber in pixel resolution vieport */ @media screen and (-webkit-min-device-pixel-ratio:0) { html { overflow-x: scroll; margin-left: -1px; } }