﻿
/*------------------------------------------------------------------------------------------------- */
/*GNERAL DESIGN ----------------------------------------------------------------------------------- */
/*------------------------------------------------------------------------------------------------- */

/* Use this Style Sheet to define your layout and graphical arrangements */
/* 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
{
    padding: 0px;
    margin: 0px;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    list-style-type: none;
}
/*end reset*/

body
{
    /*Set the master background*/
    background-position: left top;
    background: white; /*background-image: url(../Images/SiteShell/BG_Primary_Strip.jpg);*/
    background-repeat: repeat-x; /*default font settings*/
    font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
    text-align: left;
    font-size: 13px;
    font-style: normal;
    font-weight: normal; /*other settings*/
    overflow: -moz-scrollbars-vertical;
    height: 100%;
}

/*SITE SHELL ELEMENTS*/
#Site_Shell_Outside
{
    background-position: center top;
    background-image: url(../Images/SiteShell/BG_Primary.jpg);
    width: 100%;
    background-repeat: no-repeat;
}

#Body_Shell_Outside
{
    width: 950px;
    height: auto;
}

#Body_Shell_Header
{
    width: 100%;
    height: 361px; /* 	background-image: url(../Images/SiteShell/BG_Primary_Header.png); 	background-repeat: no-repeat; 	background-position: left bottom;     */
}

#Body_Shell_Main
{
    background-position: center top;
    width: 100%;
    background-image: url(../Images/SiteShell/BG_Primary_Body.jpg);
    background-repeat: no-repeat;
    background-color: #FFFFFF;
    padding-top: 0px;
}

#Body_Shell_Sub_Main_Col1
{
    float: left;
    padding-top: 45px;
}

#Body_Shell_Sub_Main_Col2
{
    padding-top: 15px;
    margin-left: 281px;
    min-height: 1050px;
    height: 1050px;
    height: auto;
}

#Body_Shell_Sub_Form
{
    width: 434px;
    height: 439px;
    float: right;
    margin-top: -698px; /*background-image: url(../Images/SiteShell/BG_Primary_Form.png);*/
    background-repeat: no-repeat;
}

#Body_Shell_Footer
{
    width: 100%;
    height: 200px;
    background-color: #FFFFFF;
    text-align: left;
    border-top-style: solid;
    border-top-width: 15px;
    border-top-color: #0b4f80;
}

/* END HEADER ELEMENTS ------------- */

/*HEADER ELEMENTS*/
#Logo
{
    background-image: url(../Images/Header/Logo.png);
    background-repeat: no-repeat;
    background-position: center center;
    width: 350px;
    height: 130px;
    float: left;
}

#Navigation
{
    width: 234px;
    height: 200px;
    float: Left;
    margin-top: 150px;
}

#YourAdvantage
{
    background-image: url(../Images/Header/YourAdvantage.png);
    background-repeat: no-repeat;
    background-position: center center;
    width: 960px;
    height: 199px;
    float: left;
}
#MainQuote
{
    font-family: georgia;
    font-size: 18px;
    color: #eff0f1;
    font-style: italic;
    float: left;
    vertical-align: middle;
    margin-top: 300px;
    margin-left: 50px;
    text-align: left;
}

#MainQuote strong
{
    font-family: georgia;
    font-size: 14px;
    color: #72bffa;
    font-style: italic;
    display: inline;
    font-weight: normal;
}

#MainQuote span
{
    font-size: 14px;
    color: #72bffa;
    font-style: italic;
    display: block;
}

#FreeConsultation
{
    float: right;
    background-image: url(../Images/Header/Button.png);
    background-repeat: no-repeat;
    background-position: center center;
    width: 270px;
    height: 65px;
    text-transform: uppercase;
    font-weight: bold;
    text-indent: 25px;
    vertical-align: middle;
    line-height: 65px;
    text-align: left;
    margin-top: -15px;
}

#FreeConsultation A:link, #FreeConsultation A:visited, #FreeConsultation A:Active
{
    font-family: arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
    color: #f9f9ee;
}

#FreeConsultation A:hover
{
    color: #fe0309;
}

.TODO
{
    font-family: arial;
    font-size: 11px;
    font-weight: bold;
    text-decoration: blink;
    color: #CC0000;
    text-transform: capitalize;
    border-style: solid;
    border-width: 1px;
    width: 100%;
}
/* END HEADER ELEMENTS ------------- */

/*------------------------------------------------------------------------------------------------- */
/*END GNERAL DESIGN ------------------------------------------------------------------------------- */
/*------------------------------------------------------------------------------------------------- */


/*------------------------------------------------------------------------------------------------- */
/*START CONTENT ----------------------------------------------------------------------------------- */
/*------------------------------------------------------------------------------------------------- */


/*Use this style to define your text tags for your content pages*/

H1
{
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 10px 0px;
    color: #07395f;
    font-family: arial;
    font-weight: bold;
    font-size: 25px;
}

H2
{
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 10px 0px;
    color: #1e7dc2;
    font-family: arial;
    font-weight: bold;
    font-size: 18px;
}

H3
{
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 10px 0px;
    color: #062f4e;
    font-family: verdana;
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
}

H4
{
 
}

H5
{

}


P
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 10px 0px;
    color: #3e3e3e;
    font-family: arial;
    font-size: 12px;
    line-height: 20px;
}

Strong
{
    color: #3e3e3e;
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
}

UL
{
    padding-left: 25px;
}

LI
{
    list-style-type: disc;
    list-style-position: outside;
    color: #646464;
    font-family: arial;
    font-size: 12px;
    line-height: 20px;
}

A:link, A:visited, A:Active
{
    color: #1e7dc2;
    font-family: arial;
    font-size: 12px;
}

A:Hoover
{
    color: #990000;
}


/*------------------------------------------------------------------------------------------------- */
/*END START CONTENT ------------------------------------------------------------------------------- */
/*------------------------------------------------------------------------------------------------- */


/*------------------------------------------------------------------------------------------------- */
/*HOME PAGE LAYOUT -------------------------------------------------------------------------------- */
/*------------------------------------------------------------------------------------------------- */

#Home_Section1
{
    width: 100%;
    height: 133px;
    background-position: left top;
    background-image: url(../Images/Content/Home_Page_Header.jpg);
    background-repeat: no-repeat;
    text-align: left;
}
#Home_Section2
{
    width: 100%;
    height: 235px;
    text-align: left;
}
#Home_Section3
{
    width: 90%;
    text-align: left;
}

#Home_Section4
{
    width: 100%;
    height: 321px;
    background-position: left top;
    background-image: url(../Images/Content/Home_Page_Bottom.jpg);
    background-repeat: no-repeat;
    text-align: left;
}

#HomePage .HomePage_Col
{
    /*border: 1px solid #FF00FF;*/
    height: 100%;
    width: 332px;
    float: left;
    text-align: left;
    position: relative;
}

#HomePage .HomePage_Col_Top
{
    height: 85px;
    width: 180px;
    text-align: left;
    margin-top: 20px;
    margin-left: 25px;
}

#HomePage .HomePage_Col_SameDayService
{
    height: 240px;
    width: 260px;
    text-align: left;
    margin-top: 45px;
    margin-left: 50px;
}

#HomePage H1
{
    margin: 0px 0px 0px 0px;
    padding: 20px 0px 10px 0px;
    color: #07395f;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 22px;
    font-style: normal;
    text-align: left;
}

#HomePage H2
{
    margin: 0px 0px 5px 0px;
    padding: 0px 0px 0px 0px;
    color: #1e7dc2;
    font-family: arial;
    font-weight: bold;
    font-size: 18px;
    font-style: normal;
}

#HomePage H3
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 5px 0px;
    color: #062f4e;
    font-family: verdana;
    font-weight: bold;
    font-size: 11px;
}

#HomePage H4
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    color: #000000;
    font-family: verdana;
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
}

#HomePage H5
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 5px 0px;
    color: #1e7dc2;
    font-family: arial;
    font-weight: bold;
    font-size: 25px;
}

#HomePage P
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    color: #3e3e3e;
    font-family: arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: left;
}

#HomePage P.intro
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 12px 0px;
    color: #3e3e3e;
    font-family: arial;
    font-size: 12px;
    text-align: justify;
    line-height: 20px;
}

#HomePage Strong
{
    font-weight: bold;
    font-size: 12px;
    color: #3e3e3e;
}

#HomePage P Span.OfficeHours
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 5px 0px;
    color: #3e3e3e;
    font-family: arial;
    font-size: 11px;
    text-align: left;
}

#HomePage P.OurService
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    color: #585656;
    font-family: arial;
    font-size: 15px;
    text-align: left;
}

#HomePage P.OurService strong
{
    color: #585656;
    font-family: arial;
    font-size: 15px;
    text-align: left;
    font-weight: normal;
}

#HomePage P.OurService A
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    color: #1e7dc2;
    font-family: arial;
    font-size: 10px;
    text-align: left;
    font-weight: bold;
    text-decoration: none;
}

#HomePage P.OurService A:hover
{
    color: #CC3300;
}

#HomePage .ServicesLeft
{
    width: 160px;
    height: 190px;
    float: left;
    margin-top: 5px;
}

#HomePage .ServicesRight
{
    width: 155px;
    height: 190px;
    margin-left: 160px;
    margin-top: 5px;
}

#HomePage .ServiceBottom
{
    width: 300px;
    margin-top: 5px;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #C0C0C0;
    margin-left: 10px;
}

#HomePage .ServiceBottom A
{
    font-family: Arial;
    font-size: 12px;
    color: #1e7dc2;
    font-weight: bold;
    text-decoration: none;
}

#HomePage .ServiceBottom A:hover
{
    color: #CC3300;
}

#Home_Section2 ul
{
    margin-left: 5px;
}

#Home_Section2 ul li
{
    padding: 0px 0px 5px 0px;
    margin: 0px;
    font-family: Arial;
    font-weight: bold;
    font-size: 11px;
    list-style-type: none;
}

#HomePage .LocationLeft
{
    width: 105px;
    height: 200px;
    float: left;
}

#HomePage .LocationRight
{
    width: 135px;
    height: 200px;
    margin-left: 125px;
}

#Home_Section4 ul
{
    padding: 0px;
}

#Home_Section4 ul li
{
    padding: 0px;
    margin: 0px 0px 0px 5px;
    font-family: Arial;
    font-weight: bold;
    font-size: 11px;
    list-style-type: disc;
    list-style-position: inside;
    line-height: 18px;
}

/*------------------------------------------------------------------------------------------------- */
/*END HOME PAGE LAYOUT ---------------------------------------------------------------------------- */
/*------------------------------------------------------------------------------------------------- */

/*------------------------------------------------------------------------------------------------- */
/*BODY PAGE LAYOUT -------------------------------------------------------------------------------- */
/*------------------------------------------------------------------------------------------------- */

#BodyPage
{
    vertical-align: top;
    text-align: left;
    padding-bottom: 50px;
    height: 400px;
    min-height: 400px;
    height: auto;
    margin-left:25px;
}

/*
#BodyPage .BodyPage_Col1
{
    width: 270px;
    height: 400px;
    height: auto;
    padding-right: 5px;
    padding-left: 15px;
    float: left;
    text-align: center;
}
*/

#BodyPage .BodyPage_Col2
{
    width: 100%;
    margin-bottom: 50px;
}



/*Column 2 - middle marketing*/
#BodyPage_Col_Video
{
    background-image: url(../Images/Content/VideoClip.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    height: 144px;
    width: 267px;
    border-style: solid;
    border-width: 5px;
    border-color: #d8d7d7;
    margin-bottom: 10px;
}

#BodyPage .picture
{
    border: 1px solid #333333;
    margin-bottom: 15px;
}

#BodyPage IMG
{
    margin: 10px;
    border: 1px solid #333333;
}

#BodyPage .FloaterCol
{
    float: left; 
    height: 180px; 
    width: 210px
}

#BodyPage .FloaterCol2
{
    float: left; 
    height: 300px; 
    width: 210px
}

/*------------------------------------------------------------------------------------------------- */
/*END BODY PAGE LAYOUT ---------------------------------------------------------------------------- */
/*------------------------------------------------------------------------------------------------- */

/*------------------------------------------------------------------------------------------------- */
/*MAIN MENU --------------------------------------------------------------------------------------- */
/*------------------------------------------------------------------------------------------------- */

#MainMenu /*Controls the location and size of the menu*/
{
    width: 100%;
    padding: 0px;
    margin: 0px;
}

#MainMenu ul.nav /*Controls the menu*/
{
    list-style: none;
    padding-left: 0px;
    margin-top: 0px;
    margin-left: 0px;
    /*height: 55px; Full Menu Background*/
    background-image: url(UserControls/CustomControls/MainMenu/Menu_BG.png);
    background-repeat: repeat-x; /*Handles Aligment Issue*/
    overflow: hidden; /*IE Fix for Aligment Issue*/
    zoom: 1;
}


/*Controls the menu items and links*/
#MainMenu ul.nav li
{
    /*Sets the menu horizontaly*/
    list-style-type: none;
}

#MainMenu ul.nav a
{
    text-align: left;
    display: block;
    padding: 5px 0px 5px 10px;
    border-bottom: none;
    text-decoration: none;
    color: #eff0f1;
    font-family: 'Arial';
    font-size: 24px;
    font-weight: lighter;
}


#MainMenu ul.nav a:hover
{
    color: #abf760;
}


#MainMenu ul.nav a.Selected
{
    color: #abf760;
    background-color: #0c4975;
}

/*Header Phone Number*/
#Navigation_Number
{
    font-family: verdana;
    font-size: 23px;
    color: #FFFFFF;
    text-align: right;
    padding-top: 25px;
}

/*------------------------------------------------------------------------------------------------- */
/*END MAIN MENU ----------------------------------------------------------------------------------- */
/*------------------------------------------------------------------------------------------------- */


/*------------------------------------------------------------------------------------------------- */
/*FOOTER MENU ------------------------------------------------------------------------------------- */
/*------------------------------------------------------------------------------------------------- */
#FooterMenu
{
    background-position: bottom;
    width: 100%;
    margin: 0;
    padding-top: 25px;
    background-image: url(../Images/Content/Footer_Vendors.jpg);
    background-repeat: no-repeat;
    height:275px;
}
#FooterMenu ul.nav /*Controls the menu*/
{

    padding-left: 0px;
    margin-top: 0px;
    margin-left: 0px;
}
/*Controls the menu items and links*/

#FooterMenu ul.nav li /*Sets the menu horizontaly*/
{
    float: left; 
    border-right-style: solid;        
    border-right-width: 1px;        
    border-right-color: #646464; 		
    line-height: 13px;
    text-align: center;
    list-style: none;
}

#FooterMenu ul.nav li.last /*Remove the last seperator*/
{
    float: left;
    border-right-style: none;
    line-height: 13px;
    text-align: center;
}

#FooterMenu ul.nav li.right
{
    border-style: none;
    float: right;
}

#FooterMenu ul.nav a
{
    display: block;
    padding: 0px 5px 0px 5px;
    border-bottom: none;
    text-decoration: none;
    color: #646464;
    font-family: Arial;
    font-size: 13px;
    height: 12px;
    font-weight: bold;
}
#FooterMenu ul.nav a:hover
{
}
#FooterMenu ul.nav a.Selected
{
}
#FooterMenu .copy
{
    margin-top: 0px;
    margin-left: 5px;
    text-align: left;
    display: block;
    padding: 0px;
    border-bottom: none;
    text-decoration: none;
    color: #646464;
    font-family: arial;
    font-size: 11px;
    height: 11px;
}

/*------------------------------------------------------------------------------------------------- */
/*END FOOTER MENU --------------------------------------------------------------------------------- */
/*------------------------------------------------------------------------------------------------- */


/*------------------------------------------------------------------------------------------------- */
/*NEWS AND EVENTS --------------------------------------------------------------------------------- */
/*------------------------------------------------------------------------------------------------- */
#NewsSummary
{
    height: 300px;
    width: 280px;
    text-align: left;
    padding-left: 15px;
}
#NewsSummary H2
{
    padding: 35px 0px 10px 0px;
    margin: 0px;
    color: #7c7d7d;
    font-family: arial;
    font-weight: bold;
}

#NewsSummary .SepLine
{
}

#NewsSummaryGraphic
{
    visibility: hidden;
}


#NewsSummary A:link, #NewsSummary A:visited, #NewsSummary A:Active
{
    font-family: Verdana;
    font-size: 11px;
    text-decoration: none;
}

#NewsSummary A:hover
{
    cursor: hand;
    color: #FF0000;
}


#NewsSummary .NewsBody
{
    height: 180px;
    color: #3e3e3e;
    overflow: hidden;
    clip: rect(1px, auto, 1px, auto);
    font-family: arial;
    font-size: 12px;
    line-height: 20px;
}

#NewsSummary .NewsBody span.NewsHeading
{
    font-weight: bold;
}
#NewsSummary .NewsBody span.NewsText
{
}

#NewsSummary span.ReadMore
{
    padding: 6px 0px 0px 6px;
    margin: 0px;
    background-position: left center;
    background-image: url(../Images/Content/Read_More_Button.jpg);
    font-family: Arial;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 11px;
    float: Left;
    background-repeat: no-repeat;
    width: 79px;
    height: 25px;
}

/*------------------------------------------------------------------------------------------------- */
/*END NEWS AND EVENTS ----------------------------------------------------------------------------- */
/*------------------------------------------------------------------------------------------------- */


/*------------------------------------------------------------------------------------------------- */
/*QUICK FORM -------------------------------------------------------------------------------------- */
/*------------------------------------------------------------------------------------------------- */
#QuickForm
{
    margin-top: 0px;
    padding: 0px;
    width: 260px; /*height: 400px;*/
    text-align: left;
}

#QuickForm H2
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    color: #07395f;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 18px;
    font-style: normal;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 0px;
}

#QuickForm P
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #585858;
    vertical-align: middle;
}

#QuickForm .Form_Lable
{
    width: 200px;
    color: #464646;
    font-family: verdana;
    font-size: 10px;
    font-weight: bold;
    vertical-align: text-top;
    float: left;
    clear: left;
    margin-right: 15px;
    font-style: normal;
    margin-top: 10px;
}

#QuickForm .TextEntry
{
    height: 25px;
    width: 250px;
    background-color: #FFFFFF;
    border: 1px solid #dfdddd;
    margin-top: 5px;
    font-family: verdana;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    color: #3e3e3e;
    vertical-align: middle;
    line-height: 25px;
}

#QuickForm .Form_Button
{
    height: 43px;
    width: 110px;
    margin-top: 5px;
    font-family: verdana;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    vertical-align: middle;
    line-height: 25px;
    display: inline;
}

#QuickForm span.Directions
{
    font-family: arial;
    font-weight: bold;
    font-size: 12px;
    color: #3e3e3e;
    line-height: 30px;
    height: 30px;
    width: 75px;
    vertical-align: middle;
    text-align: left;
    float: left;
}


#QuickForm span.Address
{
    font-family: arial;
    font-weight: bold;
    font-size: 10px;
    color: #1e7dc2;
}

#QuickForm .PhoneNumber
{
    background-image: url(../Images/Content/Appliance-Repair-ContactNumber.jpg);
    background-repeat: no-repeat;
    width: 250px;
    height: 98px;
    padding-left: 100px;
    padding-top: 30px;
    color: #1e7dc2;
    font-family: arial;
    font-weight: bold;
    font-size: 18px;
}

#QuickForm .PhoneNumber span
{
    color: #3e3e3e;
    font-family: arial, Helvetica, sans-serif;
    font-size: 10px;
    text-align: left;
    display: block;
}

#QuickForm .Instructions
{
    padding-top: 10px;
    padding-bottom: 10px;
}

/*------------------------------------------------------------------------------------------------- */
/*END QUICK FORM ---------------------------------------------------------------------------------- */
/*------------------------------------------------------------------------------------------------- */