-\r
-/*======== UNIVERSAL STYLES ========*/\r
+.clearfix:before,\r
+.clearfix:after {\r
+ content: " ";\r
+ display: table;\r
+ }\r
+.clearfix:after {\r
+ clear: both;\r
+ }\r
+html {\r
+ font-size: 62.5%;\r
+ }\r
body {\r
- background: #eddbcc;\r
- font-family: arial, sans-serif;\r
- font-size: 13px;\r
- text-align: center;\r
- margin: 0;\r
- padding: 0;\r
- }\r
-img {\r
- border: 0;\r
- }\r
-ul, li {\r
- list-style-type: none;\r
- margin: 0;\r
- padding: 0;\r
- display: block;\r
- }\r
- \r
+ background: url(assets/bg.png);\r
+ font-size: 14px;\r
+ margin: 0;\r
+ padding: 0;\r
+ font-family: arial, helvetica, sans-serif;\r
+ }\r
#wrapper {\r
- margin: 0 auto;\r
- text-align: left;\r
- width: 990px;\r
- background: url(assets/bgRepeat.png) repeat-y white;\r
- }\r
-#wrapperInner {\r
- height: 1%;\r
- overflow: hidden;\r
- background: url(assets/bgInside.jpg) no-repeat;\r
- }\r
- \r
-/*======== HEADER ========*/\r
-#top {\r
- height: 150px;\r
- position: relative;\r
- }\r
+ width: 1000px;\r
+ margin: 0 auto;\r
+ background: white;\r
+ border-bottom-left-radius: 5px;\r
+ border-bottom-right-radius: 5px;\r
+ margin-bottom: 50px;\r
+ }\r
+header {\r
+ height: 446px;\r
+ position: relative;\r
+ }\r
#logo {\r
- position: absolute;\r
- left: 330px;\r
- top: 65px;\r
- }\r
-#nav {\r
- margin: 0 20px;\r
- height: 1%;\r
- overflow: hidden;\r
- }\r
-#nav li {\r
- float: left;\r
- }\r
-#nav a {\r
- display: block;\r
- padding: 14px 23px 14px 13px;\r
- text-decoration: none;\r
- font-size: 14px;\r
- background: url(assets/divider.png) no-repeat right center;\r
- }\r
-#nav a:link {\r
- color: #115280;\r
- }\r
-#nav a:visited {\r
- color: #115280;\r
- }\r
-#nav a:hover {\r
- color: #947235;\r
- text-decoration: underline;\r
- }\r
-#nav a:active {\r
- color: #115280;\r
- }\r
-\r
-/*======== HOME PAGE STYLES ========*/ \r
-#home #wrapperInner {\r
- background-image: url(assets/bg.jpg);\r
- }\r
-#main {\r
- margin: 0 50px;\r
- }\r
-#home #category {\r
- margin-right: 350px;\r
- }\r
-/*======== INSIDE PAGE STYLES ========*/\r
-#breadcrumbs {\r
- font-size: 11px;\r
- font-weight: normal;\r
- text-transform: uppercase;\r
- margin-left: 14px;\r
- color: #44432b;\r
-\r
-}\r
-#breadcrumbs a {\r
- color: #000;\r
- text-decoration: none;\r
- font-weight: bold;\r
- margin: 0 3px;\r
-}\r
-#breadcrumbs a:hover { color: #ababab; }\r
-\r
-#column {\r
- width: 200px;\r
- float: left;\r
- }\r
-#subnav {\r
- margin: 16px 19px;\r
- background: url(assets/subnavBg.jpg) no-repeat white;\r
- }\r
-#subnav h2 {\r
- padding: 17px 0 7px 14px;\r
- color: #947235;\r
- font-size: 18px;\r
- margin: 0;\r
- }\r
-#subnav ul {\r
- }\r
-#subnav a {\r
- display: block;\r
- text-decoration: none;\r
- padding: 7px 14px;\r
- }\r
-#subnav a:link {\r
- color: #947235;\r
- }\r
-#subnav a:visited {\r
- color: #947235;\r
- }\r
-#subnav a:hover {\r
- color: #FFF;\r
- background: #8da0ab;\r
- }\r
-#subnav a:active {\r
- color: #947235;\r
- }\r
-#inside #main {\r
- float: left;\r
- width: 720px;\r
- margin: 0 0 0 30px;\r
- }\r
- \r
-/*======== TOOLBOX STYLES ========*/\r
-#toolbox h1, #toolbox h2 {\r
- font-family: 'century gothic', arial, helvetica, sans-serif;\r
- font-weight: normal;\r
- font-size: 20px;\r
- }\r
-\r
-#paragraphLinks a{\r
- text-decoration: none;\r
- padding: 2px 7px;\r
-}\r
-#paragraphLinks a:link{\r
- color: #947235;\r
-}\r
-#paragraphLinks a:visited {\r
- color: #947235;\r
- }\r
-#paragraphLinks a:hover {\r
- color: #FFF;\r
- background: #8da0ab;\r
- }\r
-#paragraphLinks a:active {\r
- color: #947235;\r
- }.imageleft {\r
- float: left;\r
- margin: 0 10px 10px 0;\r
- }\r
+ position: absolute;\r
+ top: 21px;\r
+ left: 40px;\r
+ }\r
+/* Main Navigation */\r
+nav {\r
+ margin: 0;\r
+ padding: 0;\r
+ position: absolute;\r
+ top: 20px;\r
+ right: 20px;\r
+ }\r
+nav ul, nav li {\r
+ margin: 0;\r
+ padding: 0;\r
+ list-style-type: none;\r
+ }\r
+nav>ul>li {\r
+ float: left;\r
+ position: relative;\r
+ }\r
+nav>ul>li>a {\r
+ font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;\r
+ text-transform: uppercase;\r
+ color: white;\r
+ display: block;\r
+ padding: 5px 10px;\r
+ font-weight: bold;\r
+ font-size: 18px;\r
+ text-decoration: none;\r
+ }\r
+nav a:hover {\r
+ color: #8b0304;\r
+ }\r
+nav li ul {\r
+ padding: 0;\r
+ position: absolute;\r
+ top: 48px;\r
+ top: 31px;\r
+ left: 0;\r
+ width: 150px;\r
+ display: none;\r
+ opacity: 0;\r
+ visibility: hidden;\r
+ -webkit-transiton: opacity ease 0.9s;\r
+ -moz-transition: opacity ease 0.9s;\r
+ -ms-transition: opacity ease 0.9s;\r
+ -o-transition: opacity ease 0.9s;\r
+ transition: opacity ease 0.9s;\r
+ }\r
+nav li:hover ul {\r
+ display: block;\r
+ opacity: 1;\r
+ visibility: visible;\r
+ }\r
+nav li ul li { \r
+ display: block; \r
+ color: #fff;\r
+ margin-bottom: 1px;\r
+ }\r
+nav li ul li:first-child {\r
+ margin-bottom: 0;\r
+ }\r
+nav li ul li img {\r
+ margin-left: 20px;\r
+ }\r
+nav li li a {\r
+ font-size: 12px;\r
+ color: black;\r
+ font-family: arial, sans-serif;\r
+ padding: 5px 10px;\r
+ display: block;\r
+ text-decoration: none;\r
+ background: rgba(255, 255, 255, .7);\r
+ font-weight: bold;\r
+ text-shadow: 1px 1px 1px rgba(255, 255, 255, .9);\r
+ }\r
+nav li ul li a:hover {\r
+ background: rgba(255, 255, 255, .8);\r
+ }\r
+/* Toolbox */\r
+#toolbox {\r
+ margin: 50px 90px 50px 70px;\r
+ }\r
+.listing:before,\r
+.listing:after {\r
+ content: " ";\r
+ display: table;\r
+ }\r
+.listing:after {\r
+ clear: both;\r
+ }\r
+.listing {\r
+ margin-top: 1em;\r
+ clear: both;\r
+ }\r
.imageright {\r
- float: right;\r
- margin: 0 0 10px 10px;\r
- }\r
+ float: right;\r
+ margin: 0 0 20px 20px;\r
+ }\r
+.imageleft {\r
+ float: left;\r
+ margin: 0 20px 20px 0;\r
+ }\r
.imagecaption {\r
- font-size:10px;\r
- color: #516d88;\r
- }\r
-.listing {\r
- clear: both;\r
- }\r
- \r
-/*======== FOOTER ========*/\r
-#footer {\r
- background: url(assets/footerBg.png) no-repeat;\r
- height: 57px;\r
- clear: both;\r
- }\r
-#footer p {\r
- padding-top: 23px;\r
- margin: 0;\r
- font-family: 'century gothic' helvetica, sans-serif;\r
- font-size: 13px;\r
- text-align: center;\r
- color: white;\r
- font-weight: bold;\r
- }\r
-#accreditations {\r
- position: relative;\r
- height: 100px;\r
- }\r
-#accreditations li {\r
- position: absolute;\r
- background-image: url(assets/accreditationsBg.png);\r
- text-indent: -9000px;\r
- }\r
-#aAAD {\r
- top: 10px;\r
- left: 175px;\r
- background-position: 0 0;\r
- width: 74px;\r
- height: 73px;\r
- }\r
-#aABD {\r
- top: 10px;\r
- left: 315px;\r
- background-position: -74px 0;\r
- width: 72px;\r
- height: 73px;\r
- }\r
-#aACMS {\r
- top: 20px;\r
- left: 458px;\r
- background-position: -146px 0;\r
- width: 161px;\r
- height: 73px;\r
- }\r
-#aASDS {\r
- top: 20px;\r
- left: 680px;\r
- background-position: -307px 0;\r
- width: 140px;\r
- height: 73px;\r
- }\r
- \r
-#copyright{\r
- text-align:center;\r
- background:#EDDBCC;\r
- clear:both;\r
- font-size:10px;\r
- padding: 20px 0;\r
- } \r
+ font-size: 12px;\r
+ }\r
+#toolbox h1, #toolbox h2 {\r
+ color: #005835;\r
+ }\r
+#toolbox h1 {\r
+ font-variant: small-caps;\r
+ font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;\r
+ }\r
+/* quoteRequest */\r
+#quoteRequest {\r
+ background: #8b0304;\r
+ height: 60px;\r
+ line-height: 60px;\r
+ }\r
+#quoteRequest form {\r
+ margin: 0;\r
+ }\r
+#quoteRequest h2 {\r
+ margin: 0 0 0 40px;\r
+ color: white;\r
+ }\r
+/* Property Images */\r
+#propertyImages, #propertyImages li {\r
+ list-style-type: none;\r
+ margin: 0;\r
+ padding: 0;\r
+ display: block;\r
+ }\r
+#propertyImages {\r
+ margin: 0;\r
+ }\r
+#propertyImages img {\r
+ display: block;\r
+ float: left;\r
+ border: 1px solid #38462a;\r
+ }\r
+#propertyImages li:last-child img {\r
+ margin-left: 80px;\r
+ }\r
+/* Pricing */\r
+#pricing {\r
+ clear: both;\r
+ height: 376px;\r
+ background: url(assets/pricingBg.jpg);\r
+ }\r
+#pricing h2 {\r
+ font-variant: small-caps;\r
+ font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;\r
+ color: black;\r
+ text-align: center;\r
+ margin: 0;\r
+ padding: 1em 0;\r
+ font-size: 30px;\r
+ }\r
+#pricing>div {\r
+ float: left;\r
+ width: 400px;\r
+ margin-left: 100px;\r
+ text-align: center;\r
+ }\r
+#pricing #pricing2 {\r
+ margin-left: 0;\r
+ }\r
+#pricing h3 {\r
+ color: #0b5e40;\r
+ }\r
+#pricing ul, #pricing li {\r
+ list-style-type: none;\r
+ margin: 0;\r
+ padding: 0;\r
+ display: block;\r
+ }\r
+#pricing ul {\r
+ width: 220px;\r
+ margin: 0 auto;\r
+ text-align: left;\r
+ }\r
+#pricing li {\r
+ line-height: 2em;\r
+ }\r
+#pricing i {\r
+ font-style: normal;\r
+ width: 110px;\r
+ display: block;\r
+ float: left;\r
+ }\r
+#pricing b {\r
+ font-weight: bold;\r
+ }\r
+#pricing p {\r
+ clear: both;\r
+ }\r
+#pricing>div p:last-child {\r
+ font-style: italic;\r
+ font-size: 12px;\r
+ font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;\r
+ }\r
+#pricing>p:last-child {\r
+ font-style: italic;\r
+ font-size: 12px;\r
+ font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;\r
+ text-align: center;\r
+ }\r
+address {\r
+ clear: both;\r
+ font-size: 18px;\r
+ font-style: normal;\r
+ margin: 2em 0;\r
+ }\r
+/* Footer Logos */\r
+#footer:before,\r
+#footer:after {\r
+ content: " ";\r
+ display: table;\r
+ }\r
+#footer:after {\r
+ clear: both;\r
+ }\r
+#footer ul, #footer li {\r
+ display: block;\r
+ list-style-type: none;\r
+ margin: 0;\r
+ padding: 0;\r
+ }\r
+#footer li {\r
+ float: left;\r
+ }\r
+#footer a {\r
+ display: block;\r
+ background-image: url(assets/logos.gif);\r
+ height: 95px;\r
+ text-indent: -9000px;\r
+ margin: 0 20px;\r
+ }\r
+#pBE {\r
+ width: 80px;\r
+ background-position: 0 0;\r
+ }\r
+#pDU {\r
+ width: 125px;\r
+ background-position: -120px 0;\r
+ }\r
+#pBL {\r
+ width: 175px;\r
+ background-position: -285px 0;\r
+ }\r
+#pLI {\r
+ width: 80px;\r
+ background-position: -505px 0;\r
+ }\r
+#pLA {\r
+ width: 145px;\r
+ background-position: -630px 0;\r
+ }\r
+#pTR {\r
+ width: 140px;\r
+ background-position: -815px 0;\r
+ }\r
+#copyright {\r
+ margin: 0 auto;\r
+ text-align: center;\r
+ padding: 1em 0;\r
+ }\r
projects / web / BigFore.git / commitdiff