以下是 jQuery遮罩下拉导航特效代码 的示例演示效果:
部分效果截图:
HTML代码(index.html):
<!DOCTYPE html><!--[if IE 7 ]>
<html dir="ltr" lang="en-US" class="no-js ie ie7 lte7 lte8 lte9">
<![endif]--><!--[if IE 8 ]>
<html dir="ltr" lang="en-US" class="no-js ie ie8 lte8 lte9">
<![endif]--><!--[if IE 9 ]>
<html dir="ltr" lang="en-US" class="no-js ie ie9 lte9">
<![endif]--><!--[if (gt IE 9)|!(IE)]>
<!-->
<html dir="ltr" lang="en-US" class="no-js">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>jQuery遮罩下拉导航</title>
<meta http-equiv="Content-Type" content="text/html" charset="UTF-8" />
<link href="css/template.css" rel="stylesheet" type="text/css" />
<link href="css/layout.css" rel="stylesheet" type="text/css" />
<link href="css/main.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" media="screen" href="js/timelines.css" />
<script src="js/modernizr-1.7.min.js"></script>
<script src="js/detection.js"></script>
<script src="js/jquery.min.js"></script>
</head>
<body id="home-page" class="home blog news">
<script src="js/home-ipad.js"></script>
<div class="cover">
</div>
<div id="header" class="container">
<header class="main-header">
<h1><a href="#">Lake Nona</a></h1>
<nav id="main-navigation" class="menu-primary-container">
<ul id="menu-primary" class="menu">
<li id="menu-item-1016" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1016">
<a href="#/?community/">Community</a></li>
<li id="menu-item-1017" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1017">
<a href="#/?live/">Live</a></li>
<li id="menu-item-1015" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1015">
<a href="#/?commerce/">Commerce</a></li>
<li id="menu-item-2661" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2661">
<a href="#/?community/education/">Learn</a></li>
<li id="menu-item-1014" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1014">
<a href="#/?medical-city/">Medical City</a></li>
<li id="menu-item-1013" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1013">
<a href="#/?register/">Register</a></li>
</ul>
</nav> </header>
<section id="nav-dropdown" class="closed">
<div id="window-slide">
<div id="community" class="drop-down">
<ul>
<li><a href="#/?community/map/">
<div class="meta">
<h3>Map </h3>
<p>Explore the range of activities—from education and
entert...</p>
</div>
<img src="images/nona-map_145x1151.jpg" alt="images/nona-map_145x1151.jpg" alt="Map" />
</a></li>
<li><a href="#/?community/education/">
<div class="meta">
<h3>Education </h3>
<p>It’s more than community schools. It’s a
state-of-the-art...</p>
</div>
<img src="images/LN_Middle_150x120.jpg" alt="images/LN_Middle_150x120.jpg" alt="Education " />
</a></li>
<li>
<a href="#/?community/sustainability/">
<div class="meta">
<h3>Sustainability </h3>
<p>From open green spaces to smart electricity,
conservation...</p>
</div>
<img src="images/ddi_15.jpg" alt="images/ddi_15.jpg" alt="Sustainability " />
</a></li>
<li>
<a href="#/?community/healthy-living/">
<div class="meta">
<h3>Healthy Living </h3>
<p>With 44 miles of paved and unpaved trails, residents can
...</p>
</div>
<img src="images/ddi_04.jpg" alt="images/ddi_04.jpg" alt="Healthy Living " />
</a></li>
<li><a href="#/?community/parks/">
<div class="meta">
<h3>Parks and Amenities </h3>
<p>So many lush parks, most are within a five-minute walk
fr...</p>
</div>
<img src="images/ddi_01.jpg" alt="images/ddi_01.jpg" alt="Parks and Amenities " />
</a></li>
<li class="no-module"><a href="/blog/">
<div class="meta">
</a></div>
</li>
</ul>
</div>
<div id="live" class="drop-down">
<ul>
<li><a href="#/?live/laureate-park/">
<div class="meta">
<h3>Laureate Park </h3>
<p>Live near Lake Nona’s Medical City, in this
forward-think...</p>
</div>
<img src="images/Lp-DRop.jpg" alt="images/Lp-DRop.jpg" alt="Laureate Park " />
</a></li>
<li>
<a href="#/?live/lake-nona-golf-country-club-2/">
<div class="meta">
<h3>Lake Nona Golf & Country Club </h3>
<p>This private community is home to world-class amenities
a...</p>
</div>
<img src="images/ddi_051.jpg" alt="images/ddi_051.jpg" alt="Lake Nona Golf & Country Club" />
</a></li>
<li><a href="#/?live/village-walk/">
<div class="meta">
<h3>Village Walk </h3>
<p>Uniquely designed, this waterfront community features
str...</p>
</div>
<img src="images/ddi_19.jpg" alt="images/ddi_19.jpg" alt="Village Walk " />
</a></li>
<li><a href="#/?live/waters-edge/">
<div class="meta">
<h3>Waters Edge </h3>
<p>Enjoy life on the pristine, crystal-clear lake that is
La...</p>
</div>
<img src="images/ddi_211.jpg" alt="images/ddi_211.jpg" alt="Waters Edge" />
</a></li>
<li><a href="#/?live/water-mark/">
<div class="meta">
<h3>Lake Nona Water Mark Apartments </h3>
<p>Lake Nona Water Mark Apartments will be a collection
luxu...</p>
</div>
<img src="images/watermark-dropdown.jpg" alt="images/watermark-dropdown.jpg" alt="Lake Nona Water Mark Apartments" />
</a></li>
<li><a href="#/?live/north-lake-park/">
<div class="meta">
<h3>NorthLake Park </h3>
<p>500-acre, neo-traditional community featuring an
abundanc...</p>
</div>
<img src="images/ddi_11.jpg" alt="images/ddi_11.jpg" alt="NorthLake Park " />
</a></li>
</ul>
</div>
<div id="commerce" class="drop-down">
<ul>
<li>
<a href="#/?commerce/lake-nona-town-center/">
<div class="meta">
<h3>Lake Nona Town Center </h3>
<p>Take pleasure in the abundance of shopping, dining and
en...</p>
</div>
<img src="images/ddi_07.jpg" alt="images/ddi_07.jpg" alt="Lake Nona Town Center" />
</a></li>
<li>
<a href="#/?commerce/lake-nona-village/">
<div class="meta">
<h3>Lake Nona Village </h3>
<p>A generous mix of retail and office condominiums. </p>
</div>
<img src="images/ddi_08.jpg" alt="images/ddi_08.jpg" alt="Lake Nona Village " />
</a></li>
<li>
<a href="#/?commerce/lake-nona-plaza/">
<div class="meta">
<h3>Lake Nona Plaza </h3>
<p>Located on Narcoossee Rd., just south of Lake Nona
Middle...</p>
</div>
<img src="images/LNP-dropdown.jpg" alt="images/LNP-dropdown.jpg" alt="Lake Nona Plaza" />
</a></li>
<li><a href="#/?commerce/office-space/">
<div class="meta">
<h3>Office Space </h3>
<p>Designed with professionals in mind, Lake Nona hosts
ampl...</p>
</div>
<img src="images/ddi_12.jpg" alt="images/ddi_12.jpg" alt="Office Space " />
</a></li>
<li class="double-no-module"><a href="/blog/"></a></li>
<span class="compass"></span></li>
</ul>
</div>
<div id="medical-city" class="drop-down">
<ul>
<li>
<a href="#/?medical-city/ucf-health-sciences-campus/">
<div class="meta">
<h3>UCF Health Sciences Campus </h3>
<p>With expectations to produce 120 graduates a year this
ca...</p>
</div>
<img src="images/ddi_16.jpg" alt="images/ddi_16.jpg" alt="UCF Health Sciences Campus " />
</a></li>
<li>
<a href="#/?medical-city/sanford-burham/">
<div class="meta">
<h3>Sanford-Burnham </h3>
<p>For over 30 years, this institute has been dedicated to
f...</p>
</div>
<img src="images/ddi_141.jpg" alt="images/ddi_141.jpg" alt="Sanford-Burnham " />
</a></li>
<li><a href="#/?medical-city/nemours/">
<div class="meta">
<h3>Nemours </h3>
<p>Catering to children, this state-of-the-art hospital and
...</p>
</div>
<img src="images/nemours-drop-down.jpg" alt="images/nemours-drop-down.jpg" alt="Nemours " />
</a></li>
<li>
<a href="#/?medical-city/uf-research-center/">
<div class="meta">
<h3>UF Research & Academic Center </h3>
<p>Located next to Sanford-Burnham, this facility will
enabl...</p>
</div>
<img src="images/UF-dropdown.jpg" alt="images/UF-dropdown.jpg" alt="UF Research & Academic Center" />
</a></li>
<li>
<a href="#/?medical-city/va-medical-center/">
<div class="meta">
<h3>VA Medical Center </h3>
<p>A center designed to provide accessible health care for
a...</p>
</div>
<img src="images/ddi_18.jpg" alt="images/ddi_18.jpg" alt="VA Medical Center " />
</a></li>
<li>
<a href="#/?medical-city/m-d-anderson/">
<div class="meta">
<h3>MD Anderson </h3>
<p>An institute devoted to bringing expertise and resources
...</p>
</div>
<img src="images/ddi_09.jpg" alt="images/ddi_09.jpg" alt="MD Anderson" />
</a></li>
</ul>
</div>
</div>
</section>
<div id="nonaology">
<div>
<a href="#" class="social-twitter" target="_target">
Twitter</a>
<a href="#" class="social-facebook" target="_target">
Facebook</a> <a href="#/?blog">
Nonawise</a>
</div>
</div>
</div>
<div id="shell">
<div id="staticImage" style="display: block">
</div>
<section id="main">
<section id="home-slides">
</section>
<div id="shelf">
<div id="range">
<div id="magnify-glass">
</div>
</div>
<div id="prev-arrow">
</div>
<div id="next-arrow">
</div>
<div id="shelf-back">
</div>
<div id="shelf-front">
</div>
</div>
</div>
<script src="js/ui.js"></script>
<script src="js/utilities.js"></script>
<script src="js/init.js">
</script>
<script type="text/javascript" src="js/jquery.lightbox.min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($){
$.lightbox().overlay.options.style.opacity = 0.8;
$.extend($.lightbox().options, {
emergefrom : "top",
moveDuration : 1000,
resizeDuration : 1000
});
$(".lightbox").lightbox({
modal : 0,
autoresize : 1
});
});
</script>
</body>
</html>
JS代码(init.js):
/* =================== Javascript Info =================== */
/* Javascript for ProjectName Version 1.0 modified on DateTimeYear Copyright©2011 CompanyName Lead Developer by Regi Ellis ( rellis@pushhere.com ) Web Developer by Matt Ma. ( mma@pushhere.com ) http://www.pushhere.com*/
/* ================= End Javascript Info ================= */
/* ================= Javascript Start Now ================ */
/* Ready --------------------------------------------- */
$(document).ready(function(){
// Keep the lightbox cover the whole document var pageHeight;
calculateLightboxHeight();
function calculateLightboxHeight(){
pageHeight = $(document).height()+"px";
$('.cover').height(pageHeight);
}
$(window).resize(function(){
calculateLightboxHeight();
}
);
// For the slideshows and give them the specific width // Checking Page has slideshow feature or not var slideshowOnPage = $('body').find('.slideshow').length;
if ( slideshowOnPage > 0 ){
$('.slideshow').DDSlider({
trans:'barTop',selector:'.slider_selector',arrowNext:null,arrowPrev:null}
);
var dots_count = $('.slider_selector li').size();
$('.slider_selector').css( 'width',25*dots_count + "px");
}
var dots_count = $('.slider_selector li').size();
if ( dots_count === 0 ){
$('.sub-content-header,.controls').addClass('disabled');
$('.controls').siblings('article').addClass('borderRemove');
$('.cover').height( ( $(document).height() - 216 ) + "px");
}
// var hasContent = $('.slideshow li.current p').html().length;
// if( hasContent === 0 ){
// $('.slideshow li.current p').css("display","none");
// console.log ("hjellow");
//}
else{
// $('.slideshow li.current p').css("display","block");
//}
// Checking Page is home or not /* if ( $('body').hasClass('home') ){
$('#shell').animate({
backgroundPositionX:'-1392px'}
,3000,'linear' );
$('#magnify-glass').animate({
'left':'437px'}
,3000,'linear');
$('#magnify-glass').mousedown(function(){
$('#magnify-glass:animated').stop(true,true);
$('#shell:animated').stop(true,true);
}
);
}
*/
}
);
(function(){
var navlinks = $('#menu-primary li:not(:last-child) a,#menu-primary li:not(:nth-child(4)) a');
var $nonaology = $('#nonaology');
//var $body = $('body');
var openDropdown = false;
var $dw = $('#nav-dropdown');
var $slider = $('#window-slide');
var speed = 300;
function slideDropdown(value){
$slider.animate({
top:value}
,speed);
}
navlinks.mouseenter( function(e){
if(!openDropdown){
$('.cover').addClass('coverBox');
$dw.show("slide",{
direction:"up"}
,400);
$nonaology.stop().delay(100).animate({
top:'45px'}
,400);
$dw.removeClass('closed').addClass('open');
openDropdown = true;
}
var target = '#dropdown-'+ $(e.target).text().toLowerCase().replace(/ /ig,"-");
switch(target){
case '#dropdown-community':slideDropdown('0');
break;
case '#dropdown-live':slideDropdown('-260px');
break;
case '#dropdown-commerce':slideDropdown('-520px');
break;
// case '#dropdown-learn':// slideDropdown('-780px');
// break;
case '#dropdown-medical-city':slideDropdown('-780px');
break;
}
}
);
$('#menu-primary li:nth-child(4) a').mouseenter( function(e){
if(openDropdown){
$('.cover').removeClass('coverBox');
if ($dw.hasClass('open')){
$dw.hide("slide",{
direction:"up"}
,400);
$nonaology.stop().delay(100).animate({
top:'-215px'}
,300);
$dw.removeClass('open').addClass('closed');
}
openDropdown = false;
}
}
);
$('#header').mouseleave( function(e){
if(openDropdown){
$('.cover').removeClass('coverBox');
if ($dw.hasClass('open')){
$dw.hide("slide",{
direction:"up"}
,400);
$nonaology.stop().delay(100).animate({
top:'-215px'}
,300);
$dw.removeClass('open').addClass('closed');
}
openDropdown = false;
}
}
);
$nonaology.mouseenter( function(e){
$(this).stop().animate({
top:'10px'}
,300);
}
);
$nonaology.mouseleave( function(e){
$(this).stop().animate({
top:'-215px'}
,200);
}
);
$nonaology.find('span').draggable({
axis:'y',containment:"parent",drag:function(event,ui){
var currentY = ui.position.top;
var height = 249;
console.log(currentY);
}
}
);
}
)();
(function(){
// only fire the draggable event when it is at homepage if ( $('body').hasClass('home') ){
var shelfWidth = 876;
var centerGridPoint = 1200;
var windowWidth,currentShelfOffsetX,circlrURL,clickCircleShow = true;
// Creating the 7 Snap Points var $snapPointContainer = $('<div id="snapContainer">').css({
'width':'995px','height':'10px','position':'absolute','top':0,'left':'70px','background':'transparent',"z-index":1}
);
$snapPointContainer.appendTo($('#shelf'));
var snapPoints = [ -3,145,290,435,580,725,870 ];
for (var i = 0;
i < snapPoints.length;
i ++ ){
$point = $('<span>').addClass('snap').css({
'width':"122px",'height':'121px','display':'block','position':'absolute','top':"-60px",'left':snapPoints[i],'background':'transparent'}
);
$point.appendTo($snapPointContainer);
}
windowWidth = $(window).width();
// When Page refresh,it will position the layer in the correct initial order function imageBgPos(){
var half = $(window).width() / 2;
if ( half > centerGridPoint ){
currentShelfOffsetX = half - centerGridPoint;
}
else if ( half < centerGridPoint ){
currentShelfOffsetX = - ( centerGridPoint - half );
}
else if ( half === centerGridPoint ){
currentShelfOffsetX = 0;
}
return currentShelfOffsetX;
}
var centerPos = imageBgPos() -3600;
// Return the URL address function getAbsolutePath(){
var loc = window.location;
var pathName = loc.pathname.substring(0,loc.pathname.indexOf('/'));
return loc.href.substring(0,loc.href.length - ((loc.pathname + loc.search + loc.hash).length - pathName.length));
}
function updateCircleURL(pos){
if( pos >= 0 && pos < 145 ){
circlrURL = baseURL + '/community/healthy-living/';
}
else if ( pos > 147 && pos < 290 ){
circlrURL = baseURL + "/community/education/";
}
else if ( pos > 292 && pos < 435 ){
circlrURL = baseURL + "/live/";
}
else if ( pos > 437 && pos < 580 ){
circlrURL = baseURL + "/community/";
}
else if ( pos > 582 && pos < 725 ){
circlrURL = baseURL + "/medical-city/";
}
else if ( pos > 727 && pos < 870 ){
circlrURL = baseURL + "/commerce/";
}
else if ( pos > 870){
circlrURL = baseURL + "/community/sustainability/";
}
return circlrURL;
}
function updateImagePosition(e,ui){
// Hide the circle when it is dragging if( clickCircleShow ){
$('#clickCircle').css('display','none');
clickCircleShow = false;
}
var currentShelfX = ui.position.left;
var ratio = currentShelfX / shelfWidth;
//var currentImageMove = currentShelfOffsetX1 - ( (imageWidth - currentShelfOffsetX1 - halfPanelHalfCirclr ) * ratio ) - extendedImage;
var currentImageMove = -( ( 7200 * ratio ) - currentShelfOffsetX );
$('#slides') .stop() .animate({
backgroundPositionX:currentImageMove}
,3200,'easeOutCirc' );
$('#grass') .stop() .animate({
backgroundPositionX:currentImageMove}
,2400,'easeOutCirc' );
$('#circles') .stop() .animate({
backgroundPositionX:currentImageMove}
,1600,'easeOutCirc' );
$('#objects') .stop() .animate({
backgroundPositionX:currentImageMove}
,800,'easeOutCirc' );
}
function updateImagePositionWithArrow(magPos){
// Hide the circle when it is dragging if( clickCircleShow ){
$('#clickCircle').css('display','none');
clickCircleShow = false;
}
var currentShelfX = magPos;
var ratio = currentShelfX / shelfWidth;
//var currentImageMove = currentShelfOffsetX1 - ( (imageWidth - currentShelfOffsetX1 - halfPanelHalfCirclr ) * ratio ) - extendedImage;
var currentImageMove = -( ( 7200 * ratio ) - currentShelfOffsetX );
$('#slides') .stop() .animate({
backgroundPositionX:currentImageMove}
,3200,'easeOutCirc' );
$('#grass') .stop() .animate({
backgroundPositionX:currentImageMove}
,2400,'easeOutCirc' );
$('#circles') .stop() .animate({
backgroundPositionX:currentImageMove}
,1600,'easeOutCirc' );
$('#objects') .stop() .animate({
backgroundPositionX:currentImageMove}
,800,'easeOutCirc' );
}
// Creating the clickable circle on the homepage circle var baseURL = getAbsolutePath();
var initialURL = baseURL + '/community/';
var clickCircleLeft = $(window).width() / 2 - 150;
var $clickCircle = $('<div id="clickCircle">').css({
'width':'300px','height':'300px','position':'absolute','top':'120px','left':clickCircleLeft,'background':'transparent',"z-index":40}
);
var IE7 = (navigator.appVersion.indexOf("MSIE 7.")==-1) ? false:true;
var $clickCircleValue = $('<a>').attr('href',initialURL).css({
'width':'300px','height':'300px','display':'block','background':'transparent'}
).appendTo($clickCircle);
if (jQuery.browser.msie ){
$clickCircle.appendTo($('#shell'));
}
else{
$clickCircle.appendTo($('#slides'));
}
$(window).resize(function(){
if( $('#magnify-glass').length > 0 ){
var magPos = $('#magnify-glass').position().left;
var newCenterPos = imageBgPos() -3600;
imagesOffset( '438px',newCenterPos );
var clickCircleLeft = $(window).width() / 2 - 150;
$clickCircle.css('left',clickCircleLeft);
$('#clickCircle a').attr('href',updateCircleURL(magPos) );
}
}
);
function imagesOffset( magPos,bgImagePos ){
$('#magnify-glass').css({
'left':magPos}
);
$('#slides') .css({
backgroundPositionX:bgImagePos}
);
$('#objects').css({
backgroundPositionX:bgImagePos}
);
$('#circles').css({
backgroundPositionX:bgImagePos}
);
$('#grass') .css({
backgroundPositionX:bgImagePos}
);
}
//center load the slideshow animation //imagesOffset( '438px',centerPos );
imagesOffset( '0',imageBgPos() );
var waitingInit = setInterval(function(){
var slidesVisible = $("#slides").css('opacity');
if(slidesVisible === '1'){
init_animation();
}
}
,500);
//Initalization animation when the page loads function init_animation(){
clearInterval(waitingInit);
$clickCircle.attr('href',initialURL);
$('#slides') .stop() .animate({
backgroundPositionX:centerPos}
,5600,'easeOutCirc' );
$('#grass') .stop() .animate({
backgroundPositionX:centerPos}
,4800,'easeOutCirc' );
$('#circles') .stop() .animate({
backgroundPositionX:centerPos}
,3600,'easeOutCirc' );
$('#objects') .stop() .animate({
backgroundPositionX:centerPos}
,2400,'easeOutCirc' );
$('#magnify-glass') .animate({
"left":"438px"}
,2400,'easeOutCirc');
}
//#prev-arrow,#next-arrow var snapPoints = [ -3,145,290,435,580,725,870 ];
145 //if( !clickCircleShow && magnifyGlassPos > 0 || magnifyGlassPos < 20 || magnifyGlassPos > 292 || magnifyGlassPos < 312 || magnifyGlassPos > 437 || magnifyGlassPos < 457 || magnifyGlassPos > 582 || magnifyGlassPos < 602 || magnifyGlassPos > 727 || magnifyGlassPos < 747 || magnifyGlassPos > 870 ){
$('#prev-arrow').click(function(event){
var magPos = parseInt ( $('#magnify-glass').css('left') );
if ( magPos <= 438 && magPos > 293 ){
// Live Section $('#magnify-glass') .stop(true,true) .animate({
"left":"293px"}
,1800,'easeOutCirc');
updateImagePositionWithArrow(293);
}
else if( magPos <= 293 && magPos > 148 ){
// Learn Section $('#magnify-glass') .stop(true,true) .animate({
"left":"148px"}
,1800,'easeOutCirc');
updateImagePositionWithArrow(148);
}
else if( magPos <= 148 && magPos > 0 ){
// Healthy Living Section $('#magnify-glass') .stop(true,true) .animate({
"left":"0px"}
,1800,'easeOutCirc');
updateImagePositionWithArrow(0);
}
else if( magPos <= 583 && magPos > 438 ){
// Medical City Section $('#magnify-glass') .stop(true,true) .animate({
"left":"438px"}
,1800,'easeOutCirc');
updateImagePositionWithArrow(438);
}
else if( magPos <= 728 && magPos > 583 ){
// Commerce Section $('#magnify-glass') .stop(true,true) .animate({
"left":"583px"}
,1800,'easeOutCirc');
updateImagePositionWithArrow(583);
}
else if( magPos <= 873 && magPos > 728 ){
// Sustainablity Section $('#magnify-glass') .stop(true,true) .animate({
"left":"728px"}
,1800,'easeOutCirc');
updateImagePositionWithArrow(728);
}
}
);
$('#next-arrow').click(function(event){
var magPos = parseInt ( $('#magnify-glass').css('left') );
if ( magPos < 438 && magPos >= 293 ){
// Live Section $('#magnify-glass') .stop(true,true) .animate({
"left":"438px"}
,1800,'easeOutCirc');
updateImagePositionWithArrow(438);
}
else if( magPos < 293 && magPos >= 148 ){
// Learn Section $('#magnify-glass') .stop(true,true) .animate({
"left":"293px"}
,1800,'easeOutCirc');
updateImagePositionWithArrow(293);
}
else if( magPos < 148 && magPos >= 0 ){
// Healthy Living Section $('#magnify-glass') .stop(true,true) .animate({
"left":"148px"}
,1800,'easeOutCirc');
updateImagePositionWithArrow(148);
}
else if( magPos < 583 && magPos >= 438 ){
// Medical City Section $('#magnify-glass') .stop(true,true) .animate({
"left":"583px"}
,1800,'easeOutCirc');
updateImagePositionWithArrow(583);
}
else if( magPos < 728 && magPos >= 583 ){
// Medical City Section $('#magnify-glass') .stop(true,true) .animate({
"left":"728px"}
,1800,'easeOutCirc');
updateImagePositionWithArrow(728);
}
else if( magPos < 873 && magPos >= 728 ){
// Medical City Section $('#magnify-glass') .stop(true,true) .animate({
"left":"873px"}
,1800,'easeOutCirc');
updateImagePositionWithArrow(873);
}
}
);
$('#magnify-glass').draggable({
axis:"x",containment:"parent",snap:'.snap',snapMode:'inner',snapTolerance:30,cursor:'move',drag:function(event,ui){
updateImagePosition(event,ui);
}
}
);
$('.snap').droppable({
drop:function(event,ui){
var magnifyGlassPos = ui.position.left;
var currentURL = updateCircleURL(magnifyGlassPos);
$('#clickCircle a').attr('href',currentURL);
if( !clickCircleShow && magnifyGlassPos > 0 || magnifyGlassPos < 20 || magnifyGlassPos > 292 || magnifyGlassPos < 312 || magnifyGlassPos > 437 || magnifyGlassPos < 457 || magnifyGlassPos > 582 || magnifyGlassPos < 602 || magnifyGlassPos > 727 || magnifyGlassPos < 747 || magnifyGlassPos > 870 ){
$('#clickCircle').css('display','block');
clickCircleShow = true;
}
}
}
);
}
}
)();
(function(){
var Options ={
wrapper:$('#timeline ul'),article:$('#timeline li'),leftClick:$('#timeline-left'),rightClick:$('#timeline-right')}
;
var length = Options.wrapper.find('li').size();
var width = Options.article.width();
var totalWidth = width * length;
var slideLength = Math.ceil( length / 4 );
// Total number of the slides var self = Options.article.clone();
var slideWidth = width * 4;
var isLast = false,isFirst = true,count = 1,slow = 'slow',fast = 'fast',slideSpeed = 600;
var originalWidth = Options.wrapper.css('width',totalWidth + 'px');
Options.leftClick.click(function(event){
event.preventDefault();
event.stopPropagation();
var move = '+=' + slideWidth.toString() + 'px';
if( !isLast ){
if( count > 1 ){
$('#timeline ul:not(:animated)').animate({
left:move}
,slideSpeed,'swing',function(){
count--;
}
);
}
}
else{
$('#timeline ul:not(:animated)').animate({
left:move}
,slideSpeed,'swing',function(){
$('#timeline-right').fadeIn(slow);
isLast = false;
count--;
if( count === 1 ){
$('#timeline-left').fadeOut(slow);
isFirst = true;
}
}
);
}
}
);
Options.rightClick.click(function(event){
event.preventDefault();
event.stopPropagation();
var move = '-=' + slideWidth.toString() + 'px';
if( slideLength > count ){
$('#timeline ul:not(:animated)').animate({
left:move}
,slideSpeed,'swing',function(){
if( isFirst ){
$('#timeline-left').css('display','block').fadeIn(slow);
isFirst = false;
}
if( slideLength - 1 === count ){
//isLast = true;
//Options.wrapper.css('width',totalWidth * 2 + 'px').append(self);
var mods = 0;
var timeline = [] var modules = Options.wrapper.children();
while (mods<=3){
// timeline.push(modules.eq(mods));
mods++}
}
count++;
}
);
}
}
);
}
)();
// (function(){
//// var sociallinks = $('.social-media');
// sociallinks.attr('target','blank');
////}
)();
JS代码(utilities.js):
/* --------------------------------------------* @package Push.* @since Lead Developer by Regi Ellis ( rellis@pushhere.com )* @since Web Developer by Matt Ma. ( mma@pushhere.com )* http://www.pushhere.com -------------------------------------------- */
/*** Trigger placeholder value for the input field*/
function activatePlaceholders(){
var detect = navigator.userAgent.toLowerCase();
if (detect.indexOf("safari") > 0) return false;
var inputs = document.getElementsByTagName("input");
for (var i=0;
i<inputs.length;
i++){
if (inputs[i].getAttribute("type") == "text"){
if (inputs[i].getAttribute("placeholder") && inputs[i].getAttribute("placeholder").length > 0){
inputs[i].value = inputs[i].getAttribute("placeholder");
inputs[i].onclick = function(){
if (this.value == this.getAttribute("placeholder")){
this.value = "";
}
return false;
}
inputs[i].onblur = function(){
if (this.value.length < 1){
this.value = this.getAttribute("placeholder");
}
}
}
}
}
}
/*** Setup the background position animation*/
(function($){
var $div=$('<div style="background-position:3px 5px">');
$.support.backgroundPosition=$div.css('backgroundPosition')==="3px 5px"?true:false;
$.support.backgroundPositionXY=$div.css('backgroundPositionX')==="3px"?true:false;
$div=null;
var xy=["X","Y"];
function parseBgPos(bgPos){
var parts=bgPos.split(/\s/),values={
"X":parts[0],"Y":parts[1]}
;
return values;
}
if(!$.support.backgroundPosition&&$.support.backgroundPositionXY){
$.cssHooks.backgroundPosition={
get:function(elem,computed,extra){
return $.map(xy,function(l,i){
return $.css(elem,"backgroundPosition"+l);
}
).join(" ");
}
,set:function(elem,value){
$.each(xy,function(i,l){
var values=parseBgPos(value);
elem.style["backgroundPosition"+l]=values[l];
}
);
}
}
;
}
if($.support.backgroundPosition&&!$.support.backgroundPositionXY){
$.each(xy,function(i,l){
$.cssHooks["backgroundPosition"+l]={
get:function(elem,computed,extra){
var values=parseBgPos($.css(elem,"backgroundPosition"));
return values[l];
}
,set:function(elem,value){
var values=parseBgPos($.css(elem,"backgroundPosition")),isX=l==="X";
elem.style.backgroundPosition=(isX?value:values["X"])+" "+(isX?values["Y"]:value);
}
}
;
$.fx.step["backgroundPosition"+l]=function(fx){
$.cssHooks["backgroundPosition"+l].set(fx.elem,fx.now+fx.unit);
}
;
}
);
}
}
)(jQuery);
/* * DDSlider **/
(function($){
$.fn.extend({
DDSlider:function(){
var DDCont = this;
isPlaying = false;
var DDefaults ={
trans:'barTop',delay:50,waitTime:5000,duration:500,stopSlide:1,bars:15,columns:10,rows:3,ease:'swing'}
;
attr = arguments[0] ||{
}
;
if(attr.trans === undefined){
attr.trans = DDefaults.trans;
}
if(attr.delay === undefined){
attr.delay = DDefaults.delay;
}
if(attr.duration === undefined){
attr.duration = DDefaults.duration;
}
if(attr.waitTime === undefined){
attr.waitTime = DDefaults.waitTime;
}
if(attr.stopSlide === undefined){
attr.stopSlide = DDefaults.stopSlide;
}
if(attr.bars === undefined){
attr.bars = DDefaults.bars;
}
if(attr.columns === undefined){
attr.columns = DDefaults.columns;
}
if(attr.rows === undefined){
attr.rows = DDefaults.rows;
}
if(attr.ease === undefined){
attr.ease = DDefaults.ease;
}
attr.width = this.width();
attr.height = this.height();
//Sets up the slider structurethis.children('li:first').addClass('current');
var iNum = 1;
//Add Selector containerif(attr.selector === true){
this.append('<ul class="slider_selector"></ul>');
}
//Adds Selectors and set slider classesthis.children('li').each(function(){
$(this).addClass('slider_'+iNum);
//sets the selectorsif(attr.selector === undefined){
}
else{
if(iNum == 1){
$(attr.selector).append('<li class="current sel_'+iNum+'"></li>');
}
else{
$(attr.selector).append('<li class="sel_'+iNum+'"></li>');
}
}
iNum++;
}
);
var isClicked = 0;
//If user has only one <li> stops the slideif(this.children('li').length == 1){
stopAll = 1;
}
else{
stopAll = 0;
}
if(stopAll === 0){
//Sets arrows eventsif(attr.prevSlide === undefined){
}
else{
$(attr.prevSlide).click(function(){
if(isPlaying === false){
DDCont.prevSlide(attr);
isClicked = 1;
}
}
);
}
if(attr.nextSlide === undefined){
}
else{
$(attr.nextSlide).click(function(){
if(isPlaying === false){
DDCont.nextSlide(attr);
isClicked = 1;
}
}
);
}
$(attr.selector).children('li').click(function(){
var itemId = $(this).attr('class').split(' ');
if(itemId[0] == 'current' || itemId[1] == 'current'){
//do nothing}
else{
itemId = itemId[0].split('_');
if(isPlaying === false){
isClicked = 1;
DDCont.callSlide(itemId[1],attr);
}
}
}
);
//AutoSlidervar isHovered = 0;
//check if user is hovering the slide$(this).hover(function(){
// Whenever an item is hoveredisHovered = 1;
//Setting isHovered 1,we stop the autsliding from going on}
,function(){
isHovered = 0;
//Setting isHovered 1,we make the autsliding go on}
);
//EventssetInterval(function(){
if(attr.stopSlide == 1){
if(isHovered === 0 && isClicked === 0){
DDCont.nextSlide(attr);
}
}
else{
if(isClicked === 0){
DDCont.nextSlide(attr);
}
}
}
,attr.waitTime);
}
}
,nextSlide:function(){
//finds out the current slider and the next onevar currentItem = this.children('li.current');
var nextItem = currentItem.next('li');
//finds selectorsvar currentSel = $(attr.selector).children('li.current');
var nextSel = $(attr.selector).children('li.current').next();
//if the is no next one,choose the firstif(nextItem.length > 0){
//Do nothing. The $next element exists}
else{
nextItem = this.children('li:first');
nextSel = $(attr.selector).children('li:first');
}
this.nextTransition(attr,nextItem,currentItem,nextSel,currentSel);
}
,prevSlide:function(){
//finds out the current slider and the next onevar currentItem = this.children('li.current');
var prevItem = currentItem.prev('li');
//finds selectorsvar currentSel = $(attr.selector).children('li.current');
var prevSel = $(attr.selector).children('li.current').prev();
//if the is no next one,choose the firstif(prevItem.length > 0){
//Do nothing. The $next element exists}
else{
prevItem = this.children('li:last');
prevSel = $(attr.selector).children('li:last');
}
this.nextTransition(attr,prevItem,currentItem,prevSel,currentSel);
}
,callSlide:function(slideID){
var currentItem = this.children('li.current');
var nextItem = this.children('li.slider_'+slideID);
var currentSel = $(attr.selector).children('li.current');
var nextSel = $(attr.selector).children('li.sel_'+slideID);
this.nextTransition(attr,nextItem,currentItem,nextSel,currentSel);
}
,nextTransition:function(attr,transNext,transCur,transSelNext,transSelCur){
/* var nextTransitionTemp = transNext.attr('class').split(' ');
var nextTransition = nextTransitionTemp[0];
if(nextTransition == ''){
nextTransition = attr.trans;
}
if(nextTransition == 'random' || nextTransition == 'fading' || nextTransition == 'barTop' || nextTransition == 'barBottom' || nextTransition == 'square' || nextTransition == 'squareMoving' || nextTransition == 'barFade' || nextTransition == 'barFadeRandom' || nextTransition == 'squareRandom' || nextTransition == 'squareOut' || nextTransition == 'squareOutMoving' || nextTransition == 'rowInterlaced'){
}
else{
nextTransition = 'random';
}
if(nextTransition == 'random'){
//var transitionArray = ['barTop','fading','barBottom','square','squareRandom','squareMoving','barFade','barFadeRandom','squareOut','squareOutMoving','rowInterlaced'];
//var arr_trans = [0,1,2,3,4,5,6,7,8,9,10];
var transitionArray = ['barFade'];
var arr_trans = [0];
var nextTransShuffle = $.shuffle(arr_trans);
nextTransition = transitionArray[nextTransShuffle[0]];
}
*/
var nextTransition = 'barFade';
if(nextTransition == 'fading'){
this.DDFading(attr,transNext,transCur,transSelNext,transSelCur);
}
else if(nextTransition == 'barTop'){
this.DDBarTop(attr,transNext,transCur,transSelNext,transSelCur);
}
else if(nextTransition == 'barBottom'){
this.DDBarBottom(attr,transNext,transCur,transSelNext,transSelCur);
}
else if(nextTransition == 'square'){
this.DDSquare(attr,transNext,transCur,transSelNext,transSelCur);
}
else if(nextTransition == 'squareRandom'){
this.DDSquareRandom(attr,transNext,transCur,transSelNext,transSelCur);
}
else if(nextTransition == 'squareMoving'){
this.DDSquareMoving(attr,transNext,transCur,transSelNext,transSelCur);
}
else if(nextTransition == 'barFade'){
this.DDBarFade(attr,transNext,transCur,transSelNext,transSelCur);
}
else if(nextTransition == 'barFadeRandom'){
this.DDBarFadeRandom(attr,transNext,transCur,transSelNext,transSelCur);
}
else if(nextTransition == 'squareOut'){
this.DDSquareOut(attr,transNext,transCur,transSelNext,transSelCur);
}
else if(nextTransition == 'squareOutMoving'){
this.DDSquareOutMoving(attr,transNext,transCur,transSelNext,transSelCur);
}
else if(nextTransition == 'rowInterlaced'){
this.DDRowInterlaced(attr,transNext,transCur,transSelNext,transSelCur);
}
else{
this.DDFading(attr,transNext,transCur,transSelNext,transSelCur);
}
}
,DDFading:function(attr,fadeNext,fadeCur,nextSel,curSel){
var ddx = this;
//lets disable all buttonsthis.disableSelectors();
fadeNext.css({
opacity:1}
);
//adds the next classfadeNext.addClass('next');
curSel.removeClass('current');
nextSel.addClass('current');
//animates the current so it disappearsfadeCur.stop().animate({
opacity:0}
,attr.duration,function(){
fadeNext.addClass('current').removeClass('next');
fadeCur.removeClass('current').css({
opacity:1}
);
//enables all selectorsddx.enableSelectors();
}
);
}
,DDBarTop:function(attr,barNext,barCur,nextSel,curSel){
var ddx = this;
//lets disable all buttonsthis.disableSelectors();
barNext.css({
opacity:1}
);
//set varsvar bar_width = Math.round(attr.width / attr.bars);
var bar_height = attr.height;
var bar_top = (bar_height - (bar_height * 2));
//Let's create the bar divsvar iNum = 1;
while(iNum <= attr.bars){
var position = (iNum * bar_width) - bar_width;
this.append('<div class="slider_bar slider_bar_'+iNum+'" style="position:absolute;
overflow:hidden;
'+barNext.attr('style')+'"></div>');
this.children('.slider_bar_'+iNum).css({
left:position,height:bar_height,width:bar_width,top:bar_top,'z-index':3,'background-position':'-'+position+'px top'}
);
iNum++;
}
//lets put the content in the bar and animate it//set varsvar iNum2 = 1;
while(iNum2 <= attr.bars){
var position2 = (iNum2 * bar_width) - bar_width;
var delay = (iNum2 * attr.delay);
this.children('.slider_bar_'+iNum2).append('<div style="position:absolute;
left:-'+position2+'px;
width:'+attr.width+'px;
height:'+attr.height+'px;
">'+barNext.html()+'</div>');
this.children('.slider_bar_'+iNum2).animate({
opacity:1}
,delay).animate({
top:0}
,{
duration:attr.duration,easing:attr.ease}
);
iNum2++;
}
curSel.removeClass('current');
nextSel.addClass('current');
//let's do stuff after the animation is overvar totalDelay = (attr.bars * attr.delay);
barNext.animate({
opacity:0}
,totalDelay).animate({
opacity:0}
,attr.duration,function(){
$(this).addClass('current').css({
opacity:1}
);
barCur.animate({
opacity:0}
,200,function(){
$(this).removeClass('current');
//removes the transition containersddx.children('.slider_bar').remove();
//Enables the selectorsddx.enableSelectors();
}
);
}
);
}
,DDBarBottom:function(attr,barPrev,barCur,nextSel,curSel){
var ddx = this;
//lets disable all buttonsthis.disableSelectors();
barPrev.css({
opacity:1}
);
//set varsvar bar_width = Math.round(attr.width / attr.bars);
var bar_height = attr.height;
var bar_top = bar_height;
//Let's create the bar divsvar iNum = 1;
while(iNum <= attr.bars){
var position = (iNum * bar_width) - bar_width;
this.append('<div class="slider_bar slider_bar_'+iNum+'" style="position:absolute;
overflow:hidden;
'+barPrev.attr('style')+'"></div>');
this.children('.slider_bar_'+iNum).css({
left:position,height:bar_height,width:bar_width,top:bar_top,'z-index':3,'background-position':'-'+position+'px top'}
);
iNum++;
}
//lets put the images in the bar and animate it//set varsvar iNum2 = (1);
var iNum3 = attr.bars;
bar_width = Math.round(attr.width / attr.bars);
bar_height = attr.height;
while(iNum2 <= attr.bars){
var position2 = (iNum2 * bar_width) - bar_width;
var delay = (iNum2 * attr.delay);
this.children('.slider_bar_'+iNum2).append('<div style="position:absolute;
left:-'+position2+'px;
width:'+attr.width+'px;
height:'+attr.height+'px;
">'+barPrev.html()+'</div>');
this.children('.slider_bar_'+iNum3).animate({
opacity:1}
,delay).animate({
top:0}
,{
duration:500,easing:attr.ease}
);
iNum2++;
iNum3--;
}
curSel.removeClass('current');
nextSel.addClass('current');
//let's do stuff after the animation is overvar totalDelay = (attr.bars * attr.delay);
barPrev.animate({
opacity:0}
,totalDelay).animate({
opacity:0}
,attr.duration,function(){
$(this).addClass('current').css({
opacity:1}
);
barCur.animate({
opacity:0}
,200,function(){
$(this).removeClass('current');
//removes the transition containersddx.children('.slider_bar').remove();
//Enables the selectorsddx.enableSelectors();
}
);
}
);
}
,DDBarFade:function(attr,barNext,barCur,nextSel,curSel){
var ddx = this;
//lets disable all buttonsthis.disableSelectors();
barNext.css({
opacity:1}
);
//set varsvar bar_width = Math.round(attr.width / attr.bars);
var bar_height = attr.height;
//Let's create the bar divsvar i = 1;
while(i <= attr.bars){
var position = (i * bar_width) - bar_width;
this.append('<div class="slider_bar slider_bar_'+i+'" style="position:absolute;
overflow:hidden;
'+barNext.attr('style')+'"></div>');
this.children('.slider_bar_'+i).css({
left:position,opacity:0,height:bar_height,width:bar_width,'z-index':3,'background-position':'-'+position+'px top'}
);
i++;
}
//lets put the content in the bar and animate it//set varsvar ii = 1;
while(ii <= attr.bars){
var position2 = (ii * bar_width) - bar_width;
delay = (ii * attr.delay);
this.children('.slider_bar_'+ii).append('<div style="position:absolute;
left:-'+position2+'px;
width:'+attr.width+'px;
height:'+attr.height+'px;
">'+barNext.html()+'</div>');
this.children('.slider_bar_'+ii).animate({
opacity:0}
,delay).animate({
opacity:1}
,{
duration:attr.duration,easing:attr.ease}
);
ii++;
}
curSel.removeClass('current');
nextSel.addClass('current');
//let's do stuff after the animation is overvar totalDelay = (attr.bars * attr.delay);
barNext.animate({
opacity:0}
,totalDelay).animate({
opacity:0}
,attr.duration,function(){
$(this).addClass('current').css({
opacity:1}
);
barCur.animate({
opacity:0}
,200,function(){
$(this).removeClass('current');
//removes the transition containersddx.children('.slider_bar').remove();
//Enables the selectorsddx.enableSelectors();
}
);
}
);
}
,DDBarFadeRandom:function(attr,barNext,barCur,nextSel,curSel){
var ddx = this;
//lets disable all buttonsthis.disableSelectors();
barNext.css({
opacity:1}
);
//set varsvar bar_width = Math.round(attr.width / attr.bars);
var bar_height = attr.height;
//create array of number of bars so we can shuffle itvar bars_array = [];
//Let's create the bar divsvar i = 1;
while(i <= attr.bars){
var position = (i * bar_width) - bar_width;
this.append('<div class="slider_bar slider_bar_'+i+'" style="position:absolute;
overflow:hidden;
'+barNext.attr('style')+'"></div>');
this.children('.slider_bar_'+i).css({
left:position,opacity:0,height:bar_height,width:bar_width,'z-index':3,'background-position':'-'+position+'px top'}
);
//inserts content in our array of barsbars_array[(i- 1)] = [i];
i++;
}
//shuffles the array of barsvar bars_array_shuffle = $.shuffle(bars_array);
//lets put the content in the bar and animate it//set varsvar ii = 1;
while(ii <= attr.bars){
var position2 = (ii * bar_width) - bar_width;
var delay = (ii * attr.delay);
this.children('.slider_bar_'+ii).append('<div style="position:absolute;
left:-'+position2+'px;
width:'+attr.width+'px;
height:'+attr.height+'px;
">'+barNext.html()+'</div>');
this.children('.slider_bar_'+bars_array_shuffle[(ii) - 1]).animate({
opacity:0}
,delay).animate({
opacity:1}
,{
duration:attr.duration,easing:attr.ease}
);
ii++;
}
curSel.removeClass('current');
nextSel.addClass('current');
//let's do stuff after the animation is overvar totalDelay = (attr.bars * attr.delay);
barNext.animate({
opacity:0}
,totalDelay).animate({
opacity:0}
,attr.duration,function(){
$(this).addClass('current').css({
opacity:1}
);
barCur.animate({
opacity:0}
,200,function(){
$(this).removeClass('current');
//removes the transition containersddx.children('.slider_bar').remove();
//Enables the selectorsddx.enableSelectors();
}
);
}
);
}
,DDSquare:function(attr,squareNext,squareCur,nextSel,curSel){
var ddx = this;
//lets disable all buttonsthis.disableSelectors();
squareNext.css({
opacity:1}
);
//set varsvar row_width = Math.round(attr.width / attr.columns);
var row_height = Math.round(attr.height / attr.rows);
//Let's create the block divsvar i_row_numbers = 1;
var i_column_numbers = (1);
//create each rowwhile(i_row_numbers <= attr.rows){
var initial = i_row_numbers;
var class_row = 'block_row_'+i_row_numbers;
//create each column of each rowwhile(i_column_numbers <= attr.columns){
var block_ID_name = 'block_ID_'+((attr.columns * i_row_numbers)-(attr.columns - i_column_numbers));
var class_block = 'slider_block_'+(initial++);
var class_column = 'block_column_'+i_column_numbers;
var block_top = ((i_row_numbers * row_height) - row_height);
var block_left = ((i_column_numbers * row_width) - row_width);
var position_left = (row_width * i_column_numbers) - row_width;
var position_top = (row_height * i_row_numbers) - row_height;
if(squareNext.attr('style') === undefined){
this.append('<div class="slider_block '+block_ID_name+' '+class_block+' '+class_row+' '+class_column+'" style="position:absolute;
overflow:hidden;
"></div>');
}
else{
this.append('<div class="'+block_ID_name+' slider_block '+class_block+' '+class_row+' '+class_column+'" style="position:absolute;
overflow:hidden;
'+squareNext.attr('style')+'"></div>');
}
this.children('.'+block_ID_name).css({
width:row_width,height:row_height,'z-index':4,top:block_top+'px',left:block_left+'px',opacity:0,'background-position':'-'+position_left+'px -'+position_top+'px'}
).append('<div style="position:absolute;
left:-'+position_left+'px;
top:-'+position_top+'px;
width:'+attr.width+'px;
height:'+attr.height+'px;
">'+squareNext.html()+'</div>');
i_column_numbers++;
initial++;
}
i_row_numbers++;
i_column_numbers = 1;
}
//Let's reset the block divsi_row_numbers = 1;
i_column_numbers = 1;
while(i_row_numbers <= attr.rows){
var initial2 = i_row_numbers;
//create each column of each rowwhile(i_column_numbers <= attr.columns){
var animated_class = '.slider_block_'+(initial2++);
delay = (attr.delay * initial2);
$(animated_class).animate({
width:row_width}
,delay).animate({
opacity:1}
,{
duration:attr.duration,easing:attr.ease}
);
i_column_numbers++;
initial2++;
}
i_row_numbers++;
i_column_numbers = 1;
}
curSel.removeClass('current');
nextSel.addClass('current');
var delay_total = (delay + attr.duration);
squareNext.animate({
opacity:0}
,delay_total).animate({
opacity:0}
,1,function(){
$(this).addClass('current').css({
opacity:1}
);
squareCur.animate({
opacity:0}
,200,function(){
$(this).removeClass('current');
//removes the transition containersddx.children('.slider_block').remove();
//Enables the selectorsddx.enableSelectors();
}
);
}
);
}
,DDSquareRandom:function(attr,squareNext,squareCur,nextSel,curSel){
var ddx = this;
//lets disable all buttonsthis.disableSelectors();
squareNext.css({
opacity:1}
);
//set varsvar row_width = Math.round(attr.width / attr.columns);
var row_height = Math.round(attr.height / attr.rows);
//Let's create the block divsvar i_row_numbers = 1;
var i_column_numbers = 1;
var square_arr = [];
var square_total = 0;
//create each rowwhile(i_row_numbers <= attr.rows){
var initial = i_row_numbers;
var class_row = 'block_row_'+i_row_numbers;
//create each column of each rowwhile(i_column_numbers <= attr.columns){
square_arr[square_total] = (square_total + 1);
square_total++;
var block_ID_name = 'block_ID_'+((attr.columns * i_row_numbers)-(attr.columns - i_column_numbers));
var class_block = 'slider_block_'+(initial++);
var class_column = 'block_column_'+i_column_numbers;
var block_top = ((i_row_numbers * row_height) - row_height);
var block_left = ((i_column_numbers * row_width) - row_width);
var position_left = (row_width * i_column_numbers) - row_width;
var position_top = (row_height * i_row_numbers) - row_height;
if(squareNext.attr('style') === undefined){
this.append('<div class="'+block_ID_name+' slider_block '+class_block+' '+class_row+' '+class_column+'" style="position:absolute;
overflow:hidden;
"></div>');
}
else{
this.append('<div class="'+block_ID_name+' slider_block '+class_block+' '+class_row+' '+class_column+'" style="position:absolute;
overflow:hidden;
'+squareNext.attr('style')+'"></div>');
}
this.children('.'+block_ID_name).css({
width:row_width,height:row_height,'z-index':4,top:block_top+'px',left:block_left+'px',opacity:0,'background-position':'-'+position_left+'px -'+position_top+'px'}
).append('<div style="position:absolute;
left:-'+position_left+'px;
top:-'+position_top+'px;
width:'+attr.width+'px;
height:'+attr.height+'px;
">'+squareNext.html()+'</div>');
i_column_numbers++;
initial++;
}
i_row_numbers++;
i_column_numbers = 1;
}
var squareArrShuffle = $.shuffle(square_arr);
//Let's create the block divsi_row_numbers = 1;
i_column_numbers = 1;
var squareAnimate = 0;
while(i_row_numbers <= attr.rows){
var initial2 = i_row_numbers;
//create each column of each rowwhile(i_column_numbers <= attr.columns){
var animated_class = '.block_ID_'+(squareArrShuffle[squareAnimate]);
delay = (attr.delay * initial2);
$(animated_class).animate({
width:row_width}
,delay).animate({
opacity:1}
,{
duration:attr.duration,easing:attr.ease}
);
i_column_numbers++;
initial2++;
squareAnimate++;
}
i_row_numbers++;
i_column_numbers = 1;
}
curSel.removeClass('current');
nextSel.addClass('current');
var delay_total = delay + attr.duration;
squareNext.animate({
opacity:0}
,delay_total).animate({
opacity:0}
,1,function(){
$(this).addClass('current').css({
opacity:1}
);
squareCur.animate({
opacity:0}
,200,function(){
$(this).removeClass('current');
//removes the transition containersddx.children('.slider_block').remove();
//Enables the selectorsddx.enableSelectors();
}
);
}
);
}
,DDSquareMoving:function(attr,squareNext,squareCur,nextSel,curSel){
var ddx = this;
//lets disable all buttonsthis.disableSelectors();
squareNext.css({
opacity:1}
);
//set varsvar row_width = Math.round(attr.width / attr.columns);
var row_height = Math.round(attr.height / attr.rows);
//Let's create the block divsvar i_row_numbers = 1;
var i_column_numbers = 1;
//create each rowwhile(i_row_numbers <= attr.rows){
var initial = i_row_numbers;
var class_row = 'block_row_'+i_row_numbers;
//create each column of each rowwhile(i_column_numbers <= attr.columns){
var block_ID_name = 'block_ID_'+((attr.columns * i_row_numbers)-(attr.columns - i_column_numbers));
var class_block = 'slider_block_'+(initial++);
var class_column = 'block_column_'+i_column_numbers;
var block_top = (i_row_numbers * row_height)+80;
var block_left = (i_column_numbers * row_width)+80;
var position_left = (row_width * i_column_numbers) - row_width;
var position_top = (row_height * i_row_numbers) - row_height;
if(squareNext.attr('style') === undefined){
this.append('<div class="'+block_ID_name+' slider_block '+class_block+' '+class_row+' '+class_column+'" style="position:absolute;
overflow:hidden;
"></div>');
}
else{
this.append('<div class="'+block_ID_name+' slider_block '+class_block+' '+class_row+' '+class_column+'" style="position:absolute;
overflow:hidden;
'+squareNext.attr('style')+'"></div>');
}
this.children('.'+block_ID_name).css({
width:row_width,height:row_height,'z-index':4,opacity:0,top:block_top+'px',left:block_left+'px','background-position':'-'+position_left+'px -'+position_top+'px'}
).append('<div style="position:absolute;
left:-'+position_left+'px;
top:-'+position_top+'px;
width:'+attr.width+'px;
height:'+attr.height+'px;
">'+squareNext.html()+'</div>');
i_column_numbers++;
initial++;
}
i_row_numbers++;
i_column_numbers = 1;
}
//Let's create the block divsi_row_numbers = 1;
i_column_numbers = 1;
while(i_row_numbers <= attr.rows){
var initial2 = i_row_numbers;
//create each column of each rowwhile(i_column_numbers <= attr.columns){
var block_ID_name2 = 'block_ID_'+((attr.columns * i_row_numbers)-(attr.columns - i_column_numbers));
var block_top2 = ((i_row_numbers * row_height) - row_height) + 'px';
var block_left2 = ((i_column_numbers * row_width) - row_width) + 'px';
delay = (attr.delay * initial2);
this.children('.'+block_ID_name2).animate({
width:row_width}
,delay).animate({
opacity:1,top:block_top2,left:block_left2}
,{
duration:attr.duration,easing:attr.ease}
);
i_column_numbers++;
initial2++;
}
i_row_numbers++;
i_column_numbers = 1;
}
curSel.removeClass('current');
nextSel.addClass('current');
//once the animation is finishedvar delay_total = delay + attr.duration;
squareNext.animate({
opacity:0}
,delay_total).animate({
opacity:0}
,1,function(){
$(this).addClass('current').css({
opacity:1}
);
squareCur.animate({
opacity:0}
,200,function(){
$(this).removeClass('current');
//removes the transition containersddx.children('.slider_block').remove();
//Enables the selectorsddx.enableSelectors();
}
);
}
);
}
,DDSquareOut:function(attr,squareNext,squareCur,nextSel,curSel){
var ddx = this;
//lets disable all buttonsthis.disableSelectors();
//set varsvar row_width = Math.round(attr.width / attr.columns);
var row_height = Math.round(attr.height / attr.rows);
//Let's create the block divsvar i_row_numbers = 1;
var i_column_numbers = 1;
//create each rowwhile(i_row_numbers <= attr.rows){
var initial = i_row_numbers;
var class_row = 'block_row_'+i_row_numbers;
//create each column of each rowwhile(i_column_numbers <= attr.columns){
var block_ID_name = 'block_ID_'+((attr.columns * i_row_numbers)-(attr.columns - i_column_numbers));
var class_block = 'slider_block_'+(initial++);
var class_column = 'block_column_'+i_column_numbers;
var block_top = ((i_row_numbers * row_height) - row_height);
var block_left = ((i_column_numbers * row_width) - row_width);
var position_left = (row_width * i_column_numbers) - row_width;
var position_top = (row_height * i_row_numbers) - row_height;
if(squareNext.attr('style') === undefined){
this.append('<div class="'+block_ID_name+' slider_block '+class_block+' '+class_row+' '+class_column+'" style="position:absolute;
overflow:hidden;
"></div>');
}
else{
this.append('<div class="'+block_ID_name+' slider_block '+class_block+' '+class_row+' '+class_column+'" style="position:absolute;
overflow:hidden;
'+squareCur.attr('style')+'"></div>');
}
this.children('.'+block_ID_name).css({
width:row_width,height:row_height,'z-index':4,top:block_top+'px',left:block_left+'px',opacity:1,'background-position':'-'+position_left+'px -'+position_top+'px'}
).append('<div style="position:absolute;
left:-'+position_left+'px;
top:-'+position_top+'px;
width:'+attr.width+'px;
height:'+attr.height+'px;
">'+squareCur.html()+'</div>');
i_column_numbers++;
initial++;
}
i_row_numbers++;
i_column_numbers = 1;
}
squareNext.addClass('current').css({
opacity:0}
).animate({
opacity:1}
,200);
squareCur.css({
opacity:0}
);
//Let's create the block divsi_row_numbers = 1;
i_column_numbers = 1;
while(i_row_numbers <= attr.rows){
var initial2 = i_row_numbers;
//create each column of each rowwhile(i_column_numbers <= attr.columns){
var block_ID_name2 = 'block_ID_'+((attr.columns * i_row_numbers)-(attr.columns - i_column_numbers));
delay = (attr.delay * initial2)*3;
var position_left2 = (((row_width * i_column_numbers) - row_width)+80)+'px';
var position_top2 = (((row_height * i_row_numbers) - row_height)+80)+'px';
this.children('.'+block_ID_name2).animate({
width:row_width}
,delay).animate({
left:position_left2,top:position_top2,opacity:0}
,{
duration:attr.duration,easing:attr.ease}
);
i_column_numbers++;
initial2++;
}
i_row_numbers++;
i_column_numbers = 1;
}
curSel.removeClass('current');
nextSel.addClass('current');
var delay_total = (delay + attr.duration);
squareNext.animate({
opacity:1}
,delay_total).animate({
opacity:0}
,1,function(){
$(this).addClass('current').css({
opacity:1}
);
squareCur.removeClass('current').css({
opacity:1}
);
ddx.children('.slider_block').remove();
//enables all selectorsddx.enableSelectors();
}
);
}
,DDSquareOutMoving:function(attr,squareNext,squareCur,nextSel,curSel){
var ddx = this;
//lets disable all buttonsthis.disableSelectors();
//set varsvar row_width = Math.round(attr.width / attr.columns);
var row_height = Math.round(attr.height / attr.rows);
//Let's create the block divsvar i_row_numbers = 1;
var i_column_numbers = 1;
//create each rowwhile(i_row_numbers <= attr.rows){
var initial = i_row_numbers;
var class_row = 'block_row_'+i_row_numbers;
//create each column of each rowwhile(i_column_numbers <= attr.columns){
var block_ID_name = 'block_ID_'+((attr.columns * i_row_numbers)-(attr.columns - i_column_numbers));
var class_block = 'slider_block_'+(initial++);
var class_column = 'block_column_'+i_column_numbers;
var block_top = ((i_row_numbers * row_height) - row_height);
var block_left = ((i_column_numbers * row_width) - row_width);
var position_left = (row_width * i_column_numbers) - row_width;
var position_top = (row_height * i_row_numbers) - row_height;
if(squareNext.attr('style') === undefined){
this.append('<div class="'+block_ID_name+' slider_block '+class_block+' '+class_row+' '+class_column+'" style="position:absolute;
overflow:hidden;
"></div>');
}
else{
this.append('<div class="'+block_ID_name+' slider_block '+class_block+' '+class_row+' '+class_column+'" style="position:absolute;
overflow:hidden;
'+squareCur.attr('style')+'"></div>');
}
this.children('.'+block_ID_name).css({
width:row_width,height:row_height,'z-index':4,top:block_top+'px',left:block_left+'px',opacity:1,'background-position':'-'+position_left+'px -'+position_top+'px'}
).append('<div style="position:absolute;
left:-'+position_left+'px;
top:-'+position_top+'px;
width:'+attr.width+'px;
height:'+attr.height+'px;
">'+squareCur.html()+'</div>');
i_column_numbers++;
initial++;
}
i_row_numbers++;
i_column_numbers = 1;
}
squareNext.addClass('current').css({
opacity:0}
).animate({
opacity:1}
,200);
squareCur.css({
opacity:0}
);
//Let's create the block divsi_row_numbers = 1;
i_column_numbers = 1;
while(i_row_numbers <= attr.rows){
var initial2 = i_row_numbers;
//create each column of each rowwhile(i_column_numbers <= attr.columns){
var block_ID_name2 = 'block_ID_'+((attr.columns * i_row_numbers)-(attr.columns - i_column_numbers));
delay = (attr.delay * initial2)*2;
var position_left2 = (((row_width * i_column_numbers) - row_width)-80)+'px';
var position_top2 = (((row_height * i_row_numbers) - row_height)-80)+'px';
this.children('.'+block_ID_name2).animate({
width:row_width}
,delay).animate({
left:position_left2,top:position_top2,opacity:0}
,{
duration:attr.duration,easing:attr.ease}
);
i_column_numbers++;
initial2++;
}
i_row_numbers++;
i_column_numbers = 1;
}
curSel.removeClass('current');
nextSel.addClass('current');
var delay_total = (delay + attr.duration);
squareNext.animate({
opacity:1}
,delay_total).animate({
opacity:0}
,1,function(){
$(this).addClass('current').css({
opacity:1}
);
squareCur.removeClass('current').css({
opacity:1}
);
ddx.children('.slider_block').remove();
//enables all selectorsddx.enableSelectors();
}
);
}
,DDRowInterlaced:function(attr,squareNext,squareCur,nextSel,curSel){
var ddx = this;
//lets disable all buttonsthis.disableSelectors();
squareNext.css({
opacity:1}
);
//set varsvar row_width = attr.width;
var row_height = Math.round(attr.height / attr.rows);
//Let's create the block divsvar i_row_numbers = 1;
var initial = 1;
//create each rowwhile(i_row_numbers <= attr.rows){
var class_row = 'block_row_'+i_row_numbers;
var block_ID_name = 'block_ID_'+initial;
var position_top = (row_height * i_row_numbers) - row_height;
var position_left = attr.width+'px';
var block_top = ((i_row_numbers * row_height) - row_height);
if(squareNext.attr('style') === undefined){
this.append('<div class="slider_row '+block_ID_name+' '+class_row+'" style="position:absolute;
overflow:hidden;
"></div>');
}
else{
this.append('<div class="'+block_ID_name+' slider_row '+class_row+'" style="position:absolute;
overflow:hidden;
'+squareNext.attr('style')+'"></div>');
}
this.children('.'+block_ID_name).css({
width:row_width,height:row_height,'z-index':4,top:block_top+'px',opacity:0,'background-position':'0 -'+position_top+'px',left:position_left}
).append('<div style="position:absolute;
top:-'+position_top+'px;
width:'+attr.width+'px;
height:'+attr.height+'px;
">'+squareNext.html()+'</div>');
initial++;
i_row_numbers++;
}
var interLeft = '-'+attr.width+'px';
this.children('.slider_row:even').css({
left:interLeft}
);
//Let's reset the block divsi_row_numbers = 1;
var initial2 = 1;
while(i_row_numbers <= attr.rows){
var animated_class = '.block_ID_'+initial2;
delay = (attr.delay * initial2);
$(animated_class).animate({
opacity:0}
,delay).animate({
left:0,opacity:1}
,{
duration:attr.duration,easing:attr.ease}
);
i_row_numbers++;
initial2++;
}
curSel.removeClass('current');
nextSel.addClass('current');
var delay_total = (delay + attr.duration);
squareNext.animate({
opacity:0}
,delay_total).animate({
opacity:0}
,1,function(){
$(this).addClass('current').css({
opacity:1}
);
squareCur.animate({
opacity:0}
,200,function(){
$(this).removeClass('current');
//removes the transition containersddx.children('.slider_row').remove();
//Enables the selectorsddx.enableSelectors();
}
);
}
);
}
,disableSelectors:function(){
isPlaying = true;
}
,enableSelectors:function(){
isPlaying = false;
}
}
);
$.fn.shuffle = function(){
return this.each(function(){
var items = $(this).children();
return (items.length) ? $(this).html($.shuffle(items)):this;
}
);
}
;
$.shuffle = function(arr){
for(var j,x,i = arr.length;
i;
j = parseInt(Math.random() * i,10),x = arr[--i],arr[i] = arr[j],arr[j] = x){
}
return arr;
}
;
}
)(jQuery);
CSS代码(layout.css):
/* Preload Images */
/* line 6,sass/layout.sass */
#preload-image{position:absolute;width:1px;height:1px;left:-99999px;overflow:hidden;}
/* line 12,sass/layout.sass */
#preload-image img{position:absolute;top:0;}
/* line 16,sass/layout.sass */
#spinner{top:230px;left:283px;z-index:100;position:absolute;width:390px;height:260px;}
/* line 23,sass/layout.sass */
#spinner #spin{background:url("images/home/slides/compass-bg.png") no-repeat;width:100px;height:100px;position:relative;margin-left:145px;margin-bottom:10px;}
/* line 30,sass/layout.sass */
#spinner #spin img{position:absolute;top:15px;left:15px;}
/* line 34,sass/layout.sass */
#spinner p{font-family:times,"Times New Roman",Georgia,Serif;margin-bottom:20px;font-style:italic;line-height:1.5em;margin:0 auto;text-align:center;width:295px;font-size:1.8em;margin-top:15px;}
/* line 41,sass/layout.sass */
#spinner p:first-child{margin-top:100px;margin-bottom:15px;}
/* line 44,sass/layout.sass */
#spinner a{font-family:times,"Times New Roman",Georgia,Serif;font-size:1.5em;color:#e94d37;width:250px;margin:0 auto;text-align:center;margin-top:15px;}
/* line 51,sass/layout.sass */
#spinner a:hover{color:#666666;}
/* line 54,sass/layout.sass */
#shell{padding-top:360px;}
/* Lightbox Cover */
/* line 57,sass/layout.sass */
.cover{width:100%;min-height:100%;height:auto;position:absolute;z-index:0;top:0;left:0;background:transparent;}
/* line 66,sass/layout.sass */
.cover.coverBox{background:rgba(0,0,0,0.85);z-index:99;}
/* Navigation */
/* line 71,sass/layout.sass */
#header{position:absolute;z-index:100;height:50px;left:50%;top:0;margin-left:-480px;}
/* line 78,sass/layout.sass */
.main-header{background:white;position:absolute;width:960px;padding:0;-moz-box-shadow:0px 0px 5px rgba(0,0,0,0.5);-webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.5);-o-box-shadow:0px 0px 5px rgba(0,0,0,0.5);box-shadow:0px 0px 5px rgba(0,0,0,0.5);z-index:11;border:1px solid #a4a4a0;border-width:0 0 1px 0;}
/* line 88,sass/layout.sass */
.main-header h1{float:left;overflow:hidden;margin:0;position:relative;width:208px;height:auto;padding:13px 20px 7px;}
/* line 97,sass/layout.sass */
.main-header h1 a{background:transparent url("images/main/branding.png") 0 0 no-repeat;display:block;color:transparent;width:208px;height:30px;}
/* line 117,sass/layout.sass */
.main-header nav{width:712px;height:50px;float:left;margin:0;padding:0;}
/* line 123,sass/layout.sass */
.main-header ul{width:712px;height:50px;position:relative;}
/* line 127,sass/layout.sass */
.main-header ul li{float:left;margin:0;width:73px;height:50px;}
/* line 132,sass/layout.sass */
.main-header ul li a{width:auto;margin:12px 0;padding:0 20px;line-height:28px;text-transform:uppercase;font-size:1.1em;display:block;border-right:1px solid #cccccc;position:relative;}
/* line 160,sass/layout.sass */
.main-header ul li:first-child{width:136px;}
/* line 162,sass/layout.sass */
.main-header ul li:first-child a{border-left:1px solid #cccccc;}
/* line 164,sass/layout.sass */
.main-header ul li:nth-child(3){width:132px;}
/* line 166,sass/layout.sass */
.main-header ul li:nth-child(4){width:91px;}
/* line 168,sass/layout.sass */
.main-header ul li:nth-child(5){width:148px;}
/* line 170,sass/layout.sass */
.main-header ul li:nth-child(5) a{padding-right:0;}
/* line 172,sass/layout.sass */
.main-header ul li:last-child{position:absolute;width:136px;top:-40px;right:-24px;}
/* line 177,sass/layout.sass */
.main-header ul li:last-child a{color:transparent;background:transparent url("images/main/btn-register.png") 0 0 no-repeat;width:136px;height:133px;margin:0;padding:0;border:0 none;}
/* line 185,sass/layout.sass */
.main-header ul li:last-child a:after{display:none;}
/* dropdown */
/* line 189,sass/layout.sass */
#nav-dropdown{width:960px;margin:0 auto;height:260px;position:absolute;left:0;top:51px;margin-top:0;display:none;overflow:hidden;}
/* line 198,sass/layout.sass */
#nav-dropdown #window-slide{position:absolute;top:0;left:0;width:960px;margin:0 auto;height:1300px;}
/* line 204,sass/layout.sass */
.drop-down{width:960px;margin:0 auto;height:260px;color:black;-moz-box-shadow:0px 0px 5px rgba(0,0,0,0.5);-webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.5);-o-box-shadow:0px 0px 5px rgba(0,0,0,0.5);box-shadow:0px 0px 5px rgba(0,0,0,0.5);z-index:10;position:relative;background:white 0 0 repeat;overflow:hidden;display:block;}
/* line 215,sass/layout.sass */
.drop-down ul{background:white url("images/main/bg-dropdown.png") 0 0 repeat;padding:20px 10px 20px 20px;width:930px;height:205px;border-bottom:1px solid #b8b8b3;overflow:hidden;}
/* line 223,sass/layout.sass */
.drop-down ul span.compass{background:transparent url("images/navigation/compass.png") 100% 0 no-repeat;width:162px;height:162px;position:absolute;right:0;bottom:0;}
/* line 230,sass/layout.sass */
.drop-down ul li{float:left;background:transparent;width:153px;height:30px;display:block;position:relative;padding:120px 0 0;-moz-transition-property:margin-top;-webkit-transition-property:margin-top;-o-transition-property:margin-top;transition-property:margin-top;-moz-transition-duration:200ms;-webkit-transition-duration:200ms;-o-transition-duration:200ms;transition-duration:200ms;-moz-transition-timing-function:ease-out;-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;-moz-transition-delay:100ms;-webkit-transition-delay:100ms;-o-transition-delay:100ms;transition-delay:100ms;}
/* line 240,sass/layout.sass */
.drop-down ul li:hover{margin-top:10px;-moz-transition-property:margin-top;-webkit-transition-property:margin-top;-o-transition-property:margin-top;transition-property:margin-top;-moz-transition-duration:200ms;-webkit-transition-duration:200ms;-o-transition-duration:200ms;transition-duration:200ms;-moz-transition-timing-function:ease-out;-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;-moz-transition-delay:100ms;-webkit-transition-delay:100ms;-o-transition-delay:100ms;transition-delay:100ms;}
/* line 244,sass/layout.sass */
.drop-down ul li.no-module{background:transparent url("images/main/bg-navigation.png") 100% 0 no-repeat;height:210px;padding:0;border:0 none;}
/* line 249,sass/layout.sass */
.drop-down ul li.no-module a{display:block;width:100%;height:210px;}
/* line 254,sass/layout.sass */
.drop-down ul li.no-module div{border-width:0 !important;}
/* line 258,sass/layout.sass */
.drop-down ul li.double-no-module{background:transparent url("images/main/bg-navigation-double.png") 50% 0 no-repeat;height:210px;width:300px;padding:0;border-width:0 none;}
/* line 264,sass/layout.sass */
.drop-down ul li.double-no-module a{display:block;width:100%;height:210px;}
/* line 269,sass/layout.sass */
.drop-down ul li div{border:1px dotted #b8b8b3;border-width:0 0 0 1px;padding:0 10px;}
/* line 275,sass/layout.sass */
.drop-down ul li h3{font-size:1.1em;font-weight:200;height:35px;line-height:1.3em;font-family:"AvenirRomanRegular",arial,helvetica,sans-serif;padding:5px 0;color:#f35334;}
/* line 284,sass/layout.sass */
.drop-down ul li img{width:148px;border:1px solid white;border-width:0 1px;position:absolute;top:0;left:0;}
/* line 293,sass/layout.sass */
.drop-down ul li img:hover{top:10px;-moz-transition-property:top;-webkit-transition-property:top;-o-transition-property:top;transition-property:top;-moz-transition-duration:200ms;-webkit-transition-duration:200ms;-o-transition-duration:200ms;transition-duration:200ms;-moz-transition-timing-function:ease-out;-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;-moz-transition-delay:100ms;-webkit-transition-delay:100ms;-o-transition-delay:100ms;transition-delay:100ms;}
/* line 297,sass/layout.sass */
.drop-down ul li p{font-size:0.8em;line-height:1.4em;}
/* line 301,sass/layout.sass */
.drop-down ul:last-child div{border-width:0 1px 0 0;}
/* line 304,sass/layout.sass */
.drop-down ul:first-child div{border-width:0 0 0 1px;}
/* line 307,sass/layout.sass */
#nonaology{width:148px;height:269px;position:relative;top:-215px;left:50px;z-index:9;}
/* line 314,sass/layout.sass */
#nonaology div{background:transparent url("images/main/branding-ribbon.png") 0 0 no-repeat;position:absolute;padding:10px;top:0;left:0;width:148px;height:333px;position:relative;}
/* line 323,sass/layout.sass */
#nonaology a{text-indent:-9999px;background:transparent url("images/main/main.png") no-repeat;width:40px;height:40px;margin:0;padding:0;border:0 none;position:absolute;top:128px;}
/* line 333,sass/layout.sass */
#nonaology a.social-twitter{background-position:0 -1650px;left:29px;}
/* line 336,sass/layout.sass */
#nonaology a.social-twitter:hover{background-position:-75px -1650px;}
/* line 338,sass/layout.sass */
#nonaology a.social-facebook{background-position:0 -1720px;left:75px;}
/* line 341,sass/layout.sass */
#nonaology a.social-facebook:hover{background-position:-75px -1720px;}
/* line 343,sass/layout.sass */
#nonaology a:last-child{background-position:0 -1800px;top:195px;left:14px;width:120px;height:36px;}
/* line 349,sass/layout.sass */
#nonaology a:last-child:hover{background-position:0 -1860px;}
/* Footer */
/* line 352,sass/layout.sass */
footer{width:100%;margin-top:50px;background:#2d86a4 url("images/main/footer-bg.jpg") repeat-x;height:auto;overflow:hidden;position:relative;}
/* line 359,sass/layout.sass */
footer:after{content:" ";width:100%;height:20px;position:absolute;bottom:0;left:0;background:url("images/main/footer-bottom-bg.jpg") repeat-x;}
/* line 368,sass/layout.sass */
footer article{width:940px;margin:0 auto;height:auto;}
/* line 373,sass/layout.sass */
footer article:nth-child(2){height:auto;background:url("images/main/footer-logo.jpg") no-repeat 670px 40px;}
/* line 376,sass/layout.sass */
footer article:nth-child(2) nav:first-child{padding:20px 0 0;}
/* line 379,sass/layout.sass */
footer article#social-media{position:relative;}
/* line 381,sass/layout.sass */
footer article#social-media ul{width:200px;height:57px;}
/* line 384,sass/layout.sass */
footer article#social-media ul li{width:40px;height:60px;float:left;}
/* line 388,sass/layout.sass */
footer article#social-media ul li a{width:40px;height:57px;display:block;text-indent:-9999em;background:url("images/main/social-media.png") no-repeat;}
/* line 394,sass/layout.sass */
footer article#social-media ul li:first-child a{background-position:5px 0;}
/* line 396,sass/layout.sass */
footer article#social-media ul li:first-child a:hover{background-position:5px -57px;}
/* line 399,sass/layout.sass */
footer article#social-media ul li:nth-child(2) a{background-position:-35px 0;}
/* line 401,sass/layout.sass */
footer article#social-media ul li:nth-child(2) a:hover{background-position:-35px -57px;}
/* line 404,sass/layout.sass */
footer article#social-media ul li:nth-child(3) a{background-position:-75px 0;}
/* line 406,sass/layout.sass */
footer article#social-media ul li:nth-child(3) a:hover{background-position:-75px -57px;}
/* line 409,sass/layout.sass */
footer article#social-media ul li:last-child a{background-position:-115px 0;}
/* line 411,sass/layout.sass */
footer article#social-media ul li:last-child a:hover{background-position:-115px -57px;}
/* line 414,sass/layout.sass */
footer article > nav{width:660px;min-height:220px;height:auto;padding-top:0;position:relative;}
/* line 420,sass/layout.sass */
footer article > nav li.widerList{margin-left:-15px;margin-right:5px;}
/* line 423,sass/layout.sass */
footer article > nav > li{height:auto;}
/* line 426,sass/layout.sass */
footer article > nav li{width:160px;float:left;padding:0;font-size:1em;}
/* line 432,sass/layout.sass */
footer article > nav li ul{width:100%;height:auto;overflow:hidden;}
/* line 436,sass/layout.sass */
footer article > nav li a{color:#65b7d1;font-size:1.1em;}
/* line 439,sass/layout.sass */
footer article > nav li a:hover{color:white;}
/* line 441,sass/layout.sass */
footer article > nav h4:nth-child(3){margin-top:25px;}
/* line 443,sass/layout.sass */
footer article > nav h4{color:#65b7d1;font-family:times,"Times New Roman",Georgia,Serif;}
/* line 446,sass/layout.sass */
footer article > nav h4 a{font-size:1em;}
/* line 448,sass/layout.sass */
footer article > nav:last-child{margin-right:0;}
/* line 451,sass/layout.sass */
footer article:last-child{height:40px;position:relative;margin-top:10px;z-index:1;}
/* line 456,sass/layout.sass */
footer article:last-child ul{width:700px;height:40px;}
/* line 459,sass/layout.sass */
footer article:last-child ul li{width:auto;height:inherit;font-size:1em;float:left;}
/* line 464,sass/layout.sass */
footer article:last-child ul li a{width:auto;color:#65b7d1;height:inherit;font-size:1.1em;line-height:40px;padding-right:10px;}
/* line 471,sass/layout.sass */
footer article:last-child ul li a:after{margin-left:10px;content:"|";}
/* line 474,sass/layout.sass */
footer article:last-child ul li a:hover{color:white;}
/* line 476,sass/layout.sass */
footer article:last-child ul li a:after{color:#65b7d1;}
/* line 478,sass/layout.sass */
footer article:last-child ul li:last-child a:after{content:"";}
/* line 481,sass/layout.sass */
footer article div{width:280px;height:40px;position:absolute;right:20px;top:0;}
/* line 487,sass/layout.sass */
footer article div p{color:#65b7d1;font-size:1.1em;line-height:40px;text-align:right;}
/* line 495,sass/layout.sass */
footer #searchform{width:290px;height:34px;position:absolute;top:12px;right:0;}
/* line 501,sass/layout.sass */
footer #searchform input{width:237px;height:34px;border:0 none;padding:0;margin:0;padding-left:10px;position:absolute;left:0;color:#6d6d6d;font-style:italic;font-size:13px;background:url("images/main/footer-search.jpg") no-repeat 0 0;}
/* line 515,sass/layout.sass */
footer #searchform button{width:47px;height:34px;position:absolute;top:0;left:235px;background:url("images/main/footer-search.jpg") no-repeat -237px 0;border:0 none;}
/* line 523,sass/layout.sass */
footer #searchform button:hover{background-position:-237px -34px;}
/* =2 ------------------------------------- breadcrumb Page ------------------------------------ */
/* line 527,sass/layout.sass */
.breadcrumb{width:960px;margin:0 auto;height:40px;background:rgba(0,0,0,0.55);position:relative;}
/* line 534,sass/layout.sass */
.breadcrumb li{width:auto;height:40px;float:left;padding-right:15px;position:relative;}
/* line 541,sass/layout.sass */
.breadcrumb li:first-child a{padding-left:40px;}
/* line 543,sass/layout.sass */
.breadcrumb li:first-child a:before{content:" ";width:40px;height:40px;position:absolute;top:0;left:0;background:url("images/main/main.png") no-repeat 16px 12px;}
/* line 552,sass/layout.sass */
.breadcrumb li:after{content:" ";width:40px;height:40px;position:absolute;top:0;right:0;background:url("images/main/main.png") no-repeat 0 -23px;}
/* line 561,sass/layout.sass */
.breadcrumb a{width:inherit;height:40px;font-size:1em;color:white;line-height:40px;margin-right:30px;}
/* line 569,sass/layout.sass */
.breadcrumb a:hover{color:#f35334;}
/* =3 ------------------------------------- Commercial Page ------------------------------------- */
/* line 573,sass/layout.sass */
.page-content.generic{float:none;min-height:500px;height:auto;}
/* line 577,sass/layout.sass */
.page-content{width:956px;height:auto;background:white;border:2px solid #efefef;border-top:0 none;position:relative;float:left;margin-bottom:50px;-moz-box-shadow:#efefef 1px 1px 3px;-webkit-box-shadow:#efefef 1px 1px 3px;-o-box-shadow:#efefef 1px 1px 3px;box-shadow:#efefef 1px 1px 3px;}
/* line 588,sass/layout.sass */
.page-content .page-main{width:655px;height:auto;margin-top:15px;float:left;border-right:1px solid #efefef;}
/* line 595,sass/layout.sass */
.page-content .page-main header{margin:0 30px 30px;font-size:1em;}
/* line 598,sass/layout.sass */
.page-content .page-main header p{font-size:1.8em;color:black;}
/* line 601,sass/layout.sass */
.page-content .page-main article{margin:0 20px;}
/* line 603,sass/layout.sass */
.page-content .page-main article img{width:196px;height:135px;display:block;border:3px solid #cccccc;}
/* line 609,sass/layout.sass */
.page-content aside{width:300px;height:auto;margin-top:40px;float:left;position:relative;}
CSS代码(main.css):
@charset "UTF-8";/* line 7,sass/main.sass */
body{background:#f8f7f1;}
/* line 14,sass/main.sass */
#main{width:960px;margin:0 auto;padding:0;position:relative;height:auto;}
/* line 21,sass/main.sass */
#main h1 a{color:transparent;}
/* line 41,sass/main.sass */
.pdf-download{padding:10px;border-radius:4px;background:#f96937;font-size:14px;text-transform:uppercase;color:white;width:160px;text-align:center;}
/* line 51,sass/main.sass */
.pdf-download > span{margin:0 0.5em 0 0;position:relative;top:-1px;}
/* line 56,sass/main.sass */
.learnmore{display:block;width:140px;height:40px;padding:0 20px;margin-top:15px;font-size:1.5em;text-transform:uppercase;line-height:40px;text-align:center;font-family:"AvenirRomanBold",arial,helvetica,sans-serif;letter-spacing:1px;border:1px solid #dddddd;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;-webkit-box-shadow:#efefef 1px 1px 1px;-moz-box-shadow:#efefef 1px 1px 1px;box-shadow:#efefef 1px 1px 1px;}
/* line 77,sass/main.sass */
#residential-page{background:#f8f7f1 url("../images/residential/marquee.png") 50% 0 no-repeat;}
/* line 82,sass/main.sass */
.page-template-interior-php section.page-main{margin:0 0 0 60px;padding-top:40px;padding-bottom:40px;width:536px;}
/* line 84,sass/main.sass */
.page-template-interior-php section.page-main div{margin:0;margin-right:30px;padding-bottom:15px;}
/* line 88,sass/main.sass */
.page-template-interior-php section.page-main div h5{color:#f35334;font-family:"AvenirRomanBold",arial,helvetica,sans-serif;margin-bottom:10px;letter-spacing:1px;text-transform:uppercase;line-height:1.5em;}
/* line 92,sass/main.sass */
.page-template-interior-php section.page-main div p{font-family:times,"Times New Roman",Georgia,Serif;font-size:1.6em;margin-bottom:20px;}
/* line 95,sass/main.sass */
.page-template-interior-php section.page-main article{border-bottom:1px dotted #828282;padding:40px 0;position:relative;width:auto;height:auto;min-height:145px;overflow:hidden;margin-right:30px;margin-left:0;}
/* line 106,sass/main.sass */
.page-template-interior-php section.page-main article:nth-child(2){border-top:1px dotted #828282;}
/* line 109,sass/main.sass */
.page-template-interior-php section.page-main article:last-child{border-bottom:0;margin-bottom:80px;}
/* line 113,sass/main.sass */
.page-template-interior-php section.page-main article img{position:absolute;top:40px;left:0;width:140px;height:110px;display:block;}
/* line 120,sass/main.sass */
.page-template-interior-php section.page-main article h5,.page-template-interior-php section.page-main article p,.page-template-interior-php section.page-main article a{padding-left:175px;}
/* line 123,sass/main.sass */
.page-template-interior-php section.page-main article h5{color:#f35334;font-family:"AvenirRomanBold",arial,helvetica,sans-serif;margin-bottom:10px;letter-spacing:1px;font-weight:300;text-transform:uppercase;line-height:1.5em;}
/* line 128,sass/main.sass */
.page-template-interior-php section.page-main article p{font-family:times,"Times New Roman",Georgia,Serif;margin-bottom:20px;font-style:italic;line-height:1.5em;}
/* line 131,sass/main.sass */
.page-template-interior-php section.page-main article .learnmore{margin-left:175px;padding:0 20px;text-align:center;}
/* line 136,sass/main.sass */
.photo-gallery{width:auto;height:auto;min-height:450px;margin:0 0 0 30px;padding-bottom:15px;border-bottom:4px double #666666;position:relative;}
/* line 145,sass/main.sass */
.photo-gallery .controls{position:absolute;top:255px;z-index:100;}
/* line 150,sass/main.sass */
.photo-gallery header{width:270px;height:60px;margin-bottom:10px;background:url("../images/residential/residential-sidebar.png") no-repeat;}
/* line 156,sass/main.sass */
.photo-gallery header h2{font-family:times;font-size:2.8em;font-style:italic;color:#666666;padding-top:30px;text-align:center;}
/* line 163,sass/main.sass */
.photo-gallery ul.slideshow{min-height:450px;position:relative;}
/* line 166,sass/main.sass */
.photo-gallery ul.slideshow li{width:270px;height:100%;font-size:1em;}
/* line 170,sass/main.sass */
.photo-gallery ul.slideshow li img{width:270px;height:180px;display:block;}
/* line 174,sass/main.sass */
.photo-gallery ul.slideshow li .description{font-family:times,"Times New Roman",Georgia,Serif;margin-bottom:20px;font-style:italic;line-height:1.5em;position:absolute;top:220px;}
/* line 179,sass/main.sass */
.controls{text-align:center;margin:0 auto;width:270px;height:20px;padding-top:20px;padding-bottom:7px;position:relative;clear:both;}
/* line 188,sass/main.sass */
.controls ul{width:100px;height:30px;margin:0 auto;}
/* line 192,sass/main.sass */
.controls ul li{width:20px;height:20px;margin-right:4px;float:left;background:url("../images/main/main.png") no-repeat 0 -70px;}
/* line 198,sass/main.sass */
.controls ul li.current{background-position:0 -90px;}
/* line 202,sass/main.sass */
.controls .slider_arrow_left,.controls .slider_arrow_right{display:none;cursor:pointer;width:22px;height:22px;position:absolute;z-index:5;}
/* line 209,sass/main.sass */
.controls .slider_arrow_left{bottom:10px;float:left;left:10px;background:url(../images/sliderui/left_arrow.png) no-repeat;}
/* line 214,sass/main.sass */
.controls .slider_arrow_right{right:10px;background:url(../images/sliderui/right_arrow.png) no-repeat;}
/* line 218,sass/main.sass */
.ad{width:270px;height:auto;display:block;margin:40px 0 40px 30px;}
/* line 225,sass/main.sass */
.page-content.generic{overflow:hidden;}
/* line 227,sass/main.sass */
.page-content.generic .page-main{margin:0 0 0 60px;padding-top:40px;padding-bottom:40px;width:536px;}
/* line 229,sass/main.sass */
.page-content.generic .page-main h5 a,.page-content.generic .page-main h5{color:#f35334;font-family:"AvenirRomanBold",arial,helvetica,sans-serif;margin-bottom:10px;letter-spacing:1px;text-transform:uppercase;}
/* line 232,sass/main.sass */
.page-content.generic .page-main h5 a:hover{color:#003366;}
/* line 234,sass/main.sass */
.page-content.generic .page-main ul{margin-bottom:20px;}
/* line 236,sass/main.sass */
.page-content.generic .page-main ul li{font-size:1em;list-style:disc;list-style-position:inside;}
/* line 240,sass/main.sass */
.page-content.generic .page-main ul li a{font-family:times,"Times New Roman",Georgia,Serif;font-size:1.6em;display:inline;}
/* line 244,sass/main.sass */
.page-content.generic .page-main p{font-family:times,"Times New Roman",Georgia,Serif;font-size:1.6em;margin-bottom:20px;}
/* line 246,sass/main.sass */
.page-content.generic .page-main .learnmore{width:280px;height:auto;margin-bottom:40px;}
/* line 250,sass/main.sass */
.page-content.generic .page-main .generic-content{width:auto;height:auto;margin-right:30px;}
/* line 254,sass/main.sass */
.page-content.generic .page-main .generic-content p{margin-bottom:20px;}
/* line 256,sass/main.sass */
.page-content.generic .page-main .generic-content p a{display:inline;text-decoration:underline;}
/* line 259,sass/main.sass */
.page-content.generic .page-main article{width:100%;height:auto;padding:0;margin:0;overflow:hidden;position:relative;margin-bottom:30px;}
/* line 267,sass/main.sass */
.page-content.generic .page-main article div{width:auto;height:auto;}
/* line 270,sass/main.sass */
.page-content.generic .page-main article div div{float:left;width:50%;}
/* line 273,sass/main.sass */
.page-content.generic .page-main article div div strong{color:black;}
/* line 275,sass/main.sass */
.page-content.generic .page-main article p{margin-bottom:5px;}
/* line 277,sass/main.sass */
.page-content.generic .page-main article p a{color:#666666;}
/* line 279,sass/main.sass */
.page-content.generic .page-main article p a:hover{color:#003366;}
/* line 281,sass/main.sass */
.page-content.generic .page-main article p a.social-media{padding-left:25px;position:relative;}
/* line 284,sass/main.sass */
.page-content.generic .page-main article p a.social-media:before{content:"";background:url("../images/main/main.png") no-repeat;width:28px;height:28px;position:absolute;left:-6px;top:3px;}
/* line 292,sass/main.sass */
.page-content.generic .page-main article p a.facebook:before{background-position:0 -1550px;}
/* line 294,sass/main.sass */
.page-content.generic .page-main article p a.twitter:before{background-position:0 -1600px;}
/* line 296,sass/main.sass */
.page-content.generic .page-main article iframe{width:462px;height:400px;display:block;margin-left:3px;border:10px solid white;position:relative;z-index:1;-webkit-box-shadow:#afafaf 1px 1px 3px;-moz-box-shadow:#afafaf 1px 1px 3px;box-shadow:#afafaf 1px 1px 3px;margin:20px 0 20px 3px;}
/* line 301,sass/main.sass */
.page-content.generic .page-main form section{padding-bottom:30px;margin-top:20px;border-bottom:1px dotted #a1a1a1;margin-bottom:30px;margin-right:30px;overflow:hidden;width:auto;height:auto;}
/* line 310,sass/main.sass */
.page-content.generic .page-main form .form-left,.page-content.generic .page-main form .form-right,.page-content.generic .page-main form .split-field{width:50%;float:left;height:auto;}
/* line 314,sass/main.sass */
.page-content.generic .page-main form .form-left div,.page-content.generic .page-main form .form-right div,.page-content.generic .page-main form .split-field div{margin-bottom:20px;}
/* line 316,sass/main.sass */
.page-content.generic .page-main form .form-left label,.page-content.generic .page-main form .form-right label,.page-content.generic .page-main form .split-field label{display:block;font-family:times,"Times New Roman",Georgia,Serif;font-size:1.4em;margin-bottom:7px;font-weight:100;text-transform:uppercase;}
/* line 323,sass/main.sass */
.page-content.generic .page-main form .form-left label span,.page-content.generic .page-main form .form-right label span,.page-content.generic .page-main form .split-field label span{color:#e94d37;padding-left:5px;font-size:1.1em;}
/* line 327,sass/main.sass */
.page-content.generic .page-main form .form-left input,.page-content.generic .page-main form .form-right input,.page-content.generic .page-main form .split-field input{display:block;width:85%;height:25px;padding:0 5px 0 10px;font-size:1.5em;text-transform:capitalize;line-height:40px;text-align:left;font-family:"AvenirRomanRegular",arial,helvetica,sans-serif;border:1px solid #dddddd;border-top:2px solid #cccccc;border-left:2px solid #cccccc;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;-webkit-box-shadow:#efefef 1px 1px 1px;-moz-box-shadow:#efefef 1px 1px 1px;box-shadow:#efefef 1px 1px 1px;}
/* line 345,sass/main.sass */
.page-content.generic .page-main form .form-left .email input,.page-content.generic .page-main form .form-right .email input,.page-content.generic .page-main form .split-field .email input{text-transform:none;}
/* line 347,sass/main.sass */
.page-content.generic .page-main form .form-left input[type="checkbox"],.page-content.generic .page-main form .form-left input[type="radio"],.page-content.generic .page-main form .form-right input[type="checkbox"],.page-content.generic .page-main form .form-right input[type="radio"],.page-content.generic .page-main form .split-field input[type="checkbox"],.page-content.generic .page-main form .split-field input[type="radio"]{width:20px;height:20px;display:inline;}
/* line 352,sass/main.sass */
.page-content.generic .page-main form .form-left .checkbox-value,.page-content.generic .page-main form .form-left .wpcf7-list-item-label,.page-content.generic .page-main form .form-right .checkbox-value,.page-content.generic .page-main form .form-right .wpcf7-list-item-label,.page-content.generic .page-main form .split-field .checkbox-value,.page-content.generic .page-main form .split-field .wpcf7-list-item-label{font-family:times,"Times New Roman",Georgia,Serif;font-size:1.6em;margin-bottom:7px;font-weight:100;padding-left:10px;}
/* line 359,sass/main.sass */
.page-content.generic .page-main form .split-field{width:100%;}
/* line 361,sass/main.sass */
.page-content.generic .page-main form .split-field > span{display:block;width:auto;height:auto;overflow:hidden;}
/* line 367,sass/main.sass */
.page-content.generic .page-main form .split-field > span .wpcf7-list-item{width:50%;float:left;display:block;height:auto;margin-bottom:20px;}
/* line 373,sass/main.sass */
.page-content.generic .page-main form select{display:block;width:300px;height:auto;padding:3px 0 3px 20px;font-size:1.5em;text-transform:normal;line-height:26px;text-align:left;font-family:"AvenirRomanRegular",arial,helvetica,sans-serif;border:1px solid #dddddd;border-top:2px solid #cccccc;border-left:2px solid #cccccc;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;-webkit-box-shadow:#efefef 1px 1px 1px;-moz-box-shadow:#efefef 1px 1px 1px;box-shadow:#efefef 1px 1px 1px;}
/* line 390,sass/main.sass */
.page-content.generic .page-main form select option{display:block;width:auto;height:auto;line-height:40px;}
/* line 396,sass/main.sass */
.page-content.generic .page-main form textarea{width:280px;height:140px;display:block;padding:0 5px 0 10px;font-size:1.5em;line-height:1.6em;text-align:left;resize:none;font-family:"AvenirRomanRegular",arial,helvetica,sans-serif;border:1px solid #dddddd;border-top:2px solid #cccccc;border-left:2px solid #cccccc;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;-webkit-box-shadow:#efefef 1px 1px 1px;-moz-box-shadow:#efefef 1px 1px 1px;box-shadow:#efefef 1px 1px 1px;}
/* line 414,sass/main.sass */
.page-content.generic .page-main form .learnmore{width:160px;float:left;margin-top:0;height:45px;}
/* line 419,sass/main.sass */
.page-content.generic .page-main form .reset{float:left;padding-left:35px;margin-top:-12px;font-style:italic;font-family:times,"Times New Roman",Georgia,Serif;font-size:1.6em;color:#636363;padding-left:20px;line-height:40px;}
/* line 429,sass/main.sass */
.page-content.generic .page-main form .reset input{background:none;border:0 none;color:#636363;font-style:italic;text-decoration:underline;font-family:times,"Times New Roman",Georgia,Serif;}
/* line 436,sass/main.sass */
.page-content.generic .page-main form .reset input:hover{cursor:pointer;text-decoration:none;color:#003366;}
/* line 443,sass/main.sass */
#sub-interior-page{background:#f8f7f1 url("../images/residential/marquee-sub.png") 50% 0 no-repeat;}
/* line 446,sass/main.sass */
.page-template-detail-php section.page-main{margin:0 0 0 60px;padding-top:40px;padding-bottom:40px;width:536px;}
/* line 448,sass/main.sass */
.page-template-detail-php section.page-main .sub-content-header{width:506px;height:249px;position:relative;margin-right:30px;}
/* line 454,sass/main.sass */
.page-template-detail-php section.page-main .sub-content-header .slideshow{width:506px;height:249px;}
/* line 457,sass/main.sass */
.page-template-detail-php section.page-main .sub-content-header .slideshow li{position:relative;width:506px;height:249px;}
/* line 461,sass/main.sass */
.page-template-detail-php section.page-main .sub-content-header img{width:506px;height:249px;display:block;}
/* line 465,sass/main.sass */
.page-template-detail-php section.page-main .sub-content-header p{position:absolute;top:219px;width:506px;height:30px;line-height:30px;padding-left:20px;color:white;font-family:helvetica,arial,sans-serif;background:rgba(0,0,0,0.55);}
/* line 476,sass/main.sass */
.page-template-detail-php section.page-main .controls{width:506px;height:20px;margin:10px 30px 25px 0;}
/* line 480,sass/main.sass */
.page-template-detail-php section.page-main .controls ul{width:auto;}
/* line 483,sass/main.sass */
.page-template-detail-php section.page-main .sub-content-header.disabled,.page-template-detail-php section.page-main .controls.disabled{display:none;}
/* line 486,sass/main.sass */
.page-template-detail-php section.page-main .borderRemove{border-top:0 none;}
/* line 489,sass/main.sass */
.page-template-detail-php section.page-main article{padding-top:30px;padding-bottom:80px;margin-left:0;margin-right:30px;border-top:1px dotted #b2b2b2;}
/* line 496,sass/main.sass */
.page-template-detail-php section.page-main article img{display:block;float:left;padding:0;margin:10px 20px 15px 0;}
/* line 501,sass/main.sass */
.page-template-detail-php section.page-main article p{font-family:times,"Times New Roman",Georgia,Serif;font-size:1.6em;margin-bottom:20px;}
/* line 504,sass/main.sass */
.page-template-detail-php section.page-main article p:first-child:first-letter{color:#f35334;font-size:8.4em;float:left;margin-top:10px;padding:0 5px 5px 0;font-size:5.6em;font-weight:500;}
/* line 508,sass/main.sass */
.page-template-detail-php section.page-main article p a{display:inline;}
/* line 512,sass/main.sass */
.generic .areas-of-interest header{background:url("../images/generic/generic-sidebar.jpg") no-repeat;}
/* line 515,sass/main.sass */
.parent-pageid-279 .areas-of-interest header,#commerce-page .photo-gallery header{background:url("../images/residential/commerce-sidebar.jpg") no-repeat;}
/* line 519,sass/main.sass */
#community-page .photo-gallery header{background:url("../images/residential/community-sidebar.jpg") no-repeat;}
/* line 522,sass/main.sass */
.parent-pageid-122 .areas-of-interest header,#live-page .photo-gallery header{background:url("../images/residential/live-sidebar.jpg") no-repeat;}
/* line 526,sass/main.sass */
.parent-pageid-213 .areas-of-interest header,#medical-city-page .photo-gallery header{background:url("../images/residential/medical-city-sidebar.jpg") no-repeat;}
/* line 530,sass/main.sass */
.areas-of-interest{width:auto;height:auto;margin:0 0 0 30px;padding-bottom:15px;padding-bottom:15px;}
/* line 536,sass/main.sass */
.areas-of-interest header{width:270px;height:60px;margin-bottom:10px;background:url("../images/residential/residential-sidebar.png") no-repeat;}
/* line 542,sass/main.sass */
.areas-of-interest header h2{font-family:times;font-size:2.8em !important;font-style:italic;color:#666666;padding-top:30px;font-size:100;text-align:center;}
/* line 551,sass/main.sass */
.areas-of-interest ul{width:270px;height:auto;}
/* line 554,sass/main.sass */
.areas-of-interest ul li{width:100%;height:40px;border-bottom:1px solid #eaeaea;position:relative;}
/* line 559,sass/main.sass */
.areas-of-interest ul li:first-child{border-top:1px solid #eaeaea;}
/* line 561,sass/main.sass */
.areas-of-interest ul li.current a,.areas-of-interest ul li:hover a{color:white;position:relative;z-index:3;}
/* line 566,sass/main.sass */
.areas-of-interest ul li.current a:after,.areas-of-interest ul li:hover a:after{display:none;}
/* line 569,sass/main.sass */
.areas-of-interest ul li.current:after,.areas-of-interest ul li:hover:after{position:absolute;display:block;content:" ";top:0;left:-15px;width:320px;height:40px;background:url("../images/main/sidebar-hover.png") no-repeat;z-index:2;}
/* line 580,sass/main.sass */
.areas-of-interest ul li a{line-height:40px;font-family:"AvenirRomanRegular",arial,helvetica,sans-serif;font-size:1.2em;position:relative;z-index:3;color:#666666;}
/* line 588,sass/main.sass */
.areas-of-interest ul li a:after{content:"";width:20px;height:30px;position:absolute;top:15px;right:0;z-index:1;background:url("../images/main/main.png") no-repeat 0 -1450px;}
/* line 599,sass/main.sass */
.sustainability{padding:40px 0 40px 60px;margin-bottom:140px;position:relative;float:left;}
/* line 605,sass/main.sass */
.sustainability article{width:501px;height:auto;float:left;padding-right:30px;}
/* line 610,sass/main.sass */
.sustainability article h5{color:#f35334;font-family:"AvenirRomanBold",arial,helvetica,sans-serif;margin-bottom:10px;letter-spacing:1px;}
/* line 612,sass/main.sass */
.sustainability article h4{line-height:1.5em;margin-bottom:20px;}
/* line 615,sass/main.sass */
.sustainability article p{font-family:times,"Times New Roman",Georgia,Serif;font-size:1.6em;margin-bottom:20px;}
/* line 617,sass/main.sass */
.sustainability aside{width:305px;margin:0;height:auto;float:left;position:relative;}
/* line 623,sass/main.sass */
.sustainability aside:after{width:399px;height:337px;content:" ";display:block;position:absolute;top:-310px;left:-60px;background:url("../images/wide/fishing.png") no-repeat;}
/* line 632,sass/main.sass */
.sustainability aside h3{margin-top:20px;font-style:italic;font-family:"Times New Roman",Georgia,Serif;font-size:5em;width:100%;text-align:center;}
/* line 639,sass/main.sass */
.sustainability aside h3 span{color:#e94d37;font-style:normal;padding-right:10px;font-family:"AvenirRomanBold",sans-serif;}
/* line 644,sass/main.sass */
.sustainability aside h4{width:100%;text-align:center;font-family:"Times New Roman",Georgia,Serif;font-size:1.8em;margin:5px 0 40px;}
/* line 651,sass/main.sass */
.sustainability.healthyLiving:after{width:956px;height:229px;content:"";display:block;position:absolute;bottom:-140px;left:0;background:url("../images/wide/biker.png") no-repeat;}
/* line 660,sass/main.sass */
.sustainability.healthyLiving article{width:466px;padding-right:34px;margin-right:30px;border-right:1px dotted #828282;}
/* line 665,sass/main.sass */
.sustainability.healthyLiving article h5{color:#f35334;font-family:"AvenirRomanBold",arial,helvetica,sans-serif;margin-bottom:10px;letter-spacing:1px;}
/* line 667,sass/main.sass */
.sustainability.healthyLiving article p{font-family:times,"Times New Roman",Georgia,Serif;font-size:1.6em;margin-bottom:20px;}
/* line 669,sass/main.sass */
.sustainability.healthyLiving article p:last-child{padding-bottom:60px;}
/* line 672,sass/main.sass */
.sustainability.healthyLiving aside:after{width:512px;height:358px;content:" ";display:block;position:absolute;top:-340px;left:-140px;background:url("../images/wide/yoga-woman.png") no-repeat;}
/* line 681,sass/main.sass */
.sustainability.healthyLiving aside h3{margin-top:20px;}
/* line 683,sass/main.sass */
.sustainability.healthyLiving aside h4{margin-bottom:20px;}
/* line 685,sass/main.sass */
.sustainability.healthyLiving aside p{font-family:times,"Times New Roman",Georgia,Serif;margin-bottom:20px;font-style:italic;line-height:1.5em;}
/* line 688,sass/main.sass */
.sustainability.healthyLiving aside ul li{font-family:times,"Times New Roman",Georgia,Serif;margin-bottom:20px;font-style:italic;line-height:1.5em;margin-bottom:5px;}
/* line 692,sass/main.sass */
.amenities-masthead{margin:40px 0 40px 60px;}
/* line 694,sass/main.sass */
.amenities-masthead div{width:460px;position:relative;z-index:1;}
/* line 698,sass/main.sass */
.amenities-masthead div:before{width:422px;height:584px;content:"";display:block;position:absolute;top:-320px;left:510px;background:url("../images/wide/amenities.png") no-repeat;}
/* line 707,sass/main.sass */
.amenities-masthead h5{color:#f35334;font-family:"AvenirRomanBold",arial,helvetica,sans-serif;margin-bottom:10px;letter-spacing:1px;}
/* line 709,sass/main.sass */
.amenities-masthead p{font-family:times,"Times New Roman",Georgia,Serif;font-style:normal;font-size:1.6em;line-height:1.7em;margin-bottom:20px;}
/* line 715,sass/main.sass */
.inner-masthead{margin:40px 0 135px 60px;}
/* line 717,sass/main.sass */
.inner-masthead div{width:422px;position:relative;}
/* line 720,sass/main.sass */
.inner-masthead div:before{width:1004px;height:96px;content:"";display:block;position:absolute;top:150px;left:-83px;background:url("../images/wide/ruler.png") no-repeat;}
/* line 729,sass/main.sass */
.inner-masthead div:after{width:461px;height:393px;content:"";display:block;position:absolute;top:-243px;left:430px;background:url("../images/wide/two-students.png") no-repeat;}
/* line 738,sass/main.sass */
.inner-masthead h5{color:#f35334;font-family:"AvenirRomanBold",arial,helvetica,sans-serif;margin-bottom:10px;letter-spacing:1px;}
/* line 740,sass/main.sass */
.inner-masthead p{font-family:times,"Times New Roman",Georgia,Serif;margin-bottom:20px;font-style:italic;line-height:1.5em;}
/* line 743,sass/main.sass */
.page-content .wide-main{width:100%;height:auto;overflow:hidden;}
/* line 747,sass/main.sass */
.page-content .wide-main article{margin:0 0 40px 60px;width:575px;height:100%;float:left;}
/* line 753,sass/main.sass */
.page-content .wide-main article p{width:auto;font-family:times,"Times New Roman",Georgia,Serif;font-size:1.6em;margin-bottom:20px;}
/* line 756,sass/main.sass */
.page-content .wide-main article p:first-child:first-letter{color:#f35334;font-size:8.4em;float:left;margin-top:10px;padding:0 5px 5px 0;}
/* line 758,sass/main.sass */
.page-content .wide-main article img{float:right;width:335px;height:335px;margin:0 0 15px 20px;padding:0;}
/* line 765,sass/main.sass */
.page-content .wide-main aside{margin:0 20px;padding:0;width:240px;float:left;}
/* line 770,sass/main.sass */
.page-content .wide-main aside h2{font-family:times,"Times New Roman",Georgia,Serif;font-style:italic;color:#999999;font-weight:100;padding-left:20px;padding-bottom:10px;margin-bottom:10px;line-height:1.3em;border-bottom:1px dotted #999999;}
/* line 780,sass/main.sass */
.page-content .wide-main aside p{font-family:times,"Times New Roman",Georgia,Serif;margin-bottom:20px;font-style:italic;line-height:1.5em;padding-left:20px;}
/* line 783,sass/main.sass */
.page-content .wide-main aside ul{margin-left:30px;margin-top:-10px;}
/* line 786,sass/main.sass */
.page-content .wide-main aside ul li{font-family:times,"Times New Roman",Georgia,Serif;margin-bottom:20px;font-style:italic;line-height:1.5em;margin-bottom:5px;list-style:disc;list-style-position:inline;}
/* line 792,sass/main.sass */
.page-content .wide-insert{width:100%;height:265px;position:relative;top:-40px;}
/* line 797,sass/main.sass */
.page-content .wide-insert:before{position:absolute;content:"";background:url("../images/wide/lake-nona-schools.png") no-repeat;width:972px;height:265px;display:block;top:0;left:-25px;}
/* line 807,sass/main.sass */
.page-content .wide-insert > ul{width:940px;height:140px;padding-top:125px;overflow:hidden;position:relative;z-index:2;}
/* line 814,sass/main.sass */
.page-content .wide-insert > ul > li{float:left;width:20%;}
/* line 817,sass/main.sass */
.page-content .wide-insert > ul > li ul{width:80%;height:auto;overflow:hidden;margin:10px 15px 0;}
/* line 822,sass/main.sass */
.page-content .wide-insert > ul > li ul li{border-bottom:1px dotted #828282;font-size:1em;padding:3px 0;}
/* line 826,sass/main.sass */
.page-content .wide-insert > ul > li ul li a{font-family:"AvenirRomanRegular",arial,helvetica,sans-serif;color:#2d86a4;text-transform:capitalize;line-height:1.3em;}
/* line 831,sass/main.sass */
.page-content .wide-insert > ul > li ul li a:hover{color:#003366;}
/* line 834,sass/main.sass */
.page-content .wide-insert > ul > li ul li:first-child a{color:#f35334;line-height:40px;font-size:1.3em;}
/* line 838,sass/main.sass */
.page-content .wide-insert > ul > li ul li:last-child{border-bottom:0 none;}
/* line 840,sass/main.sass */
.page-content .content-listing{width:auto;margin:0 60px;padding-bottom:80px;}
/* line 844,sass/main.sass */
.page-content .content-listing article{width:100%;height:auto;overflow:hidden;border-top:1px dotted #a1a1a1;padding:40px 0;position:relative;}
/* line 852,sass/main.sass */
.page-content .content-listing article:nth-child(even) span{float:right;margin-right:20px;}
/* line 857,sass/main.sass */
.page-content .content-listing article:nth-child(odd) span{float:left;}
/* line 859,sass/main.sass */
.page-content .content-listing article:nth-child(odd) div{padding-left:360px;}
/* line 861,sass/main.sass */
.page-content .content-listing article div{width:460px;height:auto;}
/* line 864,sass/main.sass */
.page-content .content-listing article h2{font-family:"AvenirBook",sans-serif;font-size:3.6em;font-weight:300;margin-bottom:20px;}
/* line 866,sass/main.sass */
.page-content .content-listing article p{font-family:times,"Times New Roman",Georgia,Serif;font-size:1.6em;margin-bottom:20px;}
/* line 870,sass/main.sass */
.page-content .content-listing article > span{display:block;width:300px;height:250px;position:relative;}
/* line 886,sass/main.sass */
.page-content .content-listing article img{width:280px;height:230px;display:block;margin-left:3px;border:10px solid white;position:relative;z-index:1;-webkit-box-shadow:#afafaf 1px 1px 3px;-moz-box-shadow:#afafaf 1px 1px 3px;box-shadow:#afafaf 1px 1px 3px;}
/* line 890,sass/main.sass */
#map-page #main{width:100%;}
/* line 893,sass/main.sass */
#map-page #shell{padding-top:0;width:100%;height:auto;overflow:hidden;}
/* line 899,sass/main.sass */
.map-main{width:100%;height:1400px;background:url("../images/map/map-bg.jpg") repeat;}
/* line 903,sass/main.sass */
.map-main .container{width:1080px;height:1265px;padding-top:110px;position:relative;}
/* line 909,sass/main.sass */
.map-main #callouts{list-style:none;margin:0;padding:0;position:absolute;top:165px;}
/* line 916,sass/main.sass */
.map-main #callouts li,.map-main #callouts a{position:absolute;}
/* line 919,sass/main.sass */
.map-main #callouts li{width:100px;height:100px;background:url(../images/map/circles/callout-sprites.png) no-repeat;}
/* line 924,sass/main.sass */
.map-main #callouts li:hover{opacity:0.8;}
/* line 927,sass/main.sass */
.map-main #callouts li a{width:100%;height:100%;text-indent:-999%;overflow:hidden;}
/* line 933,sass/main.sass */
.map-main #callouts .ryland{background-position:-109px -133px;width:77px;height:76px;left:408px;top:40px;}
/* line 939,sass/main.sass */
.map-main #callouts .waters-edge{background-position:-200px -133px;width:77px;height:76px;left:494px;top:60px;}
/* line 945,sass/main.sass */
.map-main #callouts .park-square{background-position:0 -133px;width:77px;height:76px;left:378px;top:108px;}
/* line 951,sass/main.sass */
.map-main #callouts .nona-realty{background-position:-198px 0;width:76px;height:77px;left:913px;top:40px;}
/* line 957,sass/main.sass */
.map-main #callouts .nona-golf{background-position:-299px 0;width:76px;height:77px;left:908px;top:130px;}
/* line 963,sass/main.sass */
.map-main #callouts .proposed-golf{background-position:-200px -232px;width:78px;height:78px;left:756px;top:467px;}
/* line 969,sass/main.sass */
.map-main #callouts .pulte-sales{background-position:-109px -232px;width:78px;height:78px;left:480px;top:510px;}
/* line 975,sass/main.sass */
.map-main #callouts .village-walk{background-position:-299px -232px;width:69px;height:69px;left:678px;top:570px;}
/* line 981,sass/main.sass */
.map-main #callouts .nona-water-mark{background-position:-388px -232px;width:61px;height:61px;left:488px;top:720px;}
/* line 987,sass/main.sass */
.map-main #callouts .laureate{background-position:-109px -359px;width:54px;height:54px;left:675px;top:870px;}
/* line 993,sass/main.sass */
.map-main #callouts .ashton-woods{background-position:-549px -447px;width:80px;height:80px;left:748px;top:1020px;}
/* line 999,sass/main.sass */
.map-main #callouts .community-park{background-position:-455px -133px;width:64px;height:64px;left:500px;top:-10px;}
/* line 1005,sass/main.sass */
.map-main #callouts .waters-edge-park{background-position:-387px -133px;width:59px;height:60px;left:423px;top:180px;}
/* line 1011,sass/main.sass */
.map-main #callouts .green-dock{background-position:-299px -133px;width:59px;height:60px;left:398px;top:240px;}
/* line 1017,sass/main.sass */
.map-main #callouts .orlando-park{background-position:-455px -447px;width:70px;height:70px;left:643px;top:1080px;}
/* line 1023,sass/main.sass */
.map-main #callouts .northlake{background-position:-550px -133px;width:62px;height:62px;left:568px;top:20px;}
/* line 1029,sass/main.sass */
.map-main #callouts .valencia-college{background-position:-455px -232px;width:69px;height:69px;left:833px;top:641px;}
/* line 1035,sass/main.sass */
.map-main #callouts .nona-hs{background-position:-647px -232px;width:55px;height:55px;left:848px;top:730px;}
/* line 1041,sass/main.sass */
.map-main #callouts .primrose-school{background-position:-550px -232px;width:55px;height:55px;left:978px;top:650px;}
/* line 1047,sass/main.sass */
.map-main #callouts .nona-middle{background-position:-648px -447px;width:56px;height:56px;left:878px;top:980px;}
/* line 1053,sass/main.sass */
.map-main #callouts .uf-research{background-position:0 -447px;width:68px;height:68px;left:208px;top:1100px;}
/* line 1059,sass/main.sass */
.map-main #callouts .ucf-med{background-position:-199px -447px;width:97px;height:97px;left:378px;top:1060px;}
/* line 1065,sass/main.sass */
.map-main #callouts .nemours{background-position:0 -359px;width:82px;height:82px;left:628px;top:760px;}
/* line 1071,sass/main.sass */
.map-main #callouts .medical-city{background-position:-386px -359px;width:70px;height:70px;left:218px;top:950px;}
/* line 1077,sass/main.sass */
.map-main #callouts .sanford-burham{background-position:-107px -447px;width:87px;height:87px;left:278px;top:1080px;}
/* line 1083,sass/main.sass */
.map-main #callouts .md-anderson{background-position:-297px -447px;width:68px;height:68px;left:478px;top:1080px;}
/* line 1089,sass/main.sass */
.map-main #callouts .va-med{background-position:-386px -447px;width:70px;height:70px;left:548px;top:1100px;}
/* line 1095,sass/main.sass */
.map-main #callouts .nona-village{background-position:-111px 0;width:67px;height:66px;left:851px;top:10px;}
/* line 1101,sass/main.sass */
.map-main #callouts .nona-town{background-position:-298px -359px;width:82px;height:82px;left:399px;top:880px;}
/* line 1107,sass/main.sass */
.map-main #callouts .nona-publix{background-position:-712px -447px;width:69px;height:69px;left:968px;top:1003px;}
/* line 1113,sass/main.sass */
.map-main #callouts .nona-info{background-position:0 0;width:97px;height:97px;left:772px;top:-63px;}
/* line 1119,sass/main.sass */
.map-main #callouts .mco{background-position:0 -232px;width:110px;height:110px;left:158px;top:300px;}
/* line 1126,sass/main.sass */
.map-main #legend{width:310px;height:205px;position:absolute;z-index:12;top:135px;left:85px;font-size:0.95em;}
/* line 1135,sass/main.sass */
.map-main #legend h3{border-bottom:1px solid #999999;padding:5px 0;font-weight:200;}
/* line 1140,sass/main.sass */
.map-main #legend ul{padding:10px 0;border-bottom:1px solid #999999;}
/* line 1144,sass/main.sass */
.map-main #legend ul li{padding:0 0 0 115px;margin:5px 0;position:relative;cursor:pointer;opacity:1;}
/* line 1151,sass/main.sass */
.map-main #legend ul li:hover{opacity:1;}
/* line 1154,sass/main.sass */
.map-main #legend ul li:before{content:" ";display:block;width:95px;height:15px;border:1px solid #999999;/*background:rgb(175,175,175) */
position:absolute;top:10%;left:0;-webkit-transition:"background" "500ms" "ease-out";-webkit-transition-delay:"100ms";-moz-transition:"background" "500ms" "ease-out" "100ms";-o-transition:"background" "500ms" "ease-out" "100ms";transition:"background" "500ms" "ease-out" "100ms";}
/* line 1166,sass/main.sass */
.map-main #legend ul li:last-child:before{border-width:0;background:transparent;top:-2px;content:"........................";}
/* line 1172,sass/main.sass */
.map-main #legend ul li#key-residential:before{background:#f7ef9d;-webkit-transition:"background" "500ms" "ease-out";-webkit-transition-delay:"100ms";-moz-transition:"background" "500ms" "ease-out" "100ms";-o-transition:"background" "500ms" "ease-out" "100ms";transition:"background" "500ms" "ease-out" "100ms";}
/* line 1176,sass/main.sass */
.map-main #legend ul li#key-parks:before{background:#64b5d1;-webkit-transition:"background" "500ms" "ease-out";-webkit-transition-delay:"100ms";-moz-transition:"background" "500ms" "ease-out" "100ms";-o-transition:"background" "500ms" "ease-out" "100ms";transition:"background" "500ms" "ease-out" "100ms";}
/* line 1180,sass/main.sass */
.map-main #legend ul li#key-education:before{background:#f05033;-webkit-transition:"background" "500ms" "ease-out";-webkit-transition-delay:"100ms";-moz-transition:"background" "500ms" "ease-out" "100ms";-o-transition:"background" "500ms" "ease-out" "100ms";transition:"background" "500ms" "ease-out" "100ms";}
/* line 1184,sass/main.sass */
.map-main #legend ul li#key-lake:before{background:#d9c1dd;-webkit-transition:"background" "500ms" "ease-out";-webkit-transition-delay:"100ms";-moz-transition:"background" "500ms" "ease-out" "100ms";-o-transition:"background" "500ms" "ease-out" "100ms";transition:"background" "500ms" "ease-out" "100ms";}
/* line 1188,sass/main.sass */
.map-main #legend ul li#key-commercial:before{background:#f8a635;-webkit-transition:"background" "500ms" "ease-out";-webkit-transition-delay:"100ms";-moz-transition:"background" "500ms" "ease-out" "100ms";-o-transition:"background" "500ms" "ease-out" "100ms";transition:"background" "500ms" "ease-out" "100ms";}
/* line 1192,sass/main.sass */
.map-main #circles{width:995px;height:1220px;position:absolute;z-index:20;top:0;left:0;}
/* line 1200,sass/main.sass */
.map-main #circles .interests{display:block;position:absolute;width:100px;height:100px;z-index:10;}
/* line 1206,sass/main.sass */
.map-main #circles .interests:hover{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);opacity:0.7;}
/* line 1209,sass/main.sass */
.map-main .map{background:url("../images/map/circles/TRAIL_MAP.png") no-repeat 100% 0;width:1007px;height:1220px;}
/* line 1214,sass/main.sass */
.map-main .map:before{content:" ";width:1024px;display:block;height:1330px;position:absolute;top:-70px;left:0;}
/* line 1224,sass/main.sass */
.map-main .map .overlay{position:relative;width:100%;height:100%;}
/* line 1228,sass/main.sass */
.map-main .map .overlay img{position:absolute;}
/* line 1230,sass/main.sass */
.map-main .map .overlay img#residential{top:32px;right:5px;z-index:1;}
/* line 1234,sass/main.sass */
.map-main .map .overlay img#parks{top:-13px;right:179px;z-index:1;}
/* line 1238,sass/main.sass */
.map-main .map .overlay img#education{top:-25px;right:30px;z-index:1;}
/* line 1242,sass/main.sass */
.map-main .map .overlay img#lake-nona-medical-city{bottom:-20px;left:190px;z-index:1;}
/* line 1246,sass/main.sass */
.map-main .map .overlay img#commercial-mixed-city{bottom:230px;right:85px;}
/* line 1249,sass/main.sass */
.map-main .map .overlay img#trails{bottom:72px;right:35px;z-index:0;}
/* line 1255,sass/main.sass */
.map-main .overlay img{opacity:1;}
/* line 1259,sass/main.sass */
.map-main #brushes{width:560px;height:660px;position:absolute;z-index:11;top:179px;left:-223px;background:url("../images/map/brush_temp.png") no-repeat 0 200px;}
/* line 1267,sass/main.sass */
.map-main #brushes:after{content:" ";display:block;width:120px;height:120px;position:absolute;top:125px;left:310px;z-index:10;background:url("../images/main/main.png") no-repeat 0 -260px;}
/* line 1279,sass/main.sass */
#slides{position:absolute;display:block;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;top:0;left:0;width:100%;height:600px;background:url("http://learnlakenona.push.netdna-cdn.com/new/5_background.jpg") no-repeat 0 0;}
/* line 1290,sass/main.sass */
#slides #objects,#slides #circles,#slides #grass,#slides #tree{position:absolute;top:0;left:0;width:100%;height:600px;}
/* line 1296,sass/main.sass */
#slides #tree{background:url("http://learnlakenona.push.netdna-cdn.com/new/1_tree.png") no-repeat 50% 0;top:-20px;z-index:30;}
/* line 1301,sass/main.sass */
#slides #objects{background:url("http://learnlakenona.push.netdna-cdn.com/new/2_objects.png") no-repeat 0 0;z-index:9;}
/* line 1305,sass/main.sass */
#slides #circles{background:url("http://learnlakenona.push.netdna-cdn.com/new/4_circles.png") no-repeat 0 0;z-index:8;}
/* line 1309,sass/main.sass */
#slides #grass{background:url("http://learnlakenona.push.netdna-cdn.com/new/3_grass.png") no-repeat 0 0;z-index:7;}
/* line 1315,sass/main.sass */
#search-page #shell{background:url("../images/main/search_results.jpg") no-repeat 50% 0;}
/* line 1317,sass/main.sass */
#search-page #shell .search-terms{color:#666666;}
/* line 1319,sass/main.sass */
#search-page #shell .search-terms:before,#search-page #shell .search-terms:after{content:"'";}
/* line 1324,sass/main.sass */
#error404-page #shell{background:url("../images/main/404.png") no-repeat 50% 0;}
/* line 1326,sass/main.sass */
#error404-page #shell #main{min-height:500px;}
/* line 1329,sass/main.sass */
#home-page #shell{width:100%;height:auto;padding-top:0;position:relative;}
/* line 1345,sass/main.sass */
#home-page #shell #staticImage{position:absolute;z-index:1;top:0;left:0;width:100%;height:600px;display:none;background:url("http://learnlakenona.push.netdna-cdn.com/new/skip_still.jpg") no-repeat 50% 0;}
/* line 1354,sass/main.sass */
#home-page #shell #home-slides{width:100%;height:140px;}
/* line 1369,sass/main.sass */
#home-page .main-header:before{display:block;content:"";width:450px;height:279px;background:url("../images/home/bird.png") no-repeat 0 0;position:absolute;top:-68px;left:37%;display:none;}
/* line 1380,sass/main.sass */
#shelf{width:1136px;height:200px;position:relative;top:480px;left:-85px;z-index:11;}
/* line 1388,sass/main.sass */
#shelf:before{content:" ";display:block;width:1009px;height:99px;position:absolute;top:-73px;left:51px;z-index:2;background:url("../images/home/miniture.png") no-repeat 0 0;}
/* line 1398,sass/main.sass */
#shelf #shelf-back,#shelf #shelf-front{width:1136px;background:url("../images/home/shelf.png") no-repeat;position:relative;}
/* line 1402,sass/main.sass */
#shelf #shelf-back{height:27px;background-position:0 0;z-index:1;}
/* line 1406,sass/main.sass */
#shelf #shelf-front{height:166px;background-position:0 -27px;z-index:3;}
/* line 1410,sass/main.sass */
#shelf #range{width:1000px;height:157px;position:absolute;top:0;left:67px;}
/* line 1416,sass/main.sass */
#shelf #magnify-glass{width:122px;height:121px;background:url("../images/home/magnify.png") no-repeat;position:absolute;top:-50px;left:0;z-index:2;display:block;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;}
/* line 1427,sass/main.sass */
#shelf #magnify-glass:hover{cursor:pointer !important;}
/* line 1429,sass/main.sass */
#shelf #prev-arrow,#shelf #next-arrow{width:39px;height:34px;position:absolute;z-index:10;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;}
/* line 1435,sass/main.sass */
#shelf #prev-arrow:hover,#shelf #next-arrow:hover{cursor:pointer;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=85);opacity:0.85;}
/* line 1438,sass/main.sass */
#shelf #prev-arrow{background:url("../images/home/prev-arrow.png") no-repeat;left:45px;}
/* line 1441,sass/main.sass */
#shelf #next-arrow{background:url("../images/home/next-arrow.png") no-repeat;right:45px;}
/* line 1632,sass/main.sass */
#blog-wrapper{background:url("../images/blog/header-gd.png") repeat-x;width:100%;height:auto;overflow:hidden;}
/* line 1637,sass/main.sass */
#blog-wrapper header{width:960px;height:320px;margin:0 auto;background:url("../images/blog/blog-header.jpg") no-repeat 50% 0;position:relative;}
/* line 1643,sass/main.sass */
#blog-wrapper header h1{width:960px;height:225px;padding-bottom:25px;margin-bottom:25px;border-bottom:4px double #666666;}
/* line 1649,sass/main.sass */
#blog-wrapper header h1 a{width:960px;height:225px;text-indent:-9999px;background:url("../images/blog/logo.png") no-repeat 50% 0;}
/* line 1654,sass/main.sass */
#blog-wrapper header h3{width:190px;height:25px;position:absolute;top:10px;right:0;font-size:1em;}
/* line 1661,sass/main.sass */
#blog-wrapper header h3 a{font-family:"AvenirRomanRegular",arial,helvetica,sans-serif;color:#f35334;font-size:1.5em;}
/* line 1665,sass/main.sass */
#blog-wrapper header h3 a:hover{color:#979797;}
/* line 1668,sass/main.sass */
.archive #blog-main article:last-child{margin-bottom:150px;}
/* line 1670,sass/main.sass */
#blog-main{width:960px;min-height:100%;height:auto;margin:0 auto;position:relative;}
/* line 1677,sass/main.sass */
#blog-main > section{width:760px;height:auto;position:relative;float:left;}
/* line 1682,sass/main.sass */
#blog-main > section > h2{position:absolute;top:-45px;left:0;}
/* line 1687,sass/main.sass */
#blog-main > section article,#blog-main > section .more-article{width:636px;height:auto;padding:60px;background:white;border:2px solid #efefef;border-top:0 none;position:relative;float:left;margin-bottom:25px;position:relative;float:left;-webkit-box-shadow:#efefef 1px 1px 3px;-moz-box-shadow:#efefef 1px 1px 3px;box-shadow:#efefef 1px 1px 3px;}
/* line 1700,sass/main.sass */
#blog-main > section article:after,#blog-main > section .more-article:after{position:absolute;content:" ";bottom:-10px;left:0;width:756px;height:10px;background:url("../images/blog/ziggy.png") no-repeat;}
/* line 1708,sass/main.sass */
#blog-main > section article time,#blog-main > section article .more-time,#blog-main > section .more-article time,#blog-main > section .more-article .more-time{position:absolute;top:70px;left:-30px;z-index:1;}
/* line 1713,sass/main.sass */
#blog-main > section article time:before,#blog-main > section article .more-time:before,#blog-main > section .more-article time:before,#blog-main > section .more-article .more-time:before{position:absolute;width:60px;height:60px;background:#e94d37;position:absolute;top:0;left:0;color:white;z-index:2;content:"";-webkit-border-radius:30px;-moz-border-radius:30px;-ms-border-radius:30px;-o-border-radius:30px;border-radius:30px;}
/* line 1725,sass/main.sass */
#blog-main > section article time:after,#blog-main > section article .more-time:after,#blog-main > section .more-article time:after,#blog-main > section .more-article .more-time:after{position:absolute;width:70px;height:70px;top:-6px;left:-6px;content:"";z-index:0;-webkit-border-radius:35px;-moz-border-radius:35px;-ms-border-radius:35px;-o-border-radius:35px;border-radius:35px;background:white;border:1px solid #cccccc;}
/* line 1736,sass/main.sass */
#blog-main > section article time span,#blog-main > section article .more-time span,#blog-main > section .more-article time span,#blog-main > section .more-article .more-time span{color:white;position:absolute;z-index:3;width:60px;text-align:center;font-family:"AvenirRomanRegular",arial,helvetica,sans-serif;}
/* line 1743,sass/main.sass */
#blog-main > section article time span:first-child,#blog-main > section article .more-time span:first-child,#blog-main > section .more-article time span:first-child,#blog-main > section .more-article .more-time span:first-child{top:38px;left:0;font-size:1.4em;text-transform:uppercase;}
/* line 1748,sass/main.sass */
#blog-main > section article time span:last-child,#blog-main > section article .more-time span:last-child,#blog-main > section .more-article time span:last-child,#blog-main > section .more-article .more-time span:last-child{top:8px;left:0;font-size:3em;}
/* line 1753,sass/main.sass */
#blog-main > section article h2,#blog-main > section .more-article h2{font-family:"AvenirBook",sans-serif;font-size:3.6em;width:430px;line-height:1em;text-transform:capitalize;margin-bottom:20px;}
/* line 1760,sass/main.sass */
#blog-main > section article h2 a,#blog-main > section .more-article h2 a{color:black;}
/* line 1762,sass/main.sass */
#blog-main > section article h2 a:hover,#blog-main > section .more-article h2 a:hover{color:#666666;}
/* line 1764,sass/main.sass */
#blog-main > section article img,#blog-main > section .more-article img{margin:20px 0 30px;border:10px solid white;width:auto;height:auto;-webkit-box-shadow:#828282 -1px 1px 3px;-moz-box-shadow:#828282 -1px 1px 3px;box-shadow:#828282 -1px 1px 3px;}
/* line 1770,sass/main.sass */
#blog-main > section article p,#blog-main > section .more-article p{font-family:"Times New Roman",Georgia,Serif;font-size:1.6em;margin-bottom:20px;}
/* line 1774,sass/main.sass */
#blog-main > section article p a,#blog-main > section .more-article p a{display:inline;padding:0 3px;color:#2d86a4;text-decoration:underline;}
/* line 1779,sass/main.sass */
#blog-main > section article p a:hover,#blog-main > section .more-article p a:hover{color:#003366;}
/* line 1781,sass/main.sass */
#blog-main > section article .readmore,#blog-main > section .more-article .readmore{display:inline;text-decoration:underline;padding-left:5px;color:#2d86a4;}
/* line 1786,sass/main.sass */
#blog-main > section article .readmore:hover,#blog-main > section .more-article .readmore:hover{color:#003366;}
/* line 1788,sass/main.sass */
#blog-main > section article .socials,#blog-main > section .more-article .socials{width:100%;height:20px;padding-top:10px;}
/* line 1792,sass/main.sass */
#blog-main > section article .socials a,#blog-main > section .more-article .socials a{display:inline;padding-right:10px;}
/* line 1795,sass/main.sass */
#blog-main > section article .datetime,#blog-main > section .more-article .datetime{width:596px;height:auto;min-height:140px;margin:20px 0;padding:20px;background:#e4f3f7;}
/* line 1802,sass/main.sass */
#blog-main > section article .datetime p,#blog-main > section .more-article .datetime p{font-family:"AvenirRomanRegular",arial,helvetica,sans-serif;border-bottom:1px solid #d6d6d6;width:auto;height:30px;padding-bottom:5px;margin-bottom:5px;}
/* line 1809,sass/main.sass */
#blog-main > section article .datetime p span,#blog-main > section .more-article .datetime p span{display:block;float:left;line-height:30px;}
/* line 1813,sass/main.sass */
#blog-main > section article .datetime p span:first-child,#blog-main > section .more-article .datetime p span:first-child{display:block;position:relative;color:#e94d37;width:100px;text-transform:uppercase;padding-left:40px;}
/* line 1820,sass/main.sass */
#blog-main > section article .datetime p span:first-child:before,#blog-main > section .more-article .datetime p span:first-child:before{content:"";background:url("../images/main/main.png") no-repeat;width:50px;height:50px;position:absolute;left:0;}
/* line 1828,sass/main.sass */
#blog-main > section article .datetime p:first-child span:first-child:before,#blog-main > section .more-article .datetime p:first-child span:first-child:before{top:-3px;background-position:0 -1300px;}
/* line 1833,sass/main.sass */
#blog-main > section article .datetime p:nth-child(2) span:first-child:before,#blog-main > section .more-article .datetime p:nth-child(2) span:first-child:before{top:-10px;background-position:0 -1350px;}
/* line 1836,sass/main.sass */
#blog-main > section article .datetime p:last-child,#blog-main > section .more-article .datetime p:last-child{height:60px;width:auto;border-bottom:0 none;position:relative;}
/* line 1841,sass/main.sass */
#blog-main > section article .datetime p:last-child span:first-child,#blog-main > section .more-article .datetime p:last-child span:first-child{position:absolute;top:0;left:0;}
/* line 1845,sass/main.sass */
#blog-main > section article .datetime p:last-child span:first-child:before,#blog-main > section .more-article .datetime p:last-child span:first-child:before{top:0;background-position:0 -1400px;}
/* line 1848,sass/main.sass */
#blog-main > section article .datetime p:last-child span:nth-child(2),#blog-main > section .more-article .datetime p:last-child span:nth-child(2){display:block;float:left;padding-left:140px;line-height:1.4em;margin-top:3px;}
/* line 1854,sass/main.sass */
#blog-main > section article .datetime p:last-child span:last-child,#blog-main > section .more-article .datetime p:last-child span:last-child{padding-left:140px;display:block;float:left;}
/* line 1859,sass/main.sass */
#blog-main > section article h3,#blog-main > section .more-article h3{color:black;font-family:"AvenirRomanRegular",arial,helvetica,sans-serif;text-transform:capitalize;margin:20px 0;}
/* line 1865,sass/main.sass */
#blog-main .showmore{float:left;display:block;width:180px;height:40px;line-height:40px;padding:0 15px;font-size:1.5em;text-transform:uppercase;text-align:center;font-family:"AvenirRomanBold",arial,helvetica,sans-serif;letter-spacing:1px;color:#666666;border:1px solid #dddddd;margin:30px 0 200px 270px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;-webkit-box-shadow:#efefef 1px 1px 1px;-moz-box-shadow:#efefef 1px 1px 1px;box-shadow:#efefef 1px 1px 1px;}
/* line 1887,sass/main.sass */
#blog-main aside{float:right;width:180px;height:auto;margin-bottom:150px;position:relative;background:url("../images/blog/sidebar-bg.gif") repeat;}
/* line 1894,sass/main.sass */
#blog-main aside:before{width:0;height:0;content:" ";display:block;position:absolute;bottom:0;left:0;border-left:90px solid transparent;border-right:90px solid transparent;border-bottom:40px solid #f8f7f1;}
/* line 1905,sass/main.sass */
#blog-main aside > div{width:130px;margin:60px auto;font-family:"AvenirRomanRegular",arial,helvetica,sans-serif;}
/* line 1909,sass/main.sass */
#blog-main aside > div:last-child{margin-bottom:150px;}
/* line 1911,sass/main.sass */
#blog-main aside > div:last-child ul li{font-size:1.2em;text-align:center;font-family:"AvenirRomanBold",arial,helvetica,sans-serif;}
/* line 1915,sass/main.sass */
#blog-main aside > div:last-child ul li a{padding:0;font-size:1.4em;display:inline;font-family:"AvenirRomanBold",arial,helvetica,sans-serif;}
/* line 1920,sass/main.sass */
#blog-main aside > div h3{font-family:"AvenirRomanBold",arial,helvetica,sans-serif;text-transform:uppercase;color:white;font-size:2.9em;width:100%;text-align:center;margin-bottom:15px;}
/* line 1928,sass/main.sass */
#blog-main aside > div ul{width:100%;height:auto;}
/* line 1931,sass/main.sass */
#blog-main aside > div ul li{border-top:1px solid #838383;}
/* line 1933,sass/main.sass */
#blog-main aside > div ul a{width:inherit;height:inherit;overflow:hidden;margin:5px 0;padding:8px 0;text-transform:uppercase;font-size:1.5em;text-align:center;font-family:"AvenirRomanRegular",arial,helvetica,sans-serif;}
/* line 1943,sass/main.sass */
#blog-main aside > div ul a:hover{color:white;}
/* line 1944,sass/main.sass */
#blog-main aside > div ul a:hover h4{color:#666666;}
/* line 1946,sass/main.sass */
#blog-main aside > div ul a:hover time{color:white;}
/* line 1949,sass/main.sass */
#blog-main aside > div ul time{font-family:times,"Times New Roman",Georgia,Serif;font-style:italic;display:block;color:#445f6a;font-size:1em;width:100%;text-align:center;line-height:1em;margin-bottom:10px;text-transform:capitalize;}
/* line 1960,sass/main.sass */
#blog-main aside > div ul h4{font-size:0.75em;text-transform:capitalize;line-height:1.3em;color:white;width:100%;text-align:center;margin:0;padding:0;font-family:"AvenirRomanRegular",arial,helvetica,sans-serif;}
/* line 1971,sass/main.sass */
.single-blog .post-nav{width:100%;height:auto;margin:40px 0 30px;border-top:1px dotted #828282;border-bottom:1px dotted #828282;position:relative;overflow:hidden;}
/* line 1979,sass/main.sass */
.single-blog .post-nav a{height:auto;padding:10px;line-height:1.2em;font-size:1.6em;text-transform:uppercase;width:40%;}
/* line 1986,sass/main.sass */
.single-blog .post-nav a:before{content:" ";background:url("../images/main/main.png") no-repeat;width:30px;height:30px;position:absolute;display:block;top:45%;}
/* line 1994,sass/main.sass */
.single-blog .post-nav a[rel="prev"]{float:left;text-align:left;padding-left:25px;}
/* line 1998,sass/main.sass */
.single-blog .post-nav a[rel="prev"]:before{left:0;background-position:0 -1500px;}
/* line 2002,sass/main.sass */
.single-blog .post-nav a[rel="next"]{float:right;text-align:right;padding-right:30px;}
/* line 2006,sass/main.sass */
.single-blog .post-nav a[rel="next"]:before{right:0px;background-position:0 -1450px;}
/* line 2009,sass/main.sass */
.single-blog form{padding-top:20px;}
/* line 2011,sass/main.sass */
.single-blog form > p:first-child{padding-left:15px;position:relative;}
/* line 2014,sass/main.sass */
.single-blog form > p:first-child a{display:inline;text-transform:capitalize;}
/* line 2017,sass/main.sass */
.single-blog form > p:first-child a:last-child{position:absolute;display:block;right:43px;top:0;}
/* line 2023,sass/main.sass */
.single-blog form > div{width:100%;height:50px;margin-bottom:25px;font-size:1.6em;position:relative;}
/* line 2029,sass/main.sass */
.single-blog form > div label{color:#666666;font-family:"AvenirBook",sans-serif;width:170px;position:absolute;top:15px;left:15px;}
/* line 2036,sass/main.sass */
.single-blog form > div input,.single-blog form > div textarea{width:406px;margin-left:176px;color:#666666;font-family:"AvenirBook",sans-serif;padding:0 5px;background:#f8f7f1;border-left:2px solid #c6c6c6;border-top:2px solid #c6c6c6;border-bottom:1px solid lightgrey;border-right:1px solid lightgrey;}
/* line 2047,sass/main.sass */
.single-blog form > div input:focus,.single-blog form > div textarea:focus{background:white;}
/* line 2049,sass/main.sass */
.single-blog form > div input{line-height:40px;height:40px;}
/* line 2052,sass/main.sass */
.single-blog form > div textarea{line-height:1.3em;height:140px;resize:none;}
/* line 2056,sass/main.sass */
.single-blog form > div#commentArea{height:140px;}
/* line 2058,sass/main.sass */
.single-blog form > div button{margin-left:176px;display:block;width:180px;height:40px;padding:0 20px;font-size:1em;text-transform:uppercase;line-height:40px;text-align:center;font-family:"AvenirRomanBold",arial,helvetica,sans-serif;letter-spacing:1px;color:#666666;border:1px solid #dddddd;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;-webkit-box-shadow:#efefef 1px 1px 1px;-moz-box-shadow:#efefef 1px 1px 1px;box-shadow:#efefef 1px 1px 1px;}
/* line 2078,sass/main.sass */
.single-blog .comments-header{padding-bottom:15px;padding-left:15px;}
/* line 2082,sass/main.sass */
.single-blog #comments li{border-top:1px dotted #828282;padding:15px;font-size:1em;}
/* line 2086,sass/main.sass */
.single-blog #comments li:last-child{border-bottom:1px dotted #828282;margin-bottom:40px;}
/* line 2089,sass/main.sass */
.single-blog #comments li.odd{background:#f9f9f9;}
/* line 2091,sass/main.sass */
.single-blog #comments .comment-meta{width:100%;}
/* line 2093,sass/main.sass */
.single-blog #comments .comment-meta span{display:block;float:right;}
/* line 2096,sass/main.sass */
.single-blog #comments p{font-family:"Times New Roman",Georgia,Serif;font-size:1.6em;margin-bottom:20px;}
/* line 2100,sass/main.sass */
.single-blog #comments p:last-child{margin-bottom:0;}
/* line 2102,sass/main.sass */
.single-blog #comments a{display:inline;text-decoration:underline;padding-right:5px;text-transform:capitalize;font-size:1em;color:#2d86a4;}
/* line 2109,sass/main.sass */
.single-blog #comments a:hover{color:#003366;}
/* line 2114,sass/main.sass */
#register-page .wpcf7-not-valid-tip{left:10px;top:-14px;width:209px;color:#f35334;font-family:"AvenirRomanRegular",arial,helvetica,sans-serif;border-color:#f35334;text-align:center;}
/* line 2122,sass/main.sass */
#register-page .wpcf7-response-output{width:222px;height:40px;margin:0;padding:5px 5px 10px 10px;margin-top:-35px;margin-left:265px;font-family:"AvenirRomanRegular",arial,helvetica,sans-serif;font-size:1.3em;line-height:1.7em;}
/* line 2132,sass/main.sass */
#register-page .wpcf7-validation-errors{color:#f35334;border-color:#f35334;}
/* line 2135,sass/main.sass */
#register-page .wpcf7-mail-sent-ok{color:#2d86a4;border-color:#2d86a4;}
/* line 2140,sass/main.sass */
div.hanging-video{display:none;float:right;z-index:99;position:relative;margin-top:-110px;width:204px;height:321px;background:url("../images/home/video-bg.png") no-repeat 0 20px;}
/* line 2151,sass/main.sass */
div.hanging-video .the-video{position:absolute;top:192px;right:18px;border:5px solid #dddddd;}
/* line 2157,sass/main.sass */
div.hanging-video a{position:absolute;width:52px;height:50px;top:213px;left:72px;text-indent:-9999px;background:url("../images/home/play-btn.png") no-repeat 0 0;}
/* line 2166,sass/main.sass */
div.hanging-video a:hover{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=90);opacity:0.9;}
/* line 2169,sass/main.sass */
div.hanging-video a.view-all-videos{font-size:13px;font-family:"AvenirRomanRegular",arial,helvetica,sans-serif;text-align:center;text-transform:uppercase;letter-spacing:1px;color:#f25334;position:absolute;width:100%;height:auto;top:299px;left:0px;text-indent:0;background:none;}
/* line 2184,sass/main.sass */
div.hanging-video a.view-all-videos:hover{color:#666666;}
/* line 2186,sass/main.sass */
#home-main{width:956px;height:840px;background:white;border:2px solid #efefef;border-top:0 none;position:relative;margin-bottom:30px;margin-top:330px;-webkit-box-shadow:#efefef 1px 1px 3px;-moz-box-shadow:#efefef 1px 1px 3px;box-shadow:#efefef 1px 1px 3px;}
/* line 2197,sass/main.sass */
#home-main section.left-side{margin-top:35px;padding-left:25px;padding-right:25px;float:left;border-right:2px solid #efefef;position:relative;width:426px;height:807px;}
/* line 2207,sass/main.sass */
#home-main section.left-side h3{width:439px;height:53px;text-indent:-9999px;margin:0 auto;background:url("../images/home/nona-on-facebook.png") no-repeat 0 0;padding-bottom:15px;margin:0 auto 15px;}
/* line 2217,sass/main.sass */
#home-main section.left-side div.fb-icon-home{position:absolute;top:33px;left:-37px;}
/* line 2222,sass/main.sass */
#home-main section.right-side{float:left;position:relative;width:478px;}
/* line 2227,sass/main.sass */
#home-main section.right-side article.nona-map{margin-top:35px;margin-bottom:20px;border-bottom:2px solid #efefef;position:relative;-webkit-box-shadow:#efefef 1px 1px 3px;-moz-box-shadow:#efefef 1px 1px 3px;box-shadow:#efefef 1px 1px 3px;}
/* line 2234,sass/main.sass */
#home-main section.right-side article.nona-map h3{width:439px;height:53px;text-indent:-9999px;margin:0 auto;background:url("../images/home/explore-map-new.png") no-repeat 70px 0;margin:0 auto 15px;}
/* line 2244,sass/main.sass */
#home-main section.right-side article.nona-map img{margin:0 auto 15px;}
/* line 2247,sass/main.sass */
#home-main section.right-side article.nona-map a{position:absolute;width:120px;height:119px;top:163px;left:175px;text-indent:-9999px;background:url("../images/home/view.png") no-repeat;transition-duration:0.5s;-webkit-transition-duration:0.5s;}
/* line 2257,sass/main.sass */
#home-main section.right-side article.nona-map a:hover{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=90);opacity:0.9;-webkit-transform:rotate(-25deg);-moz-transform:rotate(-25deg);-ms-transform:rotate(-25deg);-o-transform:rotate(-25deg);transform:rotate(-25deg);}
/* line 2261,sass/main.sass */
#home-main section.right-side article.nona-pdf{height:332.5px;}
/* line 2264,sass/main.sass */
#home-main section.right-side article.nona-pdf > a{width:25px;height:15px;text-indent:-9999px;background:url("../images/main/main.png") no-repeat;position:absolute;top:788px;}
/* line 2271,sass/main.sass */
#home-main section.right-side article.nona-pdf > a#book_flip_left{left:25px;background-position:0 -1200px;}
/* line 2274,sass/main.sass */
#home-main section.right-side article.nona-pdf > a#book_flip_right{right:25px;background-position:0 -1250px;}
/* line 2278,sass/main.sass */
#home-main section.right-side article.nona-pdf h4{color:#f25334;margin-bottom:20px;font-size:12px;letter-spacing:2px;text-transform:uppercase;text-align:center;}
/* line 2286,sass/main.sass */
#home-main section.right-side article.nona-pdf #nona_books{width:209px;margin:0 auto;}
/* line 2292,sass/main.sass */
#home-main section.right-side article.nona-pdf ul{width:142px;height:20px;padding:0;}
/* line 2296,sass/main.sass */
#home-main section.right-side article.nona-pdf ul li{float:left;margin-right:10px;margin-left:10px;}
/* line 2300,sass/main.sass */
#home-main section.right-side article.nona-pdf ul li:first-child,#home-main section.right-side article.nona-pdf ul li:last-child{margin:0;}
/* line 2303,sass/main.sass */
#home-main section.right-side article.nona-pdf ul a{display:block;height:307px;width:209px;}
/* line 2307,sass/main.sass */
#home-main section.right-side article.nona-pdf ul a:hover{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);opacity:0.8;}
/* line 2310,sass/main.sass */
#home-main section.right-side article.nona-pdf div#nona_books{width:400px;overflow:hidden;}
/* line 2314,sass/main.sass */
#home-main section.right-side article.nona-pdf div#nona_books ul{width:3000px;list-style:none;}
/* line 2318,sass/main.sass */
#home-main section.right-side article.nona-pdf div#nona_books ul li:first-child{margin-left:103px;}
/* line 2321,sass/main.sass */
#home-main section.right-side article.nona-pdf div#nona_books ul li img{list-style:none;width:209px;margin:0 auto 15px;}
/* line 2326,sass/main.sass */
#home-main section.right-side article.nona-pdf div#nona_books ul li img div:first-child{height:307px;width:209px;margin:20px auto;}
/* line 2330,sass/main.sass */
#home-main section.right-side article.nona-pdf div#nona_books ul li img div:last-child{height:307px;width:209px;margin:0 auto;position:relative;}
/* line 2336,sass/main.sass */
#home-main section.right-side article.nona-pdf div#nona_books ul li img div:last-child ul{width:346px;margin:0 auto;}
/* line 2339,sass/main.sass */
#home-main section.right-side article.nona-pdf div#nona_books ul li img #book_flip_left{display:none;}
/* line 2341,sass/main.sass */
#home-main section.right-side article.nona-pdf div#nona_books ul li img .controls > ul{height:20px;position:absolute;top:0px;right:0px;}
/* line 2346,sass/main.sass */
#home-main section.right-side article.nona-pdf div#nona_books ul li img .controls > ul li{margin-right:3px;}
/* line 2349,sass/main.sass */
section.nona-wise-blog{width:917px;height:123px;background:white;border:2px solid #efefef;border-top:0 none;position:relative;padding:20px;margin-bottom:42px;-webkit-box-shadow:#efefef 1px 1px 3px;-moz-box-shadow:#efefef 1px 1px 3px;box-shadow:#efefef 1px 1px 3px;}
/* line 2361,sass/main.sass */
section.nona-wise-blog img.pencil{position:absolute;top:114px;left:-90px;}
/* line 2366,sass/main.sass */
section.nona-wise-blog h2{float:left;margin-left:-70px;width:277px;height:63px;text-indent:-9999px;background:url("../images/home/blog-lake-nona.png") no-repeat 70px 0;margin-bottom:15px;}
/* line 2377,sass/main.sass */
section.nona-wise-blog article{margin:0 18px 0 18px;float:left;height:129px;width:203px;}
/* line 2382,sass/main.sass */
section.nona-wise-blog article:last-child{margin-right:0;}
/* line 2385,sass/main.sass */
section.nona-wise-blog article time{font-size:12px;color:#666666;text-transform:uppercase;font-family:"AvenirRomanRegular",arial,helvetica,sans-serif;}
/* line 2391,sass/main.sass */
section.nona-wise-blog article h3{font-size:18px;padding-top:15px;padding-bottom:15px;font-family:"AvenirRomanRegular",arial,helvetica,sans-serif;}
/* line 2397,sass/main.sass */
section.nona-wise-blog article h3 a{color:#16c3ea;}
/* line 2399,sass/main.sass */
section.nona-wise-blog article h3 a:hover,section.nona-wise-blog article h3 a:active{color:#17768b;}
/* line 2401,sass/main.sass */
section.nona-wise-blog article p{font-size:14px;font-family:times,"Times New Roman",Georgia,Serif;color:#666666;font-style:italic;line-height:16px;}
分享到QQ
分享到微博
微信扫一扫
