/* Global Rules
------------------------------------------------------------------------*/
* {
  margin: 0px;
  padding: 0px;
  outline: none;
}

img { 
  border: 0px;
}

body {
  text-align: center;
  background: url("../images/bg_mainGradient.jpg") repeat-x #000000;
}

#container {
  width: 950px;
  margin: 1em auto;
  margin-top: 0px;
  text-align: left;
  position: relative;
}

/* Hack - Force scroll bar in Firefox */
html {min-height: 100.2%;} 

/* Header
------------------------------------------------------------------------*/

#header {
  background: url("../images/bg_header.gif") no-repeat left top;
  width: 950px;
  height: 135px;
  margin-right: auto;
  margin-left: auto;
}

#spacer {
  width: 770px;
  height: 10px;
  left top;
  margin-right: auto;
  margin-left: auto;
}

#navLogo {
  width: 216px;
  height: 18px;
  position: relative;
  left: 26px;
  top: 34px;
}

#navLogo h1 {
  width: 216px;
  height: 18px;
  text-indent: -9999px;
  background: transparent url(../images/navLogo.gif) top left no-repeat;
}            

#navLogo a {
  width: 216px;
  height: 18px;
  display: block;
  text-decoration: none;
}

/* Header Navigation
------------------------------------------------------------------------*/

#wrpLogo1 {
  height: 52px;
  width: 950px;
  position: relative;
}
#wrpLogo2 {
  height: 43px;
  width: 950px;
  position: relative;
}
div#wrpLogo2.home {
  background: url("../images/navLogoBtm_1.gif") no-repeat left top;
  height: 43px;
  width: 950px;
  position: relative;

}
div#wrpLogo2.blog {
  background: url("../images/navLogoBtm_2.gif") no-repeat left top;
  height: 43px;
  width: 950px;
  position: relative;
 }
div#wrpLogo2.photos {
  background: url("../images/navLogoBtm_3.gif") no-repeat left top;
  height: 43px;
  width: 950px;
  position: relative;
 }
div#wrpLogo2.info {
  background: url("../images/navLogoBtm_4.gif") no-repeat left top;
  height: 43px;
  width: 950px;
  position: relative;
}
#navMenuBtm {
  width: 298px;
  height: 35px;
  position: relative;
  left: 642px;
}

#navMenuBtm LI span {
  display: none;
}
#navMenuBtm ul {
  padding: 0px;
  margin: 0px;
  list-style-type: none;
}
#navMenuBtm li {
  padding: 0px;
  margin: 0px;
  display: block;
  float: left;
}
#navMenuBtm li a {
  padding: 0px;
  margin: 0px;
  display: block;
  font-weight: bold;
  height: 35px;
  text-decoration: none;
}

/***** Nav1 *****/
LI#nav1 {
  background: url(../images/nav1.gif) no-repeat; width: 63px
}
LI#nav1 A {
  background: url(../images/nav1.gif) no-repeat; width: 63px
}
LI.current#nav1 A {
  background: url(../images/nav1_on.gif) no-repeat; width: 63px
}
LI.current#nav1 A:hover {
  background: url(../images/nav1_on.gif) no-repeat; width: 63px
}
#nav1 A:hover {
  background: url(../images/nav1_hover.gif) no-repeat; width: 63px
}

/***** Nav2 *****/
LI#nav2 {
  background: url(../images/nav2.gif) no-repeat; width: 53px
}
LI#nav2 A {
  background: url(../images/nav2.gif) no-repeat; width: 53px
}
LI.current#nav2 A {
  background: url(../images/nav2_on.gif) no-repeat; width: 53px
}
LI.current#nav2 A:hover {
  background: url(../images/nav2_on.gif) no-repeat; width: 53px
}
#nav2 A:hover {
  background: url(../images/nav2_hover.gif) no-repeat; width: 53px
}

/***** Nav3 *****/
LI#nav3 {
  background: url(../images/nav3.gif) no-repeat; width: 69px
}
LI#nav3 A {
  background: url(../images/nav3.gif) no-repeat; width: 69px
}
LI.current#nav3 A {
  background: url(../images/nav3_on.gif) no-repeat; width: 69px
}
LI.current#nav3 A:hover {
  background: url(../images/nav3_on.gif) no-repeat; width: 69px
}
#nav3 A:hover {
  background: url(../images/nav3_hover.gif) no-repeat; width: 69px
}
/***** Nav4 *****/
LI#nav4 {
  background: url(../images/nav4.gif) no-repeat; width: 113px
}
LI#nav4 A {
  background: url(../images/nav4.gif) no-repeat; width: 113px
}
LI.current#nav4 A {
  background: url(../images/nav4_on.gif) no-repeat; width: 113px
}
LI.current#nav4 A:hover {
  background: url(../images/nav4_on.gif) no-repeat; width: 113px
}
#nav4 A:hover {
  BACKGROUND: url(../images/nav4_hover.gif) no-repeat; width: 113px
}

/*** Internet Exporer Code ***/
div.home {
  background: url("../images/navLogoBtm_1.gif") no-repeat left top;
  height: 43px;
  width: 770px;
  position: relative;
}
div.blog {
  background: url("../images/navLogoBtm_2.gif") no-repeat left top;
  height: 43px;
  width: 770px;
  position: relative;
}
div.photos {
  background: url("../images/navLogoBtm_3.gif") no-repeat left top;
  height: 43px;
  width: 770px;
  position: relative;
}
div.info {
  background: url("../images/navLogoBtm_4.gif") no-repeat left top;
  height: 43px;
  width: 770px;
  position: relative;
}
/*** Internet Explorer Code ***/



/* Content - Homepage
------------------------------------------------------------------------*/

#paperDark {
  background: url(../images/bg_paperDark.gif) no-repeat left top;
  width: 950px;
  min-height: 600px;
  margin-right: auto;
  margin-left: auto;
}

#homepagePic {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

#paperDarkContent {
  width: 900px;
  padding-top: 30px;
  margin-left: 30px;
  margin-right: 20px;
}

/* Hack - Force min-height in IE */
* html #paperDark {height: 600px;}

/* Content - Blog
------------------------------------------------------------------------*/

#pinBlog {
  background: url(../images/pinBlog.gif) no-repeat left top;
  width: 187px;
  height: 215px;
  top: 10px;
  text-align: center;
  float: right;
}

/* Content - Photos
------------------------------------------------------------------------*/

#pinPhotos {
  background: url(../images/pinPhotos.gif) no-repeat left top;
  width: 187px;
  height: 215px;
  top: 10px;
  text-align: center;
  float: right;
}

#textBlockPhotos {
  float: left;
  width: 700px;
  height: 100px;
  font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
  font-size: 1.2em;
  font-weight: normal;
  color: #ffffff;
  padding-left: 10px;
}

/* Content - Info
------------------------------------------------------------------------*/
#pinInfo {
  background: url(../images/pinInfo.gif) no-repeat left top;
  width: 187px;
  height: 215px;
  top: 10px;
  text-align: center;
  float: right;
}

#textBlockInfo {
  float: left;
  width: 600px;
  font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
  font-size: 0.8em;
  font-weight: normal;
  color: #ffffff;
  padding-left: 30px;
}

#textBlockInfo p {
  margin-left: 12px;
  margin-bottom: 12px;
}

#textBlockInfo H2 {
  color: #ffffff;
  font-size: 1.3em;
  font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-stretch: semi-condensed;
  font-size-adjust: 0.52;
  text-decoration: none;
  position: relative;
  margin-top: 6px;
  margin-right: 8px;
  margin-bottom: 6px; 
}

/* Footer Styles
------------------------------------------------------------------------*/
#footer {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
}

#footer p#footer_copyright {
  text-align: left;
  font: normal 0.6em Arial, Helvetica, Verdana, sans-serif;
  color: #555555;
  padding-left: 30px;
  margin: 0px;
  line-height: 140%;
}
#footer p#footer_trademark {
  text-align: left;
  font: normal 0.6em Arial, Helvetica, Verdana, sans-serif;
  color: #333333;
  padding-left: 30px;
  margin: 0px;
  line-height: 140%;
}

/* Misc. Styles
------------------------------------------------------------------------*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0px; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */