/* Site Tab */ #home #siteNav li.current a, #home #siteNav li.current a:link, #home #siteNav li.current a:visited { background-color:#fff; background-image: none; color: #37454e; border-bottom: 1px solid #fff;} /* Structure */ #home #wrapperWit { background-color: #fff; background-image: none; border-top: 1px solid #fff;} #home #wrapperWit #gooey { } /*background: transparent url(/images/design/wrapper_solid_bottom.gif) bottom left no-repeat; */ #home #wrapperWit #content { padding-top:12px; padding-left: 12px; width: 100%;} #home #wrapperWit #shell { background-color: #fff; background-image: none; } #container-1 p{ color: #fff; line-height: 18px; padding-bottom: 10px;} #section-1 .screenshot { float:right; margin-top:27px;} #section-1 .text { width: 432px; padding: 50px 0 0 36px;float:left;} #section-2 .screenshot { float: right; margin: 0;} #section-2 .text { width: 432px; padding: 50px 0 0 36px; float:left;} #section-3 .text { width: 432px; padding: 50px 0 0 36px;float:left;} #section-4 .screenshot{ float:left; margin:0px;} #section-4 .text { width: 432px; padding: 50px 0 0 36px;float:left;} /* use this code for rollover photos or images ---------------------------------------------------------------------------------------------------------------------------- #section-5 .pronet a:link, #section-5 .pronet a:visited{padding:3px; background-color:#fff; border: 1px solid #293459;float:left; margin:0 0 10px 10px;display:block;} #section-5 .pronet a:hover{padding:3px; background-color: #C5DCE7; border: 1px solid #fff;float:left; margin:0 0 10px 10px;display:block;}*/ /* Headline Replacement */ #container-1 h2 span {display:block;height:0;width:0; overflow: hidden;font-size: 1px;color: #3B88AF;} #section-1 h2{ width: 422px; height: 63px; margin: 0 0 3px 0; padding: 0; }/* background: transparent url(http://expressionengine.com/images/design/text_home_tab1.gif) top left no-repeat;*/ #section-2 h2{ width: 426px; height: 63px; margin: 0 0 3px 0; padding: 0;}/* background: transparent url(http://expressionengine.com/images/design/text_home_tab2.gif) top left no-repeat;*/ #section-3 h2{ width: 318px; height: 63px; margin: 0 0 3px 0; padding: 0;}/* background: transparent url(http://expressionengine.com/images/design/text_home_tab3.gif) top left no-repeat;*/ #section-4 h2{ width: 436px; height: 31px; margin: 0 0 3px 0; padding: 0;}/* background: transparent url(http://expressionengine.com/images/design/text_home_support.gif) top left no-repeat;*/ #section-2,#section-3,#section-4,#section-5 {display:none;} /* Tabs - important styles to ensure accessibility in print */ @media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */ .tabs-hide { display: none; } } @media print { .anchors { display: none; } } /* Tabs - not important for accessibility, just for the look of it... */ #container-1 { background: url(http://www.miamibeach411.com/images/home_banner_bg.jpg) top left no-repeat; width: 580px; padding: 0; margin: 0; min-height:362px; } .container-back { background: url(http://www.miamibeach411.com/images/home_banner_bg2.jpg) repeat-y; padding: 0; margin: 0; } .fragment1,.fragment2,.fragment3,.fragment4,.fragment5 { min-height: 277px;} .fragment2,.fragment3,.fragment4,.fragment5 { display:none;} .anchors {list-style: none; margin: 0; padding: 0; height: 40px;} .anchors li { margin: 0; float: left;} /* attaching active state to background of li for pre-loading */ .anchors .tab1 { background: url(http://www.miamibeach411.com/images/tab_hover_1.jpg) top left no-repeat; width: 121px;} .anchors .tab2 { background: url(http://www.miamibeach411.com/images/tab_hover_2.jpg) top left no-repeat; width: 98px;} .anchors .tab3 { background: url(http://www.miamibeach411.com/images/tab_hover_3.jpg) top left no-repeat; width: 142px;} .anchors .tab4 { background: url(http://www.miamibeach411.com/images/tab_hover_4.jpg) top left no-repeat; width: 219px;} .anchors a {display: block; position: relative; top: 0px; left:0; z-index: 2; padding: 0px; color: #000; height: 40px;} /* Tab Rollovers */ .anchors .tab1 a:link, .anchors .tab1 a:visited { background: url(http://www.miamibeach411.com/images/tab_normal_1.jpg) top left no-repeat; width: 121px; position:static;} .anchors .tab2 a:link, .anchors .tab2 a:visited { background: url(http://www.miamibeach411.com/images/tab_normal_2.jpg) top left no-repeat;width: 98px;position:static;} .anchors .tab3 a:link, .anchors .tab3 a:visited { background: url(http://www.miamibeach411.com/images/tab_normal_3.jpg) top left no-repeat;width: 142px;position:static;} .anchors .tab4 a:link, .anchors .tab4 a:visited { background: url(http://www.miamibeach411.com/images/tab_normal_4.jpg) top left no-repeat;width: 219px;position:static;} .anchors .tab1 a:hover { background: url(http://www.miamibeach411.com/images/tab_hover_1.jpg) top left no-repeat; width: 121px; position:static;} .anchors .tab2 a:hover { background: url(http://www.miamibeach411.com/images/tab_hover_2.jpg) top left no-repeat;width: 98px;position:static;} .anchors .tab3 a:hover { background: url(http://www.miamibeach411.com/images/tab_hover_3.jpg) top left no-repeat;width: 142px;position:static;} .anchors .tab4 a:hover { background: url(http://www.miamibeach411.com/images/tab_hover_4.jpg) top left no-repeat;width: 219px;position:static;} /* Makes the text disappear */ .anchors span {display:block;height:0;width:0; overflow: hidden;font-size: 1px;color: #3B88AF;} .anchors .tabOn1 { background: url(http://www.miamibeach411.com/images/tab_active_1.jpg) top left no-repeat; width: 121px;} .anchors .tabOn2 { background: url(http://www.miamibeach411.com/images/tab_active_2.jpg) top left no-repeat; width: 98px;} .anchors .tabOn3 { background: url(http://www.miamibeach411.com/images/tab_active_3.jpg) top left no-repeat; width: 142px;} .anchors .tabOn4 { background: url(http://www.miamibeach411.com/images/tab_active_4.jpg) top left no-repeat; width: 219px;}