/* RESPONSIVE GRID SYSTEM =============================================================================  */

/* BASIC PAGE SETUP ============================================================================= */
body { 
margin : 0 auto;
padding : 0;
text-align: left;
}

button, 
input, 
select, 
textarea { 
font-family : 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif; 
color : #333; }
.white {font-size: 14px; line-height: 1.4em; font-family: 'Raleway', sans-serif; color: #fff; padding: 4px 4px 10px 4px; margin: 0; word-wrap: break-all;}
.val {color: red;}
/*  HEADINGS  ==============================================================================================================================================================*/


h1 {font-size: 40px; font-family: 'Raleway'; color: #d82900; padding: 4px; margin: 0;text-align: left; line-height: 44px; font-weight: 700;}
h2 {font-size: 30px;  font-family:'Raleway'; color: #ea6e00; padding: 4px; margin: 0;text-align: left;line-height: 44px; font-weight: 700;}
h4 {font-size: 22px;  font-family:'Raleway'; color: #d6ae00; padding: 4px; margin:0px; text-align: left;font-weight: 700; }
h3 {font-size: 26px;  font-family:'Raleway'; color: #e67912; padding: 4px; margin:  0; text-align: left;font-weight: 700;}
/* LISTS =================================================*/

/*  TYPOGRAPHY  ==============================================================================================================================================================================*/
p, ol, ul, dl, address { 

margin-bottom : 1.5em; 

font-size : 14px; /* 16 / 16 = 1 */ }
p {font-size: 16px; line-height: 1.4em; font-family:Century Gothic, sans serif; color: #666; padding: 4px 4px 10px 4px; margin: 0; word-wrap: break-all;}
hr { 
display : block; 
margin : 1em 0; 
padding : 0;
height : 1px; 
border : 0; 
border-top : 1px solid #666;
}
.clear {clear: both;}
 a:link {font-family:Century Gothic, sans-serif; font-size: 14x; padding: 2px 4px 2px 0px; color: #9fba2a; text-decoration: none; -webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease; font-weight: normal;}
 a:visited {font-family:Century Gothic, sans-serif; font-size: 14px; padding: 2px 2px 2px 0px; color:#000; text-decoration: none;font-weight: normal;}
 a:hover { color: #697c4f; text-decoration: none;font-weight: normal;}

/* The CSS */

/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select {padding-right:18px;}
}

/* GLOBAL 

/*WRAPPER*/
#wrapper {width: 100%;position: relative;text-align: left; background-color:#fff; background-image: url("../imgs/bg.jpg");background-repeat: no-repeat; background-size: cover; padding: 0; margin: 0;
 }
/*HEADER*/
#headcontainer {width: 100%;}
header {clear: both;width: 100%; /* 1000px / 1250px */font-size: 0.8125em; /* 13 / 16 */max-width: 1200px; /* 1200px / 13 */margin:0 auto 0 auto;padding:  0px;position: relative;  }

/*Specific content divs*/
#maincontent2 {width: 100%;
}
.maincontent2{clear: both;width: 100%; /* 1000px / 1250px */font-size: 0.8125em; /* 13 / 16 */max-width: 1200px; /* 1200px / 13 */margin: 0px auto;padding: 0px 0px px 0px;color: #333;line-height: 16px;position: relative;text-align: left; }
#maincontent {width: 100%;
}
.maincontent{clear: both;width: 100%; /* 1000px / 1250px */font-size: 0.8125em; /* 13 / 16 */max-width: 1200px; /* 1200px / 13 */margin: 0px auto;padding: 0px 0px px 0px;color: #333;line-height: 16px;position: relative;text-align: left; }
.maincontent a:link {font-family:Century Gothic, sans-serif; font-size: 14x; padding: 2px 4px 2px 0px; color: #333; text-decoration: none; -webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease; font-weight: normal;}
.maincontent a:visited {font-family:Century Gothic, sans-serif; font-size: 14px; padding: 2px 2px 2px 0px; color:#000; text-decoration: none;font-weight: normal;}
.maincontent a:hover { color: #999; text-decoration: none;font-weight: normal;}


/*FOOTER*/
#footercontent {width: 100%; background-color: #677d4e; text-align: left;}
footer {
clear: both;width: 100%; /* 1000px / 1250px */font-size: 0.8125em; /* 13 / 16 */max-width: 1200px; /* 1200px / 13 */margin: 0 auto;padding: 10px 0px 10px 0px;text-align: left; }
footer p {color: #fff; font-size: inherit;}		
footer a:link {font-family:Century Gothic, sans-serif; font-size: 12px; padding: 0px; color: #fff; text-decoration: none; -webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;}
footer a:visited {font-family:Century Gothic sans-serif; font-size: 12px; padding: 0px; color:#ccc; text-decoration: none;}
footer a:hover { color: #5cc4b6; text-decoration: none;}
/*COPYRIGHT*/
#copyright {width: 100%; background-color: #dc5957; padding: 10px 0 40px 0}
.copyright{clear: both;width: 100%; /* 1000px / 1250px */font-size: 0.8125em; /* 13 / 16 */max-width: 1200px; /* 1200px / 13 */margin: 0px auto;padding: 10px 0px 10px 0px;color: #333;line-height: 26px;position: relative;text-align: center;}
.copyright a:link {font-family:Century Gothic sans-serif; font-size: 14px; padding: 2px 4px 2px 4px; color: #333; text-decoration: none; -webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease; font-weight: bold;}
.copyright a:visited {font-family:Century Gothic, sans-serif; font-size: 14px; padding: 2px 2px 2px 0px; color:#000; text-decoration: none;font-weight: bold;}
.copyright a:hover { color: #554893; text-decoration: none;font-weight: bold;}
.copyright p {color: #000; font-size: 14px;}
/*NAVIGATION*/
#navigationcontent {width: 100%; position: relative; background-color: transparent; margin: 0; padding: o; }
.navigationcontent {clear: both;width: 100%; /* 1000px / 1250px */font-size: 0.8125em; /* 13 / 16 */max-width: 1200px; /* 1200px / 13 */margin: 0 auto ;padding:0; position: relative;}
.navigationcontent h1 {font-size: 36px; font-family: 'Raleway'; color: #447521; padding: 4px; margin: 10px 0 0 0; text-align: left; line-height: 36px}
.navigationcontent h3 {font-size: 20px;  font-family:'Raleway'; color: #333; padding: 4px; }

/*RESPONSIVE DROPDOWM MENU===============================================================================*/
    .menu{display:block; margin-top: 30px;}
     
    .menu li{display: inline-block;
    position: relative;
    z-index:100;
	
		}     
    .menu li a {font-weight:600;
    text-decoration:none;
    padding:6px 10px 6px 10px;
    display:block;
   /* color:#999;*/
   color: #6699cc;
     font-family: 'Rajdhani', sans-serif;
		 font-size: 14px;
	text-transform: none;

    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
		background-color: #fff;
		border-radius: 3px;
    }
     
    .menu li a:hover, .menu li:hover > a{color:#fff; background-color: #6699cc; 
   }
	    /* hide the second level menu */
    .menu ul {display: none;
    margin: 0;
    padding: 0px;
    width: 260px;
    position: absolute;
    top: 30px;
    left:10px;
    background: #fff;

    }
     
    /* display second level menu on hover */
    .menu li:hover > ul{ display: block;}
     
    .menu ul li {display:block;
    float: none;
    
    margin:0;
    padding:4px;/*added the 2 px padding* NOV 3?
    }
     
    .menu ul li a {font-size:12px;
    font-weight:normal;
    display:block;
    /*color:#797979;*/
	color: #333;
  
    background:#fff;
	
		}
     
    .menu ul li a:hover, .menu ul li:hover > a{
    background:none;
   color:#fff;
    }

/*===============MOBILE MENU===============================================================*/	
	
	    .mobile-menu{display:none;
    width:100%;
   height: 30px;
    background:none;
    color:#fff;
    text-transform:uppercase;
    font-weight:normal;
		text-decoration: none;
		padding-left: 3px;
    }
    .mobile-menu:hover{
    color:#dc5957;
    text-decoration:none;
    }
	   
/*  SECTIONS  ===================================================================================================================================================== */
.section {clear: both;padding: 0px;margin: 0px;}
/* IMAGES ==========================================================================================================================================================*/
img {
border : 0;
max-width: 100%;
height: auto;
}
img.floatleft { float: left; margin: 0 10px 0 0; }
img.floatright { float: right; margin: 0 0 0 10px; }


/* FORMS ============================================================================= */
input.text {
color: #333;
background-color: #fefefe;
border: 1px solid #cccccc;
width: 30%;
height: 18px;
margin: 2px;
padding: 2px 2px 2px 4px;
}
input.btn {
color: #ffffff;
background-color: #666;
border: 1px solid #cccccc;
float: left;
margin-top: 10px;
margin-right: 10px;
}
textarea.txt {
width: 30%;
height: 150px;
color: #333;
background-color: #fefefe;
border: 1px solid #cccccc;
-webkit-border-radius:1px;
-moz-border-radius:1px;
border-radius: 1px;

}
select p {
color: #666666;
font-size: .9em;
background-color: #f4f4f4;
border: 1px solid #cccccc;
width: 150px;

}

button, search, input, select, textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
}
button, input, select, textarea {
    color: #333333;
    font-family: 'century gothic',,sans-serif;
}
form p {
clear: left;
padding: 1px;
margin: 0;
color: #333;
}
form p label{
float: left;
width: 20%;
    font-family: 'century gothic',,sans-serif;
padding-top: 2px;
}
input:focus {
background: #f1f1f1;
}
.required {
color: #F00;
}
.antispam { display:none;}
/*====================================================================*/
button, 
search,
input, 
select, 
textarea { 
font-size : 100%; 
margin : 0; 
vertical-align : baseline; 
*vertical-align : middle; }
button, input { 
line-height : normal; 
*overflow : visible; }
input:focus {
background: #f1f1f1;
}
textarea:focus {
	background: #f1f1f1;
}

button, 
input[type="button"], 
input[type="reset"], 
input[type="submit"] { 
padding: 3px 15px;
margin: 2px 0 0 0px;
cursor : pointer; 
/*text-shadow:0 1px 0 #fff;*/
background-color: #c2cf8a;
font-size: 14px;
color: #000;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius: 5px;
}
input[type="checkbox"], 
input[type="radio"] { 
box-sizing : border-box; }
input[type="search"] { 
	box-sizing : content-box;
}
button::-moz-focus-inner, 
input::-moz-focus-inner { 
padding : 0;
border : 0;  }
input{

margin:0;
border:1px solid #ccc;
font-size:1em;
padding:2px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius;2px;
background:#fff;
}
	input::-webkit-input-placeholder,
	input:-moz-placeholder,
	.placeholder{
	color:#bbb;
	}
	input::-moz-focus-inner {border:0;}
	input[disabled="disabled"], input.disabled{
	color:#999;
	background:#f5f5f5;
	-moz-box-shadow:inset 0px 0px 2px #ddd;
	-webkit-box-shadow:inset 0px 1px 2px #ddd;
	box-shadow:inset 0px 1px 2px #ddd;
	}
/* Colors for form validity */

input:valid, 

textarea:valid   {  
/* Styles */ }

input:invalid, 
textarea:invalid {
-webkit-box-shadow : 0 0 2px #f00; 
-moz-box-shadow : 0 0 2px #f00;
box-shadow : 0 0 2px #f00; }
.no-boxshadow input:invalid, 
.no-boxshadow textarea:invalid {
background-color : #ccc; }

/*  BUTTONS  ============================================================================= */
.button{
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-weight: normal;
color: #fff;
	padding: 5px 15px 5px 15px;
	margin: 1px 0 0 10px;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 8px;
	/*-webkit-box-shadow: 0 0 10px rgba(0,0,0,.2);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.2);
	box-shadow: 0 0 10px rgba(0,0,0,.2);*/
	/*background: #cc1122 url(/images/glass.png) repeat-x 0 50%;*/
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	font-size : 14px;
	background: #c2cf8a;
}
.button:link {background: #c2cf8a ;
	color: #333;
	text-decoration: none;
}


.button:hover {
background: #697c4f ;
	color: #fff;
	text-decoration: none;
}

.button:active {
	color: #fff;
	position: relative;
	top: 1px;

}

.button:visited { 
	color : #fff;
}


/*  GLOBAL OBJECTS ============================================================================= */
.breaker { clear: both; }

.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}
.floatleft {
    float: left; 
.floatright {
    float: right;

}
i {
    color:#336600;
    display: inline;
    font-family: FontAwesome;
    font-size: 18px;
    font-style: normal;
    font-weight: bold;
    padding: 2px 10px 0 0;
    text-align: left;
		cursor:pointer;
}
i2{
    color:#333;
    display: inline;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: bold;
    padding: 2px 10px 0 0;
    text-align: left;
		cursor:pointer;
}