/*********************************
*          SGE CSS               *
*********************************/

body {
  background: #f7f3e9 url(../images/bg.jpg) left top repeat-x;
  font-family: "Lucida Sans Unicode", Lucida Grande, sans-serif;
  margin:0;
  color: #3D5F6F;
}

a {
  color: #266D8B;
  outline:0;
}

a:hover {
  color: #000000;
}

#wrapper {
  background:url(../images/background_expanded.jpg) center top no-repeat;
  margin: 0 auto;
}

h1#header {
  width: 932px;
  height: 265px;
  background: url(../images/header.gif) no-repeat;
  margin: 0;
  padding: 0;
}

#content {
  width: 932px;
  background-color: #FFFFFF;
}

#topContent {
  width: 912px;
  padding-top: 15px;
}

#topContent p#first {
  float: left;
  width: 240px;
  font-size: 12px;
  text-align: left;
  line-height:20px;
  padding: 0px 40px 0px 12px;
  border-right: 1px dashed #DAD3D0;
  min-height: 115px;
  color:#536168;
}

#topContent p#middle {
  float: left;
  width: 240px;
  font-size: 12px;
  text-align: left;
  line-height:20px;
  padding: 0px 20px 0px 34px;
  border-right: 1px dashed #DAD3D0;
  min-height: 115px;
  color:#536168;
}

#topContent p#last {
  float: left;
  width: 280px;
  font-size: 12px;
  text-align: left;
  line-height:20px;
  padding: 0px 0px 0px 34px;
  min-height: 115px;
  color:#536168;
}

#primaryContent {
  width: 912px;
}

#primaryLeft {
  width: 500px;
  height: 203px;
  background: url(../images/primary-content-left.gif) no-repeat;
  text-align: left;
  font-size: 14px;
  line-height:24px;
  float: left;
}

#primaryLeft p {
  color: #264D62;
  width: 480px;
  padding-left: 10px;
}

#primaryLeft ul {
  color: #536168;
  width: 480px;
  padding-left: 20px;
  line-height: 23px;
  padding-left: 15px;
}

:root #primaryLeft ul {
  padding-left: 55px;
}

#primaryLeft li {
  padding-left: 15px;
}

#primaryRight {
  float: left;
  width: 388px;
  padding-left: 20px;
  font-size: 10px;
  padding-top: 19px;
  color:#536168;
}

#primaryRight p.left {
  float: left;
  width: 388px;
  text-align: center;
  padding: 0;
}

#primaryRight p.right {
  float: right;
  width: 161px;
  text-align: center;
  padding-right: 15px;
}

#primaryRight span {
  color: #4393BC;
  font-size: 20px;
  letter-spacing: -1px;
  margin-bottom: -5px;
}

#primaryRight p {
  margin-top: 17px;
}

#primaryRight a {
  width: 161px;
  height: 71px;
  display: block;
  text-indent:-500em;
  overflow:hidden;
  background: url(../images/download-resume.gif) 0px 0px no-repeat;
  margin: 0 auto;
}

#secondaryContent {
  width: 932px;
  background: url(../images/secondary-bg.gif) #F8F4EB repeat-x;
}

#secondaryLeft {
  float: left;
  text-align: left;
  width: 585px;
}

#secondaryLeft h2 {
  float: left;
  font-size: 18px;
  font-weight: normal;
  padding: 0px 0px 20px 10px;
  margin-top: 12px;
}

:root #secondaryLeft h2 {
  padding: 0px 0px 13px 10px;
}

#secondaryLeft ul#left {
  float: left;
  padding: 0px 10px 0px 20px;
  font-size: 14px;
  line-height: 26px;
  list-style-image: url(../images/checkmark.gif);
  margin: 8px 0px 0px 40px;
}

#secondaryLeft ul#left li {
  padding-left: 6px;
  margin-bottom: 0px;
}

#secondaryLeft ul#right {
  float: left;
  font-size: 14px;
  width: 230px;
  line-height: 26px;
  list-style-image: url(../images/checkmark.gif);
  margin: 10px 0px 0px 0px;
  padding: 0 0 0 40px;
  background: url(../images/secondary-list-bg.gif) no-repeat;
}

#secondaryLeft ul#right li {
  padding-left: 6px;
}

#secondaryRight {
  float: right;
  width: 325px;
  padding-right: 5px;
  text-align: right;
}

#secondaryRight img {
  float: right;
  margin: 1px 0 0 0;
}

#secondaryRight p {
  margin: 0;
  padding: 0 10px 0 0;
  font-size: 12px;
}

#footerContact {
  padding: 0 10px 0 0;
  font-weight: bold;
}

#footerContact a {
  font-size: 15px;
  letter-spacing: 0;
}

#footer {
  width: 912px;
  font-size: 12px;
  color: #675B4D;
  letter-spacing: -.8px;
  margin: 20px 0 10px 0;
  text-align: center;
}

.clear {
  clear: both;
}