/*====================*/
/*=== Reset Styles ===*/
/*====================*/

/*
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}
table {
	border-collapse:separate;
	border-spacing:0;
}
caption, th, td {
	text-align:left;
	font-weight:normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:"";
}
blockquote, q {
	quotes:"" "";
}
/* HTML5 tags */
/*header, section, footer,
aside, nav, article, figure {
	display: block;
}
*/
/*===================*/
/*=== Main Styles ===*/
/*===================*/
/* body {
	font:14px/1.6 Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
	color:#333;
	
}

*/
a, a:visited {
	color:blue;
	text-decoration:none;
}
a:hover, a:active {
	color:#000;
	text-decoration:none;
}


.slider-wrapper{
    margin-top:0px;
	position: relative;
}

 
 #slider {
    margin:0 auto;
    width:1176px; /* 1176px - Make sure your images are the same size */
    height:399px; /* Make sure your images are the same size */
	position: relative;
	float:left;
}

 .layer2{
    margin:0 auto;
    width:1176px; /* Make sure your images are the same size */
  /*   height:399px; Make sure your images are the same size */
	position: relative;
	z-index: 11;
	top:0;
	left:0;
	float:left;
	
}

 .leftSlider {
    
    width:556px; /* Make sure your images are the same size */
    height:399px; /* Make sure your images are the same size */
	position: absolute !important;
	top:-399px;
	left:0;
    
}

 .layer3{
    margin:0 auto;
    width:960px; /* Make sure your images are the same size */
 /*    height:399px; /* Make sure your images are the same size */
	position: relative;
	z-index: 21;
	top:0px;
	right: 0;
	float:left;
	
}
.rightSlider {
    background: url('../images/weather-partly-cloudy.png') no-repeat 0 0;
    width:332px; /* Make sure your images are the same size */
    height:399px; /* Make sure your images are the same size */
	position: absolute !important;
	top:-399px;
	right: 0;
	
    
}

/*
 * jQuery Nivo Slider v2.7.1
 * http://nivo.dev7studios.com
 *
 * Copyright 2011, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
 
 
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
	float:left;
	
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}

.nivoSlider a.nivo-imageLink  img{}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:auto;
	height:auto;
	z-index:8;
}
.nivo-caption p {
font-family: "Century Gothic", sans-serif;
color: #ffffff;
font-size: 12pt;
font-weight:normal;
	padding:10px;
	margin:0;
	opacity:1;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:9;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}
/* OVERLAY */

   .simple_overlay {
 
    /* must be initially hidden */
    display:none;
 
    /* place overlay on top of other elements */
    z-index:10000;
 
    /* styling */
    background-color:#000;
 	opacity: .8;
    width:250px;
    min-height:200px;
    border:1px solid #c2c2c2;
 
    /* CSS3 styling for latest browsers */
    -moz-box-shadow:0 0 90px 5px #000;
    -webkit-box-shadow: 0 0 90px #000;
    
    -moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 20px;
-moz-border-radius-bottomright: 30px;
-moz-border-radius-bottomleft: 0;

-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 00px;
-webkit-border-bottom-right-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
}
 
/* close button positioned on upper right corner */
.simple_overlay .close {
    background-image:url(../images/close.png);
    position:absolute;
    right:-15px;
    top:-15px;
    cursor:pointer;
    height:35px;
    width:35px;
}

  .details {
  position:absolute;
  top:0px;
  right:15px;
  font-size:13.5pt;
  color:#fff;
  width:80%;
  padding: 10px;
  }
 
  .details p{ text-align:left; font-family:"Century Gothic"}

 
  .details h3 {
  color:#aba;
  font-size:15px;
  }
/*====================*/
/*=== Other Styles ===*/
/*====================*/
.clear {
	clear:both;
}