/* CSS file for the standard website pages ** Website: Options for Options Associates ** Created by Mike Knott: April 8th 2009 */ body { } /* Just a mass reset. already reset in Website.Master as needed for layout */ p, h1 { margin: 0; padding: 0; } h2 { margin: 30px 0 0 0; } /* Used only to provide positioning context for navigation and text divs */ #wrapper { position: relative; } #navigation { position: relative; float: left; } #buttons { position: relative; width: 161px; margin: 0 45px 10px 45px; } .aboutUs_click { width: 80px; height: 80px; margin: 10px 0 10px 0; position: absolute; top: 0; left: 0; background-image: url("../Images/Navigation/button_AboutUs_unfocused.png"); background-repeat: no-repeat; background-position: 0 0; } .aboutUs_click:hover { background-image: url("../Images/Navigation/button_AboutUs_unfocused.png"); background-repeat: no-repeat; background-position: -80px 0; } .aboutUs_noclick { width: 80px; height: 80px; margin: 10px 0 10px 0; position: absolute; top: 0; left: 80px; background-image: url("../Images/Navigation/button_AboutUs_focused.png"); background-repeat: no-repeat; background-position: 0 0; } .whatWeDo_click { width: 80px; height: 80px; margin: 10px 0 10px 0; position: absolute; top: 100px; left: 0; background-image: url("../Images/Navigation/button_whatWeDo_unfocused.png"); background-repeat: no-repeat; background-position: 0 0; } .whatWeDo_click:hover { background-image: url("../Images/Navigation/button_whatWeDo_unfocused.png"); background-repeat: no-repeat; background-position: -80px 0; } .whatWeDo_noclick { width: 80px; height: 80px; margin: 10px 0 10px 0; position: absolute; top: 100px; left: 80px; background-image: url("../Images/Navigation/button_WhatWeDo_focused.png"); background-repeat: no-repeat; background-position: 0 0; } .testimonials_click { width: 80px; height: 80px; margin: 10px 0 10px 0; position: absolute; top: 200px; left: 0; background-image: url("../Images/Navigation/button_Testimonials_unfocused.png"); background-repeat: no-repeat; background-position: 0 0; } .testimonials_click:hover { background-image: url("../Images/Navigation/button_Testimonials_unfocused.png"); background-repeat: no-repeat; background-position: -80px 0; } .testimonials_noclick { width: 80px; height: 80px; margin: 10px 0 10px 0; position: absolute; top: 200px; left: 80px; background-image: url("../Images/Navigation/button_Testimonials_focused.png"); background-repeat: no-repeat; background-position: 0 0; } .contactUs_click { width: 80px; height: 80px; margin: 10px 0 10px 0; position: absolute; top: 400px; left: 0; background-image: url("../Images/Navigation/button_ContactUs_unfocused.png"); background-repeat: no-repeat; background-position: 0 0; } .contactUs_click:hover { background-image: url("../Images/Navigation/button_ContactUs_unfocused.png"); background-repeat: no-repeat; background-position: -80px 0; } .contactUs_noclick { width: 80px; height: 80px; margin: 10px 0 10px 0; position: absolute; top: 400px; left: 80px; background-image: url("../Images/Navigation/button_ContactUs_focused.png"); background-repeat: no-repeat; background-position: 0 0; } .newsPage_click { width: 80px; height: 80px; margin: 10px 0 10px 0; position: absolute; top: 300px; left: 0; background-image: url("../Images/Navigation/button_News_unfocused.png"); background-repeat: no-repeat; background-position: 0 0; } .newsPage_click:hover { background-image: url("../Images/Navigation/button_News_unfocused.png"); background-repeat: no-repeat; background-position: -80px 0; } .newsPage_noclick { width: 80px; height: 80px; margin: 10px 0 10px 0; position: absolute; top: 300px; left: 80px; background-image: url("../Images/Navigation/button_News_focused.png"); background-repeat: no-repeat; background-position: 0 0; } #text { margin: 0 30px 130px 250px; /* 130 moves last line of text on page above the fixed footer */ } .text { margin-top: 10px; line-height: 2em; } .photoLeft { float: left; margin: 10px 20px 10px 0; } .photoRight { float: right; margin: 10px 0 10px 20px; }