/* CSS Document */ /* ALL CSS */ ul,ol { list-style: none; } h1,h2,h3,h4,h5,h6,pre,code { font-size: 1em; } ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,table,tr,td,p,blockquote,fieldset,input,div,dd,dt,dl { margin: 0; padding: 0; } fieldset, a img,:link img,:visited img , img{ border: none; } html,body { height: 100%; } body { font-size: small; font: 11px/15px Arial, Helvetica, sans-serif; background-color: #362306; color: #666; margin: 0 auto; text-align: center; line-height: 18px; } a {text-decoration: underline; color: #28451e;} a:hover {text-decoration: underline; color: #e69336;} #header-logo h1, #header-logo h2, #header-logo a span, #mast-pic span, #nav ul li a span, #mast-foot span, #mast-hand span, #footer-logo span {display: none;} /* BACKGROUND //////////// */ #bg-gradient {background: url(../images/bg.jpg) repeat-x; width: 100%;} #bg-pic {background: url(../images/bg_pic.jpg) no-repeat right top; width: 100%;} /* LAYOUT //////////// */ #wrap { width: 782px; text-align: left; margin: 0 auto;} #header { background: none; width: 100%; float: left; clear: both; margin: 25px 0 10px;} body#home #header { margin: 25px 0 0 0;} #header-logo {background: url(../images/header_logo.gif) no-repeat; width: 177px; height: 66px; float: left; margin: 16px 0 0 5px;} #header-logo a {display: block; width: 177px; height: 66px;} #top-menu { float: right; margin-top: 68px} #top-menu ul li {display: inline; color: #ffe69f;} #top-menu ul li a {color: #ffe69f; border-left: 1px solid #ffe69f; padding: 0 4px 0 8px;} #top-menu ul li a.first-menu {border: none;} #top-menu ul li a:hover {color: #e69336;} /* HOMEPAGE - MAST HEAD PICTURE //////////// */ body#home #mast-foot { background: url(../images/mast_foot.png) no-repeat; width: 103px; height: 97px; position: relative; top: 10px; left: 2px; z-index: 100; float: right; } /* MAST HEAD PICTURE //////////// */ #content {background: white; padding: 5px; float: left; width: 772px; } #mast {background: #fff2de; clear: both; float: left; padding: 5px;} #mast-pic {background: url(../images/pic_mast_1.jpg) no-repeat; width: 462px; height: 146px; float: left; border: 8px solid #ffe69f; margin-left: 6px;} /* CONTINUE HOME MAST PIC */ body#home #mast-pic {background: url(../images/mast_pic.jpg) no-repeat; width: 543px; height: 290px; float: left; border: none; margin: 0;} body#home #mast-hand { background: url(../images/mast_hand.png) no-repeat; width: 543px; height: 37px; clear: both; margin-left: 223px; position: relative; top: -5px; z-index: 100; } /* NAVIGATION //////////// */ #nav {width: 266px; float: left; margin: 0 5px; display: inline;} #nav ul li {float: left; display: inline;} #nav ul li a, #btn-home a:hover {display: block; width: 84px; height: 78px; } #btni-home {background: url(../images/navi-home.gif) no-repeat; margin: 0 7px 7px 0px;} #btni-academy {background: url(../images/navi-academy.gif) no-repeat; margin: 0 7px 7px 0px;} #btni-classes {background: url(../images/navi-classes.gif) no-repeat; margin: 0 0px 7px 0;} #btni-shows {background: url(../images/navi-shows.gif) no-repeat; margin: 0 7px 0 0;} #btni-events {background: url(../images/navi-events.gif) no-repeat; margin: 0 7px 0 0;} #btni-contact {background: url(../images/navi-contact.gif) no-repeat;} #btni-home a:hover, #btni-home a.selected {background: url(../images/navi-home.gif) 0 -78px;} #btni-academy a:hover, #btni-academy a.selected {background: url(../images/navi-academy.gif) 0 -78px;} #btni-classes a:hover, #btni-classes a.selected {background: url(../images/navi-classes.gif) 0 -78px;} #btni-shows a:hover, #btni-shows a.selected {background: url(../images/navi-shows.gif) 0 -78px;} #btni-events a:hover, #btni-events a.selected {background: url(../images/navi-events.gif) 0 -78px;} #btni-contact a:hover, #btni-contact a.selected {background: url(../images/navi-contact.gif) 0 -78px;} /* HOMEPAGE - NAVIGATION //////////// */ body#home #content #mast #nav {width: 207px;} body#home #nav ul li a, body#home #btn-home a:hover {width: 100px; height: 92px; } #btn-home {background: url(../images/nav-home.gif) no-repeat; margin: 0 7px 7px 0px;} #btn-academy {background: url(../images/nav-academy.gif) no-repeat; margin-bottom: 7px;} #btn-classes {background: url(../images/nav-classes.gif) no-repeat; margin: 0 7px 7px 0;} #btn-shows {background: url(../images/nav-shows.gif) no-repeat; margin-bottom: 7px;} #btn-events {background: url(../images/nav-events.gif) no-repeat; margin: 0 7px 0 0;} #btn-contact {background: url(../images/nav-contact.gif) no-repeat; margin: 0;} #btn-home a:hover, #btn-home a.selected {background: url(../images/nav-home.gif) 0 -92px;} #btn-academy a:hover, #btn-academy a.selected {background: url(../images/nav-academy.gif) 0 -92px;} #btn-classes a:hover, #btn-classes a.selected {background: url(../images/nav-classes.gif) 0 -92px;} #btn-shows a:hover, #btn-shows a.selected {background: url(../images/nav-shows.gif) 0 -92px;} #mast #btn-events a:hover, #btn-events a.selected {background: url(../images/nav-events.gif) 0 -92px;} #mast #btn-contact a:hover, #btn-contact a.selected {background: url(../images/nav-contact.gif) 0 -92px;} /* HOMEPAGE - BOTTOM LAYOUT AND FORMATTING */ #text-area {padding: 5px 30px 30px 30px; float: left;} body#home #left-column {width: 355px; float: left; margin-right: 30px; display: inline;} #left-column h1 {margin-bottom: 15px;} #left-column h1 {color: #563809; font-size: 18px; font-weight: normal;} /* HOMEPAGE - NEWS AND UPDATES*/ #news-column {float: left; width: 317px;} #news-column h2 { background: url(../images/icon-news.gif) no-repeat; padding: 2px 0 3px 23px; color: #28451e; font-size: 15px; margin-bottom: 10px; } #articles {border-top: 1px dotted #28451e; border-bottom: 1px dotted #28451e; padding: 10px 0; float: left;} .article {float: left; width: 128px; padding: 0 10px;} .article h4 {margin-bottom: 8px;} .article a {color: #28451e; font-size: 13px;} .article a:hover {color: #e69336; } /* NAVIGATION INSIDE PAGES - LEFT MENU IN */ #left-menu {width: 198px; float: left; margin-top: 20px;} #left-menu h3 {padding: 14px 0 0 40px; height: 20px; color: #334e29; font-size: 15px; margin-bottom: 10px;} #left-menu h3.Academy {background: url(../images/icon_academy.gif) no-repeat;} #left-menu h3.Shows {background: url(../images/icon_shows.gif) no-repeat;} #left-menu h3.Events {background: url(../images/icon_events.gif) no-repeat;} #left-menu h3.Classes {background: url(../images/icon_classes.gif) no-repeat;} #left-menu h3.Contact {background: url(../images/icon_contact.gif) no-repeat;} #left-menu ul {background: #eceeeb; float: left; padding: 0 0 5px 5px;} #left-menu ul li {float: left; display: inline; margin: 5px 5px 0 0; text-align: center;} #left-menu ul li a {background: url(../images/left-menu-btn.gif) no-repeat; display: block; width: 80px; height: 31px; color: #362306; text-decoration: none; padding: 19px 5px 0; line-height: 13px;} #left-menu ul li a.twolines {height: 33px; width: 80px; padding: 12px 5px 5px; line-height: 13px;} #left-menu ul li a:hover, #left-menu ul li a.selected {background-position: 0 -50px; color: #334e29; } /* NAVIGATION INSIDE PAGES - LEFT COLUMN BOTTOM */ #left-column {width: 198px; float: left; margin-top: 20px; margin-left: 5px;} /* INSIDE PAGES - RIGHT COLUMN */ #right-column {width: 484px; margin: 33px 0 0 30px; float: left;} #right-column h1, #right-column p, #right-column h2, #right-column ul {margin-bottom: 15px;} #right-column h1 {color: #563809; font-size: 18px; font-weight: normal;} #right-column h2 {color: #28451e; font-size: 15px; font-weight: normal;} #right-column ul li {list-style: disc; margin-left: 50px;} /* PAGE: CLASSES */ #classes .table {float:left; width: 100%; padding:0px 0 0 0; background: none; margin-bottom: 20px;} #classes .table .tr {float:left; width:100%; border-bottom: 1px dotted #afafaf; padding: 8px 0;} #classes .table .tr .td {float:left; display:inline; margin:0; padding-left: 12px;} #classes .table .tr .td-headline {float:left; display:inline; margin:0; } #classes .schedule .td {width: 88px;} #classes .schedule .days {width: 65px; color: #334e29;} /*.color {background: #e9e9e9;}*/ #classes .table .tr .plan {width: 130px;} #classes .table .tr .desc {width: 210px;} #classes .table .tr .price {width: 50px;} #classes .table .headline {color: black; background: #ECEEEB; padding: 5px 0;} /* FOOTER */ #footer-menu {background: url(../images/footer-bg.gif) repeat-x; text-align: center; clear: both;padding: 20px 0;} #footer-menu ul {} #footer-menu ul li {display: inline;} #footer-menu ul li a {color: #362306; border-left: 1px solid #362306; padding: 0 4px 0 8px;} #footer-menu ul li a.first-menu {border: none;} #footer-menu ul li a:hover {color: #e69336;} #footer-menu ul li a.selected {color: #334e29; text-decoration: none;} #footer {width: 96%; clear: both; padding: 15px 2%; margin-bottom: 20px;} #footer-left { float: left; color: #ffe69f;} #footer-logo {background: url(../images/footer-logo.gif) no-repeat; width: 47px; height: 67px; float: right; } .clear {height: 1px; clear: both; line-height:0; font-size:0;} .imgP, .img-left {float: left; border: 2px solid #ffe69f; margin: 3px 15px 40px 0; } .img-left {margin-bottom: 10px;}