html, body { margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; height:100%; width:100%; background:#f0f0f0; }
* { margin:0px; padding:0px; }
a img { border:0px; }
:focus { outline: 0; }
ol, ul { list-style: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
.alignright { float:right; }
.alignleft { float:left; }
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
br.clear { clear:both; height:0; font-size:0; line-height:0; }
.clear { height:0px; font-size:0px; clear:both; line-height:0px; }
.spacer { height:12px; font-size:0px; clear:both; line-height:0px; }
.spacer5px { height:5px; font-size:0px; clear:both; line-height:0px; }
.spacer2px { height:2px; font-size:0px; clear:both; line-height:0px; }
.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 */
body.narrow #wrapper, body.narrow #header, body.narrow #middle, body.narrow #footer, body.narrow .navigation { width:1020px; }
#wrapper, #header, #middle, #footer, .navigation { width:100%; }
#wrapper{ position:relative; min-height:100%; height:auto !important; height:100%;}
.container { width:986px; margin:0 auto; padding:0 17px; }
/*.container { width:986px; margin:0 auto; }*/
#header { background:url(/version2010-2/images/top-header-bg.jpg) left top repeat-x; }
#middle { background:#f0f0f0 url(/version2010-2/images/middle-bg.jpg) left top repeat-x; padding-bottom:71px; }
#middle .container { padding:20px 17px; }
#footer { clear:both; position:absolute; bottom:0; background:url(/version2010-2/images/footer-bg.jpg) left top repeat-x; height:65px; z-index:2000;}
.widecolumn { width:570px; }
.narrowcolumn { width:380px; background:#a7adb0; }
.logo { padding:19px 0 15px 0; }
.logo a { width:292px; height:41px; display:block; overflow:hidden; text-decoration:none; color:#000; text-indent:-9999px; background:url(/version2010-2/images/logo-in3d.jpg) left top no-repeat; }
.searchfield { background:url(/version2010-2/images/search-bg.jpg) left top repeat-x; border:solid 1px #787a7b; height:15px; padding:4px 4px 0px 4px; color:#fff; font-size:10px; line-height:11px; }
.searchbox { padding:20px 6px 0 0; /*padding:29px 6px 0 0;*/}
.textfwidth { width:188px; }
/* navigation */
.navigation { height:35px; background:url(/version2010-2/images/nav-bg.jpg) left top repeat-x; }
.navigation ul { float:right; background:url(/version2010-2/images/navigation-devider.jpg) right center no-repeat; margin-right:6px !important; margin-right:3px;padding-right:2px; }
.navigation li { float:left; background:url(/version2010-2/images/navigation-devider.jpg) left center no-repeat; padding:1px 0 1px 2px; font-family:Verdana, Geneva, sans-serif; position:relative; z-index:100; }
.navigation li.first a { padding:0 25px 0 22px; }
.navigation li a { text-decoration:none; color:#fff; font-family:Verdana, Geneva, sans-serif; padding:0 24px; font-size:14px; line-height:33px; display:block; }
.navigation li a:hover, .navigation li a.active { background:#b0d248 url(/version2010-2/images/nav-hv.jpg) left top no-repeat; color:#48574b; }
/*second level*/
.navigation ul li ul { float:inherit; background:url(/version2010-2/images/nav-drop-bg.png) left top repeat; border:solid 1px #525960; position:absolute; left:0px; top:35px; border-top:0px; display:none; padding:0px; z-index:150; width:135px; margin:0px; }
.navigation ul li ul li { background:none; float:inherit; border:solid 1px #fff; border-bottom:0px; padding:0px; display:block; width:133px; }
.navigation ul li ul li.last { border:solid 1px #fff; }
.navigation ul li ul li a { white-space:nowrap; padding:0 26px; color:#36424a; }
.navigation ul li ul li a.facebook { background:url(/version2010-2/images/facebook-nav-icon.png) 6px 10px no-repeat; }
.navigation ul li ul li a.facebook:hover { background:#b0d248 url(/version2010-2/images/facebook-nav-icon.png) 6px 10px no-repeat; }
.navigation ul li ul li a.twitter { background:url(/version2010-2/images/twitter-nav-icon.png) 6px 10px no-repeat; }
.navigation ul li ul li a.twitter:hover { background:#b0d248 url(/version2010-2/images/twitter-nav-icon.png) 6px 10px no-repeat; }
.navigation ul li ul li a.yelp { background:url(/version2010-2/images/yelp-nav-icon.png) 6px 8px no-repeat; }
.navigation ul li ul li a.yelp:hover { background:#b0d248 url(/version2010-2/images/yelp-nav-icon.png) 6px 8px no-repeat; }
.navigation ul li ul li a.youtube { background:url(/version2010-2/images/Youtube-icon-15.png) 6px 8px no-repeat; }
.navigation ul li ul li a.youtube:hover { background:#b0d248 url(/version2010-2/images/Youtube-icon-15.png) 6px 8px no-repeat; }
.navigation ul li ul li a.blog { background:url(/version2010-2/images/blog-nav-icon.png) 6px 11px no-repeat; }
.navigation ul li ul li a.blog:hover { background:#b0d248 url(/version2010-2/images/blog-nav-icon.png) 6px 11px no-repeat; }
.navigation ul li.rightside ul { right:-7px !important; right:-2px; left:auto; /*margin-right:0px; padding-right:0px; */}
.navigation ul li.rightside ul a { text-align:right; }
/*jCarousel css start here*/
.sliderpad { padding:0px 0 0px 1px; }
.jcarousel-container { position: relative; z-index:2; }
.jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; }
.jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; }
.jcarousel-list li, .jcarousel-item { float: left; list-style: none; /* We set the width/height explicitly. No width/height causes infinite loops. */ width: 57px; height: 72px; }
.jcarousel-next { z-index: 3; display: none; }
.jcarousel-prev { z-index: 3; display: none; }
.slide-thumbbox { text-align:center; }
.slide-thumbbox span.thumbtitle { display:block; padding:3px 0 0 0; font-size:14px; }
.jcarousel-skin-tango .jcarousel-container { width:940px; }
.jcarousel-skin-tango .jcarousel-container-horizontal { width:408px; height:72px; }
.jcarousel-skin-tango .jcarousel-clip-horizontal { width:342px; /*height:113px;*/ float:left; margin:0px 0px 0 30px !important; margin:0px 0px 0 15px; }
.jcarousel-skin-tango .jcarousel-item { width: 57px; height: 72px; }
.jcarousel-skin-tango .jcarousel-item-horizontal { margin-right: 0px; }
.jcarousel-skin-tango .jcarousel-item-vertical { margin-bottom: 0; }
.jcarousel-skin-tango .jcarousel-item-placeholder { background: #fff; color: #000; }
/**
* Horizontal Buttons
*/
.jcarousel-skin-tango .jcarousel-next-horizontal { position: absolute; top: 17px; right: 13px; width: 18px; height: 27px; cursor: pointer; background: transparent url(/version2010-2/images/arrowright.jpg) no-repeat 0 0; }
.jcarousel-skin-tango .jcarousel-next-horizontal:hover { background-position: left top; }
.jcarousel-skin-tango .jcarousel-next-horizontal:active { background-position: left top; }
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: left top; }
.jcarousel-skin-tango .jcarousel-prev-horizontal { position: absolute; top: 17px; left: 10px; width: 18px; height: 27px; cursor: pointer; background: transparent url(/version2010-2/images/arrowleft.jpg) no-repeat 0 0; }
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover { background-position: left top; }
.jcarousel-skin-tango .jcarousel-prev-horizontal:active { background-position: left top; }
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: left top; }
/*---------------------------*/
#mycarousel { height:72px; overflow-x:visible; }
#mycarousel li{ float:left;}
#mycarousel li a { font-size:9px; display:block; width:57px; height:10px; text-align:center; text-decoration:none; color:#333; padding:50px 0 0 0; text-transform:uppercase; white-space:nowrap;}
#mycarousel li a span{display:block; padding-right:3px;}
#mycarousel li a:hover { font-size:10px; height:10px; padding:58px 0 0 0; }
a.blank { background:url(/version2010-2/images/blank-icon.gif) center 6px no-repeat; }
a.blank:hover { background:url(/version2010-2/images/blank-icon.gif) center -58px no-repeat; }
a.info { background:url(/version2010-2/images/in3d-icon.gif) center 6px no-repeat; }
a.info:hover { background:url(/version2010-2/images/in3d-icon.gif) center -58px no-repeat; }
a.tours { background:url(/version2010-2/images/tours-icon.gif) center 6px no-repeat; }
a.tours:hover { background:url(/version2010-2/images/tours-icon.gif) center -58px no-repeat; }
a.maps { background:url(/version2010-2/images/maps-icon.gif) center 6px no-repeat; }
a.maps:hover { background:url(/version2010-2/images/maps-icon.gif) center -58px no-repeat; }
a.yelp { background:url(/version2010-2/images/yelp-icon.gif) center 6px no-repeat; }
a.yelp:hover { background:url(/version2010-2/images/yelp-icon.gif) center -58px no-repeat; }
a.facebook { background:url(/version2010-2/images/facebook-icon.gif) center 6px no-repeat; }
a.facebook:hover { background:url(/version2010-2/images/facebook-icon.gif) center -58px no-repeat; }
a.twitter { background:url(/version2010-2/images/twitter-icon.gif) center 6px no-repeat; }
a.twitter:hover { background:url(/version2010-2/images/twitter-icon.gif) center -58px no-repeat; }
a.blog { background:url(/version2010-2/images/blog-icon.gif) center 6px no-repeat; }
a.blog:hover { background:url(/version2010-2/images/blog-icon.gif) center -58px no-repeat; }
a.more { background:url(/version2010-2/images/more-icon.png) center 6px no-repeat; }
a.more:hover { background:url(/version2010-2/images/more-icon.png) center -58px no-repeat; }
a.places { background:url(/version2010-2/images/search-icon.gif) center 6px no-repeat; }
a.places:hover { background:url(/version2010-2/images/search-icon.gif) center -58px no-repeat; }
a.buzz { background:url(/version2010-2/images/buzz-icon.gif) center 6px no-repeat; }
a.buzz:hover { background:url(/version2010-2/images/buzz-icon.gif) center -58px no-repeat; }
a.picasa { background:url(/version2010-2/images/picasa-icon.gif) center 6px no-repeat; }
a.picasa:hover { background:url(/version2010-2/images/picasa-icon.gif) center -58px no-repeat; }
a.games { background:url(/version2010-2/images/games-icon.gif) center 6px no-repeat; }
a.games:hover { background:url(/version2010-2/images/games-icon.gif) center -58px no-repeat; }
a.calendar { background:url(/version2010-2/images/calendar-icon.gif) center 6px no-repeat; }
a.calendar:hover { background:url(/version2010-2/images/calendar-icon.gif) center -58px no-repeat; }
a.event { background:url(/version2010-2/images/event-icon.gif) center 6px no-repeat; }
a.event:hover { background:url(/version2010-2/images/event-icon.gif) center -58px no-repeat; }
a.search { background:url(/version2010-2/images/search-icon.gif) center 6px no-repeat; }
a.search:hover { background:url(/version2010-2/images/search-icon.gif) center -58px no-repeat; }
a.youtube { background:url(/version2010-2/images/youtube-icon.gif) center 6px no-repeat; }
a.youtube:hover { background:url(/version2010-2/images/youtube-icon.gif) center -58px no-repeat; }
a.gearth { background:url(/version2010-2/images/gearth-icon.png) center 6px no-repeat; }
a.gearth:hover { background:url(/version2010-2/images/gearth-icon.png) center -58px no-repeat; }
a.picasa { background:url(/version2010-2/images/picasa-icon.gif) center 6px no-repeat; }
a.picasa:hover { background:url(/version2010-2/images/picasa-icon.gif) center -58px no-repeat; }
a.flickr { background:url(/version2010-2/images/flickr-icon.gif) center 6px no-repeat; }
a.flickr:hover { background:url(/version2010-2/images/flickr-icon.gif) center -58px no-repeat; }
a.youtubeblack { background:url(/version2010-2/images/youtubeblack-icon.gif) center 6px no-repeat; }
a.youtubeblack:hover { background:url(/version2010-2/images/youtubeblack-icon.gif) center -58px no-repeat; }
a.gamespink { background:url(/version2010-2/images/games-pink-icon.gif) center 6px no-repeat; }
a.gamespink:hover { background:url(/version2010-2/images/games-pink-icon.gif) center -58px no-repeat; }
a.chat { background:url(/version2010-2/images/chat-icon.png) center 6px no-repeat; }
a.chat:hover { background:url(/version2010-2/images/chat-icon.png) center -58px no-repeat; }
.mapbox-container {/* -moz-border-radius:6px; -khtml-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; padding:10px;*/ /*border:solid 1px #e2e2e2;*/ }
.mtopcor { background:url(/version2010-2/images/box-topcor.jpg) right top no-repeat; height:10px; font-size:2px; line-height:0px; }
.mbotcor { background:url(/version2010-2/images/box-botcor.jpg) left top no-repeat; height:17px; font-size:2px; line-height:0px; }
.mapboxcontent { padding:0 15px 0 10px; background:url(/version2010-2/images/boxmiddle-rep.jpg) right top repeat-y; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.profile-title { background:url(/version2010-2/images/profile-bg.jpg) left top no-repeat; height:41px; line-height:41px; font-size:17px; font-weight:normal; color:#fff; padding:0 15px; border-bottom:1px solid #fff;}
.imagebox { padding-bottom:2px; }
.narrowcontentpad { padding:10px 10px 0px; }
.addressbox { padding-bottom:7px; color:#333; }
.addressbox strong { font-size:16px; font-weight:normal; display:block; padding-bottom:3px }
/*custom scrollbar css*/
a.jScrollArrowUp { background:url(/version2010-2/images/arrow-up.jpg) left bottom no-repeat; }
a.jScrollArrowDown { background: url(/version2010-2/images/arrow-bottom.jpg) left top no-repeat; }
.jScrollPaneTrack { background:url(/version2010-2/images/scrollline.jpg) left top repeat-y; }
.jScrollPaneDrag { background:url(/version2010-2/images/drag-channel.jpg) center top no-repeat; margin-left:2px; }
.holder { float: left; margin: 10px; }
.scroll-pane { width: 380px; height: 390px; overflow: auto; float: left ; }
.wide { width: 400px; }
.super-wide { width: 700px; }
.tall { height: 400px; }
#pane2 { height: 390px; }
.footerlink{ border-top: solid 1px #525960; background:#fff; height:16px; line-height:14px; color:#b7dc43;}
.footerlink a{ color:#717a83; text-decoration:none; font-size:11px; padding:0 6px;}
.footerlink a.first{ padding:0 6px 0 0px;}
.footerlink a:hover{ text-decoration:underline; color:#000;}
.copyright{ font-size:10px; color:#cccccc; text-align:right; padding:10px 6px 0 0; }
.copyright a{ text-decoration:underline; color:#ccc; }
.copyright a:hover{ text-decoration:none;}
.footerlogo{ padding:15px 0 0 0;}
.city-title{
padding:7px 0 0 0;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 28px;
font-smooth:always;
color:#01234E;
}
.city-slug{
padding:7px 0 0 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
color:#01234E;
}
.client-title{
padding:7px 0 0 0;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 28px;
font-smooth:always;
color:#2A2A2A;
}
.client-slug{
padding:7px 0 0 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
color:#2A2A2A;
}
.map3dbox{ position:relative; }
.arrowpopupbox{ position:absolute; right:0px; top:0px; width:129px; }
a.arrowpopup{ background:url(/version2010-2/images/arrow-map.jpg) left top no-repeat; width:25px; height:25px; display:block; cursor:pointer; right:0; position:absolute;}
.viewerbox{ width:129px; background:url(/version2010-2/images/viewer-bg.png) left top repeat; display:none; position:absolute; right:0px;}
/* ie 6 png hack foe viewer box */
*html .viewerbox{ width:129px; background:#9bb35c ; display:none; position:absolute; right:0px;}
/* ie 6 png hack foe viewer box end */
.viewerbox ul{ border-left:solid 1px #fff;}
.viewerbox ul li{ border-bottom:solid 1px #fff; color:#fff; padding:0 8px 0 16px; line-height:31px; font-size:13px;}
.viewerbox ul li.last{ position:relative; }
.viewerbox ul li a{ color:#fff; text-decoration:none;}
.viewerbox a.closeviewer{ position:absolute; width:10px; height:10px; display:block; /*float:left; left:-13px; bottom:-18px; */ left:4px; bottom:4px; z-index:15000;}
#wrapper div.homepage .container{ padding:0 17px 22px 17px; position:relative; }
.exapandouter{ height:250px; overflow:hidden; position:absolute; top:0px; z-index:92; width:986px;}
.expand{ background:url(/version2010-2/images/expand-bg.gif) left top no-repeat; width:98px; height:28px; padding:0 5px 5px 0; margin-right:1px;}
.expand a{ display:block; color:#fff; text-decoration:none; font-size:10px; line-height:26px; padding-left:18px; background:url(/version2010-2/images/viewer-close.gif) 68px 8px no-repeat; }
/*.message-box{ background:url(/version2010-2/images/massage-box-bg.gif) left top no-repeat; height:241px; display:none; position:absolute; top:0px; z-index:1200; width:986px;}*/
.message-box{ background:url(/version2010-2/images/massage-box-bg.gif) left top no-repeat; height:241px; position:absolute; top:0px; z-index:90; width:986px;}
.massage-iconbox{ width:290px; float:left; padding-right:35px;}
.massage-iconbox div.icon{ padding-bottom:10px;}
.massage-iconbox p{ font-size:17px; font-weight:normal; line-height:22px; color:#fff; text-align:center;}
div.nopad{ padding:0px;}
.massageicon-outer{ padding:0 20px;}
.massageicon-outer h2{ padding:24px 0 15px 0;}
.massage-close{ padding-top:6px;}
.massage-close a{ background:url(/version2010-2/images/viewer-close.gif) center right no-repeat; padding-right:16px; color:#fff; text-decoration:none; font-size:10px; line-height:16px; }
.collopse-content{ padding-top:43px;}
.collopse-content p{ font-size:17px; font-weight:normal; color:#36424a; line-height:22px; padding-bottom:10px; }
.collopse-content h1{ padding-bottom:18px;}
.collopse-content{ padding-bottom:10px; border-bottom: solid 1px #36424a; margin-bottom:15px;}
.subtitle{ font-size:16px; color:#333; padding-bottom:10px; font-family:Verdana, Geneva, sans-serif;}
.nepa-imagebox{ padding-right:10px; padding-bottom:14px; }
.nepa-textbox p{ font-family:Verdana, Geneva, sans-serif; font-size:12px; padding-bottom:10px;}
.nepa-textbox p.nopad{ padding-bottom:0px;}
.general-title{ padding:7px 0 12px 0;}
.general-column{ width:480px; }
.general-outer{ background:url(/version2010-2/images/general-border.jpg) center top repeat-y; width:100%;}
.padr15{ padding-right:15px;}
.padl15{ padding-left:15px;}
.caption{ font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:5px 0 10px 0;}
/* Rules for the top corners and border */
.bt { background:url(/version2010-2/images/box.png) no-repeat 100% 0; margin:0 0 0 12px; height:10px; font-size:0px; line-height:0px; }
.bt div { height:10px; width:12px; position:relative; left:-12px; background:url(/version2010-2/images/box.png) no-repeat 0 0; font-size:0px; line-height:0px; }
/* Rules for the bottom corners and border */
.bb { background:url(/version2010-2/images/box.png) no-repeat 100% 100%; margin:0 0 0 12px; height:14px; font-size:0px; line-height:0px; }
.bb div { height:14px; width:12px; position:relative; left:-12px; background:url(/version2010-2/images/box.png) no-repeat 0 100%; font-size:0px; line-height:0px;}
/* Insert the left border */
.i1 { padding:0 0 0 0px; }
/* Insert the right border */
.i2 { padding:0 14px 0 0; background:url(/version2010-2/images/borders-right.png) repeat-y right 0; }
/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 {padding:0px 0px 0px 12px; position:relative;}
.sidebarleft{ width:580px; padding-right:8px;}
.sidebarright{ width:394px; padding-right:2px; }
div.graybox .bt { background:url(/version2010-2/images/boxgray.png) no-repeat 100% 0; margin:0 0 0 12px; height:10px; font-size:0px; line-height:0px; }
div.graybox .bt div { height:10px; width:12px; position:relative; left:-12px; background:url(/version2010-2/images/boxgray.png) no-repeat 0 0; font-size:0px; line-height:0px; }
/* Rules for the bottom corners and border */
div.graybox .bb { background:url(/version2010-2/images/boxgray.png) no-repeat 100% 100%; margin:0 0 0 12px; height:14px; font-size:0px; line-height:0px; }
div.graybox .bb div { height:14px; width:12px; position:relative; left:-12px; background:url(/version2010-2/images/boxgray.png) no-repeat 0 100%; font-size:0px; line-height:0px;}
/* Insert the left border */
div.graybox .i1 { padding:0 0 0 0px; }
/* Insert the right border */
div.graybox .i2 { padding:0 14px 0 0; background:url(/version2010-2/images/borders-rightgray.png) repeat-y right 0; }
/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
div.graybox .i3 {padding:0px 0px 0px 12px; position:relative;}
.graybox-heading{ font-size:12px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#333; padding-bottom:10px; }
#map3dbox{
background-color:#000000;
height:390px;
position:relative;
vertical-align:middle;
text-align:center;
overflow: auto;
}
#map3dboxinnercontainer { position:absolute; top:50%; height:10em; margin-top:-5em }
.mousetouch{cursor: pointer;}
.profile-navbar {
height:41px;
line-height:41px;
font-size:17px;
font-weight:normal;
color:#fff;
border-bottom:1px solid #fff;
background-image: url(/images/navbar/viewer_header.png);
background-repeat: no-repeat;
background-position: left top;
padding-right: 15px;
padding-left: 15px;
}
.navbarfont {font-size: 14px;text-decoration: none; cursor:pointer;}
.navbarfont:hover { text-decoration: underline; }
.grayback0{
background-color: #EAEAEA;
}
.grayback1{background-color:#F3F3F3;}