/********************************************
MEDA Limited Engineering & Technical Services
Copyright 2011
Coded by: Brandon Bartelds
********************************************/


/*******************************************************
***   FONTS                                          ***
*******************************************************/

/*@font-face {*/
    /*font-family: 'SpecialEliteRegular';*/
    /*src: url('http://brandontest.medagroup.com/fonts/specialelite-webfont.eot');*/
    /*src: url('http://brandontest.medagroup.com/fonts/specialelite-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://brandontest.medagroup.com/fonts/specialelite-webfont.woff') format('woff'),
         url('http://brandontest.medagroup.com/fonts/specialelite-webfont.ttf') format('truetype'),
         url('http://brandontest.medagroup.com/fonts/specialelite-webfont.svg#SpecialEliteRegular') format('svg');*/
    /*font-weight: normal;*/
    /*font-style: normal;*/

/*}*/

/*******************************************************
***   BROWSER RESETS                                 ***
*******************************************************/

body {
	border: 0px;
	margin: 0px;
	padding: 0px;
	font-size: 62.5%;
}

div {
	border: 0px;
	margin: 0px;
	padding: 0px;
}

ul {
	margin: 0px;
	padding: 0px;	
}

li {
	margin: 0px;
	padding: 0px;	
}

img {
	margin: 0px;
	padding: 0px;
	border: 0px;	
}


/*******************************************************
***   GENERAL STYLES & CLASSES                       ***
*******************************************************/

body {
   background-color: #102B51;
   font-family: "Arial", "sans serif";
}

#layout-container {
   background-color: #102B51;
   width: 980px;
   margin-left: auto;
   margin-right: auto;
}

#layer-band1 {
   background-color: #001341;
   /*line-height: 0em;*/
}

#layer-band2 {
   background-color: #001441;
   /*line-height: 0em;*/
}

#layer-band3 {
   background-color: #001441;
   /*line-height: 0em;*/
}

#band2-column1 {
   background-color: #A0A0A0;
   height: 100%;
   display: inline;
   width: 205px;
}

#band2-column2 {
   background-color: #7A7A7A;
   height: 100%;
   display: inline;
}

img.alignLeftAndClear {

}

img.alignLeftNoClear {
   float: left;
   margin-top: 2em;
   margin-right: 30px;
   margin-bottom: 2em;
}

img.alignCenter {
   margin-left: auto;
   margin-right: auto;
   text-align: center;
   display: block;
}
img.alignRightNoClear {
   float: right;
   /*text-align: right;*/
   /*vertical-align: text-top;*/
   margin-top: 2em;
   margin-left: 30px;
}
h2 {
   /*font-family: "SpecialEliteRegular", "sans serif";*/
   font-family: "Arial", "sans serif";
   font-size: 1em;
   margin-top: 2em;
   margin-bottom: 1px;
}
h3 {
   font-family: "Arial", "sans serif";
   font-size: 1em;
   margin-top: 1em;
   margin-bottom: 1px;
}
h4 {
   font-family: "Arial", "sans serif";
   font-size: 1.2em;
   margin-top: 2em;
   margin-bottom: 1px;
   /*display: inline;*/
}
h4.clearBoth {
   clear: both;
}
h5 {
   font-family: "Arial", "sans serif";
   font-size: 1em;
   margin-top: 1em;
   margin-bottom: 3px;
   font-weight: normal;
}
p.basicParagraph {
   font-family: "Arial", "sans serif";
   margin-top: 1px;
   font-size: 0.8em;
}
p.leftIndentedParagraph {
   font-family: "Arial", "sans serif";
   margin-top: 1px;
   margin-left: 3em;
   font-size: 0.8em;
}

br.clearboth {
   clear: both;
}

div.alignCenter {
   width: 100%;
   text-align: center;
}

a.nounderline {
   text-decoration: none;
   color: #0000CC;
}

span.dontwrap {
   white-space: nowrap;
}

/*******************************************************
***   HEADER STYLES & CLASSES                        ***
*******************************************************/

#header {
   background-color: #001341;
   color: #FFFFFF;
   font-size: 1.6em;
   line-height: 1em;
}

#logolink {
   border: 0px none #FFFFFF;
}

#mainlogo {
   position: relative;
   float: left;
   border: 0px none #FFFFFF;
   padding-top: 10px;
   padding-left: 0px;
   padding-right: 0px;
   padding-bottom: 5px;
}

#contact-group {
   background-color: #001341;
   position: relative;
   float: right;
   padding-top: 10px;
   padding-right: 5px;
   padding-bottom: 10px;
   padding-left: 0px;
}

#facebook-share {
   position: relative;
   float: right;
   padding-top: 0px;
   padding-left: 0px;
   padding-right: 5px;
   padding-bottom: 0px;
}

#facebook-share a {
   padding: 0px 0px 0px 4px;
   /*background: url(http://static.ak.facebook.com/images/share/facebook_share_icon.gif?6:26981) no-repeat top left; */
   text-decoration: none;
   font-weight: bold;
   color: #FFFFFF;
}

#header-phones {
   text-align: right;
   clear: right;
   /*position: relative;*/
   /*float: right;*/
   padding-top: 3px;
   padding-left: 0px;
   padding-right: 5px;
   padding-bottom: 0px;
}

#phone div {
   padding-top: 3px;
   padding-left: 0px;
   padding-right: 0px;
   padding-bottom: 3px;
   font-family: Arial, "sans serif";
   font-weight: bold;
}

#header h1 {
   padding-left: 5px;
   padding-right: 0px;
   padding-top: 0px;
   padding-bottom: 20px;
   margin-top: -5px;
   margin-left: 0px;
   margin-right: 0px;
   margin-bottom: 0px;
   border: 0px;
   text-align: left;
   font-size: 1em;
   position: relative;
   /*float: left;*/
   clear: left;
   /*font-style: italic;*/
   font-family: "Arial", "san serif";
   font-weight: normal;
   width: 700px;
}
         
         
/*******************************************************
***   PRIMARY NAVIGATION STYLES & CLASSES            ***
*******************************************************/

#primary-nav {
   background-color: #4E6E9D;
   color: #FFFFFF;
   font-size: 1.5em;
   display: inline;
   position: relative;
   float: left;
   /*line-height: 0em;*/
   width: 775px;
   font-family: Arial, "sans serif";
}

#primary-nav ul {
   float: right;
   /*width: 100%;*/
   line-height: 1em;
   padding-top: 2px;
   padding-bottom: 2px;
}
#primary-nav ul li {
   background-color: #4E6E9D;
   color: #FFFFFF;
   list-style: none;
   display: inline;
}
#primary-nav ul li a {
   background-color: #4E6E9D;
   color: #FFFFFF;
   text-decoration: none;
   float: left;
   margin-left: 1em;
   margin-right: 1em;
}
#primary-nav ul li a:link {
   background-color: #4E6E9D;
   color: #FFFFFF;
}
#primary-nav ul li a:visited {
   background-color: #4E6E9D;
   color: #FFFFFF;
}
#primary-nav ul li a:hover {
   background-color: #FFFFFF;
   color: #4E6E9D;
}


/*******************************************************
***   SECONDARY NAVIGATION STYLES & CLASSES          ***
*******************************************************/

#secondary-nav {
   background-color: #001441;
   color: #FFFFFF;
   font-size: 1.5em;
   display: inline;  /*Should consider inline-block*/
   float: left;
   /*line-height: 0em;*/
   /*padding-bottom: auto;*/
   width: 205px;
   position: relative;
   
   background-image: url("/images-new/wind-turbine.bb2.jpg");
   background-repeat: no-repeat;
   background-position: left top;
   min-height: 711px;
   font-family: Arial, "sans serif";
}

#secondary-nav ul {
   line-height: 1em;
   margin-top: 3em;
   margin-left: 1em;
   margin-right: 1em;
   margin-bottom: 1em;
}

#secondary-nav ul li {
   list-style: none;
   color: #FFFFFF;
   margin-top: 0.75em;
   margin-left: 0em;
   margin-right: 0em;
   margin-bottom: 0.75em;
}

#secondary-nav ul li a {
   display: block;
   text-decoration: none;
   color: #FFFFFF;
   /*background-color: #001441;*/
}

#secondary-nav ul li a:link {
   color: #FFFFFF;
}

#secondary-nav ul li a:visited {
   color: #FFFFFF;
}

#secondary-nav ul li a:hover {
   color: #001441;
   background-color: #FFFFFF;
}

#secondary-nav ul li ul {
   margin-top: 0em;
   margin-left: 2em;
   margin-right: 0em;
   margin-bottom: 0em;
}
#secondary-nav ul li ul li {
   font-size: 0.8em;
}
#secondary-nav ul li ul li a {}

li.navTwoTierTwoActiveItem {
   /*color: #AA0000;*/
   font-weight: bold;
}

#secondary-nav ul li ul li a.navTwoTierTwoActiveItem {
   /*color: #AA0000;*/
   font-weight: bold;
}

#secondary-nav ul li ul li a.navTwoTierTwoActiveItem:link {
   /*color: #AA0000;*/
   font-weight: bold;
}

#secondary-nav ul li ul li a.navTwoTierTwoActiveItem:visited {
   /*color: #AA0000;*/
   font-weight: bold;
}

#secondary-nav ul li ul li a.navTwoTierTwoActiveItem:hover {
   /*color: #AA0000;*/
   font-weight: bold;
}

/*******************************************************
***   CONTENT STYLES & CLASSES                       ***
*******************************************************/
#page-content {
   background-color: #FFFFFF;
   color: #000000;
   font-size: 1.6em;
   line-height: 1em;
   display: inline;
   position: relative;
   float: left;
   width: 745px;
   padding-top: 15px;
   padding-left: 15px;
   padding-right: 15px;
   padding-bottom: 15px;
}

a.services-links {
   text-decoration: none;
   color: #000000;
}

#client-list {
   display: inline;
   position: relative;
   float: right;
   clear: both;
   /*border: 1px solid #000000;*/
   border: none;
   padding-top: 5px;
   padding-bottom: 5px;
   margin-top: -15px;
   margin-left: 10px;
   margin-right: 10px;
   margin-bottom: 10px;
   text-align: center;
   width: 175px;
}

#client-list img {
   display: block;
   margin-top: 5px;
   /*margin-left: 10px;*/
   /*margin-right: 10px;*/
   margin-bottom: 5px;
}

/*   Tier 1   */
/*   Tier 2   */
/*   Tier 3   */

#engineering-terminology {
   margin-top: 15px;
   margin-bottom: 15px;
}

#engineering-terminology dt {
   margin-top: 1em;
}

#engineering-terminology dd {
   margin-top: 1em;
   margin-bottom: 2em;
}

#suggested-terms {
   font-family: "Arial", "sans serif";
   /*font-size: 0.6em;*/
   /*background-color: #c9cd81;*/
   /*border: 1px solid #000000;*/
   border: 0px none;
   width: 100%;
   margin-top: 3em;
   /*margin-left: auto;*/
   /*margin-right: auto;*/
   margin-bottom: 0.5em;
   /*padding-top: 10px;
   padding-left: 10px;
   padding-right: 10px;
   padding-bottom: 10px;*/
   /*border-top-left-radius: 20px 10px;
   border-top-right-radius: 20px 10px;
   border-bottom-left-radius: 20px 10px;
   border-bottom-right-radius: 20px 10px;*/
}

#suggested-terms div.suggestedTermsTitle {
   font-family: "Arial","sans serif";
   font-size: 1.2em;
   font-weight: bold;
   text-align: left; /*center;*/
   margin-bottom: 0.5em;
}

#suggested-terms ul {
   margin-top: 4px;
   margin-left: 10px;
   margin-bottom: 2px;
}

#suggested-terms ul li {
   margin-top: 0.75em;
   margin-bottom: 0.75em;
   line-height: 1em;
   list-style: none;
   font-size: 0.8em;
}

#suggested-terms ul li a {
   display: block;
   text-decoration: none;
   color: #0000CC;
}

#office-list {
   font-family: "Arial", "sans serif";
   width: 94%;
   margin-top: 0px;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 0px;
}

#office-list li {
   list-style: none;
}

#office-list li.office-group {
   text-align: left;
   position: relative;
   display: block;
   width: 43%;
   border: 0px solid #000000;
   margin-top: 10px;
   margin-left: 10px;
   margin-right: 10px;
   margin-bottom: 10px;
   padding-top: 10px;
   padding-left: 10px;
   padding-right: 10px;
   padding-bottom: 10px;
}

#office-list li.office-group h2 {
   color: #AA0000;
   font-size: 1.3em;
   margin-bottom: 0.5em;
   color: #001341;
   margin-top: 0.8em;
}



#hq-office {
   width: 40%;
   margin-top: 0px;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 10px;
}

#hq-office address {
   font-style: normal;
   display: block;
   margin-bottom: 1em;
}

#hq-office address span {
   display: block;
}

#canadian-offices {
   float: left;
}

#us-offices {
   float: right;
}

li.office-listing {
   text-align: left;
   list-style: none;
   /*background-color: #DDDDDD;*/
   padding-top: 5px;
   padding-left: 0px;
   padding-right: 0px;
   padding-bottom: 5px;
   margin-top: 5px;
   margin-left: 0px;
   margin-right: 5px;
   margin-bottom: 15px;
}

li.office-listing h3 {
   margin-top: 0px;
   margin-bottom: 0.5em;
   font-size: 1em;
}

li.office-listing address {
   font-style: normal;
   margin-bottom: 1em;
}

li.office-listing address span {
   display: block;
}

div.office-phones {

}

span.maplink {
   font-size: 0.8em;
   margin-top: 0.5em;
   margin-left: 0px;
   display: none;
}

#ContactFormContent {}

#ContactFormContent hr {
   width: 95%;
}

#ContactFormContent h2 {
   text-align: center;
   font-size: 1.2em;
}

#ContactFormContent p {
   font-family: "Arial","sans serif";
}

#ContactFormContent div {
   border: 0px none; /*#0000FF;*/
   width: 90%;
   margin-left: 20px;
   margin-top: 5px;
   margin-bottom: 5px;
   clear: both;
   background-color: #DDDDDD;
}

#ContactFormContent div .label {
   background-color: #EE0000;
   width: 150px;
   text-align: right;
   float: left;
}

#ContactFormContent div div {
   border: 1px solid #00CC00;
   width: 300px;
   float: left;
}


/*******************************************************
***   FOOTER STYLES & CLASSES                        ***
*******************************************************/

#footer {
   background-color: #102B51;
   color: #FFFFFF;
   font-size: 1.2em;
   clear: both;
   /*line-height: 1em;*/
   position: relative;
   top: 0em;
}