/* Dmitriy Poznyak http://www.engineerre.com Water Taxi Beach Portal Page Style Sheet */ * { margin: 0; padding: 0;} html { overflow-y: scroll; } html, body { height: 100%; } body { font-size: 72.5%;font-family: Arial, sans-serif; color: #777; background: url(../../img/frontend/portal-bg.jpg) top center repeat-x #FFF; } ul { list-style: none;} ol { list-style: decimal inside;} a { outline: none; text-decoration: none; } a img { border: none; outline: none; text-decoration: none;} img { vertical-align: middle; /* border: 1px solid #2D6283; */ padding: 5px; background: #FFFFFF; } h4 { line-height: 22px; font-size: 22px; text-align: center; color: #FFFFFF; font-family: Verdana, sans-serif; font-weight: normal; } h3 { font-size: 18px; color: #FFA200;} h2 { padding-bottom: 8px; margin-bottom: 10px; border-bottom: 6px solid #BEE2F8; color: #255F94; font-family: Verdana, sans-serif; font-weight: normal; font-size: 20px; } .lic { text-decoration: none; color: #2A527E;} .sss { text-decoration: none; color: #2A527E;} .gi { text-decoration: none; color: #2A527E; } /* Headers #F2E9FF #C56F2D Window colors #CA69F7 #FFDB25 */ /* UTILITY */ .clear { clear:both; } .divider { padding-top: 25px; margin-bottom: 15px; border-bottom: 1px solid #bbb;} .img-left { float: left; margin: 15px 15px 15px 0px; vertical-align: middle; /* border: 1px double #E0E0E0; padding: 5px; */ } .content-block { float: left; border-bottom: 1px dashed #E9E9E9; margin-bottom: 0px; padding: 10px 0px; } .content-block p { padding-bottom: 15px; padding-top: 15px; font-family: Times; font-size: 14px; font-style: italic; color: #555; } .content-block p b { font-family: sans-serif; font-size: 16px; color: #2B456B;} /* CORNERS */ .top-c-l-1 { position: absolute; top: 0; left: 0; width: 10px; height: 10px; display: block; background: url(../../img/frontend/portal-corner-bg-2.gif) -10px -10px no-repeat; } .top-c-r-1 { position: absolute; top: 0; right: 0; width: 10px; height: 10px; display: block; background: url(../../img/frontend/portal-corner-bg-2.gif) 0px -10px no-repeat; } .bottom-c-l-1 { position: absolute; bottom: 0; left: 0; width: 10px; height: 10px; display: block; background: url(../../img/frontend/portal-corner-bg-2.gif) -10px 0px no-repeat;} .bototm-c-r-1 { position: absolute; bottom: 0; right: 0; width: 10px; height: 10px; display: block; background: url(../../img/frontend/portal-corner-bg-2.gif) 0px 0px no-repeat;} .top-c-l-2 { position: absolute; top: 0; left: 0; width: 10px; height: 10px; display: block; background: url(../../img/frontend/portal-corner-bg-2.gif) -10px -10px no-repeat; } .top-c-r-2 { position: absolute; top: 0; right: 0; width: 10px; height: 10px; display: block; background: url(../../img/frontend/portal-corner-bg-2.gif) 0px -10px no-repeat; } .bottom-c-l-2 { position: absolute; bottom: 0; left: 0; width: 10px; height: 10px; display: block; background: url(../../img/frontend/portal-corner-bg-2.gif) -10px 0px no-repeat;} .bototm-c-r-2 { position: absolute; bottom: 0; right: 0; width: 10px; height: 10px; display: block; background: url(../../img/frontend/portal-corner-bg-2.gif) 0px 0px no-repeat;} .top-c-l-3 { position: absolute; top: 0; left: 0; width: 10px; height: 10px; display: block; background: url(../../img/frontend/portal-corner-bg-2.gif) -10px -10px no-repeat; } .top-c-r-3 { position: absolute; top: 0; right: 0; width: 10px; height: 10px; display: block; background: url(../../img/frontend/portal-corner-bg-2.gif) 0px -10px no-repeat; } .bottom-c-l-3 { position: absolute; bottom: 0; left: 0; width: 10px; height: 10px; display: block; background: url(../../img/frontend/portal-corner-bg-2.gif) -10px 0px no-repeat;} .bototm-c-r-3 { position: absolute; bottom: 0; right: 0; width: 10px; height: 10px; display: block; background: url(../../img/frontend/portal-corner-bg-2.gif) 0px 0px no-repeat;} /* STRUCTURE */ #page-wrap { width: 960px; margin: 0 auto -80px; min-height: 100%; height: auto !important; height: 100%; padding: 0;} #main-col-wide { width: 928px; padding: 15px 15px 25px 15px; margin-top: 10px; float: left; /* background: url(../../img/frontend/content-bg.gif) top center repeat-x #FFFFFF; */ line-height: 160%; color: #444; position: relative; /* border: 1px solid #CCCCCC; */} #main-col-wide p { line-height: 140%; padding: 15px 0 25px 0; margin: 0; } #push { height: 100px;} /* HEADER (Banner + Layout + Navigation Styles) */ #logo-bar { height: 220px; width: 960px; margin-top: 0px; background: #fff; background: url(../../img/frontend/portal-img.jpg) no-repeat;} #logo a { display: block; width: 260px; height: 140px; cursor: pointer; background: none; position: absolute; top: 13px; left: 15px;} #events-bar { width: 866px; margin: 15px auto; position: relative; border: 3px solid #FFC300; padding: 15px; -moz-border-radius: 9px; -webkit-border-radius: 9px;} #new-event-icon { width: 48px; height: 48px; background: url(../../img/frontend/new-event.jpg) top left no-repeat; float: left; margin-right: 15px;} #events-bar p { font-family: Verdana, sans-serif; color: #777777;} #portal-nav-wrap { width: 920px; line-height: 120%; position: relative; margin: 0 auto; } #nav-left { width: 260px; float: left; position: relative; padding: 15px 15px 15px 15px; margin-right: 10px; margin-left: 5px; background: #E0EDFF; } #nav-center { width: 260px; float: left; position: relative; padding: 15px 15px 15px 15px; margin-right: 10px; background: #E0EDFF; } #nav-right { width: 260px; float: left; position: relative; padding: 15px 15px 15px 15px; margin-right: 10px; background: #E0EDFF; } #portal-nav-wrap p { float: left; padding-bottom: 10px; color: #777;} .portal-nav-menu { float: left;} .portal-nav-menu ul { padding: 20px 0px; width: 250px;} .portal-nav-menu ul li { padding: 5px 0 5px 0; border-bottom: 1px dashed #FFFFFF;} .portal-nav-menu ul li a { font-size: 14px; text-decoration: none; font-weight:normal; color: #2B4B81; font-family: Verdana, sans-serif;} .portal-nav-menu ul li a:hover { color: #FFAE00;} /* FOOTER */ #footer { height: 160px; background: url(../../img/frontend/portal-footer-bg.gif) top center repeat-x;} #footer-inside { width: 960px; margin: 0px auto; padding-top: 2px; position: relative;} #footer-nav { width: 430px; margin: 0px auto;} #footer-nav ul { list-style: none;} #footer-nav ul li { display: inline; padding: 0 0 0 45px;} #footer-nav ul li a { text-decoration: none; color: #FFFFFF; font-size: 12px;} #footer-nav ul li a:hover {color: #ffffff;} #copyright { padding-top: 110px;} #copyright p { text-align: center; font-size: 10px; color: #5F7083;} #copyright a { text-decoration: none; color: #72A0B3;} #social-wrap { position: absolute; top:35px; left:380px;} #social-wrap table { border: collapse;} #social-wrap img { border: none; background: none;}