﻿/******************************************************************
1030up.css
-------------------------------------------------------------------
Stylesheet: Desktop
-------------------------------------------------------------------

This is the desktop size. It's larger than an iPad so it will only
be seen on the Desktop. 

******************************************************************/

/* These styles are applied for viewports 1030px and higher */
@media only screen and (min-width: 1030px) {


/*------------------------------------------------------------------
--> Foundation Overrides
------------------------------------------------------------------*/

/* Add additional padding between columns for larger displays */
.row .column, .row .columns {
padding: 0 15px;
}
/*
.widget-layout-row.row .columns
{
padding:0px 10px;
}
*/

/* --> Homepage News Alert ---------------------------------*/

#alert_overlay {
right: 68px;
width: 38%;
}

/* --> Homepage Icon Tray ---------------------------------*/
#services-tray .bx-controls {
    position: absolute;
    width: 97.999%;
    top: 158px;
    left: -8px;
}

#services-tray .bx-wrapper { max-width: 800px !important;}

/* --> HOMEPAGE CALENDAR ---------------------------------*/
#cal_left h1 { font-size: 10em; }
#cal_left h3 {
padding: 19px;
font-size: 2em;
}

#cal_left {  width: 29%;}
#hp-cal #smlCal002_Head td, #hp-cal #smlCal002 td a { font-size: 1.2em; }
/*-------------------------------------------------------------------
--> Main Navigation
------------------------------------------------------------------*/

/* --> Main Navigation Container ---------------------------------*/

/* Add additional padding for larger displays */
section#top-nav .nav-row .columns { padding: 0 15px; }


/* --> Main Navigation Item Link ---------------------------------*/

nav.main-nav ul li.nav-item > a {
font-size: .75em;
}


nav.main-nav ul.nav-list > .nav-item.nav-item-1 > a { background: url(/img/00/nav/man.png) center 15px no-repeat #004589; }    
nav.main-nav ul.nav-list > .nav-item.nav-item-2 > a { background: url(/img/00/nav/shop.png) center 15px no-repeat #004589; }
nav.main-nav ul.nav-list > .nav-item.nav-item-3 > a { background: url(/img/00/nav/service.png) center 15px no-repeat #004589; }
nav.main-nav ul.nav-list > .nav-item.nav-item-4 > a { background: url(/img/00/nav/govt.png) center 15px no-repeat #004589; }
nav.main-nav ul.nav-list > .nav-item.nav-item-5 > a { background: url(/img/00/nav/marker.png) center 15px no-repeat #004589; }
nav.main-nav ul.nav-list > .nav-item.nav-item-6 > a { background: url(/img/00/nav/howdoi.png) center 15px no-repeat#004589; }

nav.main-nav ul.nav-list > .nav-item.nav-item-1 > a:hover { background: url(/img/00/nav/man.png) center 15px no-repeat #68B5DE; }    
nav.main-nav ul.nav-list > .nav-item.nav-item-2 > a:hover { background: url(/img/00/nav/shop.png) center 15px no-repeat #68B5DE;  }
nav.main-nav ul.nav-list > .nav-item.nav-item-3 > a:hover { background: url(/img/00/nav/service.png) center 15px no-repeat #68B5DE;  }
nav.main-nav ul.nav-list > .nav-item.nav-item-4 > a:hover { background: url(/img/00/nav/govt.png) center 15px no-repeat #68B5DE;  }
nav.main-nav ul.nav-list > .nav-item.nav-item-5 > a:hover { background: url(/img/00/nav/marker.png) center 15px no-repeat #68B5DE;  }
nav.main-nav ul.nav-list > .nav-item.nav-item-6 > a:hover { background: url(/img/00/nav/howdoi.png) center 15px no-repeat #68B5DE;  }

nav.main-nav ul.mega-menu-list li.nav-item a {
font-size: 0.8em;
padding: 8px 0;
}

/* --> Main Navigation Divider -----------------------------------*/

nav.main-nav .top-bar-section > ul > .divider {
border-left-color: #46464a;
border-right-color: #161617;
display: none;
}

/* Has-Dropdown Arrow (Show for larger displays) */
nav.main-nav .has-dropdown > a:after {
display: none;
}




/*------------------------------------------------------------------
--> BreadCrumbs / System Buttons
------------------------------------------------------------------*/

/* --> System Buttons ----------------------------------------------*/

/* Column that contains the system buttons */
.columns.system-btns-col { padding: 0 15px; }


/*------------------------------------------------------------------
--> Home Contents
------------------------------------------------------------------*/

/* --> Home Buttons ----------------------------------------------*/

/* Button icon */
#dynamic-home-btns a.mm-button-link img.mm-button-img { width: 30%; max-width: 72px; }

/* Button text */
#dynamic-home-btns a.mm-button-link .mm-button-txt {
font-size: 2em;
margin-top: 15px;
}

/* Sub text on buttons */
#dynamic-home-btns .mm-button-subtxt {
font-size: 1.2em;
}


/* --> Blocks ----------------------------------------------------*/

/* Block heading */
.home-block h2.block-head { font-size: 2.2em; }

/* Inner wrapper for blocks */
.block-contents { padding: 5px 20px 20px 20px; }


/*------------------------------------------------------------------
--> Page Footer
------------------------------------------------------------------*/

/* --> Footer Navigation -----------------------------------------*/

/* Navigation list item link */
nav.foot-nav ul.foot-nav-list li a { font-size: 1.4em; }


/*------------------------------------------------------------------
--> Photo Manager and Photo Book Styles
------------------------------------------------------------------*/

#pm-gallery00 {
height:auto !important;
position: relative;
}

#pm-gallery00 .scrollable {
position:relative;
overflow:hidden;
width: 640px;
height:120px;
}

#pm-gallery00 .scrollable .items {
width:20000em;
position:absolute;
clear:both;
}

#pm-gallery00 .items div {
float:left;
width:640px;
}

#pm-gallery00 .scrollable div.img-wrap {
float:left;
margin:19px 12px 19px 12px;
padding:0px;
width: 102px;
height: 77px;
overflow: hidden;
}

#pm-gallery00 .scrollable img {
border:1px solid #ccc;
}

#pm-gallery00 .scrollable .active {
border:1px solid #000;
position:relative;
cursor:default;
}

#pm-gallery00 .scrollable {
float:left;	
}

#pm-gallery00 a.browse {
background:url('/custom/photomanager/hori_large.png') no-repeat;
display:block;
width:30px;
height:30px;
float:left;
margin:40px 10px;
cursor:pointer;
font-size:1px;
}

#pm-gallery00 a.right 			{ background-position: 0 -40px; clear:right; margin-right: 0px;}
#pm-gallery00 a.right:hover { background-position:-30px -40px; }
#pm-gallery00 a.right:active{ background-position:-60px -40px; } 


#pm-gallery00 a.left				{ margin-left: 10px; } 
#pm-gallery00 a.left:hover  { background-position:-30px 0; }
#pm-gallery00 a.left:active { background-position:-60px 0; }



#pm-gallery00 a.disabled {
visibility:hidden !important;		
} 	


#pm-gallery00 #image_wrap {
width:100%;
min-height:400px;
height:auto !important;
height:400px;
margin:0 0 0 0;
text-align:center;
}

#pm-gallery00 #image_wrap_g {
width:100%;
min-height:400px;
height:auto !important;
height:400px;
margin:0 0 0 0;
text-align:center;
}

#pm-gallery00 #scrollable_wrap {
width: 760px;
margin: 0 0 0 40px;
border-top: 1px solid #ccc;
}

#pm-gallery00 #text_wrap {
width: 100%;
margin: 0 0 0 95;
text-align: center;
}

#pm-gallery00 h1, #pm-gallery00 h2, #pm-gallery00 h3 {
margin: 0 auto 5px auto;
text-align: center;
}

#pm-gallery00 #overlay{
width: 300px;
height: 240px;
background: #e4e2e3;
display: none;
font: normal normal normal 13px/125% tahoma,sans-serif;
color: #000;
}

#pm-gallery00 #overlay #edtdiv {
font: normal normal normal 13px/125% tahoma,sans-serif;
color: #c00;
}

#pm-gallery00 #overlay #title font {
font: normal normal bold 27px/33px Garamond, Times, serif;
color:#b4b08c;
display:block;
font-variant: small-caps;
}

}
