/* CSS Document */ #dummy-element{width:2px;} /* Necessary to check if StyleSheet has loaded */ /* Reset */ * { margin: 0; padding: 0 } /* End Reset */ /* Global */ body {font-family: Verdana, Arial; font-size: 76%; line-height: 1.4em; background: url(../../assets/images/body_bg_rpt.jpg); color: #fff; margin: auto; text-align: center; } p { text-align: left; margin: 15px 0 } p, ul { } p a, li a { color: #0099ff; text-decoration: none } p a:hover, li a:hover { color: #ccc; text-decoration: none } p a:visited, li a:visited { color: #0099ff; text-decoration: none } #footer a { color: #FFFFFF; text-decoration: none; } #footer a:hover { color: #ccc; } #footer a:visited { color: #FFFFFF; } p.intro { border-bottom: 1px solid #ccc; margin-bottom: 20px; padding: 20px 0 30px 0; text-align: center; width: 100% } a:focus { outline:none } img { border: 0 } .clr { clear:both; } /* End Global */ /* Lists */ #content_wrapper ul { text-align: left; padding: 20px 0 10px 20px; } #content_wrapper li { text-align: left; padding-left: 20px; background: url(../../assets/images/li.jpg) no-repeat; background-position: 0 50%; list-style: none; } /* End Lists */ /* Typography */ h1 { color: #ffffff; text-align:left; font-family: monacolinux, Helvetica Neue, sans-serif; font-size: 30px; } h2 { color: #fff; text-align:left; display: block; height: 20px; font-size: 18px; padding-bottom: 3px; margin-bottom: 10px; border-bottom: 2px solid #ccc; font-family: monacolinux, Helvetica Neue, sans-serif; } h2 span { display: block; padding: 2px 0 2px 4px; background: #333333; } h3 { text-align:left; display: block; margin: 0px 0; font-size: 16px; font-family: monacolinux, Helvetica Neue, sans-serif; color: #fff; } h3 span { display: block; padding: 2px 0 2px 4px; background: #333333; } h4 { padding-top: 10px; font-size: 18px; } h6 { clear: both; margin: 0px 0; font-family: monacolinux, Helvetica Neue, sans-serif; color: #333; text-align: left; } /* End Typography */ /* header images */ #header_home {background:url(../../assets/images/headers/guitar-trans.png); height: 299px; width: 1024px; } #header_equipment {background:url(../../assets/images/headers/di-trans.png); height: 299px; width: 1024px; } #header_booking {background:url(../../assets/images/headers/drums-trans.png); height: 299px; width: 1024px; } #header_rates {background:url(../../assets/images/headers/hydroponic_singer-trans.png); height: 299px; width: 1024px; } #header_gallery {background:url(../../assets/images/headers/keyboard3-trans.png); height: 299px; width: 1024px; } #header_contact {background:url(../../assets/images/headers/desk-trans.png); height: 299px; width: 1024px; } /* end header images */ /* layout */ #container { width: 1024px; margin: 60px auto 0 auto; overflow: auto; } #lights_bg { background:url(../../assets/images/lights_bg-trans.png) no-repeat center top; width: 100%; height: 100%; min-width: 1024px; margin: 0px;} #logo {background:url(../../assets/images/logo3-trans.png); width: 262px; height: 159px; float: right; margin: 140px 0 0 0;} #style_switcher { margin: 10px; float: left; position: relative; z-index: 100; } #content_wrapper { margin-top: 20px; position: relative; width: 1024px; } #content { padding: 0 20px 0 20px; background: #333; } #content {font-size: 130%; } #content_box_top { background-image:url(../../assets/images/content_box_top-trans.png); width: 1024px; height: 20px; } #content_box_bottom { background-image:url(../../assets/images/content_box_bottom-trans.png); width: 1024px; height: 20px; } #main_nav { width: 1024px; text-align:center; } .content_left { width: 708px; float: left; text-align: left; } .content_right { width: 256px; float: right; } .content_col1 {width: 344px; float: left; } .content_col2 { width: 344px; float: right; } .feature_box { } .feature_box_header { width: 255px; height: 35px; background: url(../../assets/images/feature_boxes/feature_box_header_bg.jpg);} #map { color: #333;} #footer {margin: 10px auto 10px auto;} #footer_left { float: left;} #footer_right { float: right;} /* end layout */ /* navigation */ #main_nav { margin: 0 auto 0 auto; width: 700px; } #main_nav ul { list-style: none; display: inline-block; white-space: nowrap; } #main_nav ul li { position: relative; display: inline-block; margin: 0 2px 0 2px; height: 37px; width: 107px; float: left; } #main_nav ul li a { height: 37px; width: 107px; display: block; text-indent: -9999px; margin: 0 2px 0 2px; cursor: hand; position: relative; } #main_nav ul li#home a { background:url(../../assets/images/nav/home-trans.png); } #main_nav ul li#home a:hover { background:url(../../assets/images/nav/home-trans.png) 214px 0; } #main_nav ul li#home a.selected { background:url(../../assets/images/nav/home-trans.png) 107px 0; } #main_nav ul li#booking a { background:url(../../assets/images/nav/booking-trans.png); } #main_nav ul li#booking a:hover { background:url(../../assets/images/nav/booking-trans.png) 214px 0 ; } #main_nav ul li#booking a.selected { background:url(../../assets/images/nav/booking-trans.png) 107px 0;} #main_nav ul li#equipment a { background:url(../../assets/images/nav/equipment-trans.png); } #main_nav ul li#equipment a:hover { background:url(../../assets/images/nav/equipment-trans.png) 214px 0;} #main_nav ul li#equipment a.selected { background:url(../../assets/images/nav/equipment-trans.png) 107px 0;} #main_nav ul li#rates a { background:url(../../assets/images/nav/rates-trans.png); } #main_nav ul li#rates a:hover { background:url(../../assets/images/nav/rates-trans.png) 214px 0; } #main_nav ul li#rates a.selected { background:url(../../assets/images/nav/rates-trans.png) 107px 0; } #main_nav ul li#gallery a { background:url(../../assets/images/nav/gallery-trans.png); } #main_nav ul li#gallery a:hover { background:url(../../assets/images/nav/gallery-trans.png) 214px 0; } #main_nav ul li#gallery a.selected { background:url(../../assets/images/nav/gallery-trans.png) 107px 0; } #main_nav ul li#contact a { background:url(../../assets/images/nav/contact-trans.png); } #main_nav ul li#contact a:hover { background:url(../../assets/images/nav/contact-trans.png) 214px 0;} #main_nav ul li#contact a.selected { background:url(../../assets/images/nav/contact-trans.png) 107px 0; } #main_nav ul li#links a { background:url(../../assets/images/nav/links-trans.png); } #main_nav ul li#links a:hover { background:url(../../assets/images/nav/links-trans.png) 214px 0;} #main_nav ul li#links a.selected { background:url(../../assets/images/nav/links-trans.png) 107px 0; } /* Forms */ label {line-height: 20px;} form .smalltext { font-weight: normal; font-size: 90%; line-height: 15px;} .textfield {width: 255px;} .notes {width: 340px; height:125px;}