From: Steve Sutton <steve@gaslightmedia.com>
Date: Wed, 9 Jul 2014 20:26:10 +0000 (-0400)
Subject: adding style sheet
X-Git-Tag: v1.0^2~40^2
X-Git-Url: http://cvs2.gaslightmedia.com/gitweb/?a=commitdiff_plain;h=9d1c5b7fb7f322fa84469ec70bc6955fab80de95;p=web%2FBigFore.git

adding style sheet

from dev53 client copy
---

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