/*------------------------------------------- * Filename: default.css * Description default css * Version 1.0.0 [2012-01-06] * Style ID 1120 * Author: ProSites ---------------------------------------------*/ @import url('//styles.prosites.com/css/global.css'); /* GENERAL *******************************************************************************************************************/ body { color: #e8faff; font: 12px Verdana, Arial, Helvetica, sans-serif; text-align: center; margin: 0px; padding: 0px; background: #5494a6; } p { border: 0px; } h2,h3 { } hr { color: #83c2cd; background-color: #83c2cd; } fieldset { border: solid 1px #83c2cd; padding: 6px; } legend { color: #e8faff; } a:link, a:visited, a:active { color: #a2edff; text-decoration: underline; outline: none; } a:hover { color: #FFF; text-decoration: underline; outline: none; } .Button { color: #FFF; background: #165a6e; border: solid 1px #80b8c8; font-size:11px; text-decoration: none; cursor: pointer; } .ButtonHover { color: #347385; background: #a8d9e7; border: solid 1px #e4eef1; font-size:11px; text-decoration: none; cursor: pointer; } #StylizedImage { position: relative; top: 0px; left: 0px; padding-top: 0px; margin: 0px; padding-bottom: 5px; } img { border-color: #83c2cd; } a img { border: none;} .bold { font-weight: bold; } .clear { clear: both; } /* LAYOUT RULES **************************************************************************************************************/ #flash-bg { width: 100%; min-width: 1000px; padding: 0px; background: url(../images/flash-bg.jpg) top center repeat-y; overflow: hidden; text-align: center; } #flash-content { width: 1000px; height: 268px; position: relative; margin: 0px auto; } #movie { position: absolute; top: 0px; left: 0px; z-index: 0; } #banner-bg { width: 100%; min-width: 1000px; padding: 0px; background: url(../images/banner-bg.jpg) top center repeat-y; overflow: hidden; } #banner-content { width: 900px; height: 180px; position: relative; margin: 0px auto; } #banner { position: absolute; top: 0px; left: 0px; z-index: 0; } #header { width: 100%; margin: 0px auto; text-align: center; padding: 0px; } #header-content { height: auto; padding: 0px; width: 1000px; margin: 0px auto; } #content-bg { width: 100%; min-width: 1000px; padding: 0px; overflow: hidden; background: url(../images/content-bg.jpg) top center no-repeat; } #content { width: 960px; margin: 0px auto; padding: 0px; text-align: left; position: relative; } #content #padding { height: 100%; margin: 0px; min-height: 400px; padding: 15px 30px 0px 30px; overflow: visible; text-align: left;} #top { width: 100%; height: 15px; margin: 0px auto; padding: 0px; text-align: center; background: url(../images/top-bg.jpg) top left repeat-x; clear: both; } #phone-bg { height: 39px; width: 100%; min-width: 1000px; padding: 0px; background: url(../images/phone-bg.jpg) top center repeat-y; overflow: hidden; text-align: center; } #phone img { margin: 0px auto; padding: 0px; } .phoneBox { width:300px; margin: 0 auto; font-family: 'Crimson Text', serif; font-size: 26px; padding: 0px; text-transform: uppercase; color: #357382; } .phoneBox a { text-decoration: none; color: #357382;} .phoneBox .span1 { color: #4E8A95;} /*** I AM NOT WORRIED ****/ /****** jQuery Specific classes and flash div overwrite ******/ /* Important: Set to display none, prevents content flash */ .slides_container { width:940px; display: none;} /* Important: Set to display block */ .slides_container div { width:940px; height:268px; display: block; } #panels_bg { background: url(../images/panel_bg.jpg) top center no-repeat; width: 940px; height:268px; position: relative; margin: 0px auto; } /* NAVIGATION ****************************************************************************************************************/ #nav-bg { width: 100%; min-width: 1000px; padding: 0px; background: url(../images/nav-bg.jpg) top center repeat-y; overflow: hidden; text-align: center; } #nav { width: 940px; margin: 0px auto; padding: 0px; background: url(../images/nav-bg.gif) top left repeat-y; } #nav-content { margin: 0px; padding: 0px 5px; } #nav img { padding: 0px; } /* FOOTER ********************************************************************************************************************/ #footer-bg { width: 100%; margin: 0px auto; text-align: center; padding: 0px; background: #48889a url(../images/footer-bg.jpg) top left repeat-x; } #footer { width: 900px; margin: 0px auto; text-align: left; font-size: 11px; color: #e8faff; padding: 0px 30px; 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: 90px 0px 6px 0px; } #footer .devby { margin: 0px; padding: 6px 0px 15px 0px; } #footer br { display: none!important; } /* nuke coded breaks*/ #footer a:link, #footer a:visited, #footer a:active { color: #a2edff; text-decoration: none; font-weight: bold; } #footer a:hover { color: #FFF; text-decoration: none; font-weight: bold; } /************************************************ * * * 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: #83c2cd; } /* INTERIOR DEFAULT FORMS ******************************************************************************/ /* MAIN CONTACT PAGE FORM **********/ .qcform { background: #347385; border-color: #6aacba; } /*container form*/ .qcformcolor { background-color: #a8d9e7!important; border-color: #ddfbff; color: #347385; } /*input field*/ hr.qcform { background-color: #83c2cd; color: #83c2cd; } /* MINI FORM PLUGIN ****************/ .m-form, .m-form-low, .m-form-services, .m-form-inner-services { background: #347385!important; border-color: #66a7b6; }/*container form*/ .m-formcolor, .m-form-innercolor { background: #a8d9e7; border-color: #ddfbff; color: #226072; }/*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: 65px 0px 7px 20px; } .m-form-low { margin: 65px 0px 7px 20px; } .m-form-services { margin: 65px 0px 7px 20px; } .m-form-inner-services { margin: 90px 0px 7px 20px; } /* 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; } } /* SmileQuizForm #Table1 { padding: 20px!important; margin-top: 15px; border-collapse:collapse;} #Table3 { margin-top: -15px; } */