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

* {
  padding: 0px;
  margin: 0px;
}
html {
  background-image: url(../images/pages/bg.jpg);
  background-attachment: scroll;
  background-color: rgba(23, 23, 14, 1);
  background-repeat: repeat;
  background-position: center;
  background-color: rgba(18, 10, 1, 1);
}

body {
  font-family: Helvetica, Arial, "Trebuchet MS", sans-serif;
  color: #fef1d2;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  line-height: normal;
  text-align: justify;
  margin: 50px 0 0 0;
}

h1 {
  font-size: 60px;
  color: #00cab0;
  font-weight: 100;
  font-family: Helvetica, Arial, "Trebuchet MS", sans-serif;
}

h2 {
  font-size: 16px;
  color: #8dc63f;
  font-weight: 100;
  font-family: Helvetica, Arial, "Trebuchet MS", sans-serif;
}

h3 {
  font-size: 12px;
  color: #fcb040;
  font-weight: 100;
  font-family: Helvetica, Arial, "Trebuchet MS", sans-serif;
  font-style: italic;
}

#container {
  margin: 0 auto;
  width: 960px;
  position: relative;
  background-color: rgba(18, 10, 1, 0.9);
  padding: 0 0 5px 0;
}

#container1 {
  margin: 0 auto;
  width: 960px;
  position: relative;
}

#mainarea {
  width: 730px;
  position: abosoute;
  background-color: rgba(18, 10, 1, 0.9);
  float: right;
  background-image: url(../images/pages/mainarea_bg.jpg);
  background-repeat: repeat-y;
}

.sideBar {
  width: 175px;
  position: absolute;
  background-color: rgba(18, 10, 1, 0.9);
  float: left;
  padding: 20px 20px 0px 20px;
  margin: 13px 0 0 0;
}

#header {
  width: 920px;
  height: 140px;
  padding: 20px 20px 0 20px;
  position: relative;
}

#portfolioHeader,
#analysisHeader {
  width: 376px;
  height: 140px;
  padding: 20px 10px 0 20px;
  position: relative;
  float: right;
}

#logo {
  width: 183px;
  height: 102px;
}

#logo a {
  background-image: url(../images/pages/logo.png);
  background-repeat: no-repeat;
  width: 183px;
  height: 102px;
  display: block;
  overflow: hidden;
  text-indent: -99999px;
}
.clear {
  clear: both;
}

.home_contact_mainMenu {
  position: absolute;
  left: 585px;
  top: 30px;
  width: 380px;
}

.mainMenu {
  position: absolute;
  padding: 0px 0px 0px 558px;
  top: 15px;
  width: 380px;
}

#portfolioHeader .mainMenu,
#analysisHeader .mainMenu {
  position: absolute;
  padding: 0px 0px 0px 10px;
  top: 15px;
}

#mainNav {
  margin: 0;
  padding: 0;
  list-style: none;
}

#mainNav li {
  float: left;
  width: 74px;
  height: 74px;
  position: relative;
  margin: 30px 20px 0 0;
}

#mainNav li a {
  z-index: 20;
  display: block;
  height: 74px;
  position: relative;
  overflow: hidden;
  text-indent: -99999px;
}

#mainNav li .hover {
  position: absolute; /* must be postion absolute 	*/
  width: 74px; /*width, height, left and top to fill the whole LI item	*/
  height: 74px;
  top: 0px;
  left: 0px;
  display: none;
  z-index: 0;
}

#mainNav li .selected {
  position: absolute; /* must be postion absolute 	*/
  width: 74px; /*width, height, left and top to fill the whole LI item	*/
  height: 74px;
  left: 0px;
  top: 0px;
  display: none; /* hide it by default	*/
}

#mainNav1 a {
  background: url(../images/pages/mainnav.png) no-repeat;
  background-position: 0px 0px;
  width: 74px;
  height: 74px;
}

#mainNav2 a {
  background: url(../images/pages/mainnav.png) no-repeat;
  background-position: -87px 0px;
  width: 74px;
  height: 74px;
}

#mainNav3 a {
  background: url(../images/pages/mainnav.png);
  background-position: -172px 0px;
  width: 74px;
  height: 74px;
}

#mainNav4 a {
  background: url(../images/pages/mainnav.png);
  background-position: -258px 0px;
  width: 74px;
  height: 74px;
}

#mainNav1 .hover {
  background: url(../images/pages/mainnav.png);
  background-position: 0px -86px;
}

#mainNav2 .hover {
  background: url(../images/pages/mainnav.png);
  background-position: -87px -86px;
}

#mainNav3 .hover {
  background: url(../images/pages/mainnav.png);
  background-position: -172px -86px;
}

#mainNav4 .hover {
  background: url(../images/pages/mainnav.png);
  background-position: -258px -86px;
}

#mainNav1.selected a {
  background-image: url(../images/pages/mainnav.png);
  background-position: 0 -170px;
}

#mainNav2.selected a {
  background-image: url(../images/pages/mainnav.png);
  background-position: -87px -170px;
}

#mainNav3.selected a {
  background-image: url(../images/pages/mainnav.png);
  background-position: -172px -170px;
}

#mainNav4.selected a {
  background-image: url(../images/pages/mainnav.png);
  background-position: -258px -170px;
}

#subNav {
  margin: 0;
  padding: 0;
  list-style: none;
}

#subMenu {
  margin: 40px 0 0 0;
}
#subNav li {
  float: left;
  width: 178px;
  height: 40px;
  position: relative;
  margin: 0px 0px 10px 0;
  overflow: hidden;
  text-indent: -99999px;
}

#subNav li a {
  z-index: 20;
  display: block;
  height: 40px;
  position: relative;
  overflow: hidden;
  text-indent: -99999px;
}

#subNav li .hover {
  position: absolute; /* must be postion absolute 	*/
  width: 178px; /*width, height, left and top to fill the whole LI item	*/
  height: 40px;
  top: 0px;
  left: 0px;
  display: none;
  z-index: 0;
}

#subNav li .selected {
  position: absolute; /* must be postion absolute 	*/
  width: 178px; /*width, height, left and top to fill the whole LI item	*/
  height: 40px;
  left: 0px;
  top: 0px;
  display: none; /* hide it by default	*/
}
#subNav1 {
  background: url(../images/pages/submenuNormal.jpg) no-repeat;
  background-position: -3px -4px;
  width: 178px;
  height: 40px;
}

#subNav2 {
  background: url(../images/pages/submenuNormal.jpg) no-repeat;
  background-position: -3px -49px;
  width: 178px;
  height: 40px;
}

#subNav3 {
  background: url(../images/pages/submenuNormal.jpg) no-repeat;
  background-position: -3px -94px;
  width: 178px;
  height: 40px;
}

#subNav4 {
  background: url(../images/pages/submenuNormal.jpg) no-repeat;
  background-position: -3px -139px;
  width: 178px;
  height: 40px;
}

#subNav5 {
  background: url(../images/pages/submenuNormal.jpg) no-repeat;
  background-position: -3px -184px;
  width: 178px;
  height: 40px;
}

#subNav6 {
  background: url(../images/pages/submenuNormal.jpg) no-repeat;
  background-position: -3px -229px;
  width: 178px;
  height: 40px;
}

#subNav7 {
  background: url(../images/pages/submenuNormal.jpg) no-repeat;
  background-position: -3px -274px;
  width: 178px;
  height: 40px;
}

#subNav2 .hover {
  background: url(../images/pages/submenuHover.jpg) no-repeat;
  background-position: -3px -49px;
}

#subNav3 .hover {
  background: url(../images/pages/submenuHover.jpg) no-repeat;
  background-position: -3px -94px;
}

#subNav5 .hover {
  background: url(../images/pages/submenuHover.jpg) no-repeat;
  background-position: -3px -184px;
}

#subNav6 .hover {
  background: url(../images/pages/submenuHover.jpg) no-repeat;
  background-position: -3px -229px;
}

#subNav7 .hover {
  background: url(../images/pages/submenuHover.jpg) no-repeat;
  background-position: -3px -274px;
}

#subNav2.selected a {
  background: url(../images/pages/submenuSelected.jpg) no-repeat;
  background-position: -3px -49px;
}

#subNav3.selected a {
  background: url(../images/pages/submenuSelected.jpg) no-repeat;
  background-position: -3px -94px;
}

#subNav5.selected a {
  background: url(../images/pages/submenuSelected.jpg) no-repeat;
  background-position: -3px -184px;
}

#subNav6.selected a {
  background: url(../images/pages/submenuSelected.jpg) no-repeat;
  background-position: -3px -229px;
}

#subNav7.selected a {
  background: url(../images/pages/submenuSelected.jpg) no-repeat;
  background-position: -3px -274px;
}

.companyName {
  font-style: italic;
}

#footer {
  width: 726px;
  position: relative;
  padding: 0 0 40px 0;
}

.footerLeft,
#footerLeft {
  float: left;
  position: absolute;
  left: 175px;
}

.footerRight,
#footerRight {
  float: right;
  position: absolute;
  right: -215px;
}

.footerText {
  font-family: Helvetica, Arial, "Trebuchet MS", sans-serif;
  color: #fef1d2;
  font-size: 12px;
	text-align: left;
  word-spacing: normal;
	white-space: nowrap;
}

.footerSeparator {
    margin: 0 10px;
}

.footerEmail {
		white-space: nowrap;
}	

.footerText a {
  color: #00cab0;
  text-decoration: none;
}

.footerText a:hover {
  color: #fef1d2;
  text-decoration: none;
}