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

        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 { 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; }
.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; }

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

.bodybox{ vertical-align:middle; background-repeat: repeat;  width:auto; height:500px; margin-right: auto; vertical-align:middle; margin-left: auto; }
.bodywrap{ width:960px; margin-right: auto; margin-left: auto;  z-index:3; padding-top:20px; }
.bodyleft1 { width:300px; height:512px; margin-top:100px; float:left;  z-index:3; position: relative; }
.bodyleft2 { width:300px; height:512px; margin-top:-418px; float:left;  z-index:3; position: relative; }
.bodyleft3 { width:330px; height:512px; margin-right:350px; float:right; margin-top:-512px; z-index:3; position: relative; }
.bodylogo { width:960px; 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; font-weight:200;}

.bodytextitalic{ padding-top:10px; font-size:12px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; line-height:23px; color: rgb(102, 102, 102); }
.bodytext2{ padding-top:10px; color:797979!important; font-size:12px; line-height:16px;font-weight:200; }
.bodytext3{ padding-top:10px; color:797979!important; font-size:12px; line-height:24px; }

.bodyright { width:350px; height:512px; float:right; margin-top:100px;  z-index:3; position: relative;; right:0;   }

.bodyleft { width:420px;  float:left; z-index:3; position: relative;; right:0;   }


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

.bodyphoto {position:relative; width:500px; float:right;  z-index:3; 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; }

.item{
    float:left; 
    width:300px;
    height:400px;
    margin:10px;
}



.bodyicon {margin-top:10px; width:50px; }

.bodylabel {font-size:19px; font-weight:bold; color:#393939; text-transform:capitalize !important; }


/* ------------------------------- 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%;
    bottom: 0;
	height:60px;
	z-index:99999;
	position:relative;
	clear:both;
	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.subpage { top:125px; }
.footer.contact { position:fixed; bottom:0; }
.footer p {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size:12px;
    color:#585858;
    margin-top:40px;
}

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

body {
	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:20px;
	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 {
	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;
	NObox-shadow: inset 0px 2px 4px rgba(0,0,0,0.4);
	left: 5px;
	opacity: 1;
}

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

.menu li:hover ul a {
	background: none;
	border-radius: 0;
	box-shadow: none;
}

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








#cssmenu ul,
#cssmenu li,
#cssmenu span,
#cssmenu a {
  margin: 0;
  padding: 0; 
  position: relative;
}
#cssmenu {
  height: 42px;
  margin-top:6px;
  margin-right:-18px;
  float:right; 
 
}
#cssmenu:after,
#cssmenu ul:after {
  content: '';
  display: block;
  clear: both;
}
#cssmenu a {
  background: # ;
 
  color: #fff;
  display: inline-block;
  font-family: Helvetica, Arial, Verdana, sans-serif;
  font-size: 12px;
  line-height: 49px;
  padding: 0 20px;
  text-decoration: none;
}
#cssmenu ul {
  list-style: none; text-align:left;  }
#cssmenu > ul {
  float: left !important;
}
#cssmenu > ul > li {
  float: left !important;
}
#cssmenu > ul > li:hover:after {
  content: '';
  display: block;
  width: 0;
  height: 0; 
  position: absolute;
  left: 50%;
  bottom: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #f1f1f1;
  margin-left: -10px;
}
#cssmenu > ul > li:first-child > a { 
 
}
#cssmenu > ul > li:last-child > a {
 
}
#cssmenu > ul > li.active a {
 
  

}
#cssmenu > ul > li:hover > a {
  
}
#cssmenu > ul > li ul a { 

}
#cssmenu .has-sub {
  z-index: 1;
}
#cssmenu .has-sub:hover > ul {
  display: block; 
}
#cssmenu .has-sub ul { 
  display: none;
  position: absolute;
  width: 120px; 
  top: 100%;
  left: 0;
}
#cssmenu .has-sub ul li {
  *margin-bottom: -1px; 
}



#cssmenu .has-sub ul li:hover a { 

}

#cssmenu .has-sub .has-sub:hover > ul {
  display: block;
}

#cssmenu .has-sub .has-sub ul {
  display: none;
  position: absolute;
  left: 100%;
  top: 0;
}

#cssmenu .has-sub .has-sub ul li a {
 color:#333 !important;
}

#cssmenu .has-sub .has-sub ul li a:hover {

}


.red{color:#ed1c24 !important;}

a:hover {color:#ed1c24 !important;}

#cssmenu .has-sub ul li a {
  background: #fbfbfb;
  box-shadow: inset 0px -11px 8px -10px #CCC;
  filter: none;
  font-size: 11px;
  display: block;
  line-height: 120%;
  padding: 10px;
  color:#333 !important;
}

#cssmenu .has-sub ul li a:hover {
  color:#ed1c24!important;
}

#cssmenu .has-sub ul li a {
  background: #fbfbfb;
  box-shadow: inset 0px -11px 8px -10px #CCC;
  filter: none;
  font-size: 11px;
  display: block;
  line-height: 120%;
  padding: 10px;
  color:#333 !important;
}

.footer .footerwrap a{
    color:#333 !important;
  text-decoration:none
}
  
.footer .footerwrap a:visited{
    color:#333 !important;
}

.footer .footerwrap a:hover{
    color:#ed1c24 !important;
}
  

#contact-form {
    background-color: rgb(242, 242, 242);
    width: 400px;
    padding: 20px;
    margin-top: 24px;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.7);
	-webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.7);
    border-style: solid;
    border-width: 1px;
    border-color: rgb(255, 255, 255);
    position: relative;
    float: right;
}

#contact-form h1 {
	font-size:42px;
}

#contact-form h2 {
	margin-bottom:15px;
	font-style:italic;
	font-weight:normal;
}

#contact-form input, 
#contact-form select, 
#contact-form textarea, 
#contact-form label {
	font-size:12px;
	margin-bottom:2px;
}

#contact-form input, 
#contact-form select, 
#contact-form textarea {
	width:390px;
	border: 1px solid #CEE1E8;
	margin-bottom:20px;
	padding:4px;
}

#contact-form input:focus, 
#contact-form select:focus, 
#contact-form textarea:focus {
	border: 1px solid #AFCDD8;
	background-color: #EBF2F4;
}

#contact-form textarea {
	height:150px;
	resize: none;
}

#contact-form label {
	display:block;
}

#contact-form .required {
	font-weight:bold;
	color:#F00;	
}

#contact-form #submit-button {
	width: 100px;
	background-color:#333;
	color:#FFF;
	border:none;
	display:block;
	float:right;
	margin-bottom:8px;
	
	background-color:#ed1c24;
	
}

#contact-form #submit-button:hover {
	background-color: #ed5c28;
}

#contact-form #submit-button:active {
	position:relative;
	top:1px;
}

#contact-form #loading {
	width:32px;
	height:32px;
	background-image:url(../img/loading.gif);
	display:block;
	position:absolute;
	right:130px;
	bottom:16px;
	display:none;
}

#errors {
	
	display:block;
	width:400px;
	color:#FFF;

	background:#ed1c24 url(../img/cancel_48.png);
	display:none;
}

#errors li {
	padding:2px;
	list-style:none;	
}

#errors li:before {
	content: ' - ';	
}

#errors #info {
	font-weight:bold;
}

#errors #info:before {
	content: '';	
}

#success {
	border:solid 1px #83D186;
	padding:25px 10px;
	margin:25px 0px;
	display:block;
	width:400px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	background:#D3EDD3 url(../img/accepted_48.png) no-repeat 405px center;
	font-weight:bold;
	display:none;
}

#errors.visible, #success.visible {
	display:block;	
}

#req-field-desc {
	font-style:italic;
}

/* Remove box shadow firefox, chrome and opera put around required fields. It looks rubbish. */
input:required, textarea:required {
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	-o-box-shadow:none;
	box-shadow:none;
}

/* Normalize placeholder styles */

/* chrome, safari */
::-webkit-input-placeholder {
	color:#CCC;
	font-style:italic;
}

/* mozilla */
input:-moz-placeholder, textarea:-moz-placeholder {
	color:#CCC;
	font-style:italic;
}

/* ie (faux placeholder) */
input.placeholder-text, textarea.placeholder-text  { 
	color:#CCC;
	font-style:italic;
}