/*------------------------------------------------------------------------

        Name: Full Width Slider 2.0
        Design and Develpment: eightyclouds
        Author URI: http://www.eightyclouds.com
        Version: 1.0

--------------------------------------------------------------------------

   01. CSS Reset
   02. Head Styles
   03. Top Slider Styles
   04. Media Query Max Width 1300, Min Width 720
   05. Media Query Max Width 719
   
*/

/* ------------------------------- 1. Resets ------------------------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,
b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0;  padding: 0; border: 0;  outline: 0;  font-size: 100%;  vertical-align: baseline;  background: transparent; }


article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { display: block; }

nav ul {list-style: none;}

blockquote, q { quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }

a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

table { border-collapse: collapse; border-spacing: 0; }

input, select { vertical-align: middle; }


/* ------------------------------- 2. Head Styles - Not Important for the Slider. Demo Purpose Only! ------------------------------- */

body { NObackground-image:url(../img/fabric_plaid.png); background-color:#fbfbfb; z-index:2; }

.logo { background-image:url(../img/logo.png); background-position:center; vertical-align:middle; background-repeat:no-repeat; float:0; height:100px; width:194px; margin-left:-20px; }

.headline {  width:960px;  margin-right:auto; vertical-align:middle; margin-left:auto; height:100px;  text-align:center; background-color:fff !important; z-index:999;  }

.headlinebox{ width:auto; height:100px; margin-right: auto; vertical-align:middle; background-color:#fbfbfb; z-index:999;  margin-left: auto; }



.headlineboxcontact{ width:auto; height:100px;
box-shadow: 
        inset 0px 11px 8px -10px #CCC,
        inset 0px -11px 8px -10px #CCC;  margin-right: auto; vertical-align:middle; background-color:#fbfbfb; z-index:999;  margin-left: auto; }





.sliderbox{ background-image:url(../img/fabric_plaid.png); vertical-align:middle; border-bottom:#FFF; border-bottom-width:3px; border-top:#FFF; border-top-width:3px; border: 1px  #CCC solid;
 background-repeat: repeat;   box-shadow: 
        inset 0px 11px 8px -10px #CCC,
        inset 0px -11px 8px -10px #CCC; width:auto; height:312px; margin-right: auto; vertical-align:middle; background-color:# F3C;  margin-left: auto; }


.map {  margin-top:10px;   position: relative;  }

.photos { float:right;z-index:999; margin-top:-595px;   position: relative; ; }

.bodybox{ NObackground-image:url(../img/fabric_plaid.png); vertical-align:middle; background-repeat: repeat;  width:auto; height:500px; margin-right: auto; vertical-align:middle; NObackground-color:#fbfbfb;  margin-left: auto; }
.bodywrap{ width:960px; margin-right: auto; margin-left: auto;  z-index:3; padding-top:20px;NObackground-color:#F66;   }

.bodyleft1 { width:300px; height:512px; margin-top:100px; float:left;  z-index:3; position: relative; NObackground-color:#F53;   }
.bodyleft2 { width:300px; height:512px; margin-top:-418px; float:left;  z-index:3; position: relative; NObackground-color:#F84;   }
.bodylogo {  height:112px; float:left;  z-index:4; position: absolute;  }
.bodytext {  margin-top:-37px; color:797979!important; font-size:12px; line-height:16px;  width:230px; margin-left:50px; z-index:6; position: absolute; NObackground-color:#F13; font-weight:200;}
.bodytexttwo {  margin-top:-37px; color:797979!important; font-size:12px; line-height:26px;  width:230px; margin-left:50px; z-index:6; position: absolute; NObackground-color:#F13; font-weight:200;}


.bodytext li{
   list-style:inside; padding-top:4px; 
   
}

.bodytextitalic{ padding-top:6px; font-size:12px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; line-height:26px;  }
.bodytext2{ padding-top:10px; color:797979!important; font-size:12px; line-height:16px;font-weight:200; }

.bodyright { NObackground-image:url(../img/logo_bg.png);  font-weight:200;line-height:26px;  color:#666; width:350px; height:512px; float:right; margin-top:98px;  z-index:3; NObackground-color:#F26; position: relative;; right:0;   }

.bodyleft { NObackground-image:url(../img/logo_bg.png); width:420px;  float:left; z-index:3; NObackground-color:#F26; position: relative;; right:0;   }

.bodyleftcontact { NObackground-image:url(../img/logo_bg.png); width:420px; margin-top:20px;  float:left; z-index:3; NObackground-color:#F26; position: relative;; right:0;   }
.bodywrapphoto{ width:960px; height:312px; margin-right: auto; margin-left: auto;  z-index:3; NObackground-color:#F66;   }

.bodyphoto {position:relative; width:500px; float:right;  z-index:3; NObackground-color:#F26; margin-top:5px; padding-bottom:20px;   }

.bodyphoto img {   -webkit-box-shadow: 0 2px 5px rgba(0,0,0, 0.7);   
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7); border-style:solid;
border-width:1px; border-color:#FFF;

  
  }

.space {height:980px; width:1px; NObackground-color:#CF6;}

#map {width:480px; height:440px; position:relative; }
.contactform {position:relative; width:334px; float:right;  z-index:3; NObackground-color:#F26; margin-top:5px; padding-bottom:20px;   }


.bodyicon {margin-top:10px; width:50px; NObackground-color:#F93;}

.bodylabel {font-size:19px; font-weight:bold; color:#393939; text-transform:capitalize !important; }
.container {width:960px; margin-right: auto; margin-left: auto;  z-index:3;}
#fwslider .slider_container { z-index:3;
}

/* ------------------------------- 3. Slider Styles ------------------------------- */

#fwslider {
    position: relative;
        width:960px;
		 z-index:3;
	height:312px;
}


.slider_container {width:960px; height:312px; margin-right: auto; margin-left: auto;  z-index:3;}
#fwslider .slider_container { z-index:3;
}

#fwslider .slide {
    display: none;
	height:312px;
    position: absolute;
	 width:960px;
    top:0;
    left:0;
    z-index: 4;
   
}

#fwslider .slide img { width:960px;height:312px;
  margin-right: auto; margin-left: auto    z-index: 4;;
}

#fwslider .slidePrev {
    background:#000;
    width:50px;
    height:44px;
    position: absolute;
	margin-left:-50px;
    top:50%;
    left:-50px;
    opacity:0.5;
    z-index:444;
}

#fwslider .slidePrev span {
    background-image:url("../img/left_arrow.png");
    width:50px;
    height:44px;
    float:left;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    cursor: pointer;
}

#fwslider .slideNext {
    background:#000;
    width:50px;
    height:44px;
    position: absolute;
    top:50%;
	margin-right:-50px;
    right:-50px;
    opacity:0.5;
    z-index:8;
}

#fwslider .slideNext span {
    background-image:url("../img/right_arrow.png");
    width:50px;
    height:44px;
    float:left;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    cursor: pointer;
}

#fwslider .timers {
    height:4px;
    position: absolute;
    bottom:15px;
    right:0;
    z-index: 3;
}

#fwslider .timer {
    height:4px;
    width:40px;
    background-color: #000;
    float:left;
    margin-right: 10px;
}

#fwslider .progress {
    height:4px;
    width:0%;
    background-color: #666;
    float:left;
}




.telco {width:960px; height:312px;margin-right: auto; margin-left: auto;    background-color: # FF9;}




#fwslider .slide_content {
    top:0;
    left:0;
    position: absolute;
    width:960px;
    height:312px;
	 z-index: 9;
}

#fwslider .slide_content_wrap { /* Slider Text Content Container Style */
    margin-left:20px;
   
}

#fwslider .title {  /* Slider Title Style */
	opacity: 0;
	color: #000;
	
	font-size: 36px;
	margin-top: 93px;
	float: left;
	font-family: 'Open Sans';
	font-style: bold;
	font-weight: 900;
}

.white {  /* Slider Title Style */
	text-shadow: 1px 1px 1px #000; 
	color: #fff !important;
	font-size: 36px;
	margin-top: 93px;
	float: left;
	font-family: 'Open Sans';
	font-style: bold;
	font-weight: 900;
}
#fwslider .description { /* Slider Description Style */
    opacity: 0;
    color:#FFF;
    font-size:36px;
    background:#ed1c24;
    padding:10px;
    clear:both;
    float:left;
    margin-top:-8px;
    line-height:24px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
}

#fwslider .readmore { /* Slider Read More button Style */
    opacity: 0;
    clear:both;
    float:left;
    text-transform:uppercase;
    font-size:10px;
    color:#919191;
    background:#fff;
    padding:10px;
    text-decoration: none;
    margin-top:4px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
}

#fwslider .readmore:hover {
    color:#fff;
}

.footer {
    width:100%;
    float:left;
	 position: fixed; 
    bottom: 0;
	height:60px;
	z-index:99999;
	
	border-bottom:#ccc; border-bottom-width:1px; border-top: 1px  #CCC solid;
	
	
	
box-shadow: 
        inset 0px 11px 8px -10px #CCC,
        inset 0px -11px 8px -10px #CCC;
  
	background-color:#FFF;
	NO background-image:url(img/fabric_plaid.png); background-repeat:repeat; 
	
}

.footer p {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size:12px;
    color:#585858;
    margin-top:50px;
}

/* ------------------------------- 4. Media Query Max Width 1300, Min Width 720 ------------------------------- */

body {
	NObackground: url('img/denim.png');
	font-family: 'Droid Sans', sans-serif;;
}

.clearfix {
	clear: both;
}

.wrap {
	width: 960px;
	margin-top:-75px;
	position:relative;
	z-index:99999;
	
}
.footerwrap {
	font-size:10px;
	width: 960px;
	margin-top:24px;
	color:#626262;
	
	position:relative;
	z-index:99999;
	 margin-right: auto; margin-left: auto;
	
}
.bodywraptop {position:absolute; top:0; width:100%;
	

	z-index:0;
	
	}
	
	.left {float:right; margin-right:-6px;}
	.right {float:right; margin-right:0px;}
	
.bodytop {
	
	width: 960px;
	position:relative;
	
	 background-color:#C96;
	 margin-left:auto;
	 margin-right:auto;
	z-index:99999;
	
	}

nav {
	NObackground: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#ccc));
	NObackground-image: linear-gradient(#fff, #ccc);
	NOborder-radius: 6px;
	NObox-shadow: 0px 0px 4px 2px rgba(0,0,0,0.4);
	padding: 0 10px;
	position: relative;
}

.menu li {
	float: right;
	position: relative;
}

.menu li a {
	color: #444;
	display: block;
	font-size: 12px;
	line-height: 20px;
	padding: 6px 12px;
	margin: 8px 8px;
	vertical-align: middle;
	text-decoration: none;
}

NO.menu li a:hover {
	background: -webkit-gradient(linear, center top, center bottom, from(#ededed), to(#fff));
	background-image: linear-gradient(#ededed, #fff);
	border-radius: 12px;
	box-shadow: inset 0px 0px 1px 1px rgba(0,0,0,0.1);
	color: #222;
}

/* Dropdown styles */

.menu ul {
	position: absolute;
	left: -9999px;
	list-style: none;
	opacity: 0;
	transition: opacity 1s ease;
}

.menu ul li {
	float: none;
}

.menu ul a {
	white-space: nowrap;
}

/* Displays the dropdown on hover and moves back into position */
.menu li:hover ul {
	background: rgba(255,255,255,0.7);
	border-radius: 0 0 6px 6px;