/* Main layout styles */
body {
  background-color: #FFFFFF;
  background-image: url("../gfx/vertMainBg.png");
  background-repeat: repeat-x;
  background-attachment: fixed;
  margin: 0px;
}

#paper {
  background: url("../gfx/paper.png") repeat-y top center;
}

#mainContainer {
  display: block;
  background-image: url("../gfx/mainBg.png");
  background-repeat: no-repeat;
  background-position: top center;
  width: 760px;
  text-align: left;
  padding-top: 64px;
  padding-left: 60px;
}

#galleryContainer {
  background-image: url("../gfx/galBg.png");
  background-position: top center;
}

/* Header */
#logo {
  position: relative;
  top: -30px;
  left: 540px;
  margin-bottom: -110px;
  width: 155px;
  height: 110px;
  background-image: url("../gfx/logo.png");
}

/* Limiting header gfx */
#header {
  width: 698px;
}

/* Topmenu styling */
#topMenu {
  background-image: url(../gfx/menuBg.png);
  width: 698px;
  height: 30px;
  margin-top: 1px;
}

#topMenu ul {
  display: block;
	list-style: none;
  margin: 0px;
  padding: 0px;
}

#topMenu li {
	float: left;
	background: url("../gfx/menuButtonOff.png") no-repeat right top;
  height: 30px;
}

#topMenu li a {
  display: block;
  padding: 6px 20px 0px 20px;
  background: url("../gfx/menuButtonStartOff.png") no-repeat left top;
  color: #FFFFFF;
}

#topMenu li#current {
  background: url("../gfx/menuButtonOn.png") no-repeat right top;
}

#topMenu li#current a {
  display: block;
  padding: 11px 20px 0px 20px;
  background: url("../gfx/menuButtonStartOn.png") no-repeat left top;
}

#topMenu a:hover {
  color: #D9E0D5;
}

#pageContainer {
  display: block;
  background: url("../gfx/vertMainContainerBg.png") repeat-x left top;
  width: 696px;
  min-height: 500px;
}
#pageLeft {
  float: left;
  width: 425px;
  padding: 0px 10px 0px 10px;
}
#pageFullLeft {
  float: left;
  width: 315px;
  padding: 0px 10px 0px 10px;
}
.imageBoxLead {
  float: left;
  margin: 0px 10px 5px 0px;
}
.imageBoxLead img {
  border: 1px solid #000000;
  margin-bottom: 10px;
}

.commentInput {
  border: 1px solid #EEEEEE;
  padding: 5px;
  margin-bottom: 20px;
}

.commentItem {
  border: 1px solid #EEEEEE;
  background-color: #F9F9F9;
  padding: 5px;
  width: 97%;
  margin-bottom: 10px;
}

.inputFullwidth {
   width: 95%;
}

#pageRight {
  float: right;
  width: 206px;
  padding: 0px 10px 0px 20px;
}
#pageFullRight {
  float: right;
  width: 315px;
  padding: 0px 10px 0px 10px;
}

/* Submenu */
#subMenu {
  width: 202px;
  background-image: url('http://www.softfoot.net/template/version1/layout/gfx/subMenuTop.png');
}

#subMenu {
  font-weight: bold;
}

#subMenu .header {
  color: #FFFFFF;
  padding: 3px 8px 8px 8px;
}

#subMenu .noIndentLite {
  
}

#subMenu .indentLite {
  padding: 0px 8px 5px 8px;
}

#subMenu .noIndentDark {
  background-color: #EFF1F0;
}

#subMenu .indentDark {
  background-color: #EFF1F0;  
  padding: 0px 8px 5px 8px;
}
#subMenuBottom {
  width: 202px;
  height: 2px;
  background-image: url('http://www.softfoot.net/template/version1/layout/gfx/subMenuTop.png');
}

/* Teaser box */
.box {
  background: url("../gfx/boxBg.png") repeat-y left bottom;
  width: 202px;
  margin-top: 20px;
}
.boxHead {
  position: relative;
	top: -20px;
  background: url("../gfx/boxHead.png") no-repeat left top;
  height: 114px;
}
.boxContent {
  position: relative;
  margin-top: -130px;
  padding: 0px 8px 10px 8px;
  color: #FFFFFF;
  width:186px;
  margin-bottom: 40px;
}

.boxContent a {
  color: #FFFFFF;
  text-decoration: underline;
}

.boxContent img {
  border: 1px solid #000000;
}

/* Forms */

div.field input, div.field textarea {border: 1px solid #EEEEEE; padding: 1px;  width: 99%;	font-size: 10px;  font-family: sans-serif;}
a div.refresh {  border: 1px solid silver;	padding: 1px;	background: #F9F9F9;  text-align: center;  color: #999999;  margin-bottom: 20px;  text-decoration: none;}
a:hover div.refresh {  background: #EEEEEE;}

/* Footer */
#footer {
  color: #D1DBD2;
  margin-top: 30px;
  width: 725px;
}