/* EpicPlatform Stylesheet */ /* This is the class for the section of the website, removing padding. */ html, body{ padding: 0; margin: 0; } /* This is the class for the element of the webpage. */ body { font-family: Arial, Helvetica, sans-serif; font-size: 13px; } /* This clears some of the pre-defined browser defaults for tables. */ table { border-spacing: 0px; border-collapse: collapse; border-width: 0px; } /* This assigns the default settings for most form elements. */ input, textarea, select { font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 3px; vertical-align: middle; } a { color: #000; } a:hover { color: #03557C; } h1, h2, h3, h4, h5, h6 { font-family: "EWS-Heading", "Century Gothic", "Lucida Grande" ,Arial,sans-serif; text-shadow: black 2px 2px 3px; color: #FFF; text-transform: uppercase; margin: 0; padding: 0; padding-top: 25px; padding-bottom: 10px; } h1 { font-size: 40px; } h2 { font-size: 30px; } #menu { background-image: url('../../uploads/layout/menu-bg.png'); width: 100%; position: fixed; z-index: 0; bottom: 20px; left: 106px; } #menu ul { padding: 0; margin: 0; width: 200px; list-style: none; margin: 5px 0 2px 10px; } #menu ul li { margin-top: -2px; color: #FFF; font-weight: bold; text-transform: uppercase; } #menu ul li { margin-top: -2px; color: #FFF; font-weight: bold; text-transform: uppercase; } #menu ul li a { color: #FFF; text-decoration: none; } #menu ul li a:hover { color: #CCC; } #logo { z-index: 0; position: fixed; bottom: 20px; left: 0px; background-color: #82B8D4; } #logo img { margin: 10px; } #wrapper { position: absolute; width: 500px; right: 200px; z-index: 1; padding-top: 100px; padding-bottom: 145px; } #clear { clear: both; } #left { float: left; } #right { float: right; } #body { border-radius: 5px; background-image: url('../../uploads/layout/body-bg.png'); padding: 18px; border: 1px solid #EBEBEB; } p { margin: 0; padding: 0; } #directions { border: 1px solid #CCC; padding: 5px; margin-top: 10px; background-color: #FAFAFA; border-radius: 5px; text-align: center; } #directions p { margin: 5px; } #slider { position: relative; z-index: 3; border-radius: 5px; border: 1px solid #EBEBEB; } #slider img { border-radius: 4px; } #overlay { position: relative; width: 500px; text-align: center; z-index: 4; margin: auto; margin-top: -40px; cursor: pointer; } #overlay img { border: 1px solid #CCC; background-color: #FFF; padding: 1px; margin: 0 5px; } #services { margin-left: 15px; } #services h2 { text-transform: none; margin: 0; padding: 0; text-shadow: none; font-family: Arial, Helvetica, sans-serif; font-size: 20px; height: 33px; padding: 15px 0 0 63px; background-position: left top; background-repeat: no-repeat; color: #000; } #map { border: 1px solid #CCC; border-radius: 5px; margin: auto; width: 460px; height: 350px; } #contact { border: 1px solid #CCC; background-color: #FAFAFA; border-radius: 5px; padding: 5px 0 5px 0; } #contact table { margin: auto; } #contact td { padding: 5px; } #contact #l { text-align: right; font-weight: bold; vertical-align: top; padding-top: 9px; } #contact #l b { color: #900; } #contact #r input { width: 300px; } #contact #r textarea { width: 300px; height: 200px; } #contact #r input, #contact #r textarea, #contact #r select { border: 1px solid #999999; border-radius: 4px 4px 4px 4px; color: #333333; font-family: Arial,Helvetica,sans-serif; font-size: 12px; padding: 3px; text-decoration: none; vertical-align: middle; } #contact input[type="submit"], #contact input[type="button"] { background-image: url("../../admin/images/button_off.png"); background-repeat: repeat-x; border: 1px solid #999999; border-radius: 11px 11px 11px 11px; color: #333333; cursor: pointer; font-size: 12px; padding: 3px 10px; text-decoration: none; } #contact input[type="submit"]:hover, #contact input[type="button"]:hover { border: 1px solid #666; color: #000; } #webcams div { text-align: center; margin: 10px; } #webcams div a img { border: 1px solid #000; } #service_list #title { border: 1px solid #CCC; background-color: #82B8D4; text-align: center; padding: 5px 5px 20px 5px; margin-top: 20px; border-radius: 10px; font-weight: bold; color: #FFF; } #service_list #list { border: 1px solid #CCC; background-color: #FAFAFA; border-radius: 10px; margin-top: -15px; padding: 5px; } #service_list #list ul { margin-bottom: 0; padding-bottom: 0; } #service_list #list ul li { padding-bottom: 10px; font-weight: bold; } #service_list #list ul li ul li { padding-bottom: 5px; margin-left: -10px; font-weight: normal; } #service_list #list ul li ul { margin-top: 5px; } #success { border: 1px solid #F90; border-radius: 5px; background-color: #FFC; text-align: center; padding: 10px; } #featured-wrapper { margin: auto; width: 450px; height: 200px; background-image: url('../../uploads/layout/portfolio-bg.png'); background-repeat: no-repeat; background-position: center center; } #featured-portfolio { margin: auto; width: 412px; height: 162px; } #featured-portfolio td { width: 200px; vertical-align: middle; text-align: center; } #featured-portfolio .left { border-right: 1px dotted #CCC; } #featured-portfolio .left img { border: 0; } #featured-portfolio .right img { border: 1px solid #000; } #client-list { margin: auto; } #client-list td { width: 230px; } #client-list td p { padding: 2px; } #body img { width: auto; height: auto; } /* Styles For Main Dropdown Menus */ .menu { border-left: 1px dotted #000; border-bottom: 1px dotted #000; background-color: #EBEBEB; } .items td { padding: 10px; cursor: pointer; font-size: 14px; } .items td:hover { cursor: pointer; } .dropdown, .dropdown ul { /*topmost and sub ULs, respectively*/ font-size: 13px; margin: 0; padding: 0; position: absolute; left: 0; top: 1px; list-style-type: none; background: white; border: 1px solid #000; border-bottom-width: 0; visibility: hidden; display: none; /*collapse all sub menus to begin with*/ box-shadow: 3px 3px 8px #818181; /*shadow for CSS3 capable browsers.*/ -webkit-box-shadow: 3px 3px 8px #818181; -moz-box-shadow: 3px 3px 8px #818181; -khtml-box-shadow: 3px 3px 8px #818181; } .dropdown li { position: relative; } .dropdown li a { display: block; width: 160px; /*width of menu (not including side paddings)*/ color: #000; background: #EBEBEB; border-bottom: 1px solid #000; text-decoration: none; padding: 4px 5px; font-weight: bold; } * html .dropdown li { /*IE6 CSS hack*/ display: inline-block; width: 170px; /*width of menu (include side paddings of LI A*/ } .dropdown li a:hover, .dropdown li.selected>a { background: #FFF; color: #000; font-weight: bold; } .rightarrowclass { position: absolute; top: 6px; right: 5px; }