/* GENERATED USING Fluid 960 Grid System, created by Stephen Bau, based on the 960 Grid System by Nathan Smith. Released under the GPL / MIT Licenses. */ @charset "utf-8"; /* CSS Document */ body { background:url(../images/bg-wood.jpg) repeat center top #8b8b8b; } .clear { clear: both; } .clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }/* ----- clear fix for floats ----- */ .clearfix { display:inline-block; } * html .clearfix { height:1%; }/* hides clearfix from IE-mac */ .clearfix { display:block; }/* end hide from IE-mac */ .alignleft { float:left; } .alignright { float:right; } .aligncenter { margin:auto; display:block; } .alignnone { clear:both; font-size:0; line-height:0; margin:0; padding:0; border:0; height:0; width:0; } .centered { text-align:center; } /* =Typography --------------------------------------------------------------------------------------------------------*/ body { font: 12px "Lucida Sans Unicode", Arial, Helvetica, sans-serif; color:#6a6a6a; } strong { font-weight:700; } /* End Typography --------------------------------------------------------------------------------------------------------*/ /* =Headings --------------------------------------------------------------------------------------------------------*/ h1 { } h2 { font-size:40px; font-weight:600; color:#1e1e1e; font-family:'Open Sans', Arial, Helvetica, sans-serif; line-height:40px; padding:15px 0 18px 0; } h2.start { font-size:48px; font-weight:600; color:#1e1e1e; font-family:'Open Sans', Arial, Helvetica, sans-serif; line-height:48px; padding:15px 0 18px 0; } h3 { font-size:20px; font-weight:600; color:#1e1e1e; font-family:'Open Sans', Arial, Helvetica, sans-serif; line-height:20px; padding:15px 0 18px 0; } h4 { font-size:15px; font-weight:600; color:#1e1e1e; font-family:'Open Sans', Arial, Helvetica, sans-serif; line-height:20px; padding:5px 0 5px 0; } h5 { font-size:12px; font-weight:normal; color:#1e1e1e; font-family:"Lucida Sans Unicode", Arial, Helvetica, sans-serif; line-height:20px; padding:5px 0 5px 0; text-transform:uppercase; } h2 a, h3 a, h4 a, h5 a { color:#1e1e1e; text-decoration:none; -webkit-transition: color 0.2s ease 0s; -moz-transition: color 0.2s ease 0s; -o-transition: color 0.2s ease 0s; transition: color 0.2s ease 0s; } h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover { text-decoration:none; color:#8a3a9f; } h4.blog { font-size:15px; font-weight:600; color:#1e1e1e; font-family:'Open Sans', Arial, Helvetica, sans-serif; line-height:20px; padding:21px 0 15px 0; } h4.blog.first { font-size:15px; font-weight:600; color:#1e1e1e; font-family:'Open Sans', Arial, Helvetica, sans-serif; line-height:20px; padding:15px 0 15px 0; } /* End Headings --------------------------------------------------------------------------------------------------------*/ /* =Branding --------------------------------------------------------------------------------------------------------*/ p { padding:4px 0 4px 0; line-height:20px; } p a { color:#8a3a9f; text-decoration:none; text-transform:uppercase; -webkit-transition: color 0.2s ease 0s; -moz-transition: color 0.2s ease 0s; -o-transition: color 0.2s ease 0s; transition: color 0.2s ease 0s; } p a:hover { text-decoration:none; color:#1e1e1e; } p.big { font-size:18px; line-height:28px; font-family:'Open Sans', Arial, Helvetica, sans-serif; font-weight:300; } p.big a { font-weight:600; } p.team { text-transform:uppercase; font-size:12px; border:1px solid #d2d2d2; width:auto; display:inline-block; background:url(../images/buttons/bg-user.png) no-repeat 10px 7px; padding:5px 10px 6px 35px; margin:11px 0 0 0; } h1#logo { display:inline-block; margin-left:-5px; margin-top:14px; } /* this logo has -5px margin on the left because of 5px shadow to the left */ h1#logo a { display:block; width:120px; height:56px; text-indent:-9999px; text-decoration:none; background:url(../images/bg-logo.png) left top no-repeat; } /* End Branding --------------------------------------------------------------------------------------------------------*/ /* =Main Nav --------------------------------------------------------------------------------------------------------*/ ul#navi { margin-top:1px; } ul#navi li { float:left; } ul#navi li a { color:#7a7a7a; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size:12px; font-weight:700; line-height:12px; text-decoration:none; text-transform:uppercase; text-shadow:-1px -1px 0px rgba(0, 0, 0, 0.25); padding:28px 19px 37px 19px; display:inline-block; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; border-top:4px solid transparent; z-index:15; } ul#navi li a:hover, ul#navi li a.active, ul#navi li a.stays-active { color:#fff; background:url(../images/bg-transparent.png) repeat; border-top:4px solid #f1b32a; } ul#navi ul { position:absolute; height:auto; width:143px; background:url(../images/bg-dropdown2.png) no-repeat; padding:15px 0px 9px 0px; top:73px; margin-left:0px; z-index:200; list-style:none; } ul#navi ul li { display:block; z-index:191 !important; float:none; border-bottom:1px solid #333; } ul#navi ul li.last { border-bottom:0px; } ul#navi ul a, ul#navi ul a:visited { position:relative; display:block; width:auto; float:none; text-indent:0px; padding:8px 0px 12px 19px; color:#7a7a7a; z-index:191 !important; height:12px !important; font:11px 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; text-decoration:none; text-transform:none; text-shadow:none; -webkit-transition: color 0.2s ease 0s; -moz-transition: color 0.2s ease 0s; -o-transition: color 0.2s ease 0s; transition: color 0.2s ease 0s; border-top:0px; } ul#navi ul a:hover { color:#fff; text-decoration:none; background:none; border-top:0px; } ul#navi li ul { display:none; } ul#navi ul ul { position:absolute; height:auto; width:143px; background:url(../images/bg-dropdown3.png) no-repeat; padding:9px 0px 9px 6px; margin-left:143px; margin-top:-6px; z-index:200; list-style:none; } ul#navi ul ul.row4 { top:111px; } .cursor { cursor:default; } /* End Main Nav --------------------------------------------------------------------------------------------------------*/ /* =Main Content --------------------------------------------------------------------------------------------------------*/ #wrapper { background:#252525 url(../images/bg-header.jpg) center top no-repeat; border-bottom:1px solid #161616; top:0px; left:0px; width:100%; position:relative; padding-bottom:6px; } #content { background:url(../images/bg-content.png) center top repeat-y; width:100%; position:relative; z-index:1; padding-bottom:70px; } #content-bottom { background:url(../images/bg-shadow-content.png) center top no-repeat; height:7px; width:100%; position:relative; z-index:1; } .container { padding:0px ; width:930px; margin:0 auto; position:relative; } .header-container{padding:0; width:1000px} /*.col1-1 { width:930px; margin-right:30px; }*/ .col1-2 { width:450px; margin-right:30px; float:left; } .col1-3 { width:290px; margin-right:30px; float:left; } .col2-3 { width:610px; margin-right:30px; float:left; } .col1-4 { width:210px; margin-right:30px; float:left; } .col3-4 { width:690px; margin-right:30px; float:left; } .break { height:20px; border-top:1px solid #efefef; width:auto; margin-top:45px; position:relative; } .big-break { height:20px; border-top:1px solid #efefef; width:auto; margin-top:60px; position:relative; } .small-break { height:20px; border-top:1px solid #efefef; width:auto; margin-top:30px; position:relative; } .tiny-break { height:10px; border-top:1px solid #efefef; width:auto; margin-top:20px; position:relative; } .padding-left { padding-left:15px; } .padding-right { padding-right:15px; } .margin-right { margin-right:15px; } .padding-10 { padding-left:10px; } .margin-30 { margin-right:30px; } .no-padding { padding:0px !important; } .margin-bottom { margin-bottom:5px; } .last { margin-right:0px; } .arrow { padding-right:13px; background:url(../images/buttons/bg-arrow-right.png) right 5px no-repeat; margin-right:4px; } .images { border:0; display:block; margin:10px 0 10px 0; position:relative } .images-inline, .images-slider { border:0; display:inline-block; margin:10px 0 10px 0; position:relative } .images img, .videos, .images-inline img, .images-slider img { display:block; max-width:100% } .images:after, .images-inline:after, .images-slider:after { border:1px solid rgba(0, 0, 0, .18); bottom:0; content:''; left:0; position:absolute; right:0; top:0; } .images-slider:after { z-index:20; } /* =End Main Content --------------------------------------------------------------------------------------------------------*/ /* =Secondary Content --------------------------------------------------------------------------------------------------------*/ #location { width:1000px; position:relative; height:40px; background:url(../images/bg-location.png) repeat-x; margin:0px auto; border-top:solid 7px #8a3a9f; padding-top:9px; padding-bottom:24px; top:-7px} #location:after {content: ' ';height: 0;position: absolute;width: 0;border: 6px solid transparent;border-top-color: #8a3a9f; top: 0%;left: 50px;margin-left: -10px;} #location p a { text-transform:none; } #content p a.button { display:inline-block; padding:7px 16px 8px 15px; padding:8px 16px 9px 15px\9; color:#fff; margin:16px 0 18px 0; font-size:15px; font-weight:600; font-family:'Open Sans', Arial, Helvetica, sans-serif; line-height:20px; -webkit-box-shadow:0 1px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow:0 1px 0 rgba(0, 0, 0, 0.15); box-shadow:0 1px 0 rgba(0, 0, 0, 0.15); border-bottom-right-radius:3px; border-bottom-left-radius:3px; border-top-right-radius:3px; border-top-left-radius:3px; text-shadow:-1px -1px 0px rgba(0, 0, 0, 0.25); text-transform:none; -webkit-transition: all 0.1s ease-in-out 0s; -moz-transition: all 0.1s ease-in-out 0s; -o-transition: all 0.1s ease-in-out 0s; transition: all 0.1s ease-in-out 0s; border: 1px solid #6c3a80; background-image: linear-gradient(bottom, #8e53a5 0%, #b187c2 100%); background-image: -o-linear-gradient(bottom, #8e53a5 0%, #b187c2 100%); background-image: -moz-linear-gradient(bottom, #8e53a5 0%, #b187c2 100%); background-image: -webkit-linear-gradient(bottom, #8e53a5 0%, #b187c2 100%); background-image: -ms-linear-gradient(bottom, #8e53a5 0%, #b187c2 100%); background-color: #8e53a5; } #content p a.button:hover { box-shadow:0 1px 0 rgba(255, 255, 255, 0.3) inset; text-shadow:-1px -1px 0px rgba(0, 0, 0, 0.15); background:#a879ba; } #content p a.button span { padding-left:25px; } #content p a.button span.actions { background:url(../images/buttons/actions-arrow.png) 0 2px no-repeat; } #content p a.small-button { display:inline-block; padding:5px 14px 6px 13px; padding:6px 14px 7px 13px\9; color:#fff; margin:16px 0 18px 0; font-size:12px; font-weight:normal; font-family:"Lucida Sans Unicode", Arial, Helvetica, sans-serif; line-height:20px; -webkit-box-shadow:0 1px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow:0 1px 0 rgba(0, 0, 0, 0.15); box-shadow:0 1px 0 rgba(0, 0, 0, 0.15); border-bottom-right-radius:3px; border-bottom-left-radius:3px; border-top-right-radius:3px; border-top-left-radius:3px; text-shadow:-1px -1px 0px rgba(0, 0, 0, 0.25); text-transform:none; -webkit-transition: all 0.1s ease-in-out 0s; -moz-transition: all 0.1s ease-in-out 0s; -o-transition: all 0.1s ease-in-out 0s; transition: all 0.1s ease-in-out 0s; border: 1px solid #6c3a80; background-image: linear-gradient(bottom, #8e53a5 0%, #b187c2 100%); background-image: -o-linear-gradient(bottom, #8e53a5 0%, #b187c2 100%); background-image: -moz-linear-gradient(bottom, #8e53a5 0%, #b187c2 100%); background-image: -webkit-linear-gradient(bottom, #8e53a5 0%, #b187c2 100%); background-image: -ms-linear-gradient(bottom, #8e53a5 0%, #b187c2 100%); background-color: #8e53a5; } #content p a.small-button:hover { box-shadow:0 1px 0 rgba(255, 255, 255, 0.3) inset; text-shadow:-1px -1px 0px rgba(0, 0, 0, 0.15); background:#a879ba; } #content .dropcap { font-size:15px; font-weight:600; color:#1e1e1e; font-family:'Open Sans', Arial, Helvetica, sans-serif; line-height:20px; display:block; z-index:10; height:22px; width:38px; border:1px solid #d2d2d2; margin:10px 15px 0 0; text-align:center; padding:8px 0; } #content h4.blockquote { padding-left:30px !important; font-style:italic; font-weight:400; } #content p .highlight { background:#8a3a9f; color:#fff; padding-left:2px; padding-right:2px; } /* End Secondary Content --------------------------------------------------------------------------------------------------------*/ /* =Slideshow --------------------------------------------------------------------------------------------------------*/ #slideshow { width:1000px; height:361px; background:none; margin:0 auto; } #slider { position:relative; z-index:10; overflow:visible; } #cyclenav { position: relative; display: inline-block; z-index: 21; top: -65px; left: 35px; } #cyclenav a { font-size:12px; margin-right:2px; text-decoration:none; padding:6px 9px; border:0px solid #fff; background:url(../images/bg-transparent-white.png) repeat; color:#1e1e1e; border: 1px solid rgba(37, 37, 37, 0.18); -webkit-background-clip: padding-box; /* for Safari */ background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */ -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; } #cyclenav a:hover { background:url(../images/bg-transparent-white.png) repeat #fff; border: 1px solid rgba(37, 37, 37, 0.18); -webkit-background-clip: padding-box; /* for Safari */ background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */ } #cyclenav a.activeSlide { background:url(../images/bg-transparent-white.png) repeat #fff; color:#1e1e1e !important; border: 1px solid rgba(37, 37, 37, 0.18); -webkit-background-clip: padding-box; /* for Safari */ background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */ } .oneByOne_item { position:absolute; width:1000px; height:361px; display:none; overflow:hidden; } .oneByOne_item .text_1_1 { position: relative; margin-top: 150px; margin-right: 0; margin-left: 35px; margin-bottom: 0; width: 230px; background: #fff; padding: 22px 19px 19px 19px; border: 1px solid rgba(37, 37, 37, 0.18); -webkit-background-clip: padding-box; /* for Safari */ background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */ } img.item_1_1 { position:absolute; top:0px; left:0px; } .oneByOne_item .text_1_1 h4 { padding:0px !important; } /* End Slideshow --------------------------------------------------------------------------------------------------------*/ /* =jCarousel --------------------------------------------------------------------------------------------------------*/ .jcarousel-nav { margin-top:15px; margin-right:50px; } .jcarousel-skin-tango .jcarousel-direction-rtl { direction: rtl; } .jcarousel-skin-tango .jcarousel-container-horizontal { width: 930px; } .jcarousel-skin-tango .jcarousel-clip { overflow: hidden; } .jcarousel-skin-tango .jcarousel-item { width: 210px; } .jcarousel-skin-tango .jcarousel-item-placeholder { background: #fff; color: #000; } .jcarousel-skin-tango .jcarousel-next-horizontal { position: absolute; top: -38px; right: 0px; cursor: pointer; border:1px solid #858585; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; background:url(../images/buttons/bg-arrow-right.png) center no-repeat; text-indent:-9999px; display:inline-block; width:20px; height:19px; } .jcarousel-skin-tango .jcarousel-next-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-horizontal:focus { background:url(../images/buttons/bg-arrow-right2.png) center no-repeat #8a3a9f; border:1px solid #8a3a9f; } .jcarousel-skin-tango .jcarousel-next-horizontal:active { border:1px solid #858585; } .jcarousel-skin-tango .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active { cursor: default; border:1px solid #e0e0e0; background:url(../images/buttons/bg-arrow-right.png) center no-repeat; } .jcarousel-skin-tango .jcarousel-prev-horizontal { position: absolute; top: -38px; right: 25px; cursor: pointer; border:1px solid #858585; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; background:url(../images/buttons/bg-arrow-left.png) center no-repeat; text-indent:-9999px; display:inline-block; width:20px; height:19px; } .jcarousel-skin-tango .jcarousel-prev-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-horizontal:focus { background:url(../images/buttons/bg-arrow-left2.png) center no-repeat #8a3a9f; border:1px solid #8a3a9f; } .jcarousel-skin-tango .jcarousel-prev-horizontal:active { border:1px solid #858585; } .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active { cursor: default; border:1px solid #d2d2d2; background:url(../images/buttons/bg-arrow-left.png) center no-repeat; } /* End jCarousel --------------------------------------------------------------------------------------------------------*/ /* =Image Hover -------------------------------------------------------------------------------------------------------- .img-hovers { position:relative; overflow:hidden; display:inline; } .img-hovers img { display:block; visibility:visible; height: auto; max-width:100%; } .img-hovers a { display:inline-block; width:42px; height:38px; position:absolute; top:0px; background:url(../images/buttons/bg-zoom.png) no-repeat; margin-left:4px; margin-top:4px; z-index:10; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; } .img-hovers a:hover { background-position:0px -38px; } .img-hovers a.details { background:url(../images/buttons/bg-link.png) no-repeat; } .img-hovers a.details:hover { background-position:0px -38px; } .img-hovers a.second { margin-top:44px; } /* End Image Hover --------------------------------------------------------------------------------------------------------*/ /* =Image Hover --------------------------------------------------------------------------------------------------------*/ .img-hovers { position:relative; overflow:hidden; display:inline; } .img-hovers img { display:block; visibility:visible; height: auto; max-width:100%; } .img-hovers a { display:inline-block; width:100%; height:100%; position:absolute; top:0px; margin-left:4px; margin-top:4px; z-index:10; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; } .img-hovers a:hover { background-position:0px -38px; } .img-hovers a.details { } .img-hovers a.details:hover { background-position:0px -38px; } .img-hovers a.second { margin-top:44px; } /* End Image Hover --------------------------------------------------------------------------------------------------------*/ /* =Blog --------------------------------------------------------------------------------------------------------*/ .date { display:block; z-index:10; height:43px; width:38px; border:1px solid #d2d2d2; margin-top:10px; } .date p { line-height:14px; padding:7px 0px 0 0; width:auto; text-align:center; text-transform:uppercase; font-family:'Open Sans', Arial, Helvetica, sans-serif; color:#1e1e1e; } .date p .bold { font-weight:600; font-size:11px; } .shadow { background:url(../images/bg-shadow-small.png) left bottom no-repeat; height:6px; width:40px; margin-top:-1px; display:block; } .next-to-date { padding:0 0 5px 55px; } p.posted { text-transform:uppercase; font-size:12px; color:#8a3a9f; border:1px solid #d2d2d2; width:auto; padding:5px 10px 6px 35px; margin:10px 2px 0 0; } p.dates { background:url(../images/buttons/bg-dates.png) no-repeat 10px 7px; } p.users { background:url(../images/buttons/bg-users.png) no-repeat 10px 10px; } p.comments { background:url(../images/buttons/bg-comments.png) no-repeat 10px 8px; } .avatar { margin:10px 0px 0 0; padding:16px 16px; background:#fff; border:1px solid #d2d2d2; } .reply { margin:0px 0 0px 66px; } .no-wrap { margin-left:66px; } .when { margin-top:-10px; } #navi-blog { padding:15px 0; } #navi-blog .page a { font-size:12px; color:#858585; text-decoration:none; padding:3px 6px; border:1px solid #d2d2d2; margin-right:5px; text-align:center; float:left; } #navi-blog .page a:hover { color:#858585; text-decoration:none; border:1px solid #858585; } #navi-blog .active a { background:#8a3a9f; color:#fff; font-weight:700; border:1px solid #8a3a9f; } #navi-blog .active a:hover { cursor:default; color:#fff; border:1px solid #8a3a9f; } /* End Blog --------------------------------------------------------------------------------------------------------*/ /* =Bubble --------------------------------------------------------------------------------------------------------*/ .bubble { display:block; z-index:10; height:auto; width:auto; border:1px solid #d2d2d2; margin-top:10px; padding:20px 25px; } .shadow-bubble { background:url(../images/bg-shadow-bubble.png) left bottom no-repeat; background:url(../images/bg-shadow-bubble.jpg) left bottom no-repeat\9; height:23px; width:290px; margin-top:-1px; } .shadow-bubble p { text-align:right; } .shadow-bubble p a { text-transform:none; } .shadow-bubble-small { background:url(../images/bg-shadow-bubble-small.jpg) left bottom no-repeat; height:24px; width:210px; margin-top:-1px; } /* End Blog --------------------------------------------------------------------------------------------------------*/ /* =Certificaitons --------------------------------------------------------------------------------------------------------*/ ul.logos { margin-top:20px; height:40px; width:912px; } ul.logos li { float:left; margin-left:38px; } ul.logos li a { display:block; text-indent:-9999px; } ul.logos li.first { margin-left:30px; } ul.logos li.bbb a { background:url(../images/certifications/bbb.png) no-repeat scroll 0 0 transparent; height:32px; width:137px; } ul.logos li.cert a { background:url(../images/certifications/hreeo.png) no-repeat scroll 0 0 transparent; height:32px; width:137px; } ul.logos li.admin a { background:url(../images/certifications/adminmn.png) no-repeat scroll 0 0 transparent; height:42px; width:140px; } ul.logos li.mnucp a { background:url(../images/certifications/mnucp.png) no-repeat scroll 0 0 transparent; height:32px; width:137px; } ul.logos li.trustwave a { background:url(../images/certifications/trustwave.png) no-repeat scroll 0 0 transparent; height:32px; width:137px; } #next2, #prev2 { margin-top:28px; float:left; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; } #next2 { float:right; } #next2 { background:url(../images/buttons/bg-arrow-next2.png) no-repeat; text-indent:-9999px; display:inline-block; width:9px; height:14px; } #prev2 { background:url(../images/buttons/bg-arrow-prev2.png) no-repeat; text-indent:-9999px; display:inline-block; width:9px; height:14px; } #next2:hover { background:url(../images/buttons/bg-arrow-next.png) no-repeat; } #prev2:hover { background:url(../images/buttons/bg-arrow-prev.png) no-repeat; } /* End Logos --------------------------------------------------------------------------------------------------------*/ /* =Tabs --------------------------------------------------------------------------------------------------------*/ .hide { display: none; } .clear { clear: both; } #tab-one { background: #fff; margin:15px 0 0px 0; } #tab-one .nav { overflow: visible; margin-bottom:10px; margin-top:20px; position:absolute; } #tab-one .nav li { width: auto; float: none; margin: 0; width:204px; height:46px; } #tab-one .nav li a.last { border-bottom:0px; } #tab-one .nav li a { cursor:default; font-size:14px; font-weight:400; color:#858585; font-family:'Open Sans', Arial, Helvetica, sans-serif; height:14px; padding:15px 10px 19px 30px; width:auto; text-decoration:none; -webkit-transition: color 0.2s ease 0s; -moz-transition: color 0.2s ease 0s; -o-transition: color 0.2s ease 0s; transition: color 0.2s ease 0s; } /* Tabs // Icons --------------------------------------------------------------------------------------------------------*/ #tab-one .nav li a .events { background:url(../images/icons/events_gray.png) 0px 3px no-repeat; padding-left:28px; } #tab-one .nav li a .events:hover { background:url(../images/icons/events_purple.png) 0px 3px no-repeat; } #tab-one ul li.nav-li a.current .events, #tab-one ul li.nav-li a.current .events:hover { background:url(../images/icons/events_black.png) 0px 3px no-repeat; } #tab-one .nav li a .planning { background:url(../images/icons/planning_gray.png) 0px 3px no-repeat; padding-left:28px; } #tab-one .nav li a .planning:hover { background:url(../images/icons/planning_purple.png) 0px 3px no-repeat; } #tab-one ul li.nav-li a.current .planning, #tab-one ul li.nav-li a.current .planning:hover { background:url(../images/icons/planning_black.png) 0px 3px no-repeat; } #tab-one .nav li a .logistics { background:url(../images/icons/logistics_gray.png) 0px 3px no-repeat; padding-left:28px; } #tab-one .nav li a .logistics:hover { background:url(../images/icons/logistics_purple.png) 0px 3px no-repeat; } #tab-one ul li.nav-li a.current .logistics, #tab-one ul li.nav-li a.current .logistics:hover { background:url(../images/icons/logistics_black.png) 0px 3px no-repeat; } #tab-one .nav li a .travel { background:url(../images/icons/travel_gray.png) 0px 3px no-repeat; padding-left:28px; } #tab-one .nav li a .travel:hover { background:url(../images/icons/travel_purple.png) 0px 3px no-repeat; } #tab-one ul li.nav-li a.current .travel, #tab-one ul li.nav-li a.current .travel:hover { background:url(../images/icons/travel_black.png) 0px 3px no-repeat; } #tab-one .nav li a .venue { background:url(../images/icons/venue_gray.png) 0px 3px no-repeat; padding-left:28px; } #tab-one .nav li a .venue:hover { background:url(../images/icons/venue_purple.png) 0px 3px no-repeat; } #tab-one ul li.nav-li a.current .venue, #tab-one ul li.nav-li a.current .venue:hover { background:url(../images/icons/venue_black.png) 0px 3px no-repeat; } #tab-one .nav li a .registration { background:url(../images/icons/registration_gray.png) 0px 3px no-repeat; padding-left:28px; } #tab-one .nav li a .registration:hover { background:url(../images/icons/registration_purple.png) 0px 3px no-repeat; } #tab-one ul li.nav-li a.current .registration, #tab-one ul li.nav-li a.current .registration:hover { background:url(../images/icons/registration_black.png) 0px 3px no-repeat; } #tab-one .nav li a .sales { background:url(../images/icons/sales_gray.png) 0px 3px no-repeat; padding-left:28px; } #tab-one .nav li a .sales:hover { background:url(../images/icons/sales_purple.png) 0px 3px no-repeat; } #tab-one ul li.nav-li a.current .sales, #tab-one ul li.nav-li a.current .sales:hover { background:url(../images/icons/sales_black.png) 0px 3px no-repeat; } #tab-one .nav li a .exhibitors { background:url(../images/icons/exhibitors_gray.png) 0px 3px no-repeat; padding-left:28px; } #tab-one .nav li a .exhibitors:hover { background:url(../images/icons/exhibitors_purple.png) 0px 3px no-repeat; } #tab-one ul li.nav-li a.current .exhibitors, #tab-one ul li.nav-li a.current .exhibitors:hover { background:url(../images/icons/exhibitors_black.png) 0px 3px no-repeat; } #tab-one .nav li a .marketing { background:url(../images/icons/marketing_gray.png) 0px 3px no-repeat; padding-left:28px; } #tab-one .nav li a .marketing:hover { background:url(../images/icons/marketing_purple.png) 0px 3px no-repeat; } #tab-one ul li.nav-li a.current .marketing, #tab-one ul li.nav-li a.current .marketing:hover { background:url(../images/icons/marketing_black.png) 0px 3px no-repeat; } #tab-one .nav li a .branding { background:url(../images/icons/branding_gray.png) 0px 3px no-repeat; padding-left:28px; } #tab-one .nav li a .branding:hover { background:url(../images/icons/branding_purple.png) 0px 3px no-repeat; } #tab-one ul li.nav-li a.current .branding, #tab-one ul li.nav-li a.current .branding:hover { background:url(../images/icons/branding_black.png) 0px 3px no-repeat; } #tab-one .nav li a .campaigns { background:url(../images/icons/campaigns_gray.png) 0px 3px no-repeat; padding-left:28px; } #tab-one .nav li a .campaigns:hover { background:url(../images/icons/campaigns_purple.png) 0px 3px no-repeat; } #tab-one ul li.nav-li a.current .campaigns, #tab-one ul li.nav-li a.current .campaigns:hover { background:url(../images/icons/campaigns_black.png) 0px 3px no-repeat; } #tab-one .nav li a .collateral { background:url(../images/icons/collateral_gray.png) 0px 3px no-repeat; padding-left:28px; } #tab-one .nav li a .collateral:hover { background:url(../images/icons/collateral_purple.png) 0px 3px no-repeat; } #tab-one ul li.nav-li a.current .collateral, #tab-one ul li.nav-li a.current .collateral:hover { background:url(../images/icons/collateral_black.png) 0px 3px no-repeat; } #tab-one .nav li a .internet { background:url(../images/icons/internet_gray.png) 0px 3px no-repeat; padding-left:28px; } #tab-one .nav li a .internet:hover { background:url(../images/icons/internet_purple.png) 0px 3px no-repeat; } #tab-one ul li.nav-li a.current .internet, #tab-one ul li.nav-li a.current .internet:hover { background:url(../images/icons/internet_black.png) 0px 3px no-repeat; } /* End // Icons */ #tab-one .nav li a span:hover { text-decoration:none; color:#8a3a9f; cursor:pointer; } #tab-one ul li.nav-li a.current span:hover { text-decoration:none; color:#1e1e1e; cursor:default; } #tab-one .list-wrap { padding:0px 0px 0px 129px; margin-left:111px; background:url(../images/bg-shadow-tabs-tile.png) left top no-repeat; min-height:350px; } #tab-one .list-wrap-bottom { padding:0px 20px 0px 129px; margin-left:111px; background:url(../images/bg-shadow-tabs-bottom.jpg) left top no-repeat; height:93px; margin-top:-63px; } #tab-one ul li a { display: block; border-bottom:1px solid #efefef; } #tab-one ul li.nav-li a.current { background:url(../images/bg-tabs-current.png) left 1px no-repeat; width: 175px; height:158px; cursor:default; text-decoration:none; color:#1e1e1e; overflow:visible; border-bottom:0px; } #tab-one .list-wrap { height: auto !important; } #tab-two { background: #fff; margin:50px 0 10px 0; border:1px solid #d2d2d2; } #tab-two .nav { overflow: hidden; margin-bottom:10px; margin-top:-41px; margin-left:-1px; position:absolute; } #tab-two .nav li { width: auto; float: left; margin: 0; } #tab-two .nav li.last { margin-right: 10px; } #tab-two .nav li.first { } #tab-two .nav li a { font-size:15px; font-weight:600; color:#858585; font-family:'Open Sans', Arial, Helvetica, sans-serif; line-height:20px; height:14px; border-right:1px solid #fff; border-top:1px solid #fff; border-left:1px solid #fff; border-bottom:1px solid #d2d2d2; width:auto; text-decoration:none; } #tab-two .nav li a:hover { text-decoration:none; color:#8a3a9f; } #tab-two .list-wrap { padding:15px 20px; } #tab-two ul li a { display: block; padding:9px 20px 16px 20px; } #tab-two ul li.nav-li a.current { background-color: #fff; border-bottom:0px; padding-bottom:17px; cursor:default; text-decoration:none; color:#1e1e1e; border-top:1px solid #d2d2d2; border-left:1px solid #d2d2d2; border-right:1px solid #d2d2d2; } /* =End Tabs --------------------------------------------------------------------------------------------------------*/ /* =Lists --------------------------------------------------------------------------------------------------------*/ ul.list { display:block; position:relative; padding:11px 0; } ul.float { float:left; width:50%; } ul.list li { line-height:20px; padding:4px 0px 6px 19px; width:auto; border-bottom:1px solid #d2d2d2; background:url(../images/buttons/bg-arrow-right.png) no-repeat 1px 12px; } ul.float li { margin-right:15px; } ul.bullet li { line-height:20px; padding:4px 0px 6px 19px; border-bottom:1px solid #d2d2d2; background:url(../images/buttons/list-bullet.png) no-repeat 1px 12px; } ul.check li { line-height:20px; padding:4px 0px 6px 19px; border-bottom:1px solid #d2d2d2; background:url(../images/buttons/list-check.png) no-repeat 1px 11px; } ul.arrow2 li { line-height:20px; padding:4px 0px 6px 19px; border-bottom:1px solid #d2d2d2; background:url(../images/buttons/list-arrow.png) no-repeat 1px 12px; } ul.arrow3 li { line-height:20px; padding:4px 0px 6px 19px; border-bottom:1px solid #d2d2d2; background:url(../images/buttons/list-big-arrow.png) no-repeat 1px 11px; } ul.plus li { line-height:20px; padding:4px 0px 6px 19px; border-bottom:1px solid #d2d2d2; background:url(../images/buttons/list-plus.png) no-repeat 1px 10px; } ul.dash li { line-height:20px; padding:4px 0px 6px 19px; border-bottom:1px solid #d2d2d2; background:url(../images/buttons/list-dash.png) no-repeat 1px 14px; } ul.normal { padding:4px 0; } ul.normal li { line-height:20px; } ul.normal li a { text-decoration:none; color:#8a3a9f; } ul li.last { border-bottom:0px; } ul.list li a { text-decoration:none; border-bottom:0px !important; color:#8a3a9f; } ul.list li a:hover, ul.normal li a:hover { color:#1e1e1e; text-decoration:none; } /* =End Lists --------------------------------------------------------------------------------------------------------*/ /* =Accordion --------------------------------------------------------------------------------------------------------*/ #accordion { width:auto; margin:2px 0 0px 0; } #accordion div.ui-accordion-content { padding:0px 0 25px 65px; } #accordion h3 { padding:0px; padding:27px 0px 30px 65px; width:auto; border-top:1px solid #d2d2d2; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } #accordion h3.first { border-top:0px; } #accordion h3 a { cursor:pointer; display:block; text-decoration:none; line-height:20px; text-transform:none; width:auto; display:inline-block; color:#858585; } #accordion h3 a:hover { color:#8a3a9f; } #accordion h3.ui-state-active { background:url(../images/buttons/bg-close.png) no-repeat 15px 28px #fff; padding:27px 0px 20px 65px; } #accordion h3.ui-state-active a { color:#1e1e1e; } #accordion h3.ui-state-active :hover { cursor:default; color:#1e1e1e; } #accordion h3.ui-corner-all { background:url(../images/buttons/bg-open.png) no-repeat 15px 28px #fff; } #small-accordion { width:auto; margin:10px 0 9px 0; } #small-accordion div.ui-accordion-content { padding:4px 0 11px 45px; background:url(../images/bg-shadow-small.png) no-repeat 4px -1px; } #small-accordion h4 { padding:9px 0px 10px 45px; width:auto; border:1px solid #d2d2d2; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; margin-top:5px; } #small-accordion h4.first { margin-top:0px; } #small-accordion h4 a { cursor:pointer; display:block; text-decoration:none; line-height:20px; text-transform:none; width:auto; display:inline-block; color:#858585; } #small-accordion h4 a:hover { color:#8a3a9f; } #small-accordion h4.ui-state-active { background:url(../images/buttons/bg-close-h4.png) no-repeat 15px 12px; } #small-accordion h4.ui-state-active a { color:#1e1e1e; } #small-accordion h4.ui-state-active :hover { cursor:default; color:#1e1e1e; } #small-accordion h4.ui-corner-all { background:url(../images/buttons/bg-open-h4.png) no-repeat 15px 12px; } #tiny-accordion { width:auto; margin:10px 0 9px 0; } #tiny-accordion div.ui-accordion-content { padding:4px 0 6px 35px; background:url(../images/bg-shadow-small.png) no-repeat 0px -1px; } #tiny-accordion h5 { padding:5px 10px 6px 35px; width:auto; border:1px solid #d2d2d2; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; margin-top:5px; } #tiny-accordion h5.first { margin-top:0px; } #tiny-accordion h5 a { cursor:pointer; display:block; text-decoration:none; line-height:20px; text-transform:uppercase; width:auto; display:inline-block; color:#858585; } #tiny-accordion h5 a:hover { color:#8a3a9f; } #tiny-accordion h5.ui-state-active { background:url(../images/buttons/bg-close-h4.png) no-repeat 10px 8px; } #tiny-accordion h5.ui-state-active a { color:#1e1e1e; } #tiny-accordion h5.ui-state-active :hover { cursor:default; color:#1e1e1e; } #tiny-accordion h5.ui-corner-all { background:url(../images/buttons/bg-open-h4.png) no-repeat 10px 8px; } /* =End Accordion --------------------------------------------------------------------------------------------------------*/ /* =Price Table --------------------------------------------------------------------------------------------------------*/ .table-standard { border:1px solid #d2d2d2; height:auto; width:196px; float:left; text-align:center; padding:25px 10px 0px 10px; margin-right:4px; margin-top:49px; } .table-featured { border:1px solid #8a3a9f; border-top:4px solid #8a3a9f; height:auto; width:202px; float:left; text-align:center; padding:25px 30px 10px 30px; margin-right:4px; margin-top:20px; -webkit-box-shadow:0 0 24px rgba(0, 0, 0, 0.1); -moz-box-shadow:0 0 24px rgba(0, 0, 0, 0.1); box-shadow:0 0 24px rgba(0, 0, 0, 0.1); } .last-table { margin-right:0px !important; } .table-standard h3 { padding:0px; } .table-standard p.price { color:#8a3a9f; text-transform:uppercase; padding:1px 0; } .table-featured h3 { padding:15px 0px 0 0; text-transform:uppercase; } .table-featured p.price { color:#8a3a9f; text-transform:uppercase; padding:1px 0 12px 0; } .table-standard ul { padding:18px 0 0px 0; } .table-featured ul { padding:18px 0 15px 0; } .table-standard ul li, .table-featured ul li { line-height:20px; padding:4px 0px 6px 0px; width:auto; border-bottom:1px solid #d2d2d2; } .table-standard ul li.first, .table-featured ul li.first { border-top:1px solid #d2d2d2; } /* =Price Table --------------------------------------------------------------------------------------------------------*/ /* =Table --------------------------------------------------------------------------------------------------------*/ #price { width:100%; border-left:1px solid #d2d2d2; border-top:1px solid #d2d2d2; margin:10px 0; } th { border-right:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; padding:8px 0px 9px 20px; width:25%; } tr:hover { background-image: linear-gradient(bottom, #f5f5f5 0%, #fff 100%); background-image: -o-linear-gradient(bottom, #f5f5f5 0%, #fff 100%); background-image: -moz-linear-gradient(bottom, #f5f5f5 0%, #fff 100%); background-image: -webkit-linear-gradient(bottom, #f5f5f5 0%, #fff 100%); background-image: -ms-linear-gradient(bottom, #f5f5f5 0%, #fff 100%); background-color: #f5f5f5; } th.first-row { font-size:15px; font-weight:600; color:#1e1e1e; font-family:'Open Sans', Arial, Helvetica, sans-serif; line-height:20px; padding:9px 0 10px 20px; background-image: linear-gradient(bottom, #f5f5f5 0%, #fff 100%); background-image: -o-linear-gradient(bottom, #f5f5f5 0%, #fff 100%); background-image: -moz-linear-gradient(bottom, #f5f5f5 0%, #fff 100%); background-image: -webkit-linear-gradient(bottom, #f5f5f5 0%, #fff 100%); background-image: -ms-linear-gradient(bottom, #f5f5f5 0%, #fff 100%); background-color: #f5f5f5; } /* =End Table --------------------------------------------------------------------------------------------------------*/ /* =Footer --------------------------------------------------------------------------------------------------------*/ #footer { background:#252525 url(../images/bg-header.jpg) center top no-repeat; border-top:1px solid #161616; width:100%; position:relative; height:351px; margin-top:-41px; z-index:0px; } #footer-bottom { background:url(../images/bg-transparent.png) center bottom repeat; border-bottom:1px solid #161616; width:100%; position:absolute; height:51px; bottom:0px; } .footer-content { width:930px; margin:0 auto; padding:52px 0px 18px 0px; } .footer-content h3 { font-size:18px; color:#fff; padding:15px 0 10px 0; } .footer-content p a { text-transform:none; color:#b5b5b5; } .footer-content p a:hover { color:#f1b32a; } .footer-content p.pointer { background:url(../images/bg-pointer.png) 5px 7px no-repeat; padding-left:30px; } .footer-content p.email { background:url(../images/bg-mail.png) 5px 9px no-repeat; padding-left:30px; } .footer-content p.phone { background:url(../images/bg-phone.png) 5px 7px no-repeat; padding-left:30px; } /* End Footer --------------------------------------------------------------------------------------------------------*/ /* =Social --------------------------------------------------------------------------------------------------------*/ .social li { display:inline-block; } .social li a { margin:10px 0 10px 15px; display:block; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; } .social li.first a { margin:10px 0 0 0; } .twitter a { text-indent:-9000px; text-decoration:none; width:16px; height:16px; background:url(../images/buttons/bg-twitter.png) no-repeat left top; } .twitter a:hover { background:url(../images/buttons/bg-twitter.png) no-repeat 0px -16px; } .facebook a { text-indent:-9000px; text-decoration:none; width:16px; height:16px; background:url(../images/buttons/bg-facebook.png) no-repeat left top; } .facebook a:hover { background:url(../images/buttons/bg-facebook.png) no-repeat 0px -16px; } .dribble a { text-indent:-9000px; text-decoration:none; width:16px; height:16px; background:url(../images/buttons/bg-dribble.png) no-repeat left top; } .dribble a:hover { background:url(../images/buttons/bg-dribble.png) no-repeat 0px -16px; } .linkedin a { text-indent:-9000px; text-decoration:none; width:16px; height:16px; background:url(../images/buttons/bg-linkedin.png) no-repeat left top; } .linkedin a:hover { background:url(../images/buttons/bg-linkedin.png) no-repeat 0px -16px; } .flickr a { text-indent:-9000px; text-decoration:none; width:16px; height:16px; background:url(../images/buttons/bg-flickr.png) no-repeat left top; } .flickr a:hover { background:url(../images/buttons/bg-flickr.png) no-repeat 0px -16px; } .vimeo a { text-indent:-9000px; text-decoration:none; width:17px; height:16px; background:url(../images/buttons/bg-vimeo.png) no-repeat left top; } .vimeo a:hover { background:url(../images/buttons/bg-vimeo.png) no-repeat 0px -16px; } .google a { text-indent:-9000px; text-decoration:none; width:16px; height:16px; background:url(../images/buttons/bg-google.png) no-repeat left top; } .google a:hover { background:url(../images/buttons/bg-google.png) no-repeat 0px -16px; } .mail a { text-indent:-9000px; text-decoration:none; width:16px; height:16px; background:url(../images/buttons/bg-mail.png) no-repeat left top; } .mail a:hover { background:url(../images/buttons/bg-mail.png) no-repeat 0px -16px; } .skype a { text-indent:-9000px; text-decoration:none; width:16px; height:16px; background:url(../images/buttons/bg-skype.png) no-repeat left top; } .skype a:hover { background:url(../images/buttons/bg-skype.png) no-repeat 0px -16px; } ul#twitter_update_list { margin:3px 0 2px 0; } ul#twitter_update_list li { line-height:20px; background:url(../images/buttons/bg-twitter-feed.png) 0px 2px no-repeat; display:block; padding:2px 0; padding-left:25px; line-height:20px; } ul#twitter_update_list li span { line-height:20px; } ul#twitter_update_list li span a { color:#8a3a9f; text-decoration:none; font-size:11px !important; font-weight:400; text-transform:none; } ul#twitter_update_list li span a:hover { text-decoration:none; color:#1e1e1e; } ul#twitter_update_list li a { font-size:11px !important; color:#858585; text-decoration:none; } ul#twitter_update_list li a:hover { text-decoration:none; color:#8a3a9f; } /* End Social --------------------------------------------------------------------------------------------------------*/ /* Start: Recommended Isotope styles */ #container { width:960px !important; } /**** Isotope Filtering ****/ .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } /**** Isotope CSS3 transitions ****/ .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: top, left, opacity; transition-property: transform, opacity; } /**** disabling Isotope CSS3 transitions ****/ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } /* End: Recommended Isotope styles */ /* disable CSS transitions for containers with infinite scrolling*/ .isotope.infinite-scrolling { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } /**** Isotope styles ****/ .element { padding-bottom:11px; } /**** Example Options ****/ #options { position: absolute; top: 5px; right: -5px; } #options ul { margin: 0; list-style: none; } #options ul ul { } #options li { float: left; } #options li a { display: block; font-size:12px; font-weight:normal; font-family:"Lucida Sans Unicode", Arial, Helvetica, sans-serif; line-height:20px; text-transform:uppercase; color:#858585; text-decoration:none; padding:3px 6px; border:1px solid #d2d2d2; margin-right:5px; -webkit-transition: border 0.2s ease 0s; -moz-transition: border 0.2s ease 0s; -o-transition: border 0.2s ease 0s; transition: border 0.2s ease 0s; } #options li a:hover { color:#858585; text-decoration:none; border:1px solid #858585; } #options li a:active { background:#8a3a9f; color:#fff; border:1px solid #8a3a9f; } #options li a.selected { background:#8a3a9f; color:#fff; border:1px solid #8a3a9f; cursor:default; } .preloader { background:url(../images/ajax-loader.gif) center center no-repeat #ffffff; } /********** Color Switcher **********/ .height30{height:30px} .skin-background{display:block; text-decoration:none; width:23px; height:23px; margin-bottom:10px; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; } #switch-panel {padding: 10px; text-align: center;position: fixed;top: 250px;left:0px; height:290px; width:196px;z-index:9999;background:#fff;margin-left: -216px;margin-top: -160px;overflow: hidden;} #options-handler{background:#fff url('../colorchanger/switcher.png') no-repeat 6px 6px;cursor: pointer;height: 24px;width: 24px; padding:6px; left: 0; overflow: hidden;position: fixed;text-indent: -10000px;top: 152px;z-index: 10000;} #reset-color{display:block; margin-top:6px}.entry-content ul { list-style-position: outside; }