/*  
  CSS ZEN GARDEN 
  Submission "Nightswimming" 
  by Walter Krivanek, www.VividVisions.at
*/


/* Common */

body
{
  margin:0px;
  padding:0px;
  font:normal 70% Verdana, Arial, Helvetica, sans-serif;
  color:#FFFFFF;
  background-color:#EAEDF0;
	vertical-align:middle;
}

acronym
{
  text-decoration: none;
  border-bottom:1px dotted #8794AB;
}

p
{
	margin:0px 0px 10px 0px;
}

a:link    { color: #ACBCD8; background-color:inherit; font-weight:bold; text-decoration: none; }
a:visited { color: #ACBCD8; background-color:inherit; font-weight:bold; text-decoration: none; }
a:active  { color: #ACBCD8; background-color:inherit; font-weight:bold; text-decoration: none; }
a:hover   { color: #ACBCD8; background-color:inherit; font-weight:bold; text-decoration: underline; }


/* Container */

#container
{
	width:760px;
	background:#FFFFFF url(../images/header.gif) no-repeat right top;
	color:#666666;
	position:relative;
	margin: auto;
	padding-top: 110px;
	border-right: 1px solid #324A6C;
	border-bottom: 1px solid #324A6C;
	border-left: 1px solid #324A6C;
}


/* Intro */

#intro
{
	position:relative;
	background-color: #324A6C;
}

#intro h3
{
  width:362px;
  height:30px;
}

#navbar
{
	top:0px;
	background:#324A6C;
	color:inherit;
	width:205px;
	height: 100%;
	position: absolute;
	padding-top: 15px;
	padding-left: 20px;
	padding-bottom: 15px;
	background-color: #324A6C;
}


#navbar a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 115%;
	font-weight: bold;
	color: #FFFFFF;
	width: 100%;
	line-height: 25px;
	display: block;
	background-repeat: no-repeat;
	background-position: left;
	background-color: #324A6C;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}

#navbar a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 115%;
	font-weight: bold;
	color: #8391AC;
	width: 100%;
	line-height: 25px;
	display: block;
	background-repeat: no-repeat;
	background-position: left;
	background-color: #324A6C;
	text-decoration: none;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}

#navbar h1
{
  font-size:14px;
  font-weight:bold;
  margin:0;
  padding:15px 10px 0 10px;
}

#navbar h2
{
  font-size:12px;
  font-weight:bold;
  margin:0;
}

#navbar h2 span
{
  display:block;
  padding:0 10px 15px 10px;
  background:url(../images/roundcorner_bottom.gif) no-repeat left bottom;
}


#content
{
	padding-left: 25px;
	position: relative;
	left: 225px;
	top: 0px;
	width: 500px;
	padding-top: 20px;
	color: #FFFFFF;
	line-height: 15px;
	min-height: 280px;
	background-color: #324A6C;
	padding-right: 0px;
	padding-bottom: 20px;
}


#content h3
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 115%;
	color: #FFFFFF;
	margin: 0px;
	font-weight: bold;
}
.epilepsyLogo {
	width: 100px;
}
.spacer {
	width: 20px;
}





#footer
{
	background-position: center;
	position: relative;
	width: 760px;
	height: 190px;
}

#footer_newbuild
{
	background-image: url(../images/new_build.jpg);
	background-position: center;
	position: relative;
	height: 188px;
	width: 760px;
}
input {
	background-color: #8292AC;
	width: 150px;
	border: 1px solid #FFFFFF;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
}
.submit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #999999;
	height: 20px;
	width: 80px;
}

.address {
	background-color: #8292AC;
	width: 150px;
	height:50px;
	border: 1px solid #FFFFFF;
}
textarea {
	background-color: #8292AC;
	width: 150px;
	height:75px;
	border: 1px solid #FFFFFF;
}
#containerdesign {

	width:760px;
	background:#FFFFFF url(../images/header_design.gif) no-repeat right top;
	color:#666666;
	position:relative;
	margin: auto;
	padding-top: 110px;
	border-right: 1px solid #324A6C;
	border-bottom: 1px solid #324A6C;
	border-left: 1px solid #324A6C;
}
.affordableLogos {
	width: 50%;
}
.hundred {
	width: 100%;
}
