body { background-color: #707070; margin: 0; padding: 0; color: #FFFFFF; font-family: Verdana, Geneva, sans-serif; } a, a:visited { text-decoration: none; color: #666666; outline: none; } a:hover, a.selected { text-decoration: none; color: #C0E2E3; outline: none; } .highlight a {text decoration: none; color:#FFFFFF ; font-weight: bold; outline: none; } .highlight a:hover, a.selected { text-decoration: none; color: #C0E2E3; outline: none; } #WrapperContainer { width: 1150px; margin: auto; margin-top: 20px; } #Wrapper { float: left; width: 920px; margin: 0; padding: 10px; min-height: 450px; height: auto !important; height: 450px; } #WrapperLeftCol { float: left; width: 314px; display: inline; width: 420px; } #WrapperLogo { margin: 15px 0px 0px 15px; } #MainContainer { width: 950px; margin: auto; margin-top: 20px; } #MainContent { border: 5px solid #FBFBFB; background-color: #1D1D1D; } #MainContent img { margin: 0px; padding: 0px; } #LeftCol { position: relative; float: left; width: 420px; height: 529px; display: inline; } #HomeLogo { position: absolute; left: 38px; top: 80px; } #HomeNavLogo { position: absolute; left: 38px; top: 263px; } #ContactLogo img { padding: 40px 0px 0px 15px; } #TopNavArea { font-size: 14px; margin: 40px 0px 0px 0px; } #TopNavArea ul li { float: left; list-style-type: none; background: url(images/divider.jpg) no-repeat left center; padding: 0px 15px 0px 25px;} #TopNavArea ul li:hover{ float: left; list-style-type: none; background: url(images/divider2.jpg) no-repeat left center; padding: 0px 15px 0px 25px; } #TopNav { margin: 0; padding: 0; } ul#TopNav { width:585px; list-style:none; height:24px; } ul#TopNav li { display:inline; } ul#TopNav li a { height:24px; float:left; text-indent:-9999px; text-decoration:none; } ul#TopNav li a span { float:left; display:block; } ul#TopNav li#TopNav-About a { width:58px; background:url(images/text-links_horizontal.jpg) no-repeat 0px 0; } ul#TopNav li#TopNav-About a:active, ul#TopNav li#TopNav-About a:hover { background-position: 0px -19px; } ul#TopNav li#TopNav-About a.selected { background-position: 0px -19px; } ul#TopNav li#TopNav-Galleries a { width:79px; background:url(images/text-links_horizontal.jpg) no-repeat -58px 0; } ul#TopNav li#TopNav-Galleries a:active, ul#TopNav li#TopNav-Galleries a:hover { background-position:-58px -19px; } ul#TopNav li#TopNav-Galleries a.selected { background-position: -58px -19px; } ul#TopNav li#TopNav-Yourevent a { width:95px; background:url(images/text-links_horizontal.jpg) no-repeat -137px 0; } ul#TopNav li#TopNav-Yourevent a:active, ul#TopNav li#TopNav-Yourevent a:hover { background-position:-137px -19px; } ul#TopNav li#TopNav-Yourevent a.selected { background-position: -137px -19px; } ul#TopNav li#TopNav-Contact a { width:74px; background:url(images/text-links_horizontal.jpg) no-repeat -234px 0; } ul#TopNav li#TopNav-Contact a:active, ul#TopNav li#TopNav-Contact a:hover { background-position:-234px -19px; } ul#TopNav li#TopNav-Contact a.selected { background-position: -234px -19px; } ul#TopNav li#TopNav-Cars a { width:65px; background:url(images/text-links_horizontal.jpg) no-repeat -308px 0; } ul#TopNav li#TopNav-Cars a:active, ul#TopNav li#TopNav-Cars a:hover { background-position:-308px -19px; } ul#TopNav li#TopNav-Cars a.selected { background-position: -308px -19px; } ul#TopNav li#TopNav-Pellier a { width:101px; background:url(images/text-links_horizontal.jpg) no-repeat -373px 0; } ul#TopNav li#TopNav-Pellier a:active, ul#TopNav li#TopNav-Pellier a:hover { background-position:-373px -19px; } ul#TopNav li#TopNav-Pellier a.selected { background-position: -373px -19px; } ul#TopNav li#TopNav-Land a { width:111px; background:url(images/text-links_horizontal.jpg) no-repeat -474px 0; } ul#TopNav li#TopNav-Land a:active, ul#TopNav li#TopNav-Land a:hover { background-position:-474px -19px; } ul#TopNav li#TopNav-Land a.selected { background-position: -474px -19px; } #SideNavArea { position: absolute; font-size: 14px; left: 42px; top: 403px; } #SideNavArea ul li { list-style-type: none; background: url(images/divider.jpg) no-repeat left center; padding: 0px 25px 0px 25px; margin-bottom: 5px; } #SideNavArea ul li:hover{ list-style-type: none; background: url(images/divider2.jpg) no-repeat left center; padding: 0px 25px 0px 25px; margin-bottom: 5px; } #SideNav { margin: 0; padding: 0; } ul#SideNav { width:100px; list-style:none; height:100px; } ul#SideNav li { display:block; text-indent:-9999px; text-decoration: none; height: 20px; } ul#SideNav li a { width:100px; display:block; } ul#SideNav li a span { float:left; display:block; } ul#SideNav li#SideNav-1 a { width: 50px; height:23px; background:url(images/text-links.jpg) no-repeat 0 3px; } ul#SideNav li#SideNav-1 a:active, ul#SideNav li#SideNav-1 a:hover { background-position: -120px 3px; } ul#SideNav li#SideNav-1 a.selected { background-position: -120px 0px; } ul#SideNav li#SideNav-2 a { width: 75px; height:25px; background:url(images/text-links.jpg) no-repeat 0 -20px; } ul#SideNav li#SideNav-2 a:active, ul#SideNav li#SideNav-2 a:hover { background-position: -120px -20px; } ul#SideNav li#SideNav-2 a.selected { background-position: -120px -23px; } ul#SideNav li#SideNav-3 a { width: 90px; height:25px; background:url(images/text-links.jpg) no-repeat 0 -46px; } ul#SideNav li#SideNav-3 a:active, ul#SideNav li#SideNav-3 a:hover { background-position: -120px -46px; } ul#SideNav li#SideNav-3 a.selected { background-position: -120px -48px; } ul#SideNav li#SideNav-4 a { width: 70px; height:23px; background:url(images/text-links.jpg) no-repeat 0 -71px; } ul#SideNav li#SideNav-4 a:active, ul#SideNav li#SideNav-4 a:hover { background-position: -120px -71px; } ul#SideNav li#SideNav-4 a.selected { background-position: -120px -73px; } #GalleryEvent { float: left; position: absolute; left: 30px; top: 326px; display: inline; } #GalleryLogo { float: left; position: absolute; left: 41px; top: 366px; display: inline; } #RightColHome { float: left; width: 520px; height: 529px; margin: 0; padding: 0; background-image: url(images/homepage4.jpg); } #RightCol { float: left; width: 520px; margin: 0; padding: 0; } #ContactText { margin-top: 40px; font-size: 14px; padding-right: 20px; } #HomeTextTop { margin-top: 54px; font-size: 12px; padding-left: 66px; padding-right: 66px; } #HomeTextBottom { margin-top: 57px; font-size: 12px; padding-left: 66px; padding-right: 66px; } #HomeHeadRight { margin-top: 39px; margin-left: 216px; padding-left: 35px; padding-right: 40px; } #HomeHeadRight h1 { font-size: 16px; } #FullCol { float: left; width: 940px; margin: 0; padding: 0; } #FullContactLogo { width: 0px; height: 0px; margin-left: 40px; padding: 0; } #FullTopNavArea { font-size: 14px; margin: 40px 0px 0px 420px; } #FullTopNavArea ul li { float: left; list-style-type: none; background: url(images/divider.jpg) no-repeat left center; padding: 0px 15px 0px 25px;} #FullTopNavArea ul li:hover{ float: left; list-style-type: none; background: url(images/divider2.jpg) no-repeat left center; padding: 0px 15px 0px 25px; } #FullContactText { margin-top: 40px; font-size: 14px; padding-right: 0px; } #footer { text-align: center; padding: 10px 0px 10px 0px; color: #CCCCCC; font-family: Arial, Helvetica, sans-serif; font-size: 10px; } #footer a { text-decoration: none; color: #CCCCCC; } .clear { clear: both; }