/*::::::::::::::*/
/*  COMMON CSS  */
/*::::::::::::::*/

img, div { behavior: url(iepngfix.htc) }

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

.swap {display: none;} 
#pic1 {display: block;}

body {
  background-image: url('../images/bg-repeat.jpg');
  background-position: top left;
  background-repeat: repeat-x;
  background-color: #333333;
  font-family: verdana, tahoma, sans-serif;
  font-size: 10px;
  color: #cacaca;
}

#container {
  margin: 0 auto;
  width: 750px;
}

#header1 {
  margin: 25px 0px 0px 34px;
  width: 682px;
}

#nav {
  float: right;
  margin-top: 95px;
  text-align: right;
}

#nav li {
  display: inline;
  padding-left: 14px;
}

.ie #top {
  background-image: url('../images/top_gradient_ie.png');
  background-position: bottom center;
  background-repeat: no-repeat;
  height: 26px;
  width: 100%;
  clear: both;
}

#top {
  background-image: url('../images/top_gradient.png');
  background-position: bottom center;
  background-repeat: no-repeat;
  height: 26px;
  width: 100%;
  clear: both;
}

#middleWrapper {
  width: 100%;
  background-image: url('../images/main_gradient.png');
  background-position: top center;
  background-repeat: repeat-y;
}

#center {
  background-image: url('../images/content_bg.jpg');
  background-position: top;
  background-repeat: repeat-x;
  background-color: #3a3730;
  width: 682px;
  padding: 0px;
  margin: 0px auto;
}

.ie #bottom {
  background-image: url('../images/bottom_gradient_ie.png');
  background-position: top center;
  background-repeat: no-repeat;
  height: 26px;
  width: 100%;
}

#bottom {
  background-image: url('../images/bottom_gradient.png');
  background-position: top center;
  background-repeat: no-repeat;
  height: 26px;
  width: 100%;
}

.clear {
  clear: both;
}

#content {
  padding: 5px 20px;
}

a:link { text-decoration: none; color: #999999; }
a:visited { text-decoration: none; color: #999999; }
a:active { text-decoration: none; color: #999999; }
a:hover { text-decoration: none; color: #bababa; }

#splash {
  margin: 0 auto;
  width: 317px;
  padding-top: 140px;
}

#footerLinks {
  text-align: center;
  color: #777777;
}

#footerLinks p {
  padding-top: 5px;
}

#footerLinks li {
  display: inline;
}

#footerLinks a {
  color: #777777;
  text-decoration: none;
  font-weight: bold;
  font-size: 11px;
} 

#footerLinks a:visited {
  color: #777777;
  text-decoration: none;
  font-size: 11px;
}

#footerLinks a:active {
  color: #777777;
  text-decoration: none;
  font-size: 11px;
}

#footerLinks a:hover {
  color: #999999;
  text-decoration: none;
  font-size: 11px;
}

/*::::::::::::::*/
/* HOMEPAGE CSS */
/*::::::::::::::*/

#homeText {
  width: 260px;
  padding: 10px 15px;
  line-height: 18px;
  float: left;
}

#homePhotos {
  width: 350px;
  float: right;
}

/*::::::::::::::*/
/*  PHOTO CSS   */
/*::::::::::::::*/

.photoThumbs {
  border: 4px solid #777777;
}

.photoThumbs:hover {
  border: 4px solid #2495BF;
}

/*::::::::::::::*/
/*  DESIGN CSS  */
/*::::::::::::::*/

#designNav {
  float: left;
  width: 200px;
  font-size: 16px;
  font-family: helvetica, arial, sans-serif;
  border-left: 1px solid #555555;
  margin: 15px 0px 0px 5px;
}

#designNav ul {
  list-style-type: none;
  padding: 0px 0px;
  font-weight: bold;
  color: #333333;
}

#designNav li {
  padding: 2px 0px;
}

#designNav a { font-size: 14px; padding-left: 4px; font-weight: normal; }
#designNav a:hover { border-left: 1px solid #2495BF; padding-left: 3px; }

#designContent {
  float: left;
  width: 425px;
  min-height: 330px;
}

#designContent img {
  border: 4px solid #555555;
}

#designContent dt {
  font-size: 18px;
  text-align: left;
  padding: 12px 0px;
}

#designContent dd {
  text-align: left;
  padding: 0px 0px 6px 0px;
  color: #aaaaaa;
}

/*::::::::::::::*/
/* CONTACT CSS  */
/*::::::::::::::*/

#contact {
  padding: 15px 0px 0px 20px;
  width: 210px;
}

#contact span {
  font-size: 16px;
  font-family: helvetica, arial, sans-serif;
}

#contact a { text-decoration: none; color: #cacaca; font-weight: normal; }
#contact a:active { text-decoration: none; color: #cacaca; }
#contact a:visited { text-decoration: none; color: #cacaca; }
#contact a:hover { text-decoration: none; color: #eaeaea; }

input {
  font-family: verdana;
  font-size: 11px;
  width: 100%;
}

textarea {
  font-family: verdana;
  font-size: 11px;
  overflow: auto;
  width: 100%;
  height: 80px;
}

/*::::::::::::::*/
/*  THANKS CSS  */
/*::::::::::::::*/

#thanks {
  font-family: 'Trebuchet MS', Helvetica, sans-serif;
  font-size: 18px;
  font-weight: normal;
  height: 110px;
  padding-top: 60px;
  width: 100%;
  text-align: center;
}

#thanks span {
  font-family: verdana;
  font-size: 10px;
  color: #999999;
}

#thanks a { text-decoration: none; color: #999999; font-weight: bold; }
#thanks a:active { text-decoration: none; color: #999999; }
#thanks a:visited { text-decoration: none; color: #999999; }
#thanks a:hover { text-decoration: none; color: #cacaca; }

/*::::::::::::::*/
/*  SPLASH CSS  */
/*::::::::::::::*/

.splashLink a {
  text-decoration: none;
  color: #999999;
}

.splashLink a:visited {
  text-decoration: none;
  color: #999999; 
}

.splashLink a:active {
  text-decoration: none;
  color: #999999;
}

.splashLink a:hover {
  text-decoration: none;
  color: #cacaca;
}