@charset "utf-8";
/* CSS Document */


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

ul, li, html, div, span, applet, object, iframe, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, div, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, {
margin: 0;
padding: 0;
border: 0;
outline: 0;
}

body {
width: 100%;
margin: 0;
padding: 0;
border: 0;
outline: 0;
background: url(../images/bg.jpg) repeat;
font-family: Arial, Helvetica, sans-serif;
color: #333;
}

a img {outline : none;}

img {border : 0;}

a {outline : none;}

/*================== Header ==================*/

#header {
width: 1080px;
margin:0 auto;
}
#header img a {
	border:none !important;
}
header h1 {
color: #006000 !important;
font-size: 2.5em;
margin: .83em 0 .2em 0;
}

#feature { 
/*width: 100%;
background: #333;
border-top: #006000 solid 5px; 
border-bottom: #67856b solid 1px;*/ 
}

#feature img {
display: block;
margin: 0 auto;
}


/*================== Main Navigation ==================*/

body#home li.home-header a,body#services li.services-header a,body#professionals li.professionals-header a,body#about li.about-header a,body#resources li.resources-header a,body#industries li.industries-header a,body#contact-us li.contact-us-header a {
font-weight:bold;
}

#menu {  
        list-style:none;
        position:relative;
        width:100%;
		max-width:1080px;
        height:45px;
        margin:20px auto 0px auto;
        padding:0px;
      
        /* Rounded Corners */  
      
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
      
        /* Background color and gradients */  
      
        background:transparent;  
       /* background: -moz-linear-gradient(top, #b6b6b6, #606060);  
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b6b6b6), to(#606060)); */  
      
        /* Borders  
      
        border: 1px solid #626262;  
      
        -moz-box-shadow:inset 0px 0px 4px #959595;  
        -webkit-box-shadow:inset 0px 0px 4px #959595;  
        box-shadow:inset 0px 0px 4px #959595;  */ 
    } 

*+html ul#menu { /*IE7 Hack */
		width:100%;
	} 
      
#menu li {  
        float:right;  
        display:block;  
        text-align:center;  
        position:relative;
        list-style:none;  
        padding: 6px 10px 4px 10px;  
		margin: 7px auto 0px 90px;
    }

#menu li:first-child  {
       margin: 7px 40px 0px 90px;
	}
      
#menu li:hover {  
        border: 1px solid #777777; 
		border-bottom:none !important;
        padding: 6px 9px 8px 9px;  
      
        /* Background color and gradients */  
      
        background:#AABCAC;  
      /*  background: -moz-linear-gradient(top, #F4F4F4, #EEEEEE);  
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4F4F4), to(#EEEEEE));  */ 
      
        /* Rounded corners */  
      
        -moz-border-radius: 5px 5px 0px 0px;
        -webkit-border-radius: 5px 5px 0px 0px;
        border-radius: 5px 5px 0px 0px;
    }
      
#menu li a {
        font-family: 'Cabin', sans-serif;  
        font-size:18px;  
        color: #555;
        display:block;
        margin:0px;
        padding:0px;
        font-weight:normal;
		text-decoration:none;
        outline:0;
        /*text-shadow: 1px 1px 1px #1b1b1b;*/
    }  
      
#menu li:hover a {  
        color:#3e423a;  
        /* text-shadow: 1px 1px 1px #FFFFFF; */
    } 
#menu li .drop {  
        padding-right:21px;    
    }  
	
#menu li:hover .drop {  

    }

	/* Drop Div Styling */ 
    
#menu li .drop-div {
     width:170px;
	position:absolute;  
	margin:4px auto; 
    	left:-9999px; /* Hides the drop down */  
    	text-align:left;  
    	padding:10px 5px;  
    	border:1px solid #777777;  
   	border-top:none;
    z-index:9999 !important;
	 
	 /* Gradient background */  
    background: #F4F4F4; 
   /* background: -moz-linear-gradient(top, #EEEEEE, #BBBBBB);  
    background: -webkit-gradient(linear, 0% 0%, 0% 40%, from(#EEEEEE), to(#BBBBBB)); */  
  
    /* Rounded Corners */  
    -moz-border-radius: 0px 0px 5px 5px;  
    -webkit-border-radius: 0px 0px 5px 5px;  
    border-radius: 0px 0px 5px 5px;        
    }

@-webkit-keyframes fade {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@-moz-keyframes fade {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@-o-keyframes fade {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes fade {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
#menu li:hover .drop-div {
	left:-365px;
	top:33px;
	width:500px;
	-webkit-animation: fade 700ms;
  -moz-animation:    fade 700ms;
  -o-animation:      fade 700ms;
  animation:         fade 700ms;
	}
    

.drop-div h1  {
	padding:8px;
	margin:0px;
	clear:both;
	font-size:14px;
	font-weight:normal;
	border-bottom:1px dotted #666;
	color:#161616;
	}

#menu li .drop-div ul  {
	padding:0px;
	margin:0px;
	}

#menu li .drop-div li  { 
	float:none;
	display:inline-block;
	padding: auto;
	margin: 3px;
	text-align:center;
	position:relative;
	list-style:none;
	width:90px;
	}

#menu li .drop-div li a { 	
	color:#161616;  
	text-shadow: 1px 1px 1px #FFFFFF;
	font-size:14px;
	display:block;
	font-weight:normal;
	}

#menu li .drop-div li:hover  { 
	padding: auto;  
	margin: 3px;
	/* Background color and gradients */  
	background: #dbdbdb;  
	/*background: -moz-linear-gradient(top, #F4F4F4, #EEEEEE);  
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4F4F4), to(#EEEEEE));  */
	-moz-border-radius: 5px;  
	-webkit-border-radius: 5px;  
	border-radius: 5px; 
	border: 1px solid #777777 !important; 
	}

	/* Individual Drop Divs */

#menu li div#services  {
	width:200px !important;
	}

#menu li div#services li  {
    width:115px;
    float:left;
	}


/*======================= Side Nav =======================*/
.side-nav ul {
	-webkit-padding-start: 0px !important;
	}
/* ================= Above Is For USER AGENT STYLESHEET Override ================ */

.side-nav ul {
	margin:none; 
	padding:none !important; 
	list-style-type:none !important;
	}
.side-nav li {
	list-style-type:none !important;
	background:transparent;
	display: block;
	height:40px;
	text-indent:15px;
    -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
  /*  border-radius: 10px;
	border-bottom:1px solid; */
    margin-bottom:10px;
	width:250px;
	margin-left:-41px;
}

.side-nav li a {
	display:block;
	line-height:40px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	color: #555555;
	text-decoration:none;
}
@-webkit-keyframes shake {
  0%   { -webkit-transform: rotate(0deg); }
  33%  { -webkit-transform: rotate(-1deg); }
  66%  { -webkit-transform: rotate(1deg); }
  100% { -webkit-transform: rotate(0deg); }
}
@-moz-keyframes shake {
  0%   { -moz-transform: rotate(0deg); }
  33%  { -moz-transform: rotate(-1deg); }
  66%  { -moz-transform: rotate(1deg); }
  100% { -moz-transform: rotate(0deg); }
}
@-o-keyframes shake {
  0%   { -o-transform: rotate(0deg); }
  33%  { -o-transform: rotate(-1deg); }
  66%  { -o-transform: rotate(1deg); }
  100% { -o-transform: rotate(0deg); }
}
@keyframes shake {
  0%   { transform: rotate(0deg); }
  33%  { transform: rotate(-1deg); }
  66%  { transform: rotate(1deg); }
  100% { transform: rotate(0deg); }
}
.side-nav li a:hover {
	background:#AABCAC !important;
	color:#3E423A !important;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
	border:1px solid;
	z-index:999;
	padding-left:30px;
	-webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
	-webkit-animation: shake 1s;
    -moz-animation:    shake 1s;
    -o-animation:      shake 1s;
    animation:         shake 1s;
}
.side-nav li a:active {
	background:#AABCAC !important;
	color:#3E423A !important;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	border:1px solid;
	z-index:999;
	padding-left:30px;
}
.side-nav li a span {
	line-height:40px;	
}



/* ==================== Product Pages =================== */

#landing {
	width:810px;
	float:right;
}

#landing h2 {
	font-size:18px;
	color:#960;
	clear:both;
}

#product {
	width:240px;
	min-height:250px;
	float:left;
	margin:20px 30px 0px 0px;
	background-color:#039;
}






/*================== Content ==================*/

.aside h3 {
	text-align:center !important;
	margin-left:-45px;
}
.aside {
width: 250px; 
float: left;
}
#wrapper {
width: 100%;
margin: 0 auto;
background: url(../images/content-bg.jpg) repeat;
border-bottom: #856941 solid 5px; 
}

#content {
font-size: 1em;
}

.container {
width: 1080px; /* 60em = 960px = 69.018% */
margin: 0px auto;
}

article {
width: 700px; /* 43.75em = 700px = 72.916667% */
display: block;
float: right;
margin-left: 10px;
}


.text-center { text-align: center; }

.clear {
clear: both;
}


/*================== Footer ==================*/

footer { 
margin-top: 25px !important;
color: #006000;
font-size: .9em;
}

footer ul li a {
color: #547158 !important;
display: block;
padding: 4px 0;	
}

footer ul li a:hover {
color: #759079 !important;
}
.kale {
	width:540px;
	margin-right:270px;
	float:right;
	padding-top:20px;
}
.mcbryde {
color: #666;
margin-top: 100px;

font-size: .8em;	
}


/*================== Links ==================*/

a {
color: #77b077;	
}

a:hover {
color: #67856b;
}


/*================== Form ==================*/

#form {
width: 400px;
margin: 0 auto;	
float:left;
margin-left:40px;
}


/*================== Details ==================*/

h1, h2, h3, h4, h5, h6 {
color: #67856b;
font-family: 'Cabin', sans-serif;
}

b {
font-family: 'Cabin', sans-serif;
}

tr {
padding: 10px;
}

td {
padding: 5px;
}