/* Brain Nutrition styles */



body {
background: transparent url("images/header_full.jpg") no-repeat top left;
margin: 0;
padding: 0;
font-family: Arial, Verdana, sans-serif;
font-size: 100%;
}

body#about {
background: transparent url("images/header_full_about.jpg") no-repeat top left;
margin: 0;
padding: 0;
font-family: Arial, Verdana, sans-serif;
font-size: 100%;
}

img {
border: 0;}

a.top{
margin-left: 200px;
text-decoration: none;}

a:hover.top {
text-decoration: underline;
}

a.topinner{
margin-left: 260px;
text-decoration: none;}

a:hover.topinner {
text-decoration: underline;
}

#bluebg{
margin-left: 83px;
margin-right: 40px;
margin-bottom: 10px;
background-color: #438198;
padding: 10px;
font-size: 80%;
color: #fff;
font-weight: bold;
line-height: 1.5em;}

#bluebg a{
color: #fff;
text-decoration: underline;}

#bluebg a:link{
color: #fff;
text-decoration: underline;}

#bluebg a:hover {
text-decoration: underline;
}

#bluebg a:visited {
text-decoration: underline;
}

/* --- Links --------- */

a {
color: #184461;
text-decoration: underline;
}

a:link {
color: #184461;
text-decoration: underline;
}

a:hover {
text-decoration: underline;
}

a:visited {
text-decoration: underline;
}


/* --- H1, H2, H3 --------- */

h1, h2, h3 {
font-family: Arial, Verdana, sans-serif;
font-weight: bold;
margin-top: 0;
color: #246895;
}

h1 {
font-size: 125%;
padding-bottom: 10px;
padding-top: 10px;
margin-left: 83px;
}

h2 {
font-size: 95%;
padding: 5px 0 0 0;
color: #55a136;
margin-left: 83px;
margin-right: 50px;
}

h2 a.internallink {
color: #000;
text-decoration: none;
}

h2 a.internallink:hover {
text-decoration: none;
}

h3 {
background: transparent url("img/small_bullet_yellow.gif") no-repeat 0 55%;
padding-left: 8px;
font-style: italic;
font-size: 110%;
}


/* skip navigation */

.skipnavigation {display: none;}



/* --- WRAP --------- */

#wrap {
/* background: transparent url("images/shadow-new.jpg") repeat-y top left; */
width: 760px;
padding: 0;
height: 100%;
text-align: left;
border: 0px solid #000;
}


/* --- NAV MAIN --------- */

 #navlist
{
width: 760px;
text-align: right;
margin-top: 133px;
padding: 0 1px 1px;
margin-left: 0;
font: bold 12px Arial, Verdana, sans-serif;
font-size: 95%;
}

#navlist li
{
list-style: none;
margin: 0;
display: inline;
}

#navlist li a
{
padding: 0.25em 0.5em 0.25em 0.75em;
border-right: 0.25em solid #dfdfdf;
background: #fff;
text-decoration: none;
}

#navlist li a:link { color: #87bb73; }
#navlist li a:visited { color: #87bb73; }

#navlist li a:hover
{
border-color: #5f9649;
color: #5f9649;
background: #fff;
}


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

#content {
float: left;
margin-left: 0px;
margin-top: 20px;
padding: 0px;
width: 580px;
border: 0px solid #000;
}

#content-about {
float: left;
margin-left: 0px;
margin-top: 20px;
padding: 0px;
width: 720px;
border: 0px solid #000;
}

#content p, #content ol, #content ul {
font-size: 90%;
line-height: 1.5em;
color: #3b3b3b;
margin-left: 83px;
margin-right: 40px;
text-align: justify;
}

#content-about p {
font-size: 90%;
line-height: 1.5em;
color: #3b3b3b;
margin-left: 83px;
margin-right: 40px;
text-align: justify;
}

#content ul {
list-style: bullet;
margin-left: 97px;
margin-right: 40px;
padding-left: 0;
border-top: 0px solid #8EA7C6;
}

#content-about ul {
list-style: bullet;
margin-left: 97px;
margin-right: 40px;
padding-left: 0;
border-top: 0px solid #8EA7C6;
}

#content ul li {
padding: 1px 0;
border-bottom: 0px solid #8EA7C6;
background: transparent url("img/dots.gif") repeat-x bottom left;
}

#content-about ul li {
padding: 1px 0;
border-bottom: 0px solid #8EA7C6;
background: transparent url("img/dots.gif") repeat-x bottom left;
}

.linebreak{
border-top: 4px solid #f5f5f5;
}

.greenhomepage  {
font-weight: bolder;
color: #55a136;
min-height: 70px;
margin-left: 83px;
margin-right: 40px;
text-align: justify;
}

img.skype{
float: right;
padding-left: 5px;
}

/* side column  */

.sideimage{
margin-bottom: 16px;
margin-left: 25px;
margin-top: 30px;
padding-top: 0;}

p.side-text {
float: right;
width: 160px;
font-size: 80%;
color: #333;
line-height: 1.5em;
border: 0px solid #000;

}

#sidearealinks{
margin-top: 40px;
margin-left: 15px;
margin-right: 10px;
font-size: 1.1em;
width: 90%
}

.btnlogin{
float: right;
width: 57px;
margin-top: 5px;}


/* about page */

.photo{
width: 135px;
float: left;
margin-left: 82px;
}

.phototext{
width: 450px;
float: right;
margin-right: 27px;
font-size: 90%;
line-height: 1.5em;
color: #3b3b3b;
margin-left: 20px;
text-align: justify;
}

.clearing {
clear: both;
margin: 0;
padding: 0;
height:0;
line-height:0;}


/* styles for contact page and form */

div.row {
  clear: both;
  padding-top: 5px;
  }

div.row span.label {
  float: left;
  width: 140px;
  text-align: left;
margin-left: 4px;
font-size: 90%;
border: 0px solid #000;
  }

div.row span.formw {
  float: left;
  width: 300px;
  text-align: left;
font-size: 90%;
border: 0px solid #000;
  }

div.spacer {
  clear: both;
  }

input:focus{
border: 1px solid #246895;}

textarea:focus{
border: 1px solid #246895;}

input.btn {
	font: bold 70% "Arial, "Verdana", "Georgia", sans-serif;
	color: #fff;
	background-color: #246895;
	border: 0px solid #000;
	margin-left: 397px;
}

input.btnover {
	font: bold 70% "Arial, "Verdana", "Georgia", sans-serif;
	color: #fff;
	background-color: #2978ad;
	border: 1px solid #000;
	margin-left: 397px;
}

.txtbox{
	border: 1px solid #246895;}

/* end styles for contact page and form */



/* --- footer --------- */

#info-site {
position: relative;
clear: both;
width: 650px;
padding-top: 12px;
padding-bottom: 12px;
text-align: left;
margin-left: 82px;
margin-top: 20px;
border-top: 4px solid #f5f5f5;
background-color: #fff;
height: 70px;
}

#info-site p {
font-size: 75%;
line-height: 1.5em;
}

/* --- Info company --------- */

#info-company {
float: left;
width: 700px;
color: #666;
margin: 0;
border: 0px solid #000;
}


#info-company a:link{
text-decoration: underline;}