/*
 ****  COMMON SHORTCUTS **********************************************************
 */

	small,.small {	font-size:85%;}
	.smaller { font-size: 70%;}
	sup {	position:relative;	bottom:0.3em;	vertical-align:baseline;}
	sub {	position:relative;	bottom:-0.2em;	vertical-align:baseline;}
	acronym, abbr {	cursor:help;	letter-spacing:1px;	border-bottom:1px dashed;} 
	.clear, .clear-hidden         { clear:both; }
	.clear-hidden	{ font-size: 0em; height: 0px; overflow: hidden;}
	.clear-after:after	{ content: ".";	display: block;	height: 0; clear: both; visibility: hidden;}
	.clear-none	{clear:none;}
	.clear-bottom {overflow: hidden;}
	.float-left    { float:left; }
	.float-right   { float:right; }
	.text-left     { text-align:left; }
	.text-right    { text-align:right; }
	.text-center   { text-align:center; }
	.text-justify  { text-align:justify; }
	.bold          { font-weight:bold; }
	.italic        { font-style:italic; }
	.underline     { border-bottom:1px solid; }
	.nopadding     { padding:0; }
	.noindent      { margin-left:0;padding-left:0; }
	.nobullet      { list-style:none;list-style-image:none; }
	.hidden		   { display: none;}
	.hide-text,.hidetext,.no-text,.notext { font-size: 0px; text-indent: -9999px;}

	
/*
 ***** FONTS **********************************************************
 */
	 
		body,
		input,
		select,
		textarea
		{
			font-family: "century gothic", helvetica, sans-serif;
		}
		html
		{
		  font-size: 70%;
		  line-height: 130%;
		}

		
/*
 ****  SPECIFIC ELEMENTS  **********************************************************
 */

	/* links */
	
		/* not yet visited */
	 	
			a:link
			{
				color: #222;
			}
		
		/* visited */
			
			a:visited
			{
				color: #333;
			}
		
		/* user hovers mouse */
		
			a:hover
			{
				color: #999;
				text-decoration: none;
			}
		
		/* received cursor focus */
		
			a:focus
			{
			}
		
		/* user clicks link */
		
			a:active
			{
			}
		
		/* no underline */
		
			a.noline,
			a.hoverline
			{
				text-decoration: none;
			}
			
		/* underline only on hover */
		
			a.hoverline:hover
			{
				text-decoration: underline;
			}


	/* body & page */ 
	
		body
		{
			background-color: #fff;
			color: #333;
			margin: 0;
      background: url("/images/header-line.png") no-repeat scroll center 86px transparent;
		}
    @media only screen and (max-width: 767px) {
      body {
        background-position: center 70px;
      }
    }	
    
    @media only screen and (max-width: 500px) {
      .container
      {
        padding: 0 15px;
      }
    }
    
    
	/* branding */

		.branding
		{
			position: relative;
			width: 249px;
			padding: 25px 0 12px;
			z-index: 99;
		}
		.branding h2
		{
		}
		.branding a
		{
			height: 49px;
			width: 100%;
			display: block;
			position: relative;
			background: url(images/branding-desktop.png) 0 0 no-repeat;
			font-size: 0px;
			text-indent: -9999px;
		}
		.branding hr
		{
			display: none;
		}
		@media only screen and (max-width: 767px) {
		  .branding
		  {
		    width: 180px;
		    padding: 20px 0 8px;
		  }
		  .branding a
		  {
		    background: url(images/branding-mobile.png) 0 0 no-repeat;
		    height: 35px;
		  }
		}

	/* main nav */

		.nav
		{
      overflow: hidden;
      position: absolute;
      right: -10px;
      top: 51px;
			overflow: hidden; /* required to cut off extra width of items */
		}
		.nav hr,
		.nav h2
		{
			display: none;
		}
		.nav ul,
		.nav li a,
		.nav li a:visited,
		.nav-home .nav li.active a, /* disable home page tab */
		.nav-home .nav li.active a:visited /* disable home page tab */
		{
		}
		.nav ul
		{
			overflow: hidden;
			margin: 0;
			padding: 0;
			float: right;
			list-style: none;
			clear: both;
		}
		.nav li
		{
			position: relative;
			float: left;
			list-style: none;
			margin: 0;
			padding: 0;
			height: 36px;
			overflow: hidden;
		}
		/*
		.nav li:last-child
		{
			border-right: none;
		}
		*/
		.nav li a,
		.nav li a:visited
		{
			display: block;
			padding: 9px 15px; /* set left/right padding to 0 if using auto-justify script */
			text-decoration: none;
			color: 	#777;
			font-weight: normal;
			text-transform: uppercase;
			border-top: solid 1px #fff;
		}
		
		/* hover */
		.nav li a:hover
		{
			color: #aaa;
		}
		
		/* current tab */
		.nav li.active
		{
		  padding: 0 10px;
		}
		.nav li.active a,
		.nav li.active a:visited
		{
			color: #333;
			background: #fff;
			border: solid 1px #e6e6e6;
			border-bottom: 0;
		}
		
		/* smaller size */
		@media only screen and (max-width: 930px) and (min-width: 768px) {
		  .nav a 
		  {
		    font-size: 90%;
		  }
      .nav li a, .nav li a:visited
		  .nav li.active
		  {
		    padding-right: 6px;
		    padding-left: 6px;
		  }
		}
		
		/* mobile */
		@media only screen and (max-width: 767px) {
      .nav {
        display: none;
      }
		}
		
		/* mobile menu link */
		a.mobile-nav-link,
		a.mobile-nav-link:visited
		{
      color: #aaa;
      font-size: 80%;
      position: absolute;
      right: 0;
      top: 40px;
      display: none;
		}
    a.mobile-nav-link:hover
    {
      color: #333;
    }
    
	/* main content area */
	
		.main .wrapper
		{
      color: #666;
      margin-top: 20px;
		}
		.main h1
		{
			color: #333;
			margin: 0 0 .5em 0;
			font-weight: normal;
			font-style: normal;
			font-size: 220%;
			letter-spacing: -1px;
			line-height: 110%;
			text-transform: uppercase;
			-webkit-text-size-adjust: 100%; /* change size in Mobile Safari */
		}
		
		.main h2
		{
			color: #333;	
			margin: 1em 0 .25em 0;
			font-weight: bold;
			font-size: 130%;
			line-height: 120%;
		}
		.main h1+h2
		{
			margin-top: 0;
		}
		.main h3
		{
			color: #333;
			margin: 1em 0 .5em 0;
			font-weight: bold;
			font-size: 115%;
			line-height: 120%;
			clear: left;		
		}
		.main p
		{
			margin: 0 0 .75em 0;
			line-height: 130%;
		}
		
	/* CMS page content */
	 .page-container
	 {
	   overflow: hidden;
	 }
	 .page-side-image
	 {
	   height: 100%;
	   float: left;
	   margin-right: 20px;
	 }
	 @media only screen and (max-width: 767px) {
	   .page-side-image { display: none; }
	 }
	 .page-content
	 {
	   overflow: hidden;
	   position: relative;
	 }
		
		/* colors */
		
			.light,
			.light a:link,
			.light a:visited,
			a.light:link,
			a.light:visited
			{
				color: #999;
			}

			.error
			{
				color: red;
			}
			
		/* inline */
		
			.inline-left
			{
				float: left;
				margin: 0 10px 5px 0;
			}
			.inline-right
			{
				float: right;
				margin: 0 0 10px 15px;
			}
			
		/* indents */
		
			.indent
			{
				margin-left: 20px;
				overflow: hidden;
			}
			
			.no-indent
			{
				overflow: hidden;
			}
			
		/* borders */
		
			img.border,
			a.border img
			{
				border: solid 1px #fff;
			}
			a.border
			{
				/*padding: 0 2px 2px 0;*/
			}
			a.border:hover img,
			a img.border:hover
			{
				border: solid 1px #888;
			}
		
	/* inline image vertical alignment */
	
		.valign-middle
		{
			vertical-align: middle;
		}
		.valign-texttop
		{
			vertical-align: text-top;
		}
		.valign-bottom
		{
			vertical-align: text-bottom;
		}


		/* simple bullet list */
		
		  .main ul
		  {
		    overflow: hidden;
		  }
			ul.bullet
			{
				list-style: none;
				overflow: hidden;
			}
			ul.bullet li
			{
				background:transparent url(images/bullet-custom.png) no-repeat scroll 0 1px;
				list-style-image:none;
				list-style-position:outside;
				list-style-type:none;
				margin:0 0 0.5em;
				padding:0 0 0 20px;
			}

		
	/* breadcrumbs */
	
		.breadcrumbs
		{
			clear: both;
			margin-bottom: 10px;
			font-size: 85%;
		}
		.breadcrumbs ul,
		.breadcrumbs li
		{
			margin: 0;
			padding: 0;
			list-style: none;
		}
		.breadcrumbs ul
		{
			overflow:hidden;
		}
		.breadcrumbs li
		{
			float: left;
			margin-right: 1px;
		}
		.breadcrumbs a
		{
			padding-right: 18px;
			background: url(/images/breadcrumb-arrow.png) right center no-repeat;
			text-decoration: none;
			color: #999;
		}
		.breadcrumbs .active
		{
			font-weight: normal;
			color: #333;
		}

  /* back button */
    .back-button
    {
      margin-bottom: 10px;
    }
    .back-button a
    {
      background: url(/images/back-arrow.png) left center no-repeat;
      padding-left: 18px;
      font-size: 80%;
      margin-left: -3px;
      text-decoration: none;
      color: #999;
    }


/* 
 * Foundation responsive design hacks
 */      

  @media only screen and (max-width: 767px) {
    /* phone mode specific block-grid columns */
    .block-grid.mobile-two-up { margin-left: -4% }
    .block-grid.mobile-two-up>li { margin-left: 4%; width: 46%; margin-bottom: 4%;}
    .block-grid.mobile-three-up { margin-left: -2% }
    .block-grid.mobile-three-up>li { margin-left: 2%; width: 31.3%; margin-bottom: 2%;}
    .block-grid.mobile-four-up { margin-left: -2% }
    .block-grid.mobile-four-up>li { margin-left: 2%; width: 23%; margin-bottom: 2%;}
  }
  
  /* slider */
    #slider,
    .div.orbit-wrapper
    {
      max-height: 520px;
    }
    #slider
    {
    }
    #slider a
    {
      background: #fff;
      text-align: center;
      width: 100%;
      height: 100%;
      display: block;
    }
    #slider img
    {
      max-height: 100%;
      max-width: 100%;
    }
    div.orbit-wrapper div.slider-nav span
    {
      width: 30px;
      height: 100px;
    }
    div.orbit-wrapper div.slider-nav span.left{
      background: url("/images/slideshowtabs-left.png") no-repeat scroll center center;
    }
    div.orbit-wrapper div.slider-nav span.right {
      background: url("/images/slideshowtabs-right.png") no-repeat scroll center center;
    }

  /* contact page */
 
    .contact-links
    {
      overflow: hidden;
    }
    .contact-links p
    {
      background: url(images/contact-icons.png) 0px 8px no-repeat;
      padding: 1px 0 15px 60px;
      margin: 20px 30px;
      font-size: 175%;
      overflow: hidden;
    }
    .contact-links p.sms
    {
      background-position: 0px -55px;
    }
    .contact-links p.email
    {
      background-position: 0px -118px;
    }
    .contact-links a
    {
      text-decoration: none;
    }
    .contact-links a:hover
    {
    }
    .contact-links .label
    {
      display: none;
    }
    .contact-links .phone
    {
      
    }
  	
  	/* mobile */
  	@media only screen and (max-width: 767px) {
  	  .contact-links
  	  {
  	    margin-top: 10px;
  	  }
  	  .contact-links p{
        background: url(images/contact-icons.png) 0px 0px no-repeat;
        padding: 1px 0 15px 45px;
        margin: 0;
        font-size: 130%;
        overflow: hidden;	    
  	  }
      .contact-links p.phone
      {
        background-position: 0px 5px;
      }
      .contact-links p.sms
      {
      }
      .contact-links p.email
      {
        background-position: 0px -124px;
  	    font-size: 100%;
  	    margin-top: 5px;
  	  }
  	  
  	}
	
	/* mobile nav */
	 .mobile-nav 
	 {
	   display: none;
	 }
    @media only screen and (max-width: 767px) {
      .mobile-nav,
      a.mobile-nav-link
      {
        display: block;
      }
    }
    .mobile-nav
    {
      margin-top: 20px;
    }
    .nice.tabs.vertical, .nice.tabs.vertical dd a
    {
      border-color: #ccc;
    }
    .nice.tabs.vertical dd a
    {
      background: #f9f9f9 url(/images/chevron-dark.png) right center no-repeat;
      padding-left: 1em;
      letter-spacing: 1px;
      text-transform:uppercase;
    }
    .nice.tabs.vertical dd.active a
    {
      background: #ccc;
      color: #000;
    }
    .nice.tabs.vertical dd a.active
    {
      background: #333;
      color: #fff;
    }

	/* footer */
	
		.footer
		{
			font-size: 85%;
			line-height: 130%;
			/*margin-bottom: 10px;*/
			clear: both;
			position: relative;
			overflow: hidden;
			text-align: center;
			margin-top: 20px;
      margin-bottom: 20px;
			padding: 10px 0;
		}
		.push-bottom
		{
			position: fixed;
			bottom: 0px;
			width: 100%;
		}
		.footer,
		.footer a,
		.footer a:visited
		{
			color: #666;
			text-decoration:none;
		}
		.footer a:hover
		{
			color: #999;
			text-decoration:none;
		}
		.footer .divider
		{
			color: #444;
			padding: 0 3px;
		}
		.footer hr
		{
			display: none;
		}
  
    .footer span
    {
      margin: 0 10px;
    }
    
    
    /* mobile */
    @media only screen and (max-width: 767px) {
      .footer, .push-bottom {
        position: relative;
        width: auto;
        bottom: auto;
        margin-top: 0;
      }
    }
    @media only screen and (max-width: 500px) {
      #Simplimation
      {
        display: block;    
        margin-top: 10px;
      }   
      .footer span
      {
        margin: 0 5px;
      }
       
    }

	/* Simplimation */	
		
		#Simplimation
		{
		}
		#Simplimation a
		{
			background: url(images/simplimation.png) top left no-repeat;
      font-size: 0;
      padding: 11px 0 10px 95px;
      text-align: left;
      text-indent: -9999px;
		}	




	/* debug */
	
		/* bottom of page */
	
			#debug
			{
				color: #fff;
				background: #000;
				padding: 10px 10px 20px 10px;
				margin: 10px;
				margin-top: 25px;
				clear: both;
				border: dashed 2px #ff6;
				font-family: verdana;
				overflow: auto;
			}
			#debug hr
			{
				display: none;
			}
			#debug h2
			{
				font-size: 120%;
				font-weight: bold;
				text-transform: uppercase;
			}
			#debug h3
			{
				margin-top: 1em;
				margin-bottom: .25em;
				font-size: 85%;
				color: #999;
			}
			#debug pre,
			#debug p
			{
				margin: 0 0 0 20px;
				color: #fff;
			}
		
		/* tables */
		
			table.debug
			{
				border-collapse: collapse;
				background: #fff;
				color: #000;
			}
			table.debug td,
			table.debug th
			{
				border: dotted 2px #ccc;
				padding: 2px 4px;
			}