/*  Brains at Work stylesheet */

@charset "utf-8";

/****  Navigation  ****/
/*  Top navigation  */
#header {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 780px;
	height: 125px;
	z-index:1;
}
#navbar {
	list-style-type: none;
	z-index: 5;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	top: -16px; left: -105px;
	width: 600px;
	height: 29px;
	vertical-align: middle;
}
#navbar li {
	display:inline;
	font-family:Verdana;
	font-size:14px;
}
#navbar li {
	padding: 0 0 0 12px;
}
#navbar li.item a {
	color:gray;
	text-decoration:none;
}
#navbar li.select a {
	color:black;
	font-weight:bold;
}

#navbar li.item a:hover {
	color:black;
	font-weight:bold;
}
#blackline {
	position: relative;
	width: 780px;
	height: 2px;
	margin-left: auto;
	margin-right: auto;
	z-index: 3;
	margin-bottom: 50px;
	left:1px;
	top: 90px;
}
.border {
	border-style: solid none none none;
	border-top-width: 1px;
}

#yellowbar {
	position: relative;
	width : 778px;
	margin-left: auto;
	margin-right: auto;
	height: 29px;
	z-index: 2;
	top: 60px;
	left:1px;
	background-image: url('../images/yellow-bar_03.gif');
	background-repeat: no-repeat;
	
	
}

#logo {
	position: relative;
	width: 244px;
	height: 47px;
	z-index: 100;
	padding: 0; margin: 0;
	left: 510px;
	top: -53px;
	background-image: url('../images/logo.png');
	background-repeat: no-repeat;
}

/*  Content container  */
#container {
	position: relative;
	top: 0px;
	width: 780px;
	margin-right: auto;
	margin-left: auto;
	z-index: 5;
	padding-left: 10px;
}

/*  Bottom navigation  */
#container #footer {
	position:relative;
	width: 780px;
	height: 15px;
	z-index: 4;
	margin-left:auto;
	margin-right:auto;
	z-index:5;
}
#navbarbottom {
	list-style-type: none;
	z-index: 4;
	position: absolute;
	margin: 0;
	vertical-align:middle;
	right:0px;
	text-align:right;
	width: 440px;
	height: 15px;
	top: 0px;
	padding-top:5px;
	padding-right:20px;
	
}
#navbarbottom li {
	display:inline;
	font-family:Verdana;
	font-size:14px;
}
#navbarbottom li a {
	font-size:10px;
	text-decoration:none;
	font-weight:bold;
	color:black;
	text-align:right;	
}
.footer {
	font-size:10px;
	font-weight:bold;
	font-family:Verdana;
	padding-top:5px;
	padding-left:20px;
	clear:both;
}


/****  Content formatting  ****/
.content {
	font-family:Verdana;
	font-size:12px;
	padding-bottom:15px;
}

.content p {
	padding-top:1%;
	line-height:150%;
}

.content ul li {
	list-style-image:url('../images/ybullet.gif');
	line-height:17px;
}

#container #subtitle {
	width:inherit;
	height:30px;
	vertical-align:middle;	
}
.subtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: xx-large;
	font-weight: 100;
	text-transform: lowercase;
	color: #C0C0C0;
	letter-spacing: .3em;	
}
.subhead {
	font-size: 11px;
	letter-spacing:normal;
	color:black;
	font-family:Verdana;
}

#container #content1, #container #content2 {
	width: 375px;
	height: auto;
	z-index: 100;
	padding-bottom:20px;
	padding-top:15px;
	float:left;
	margin-top:10px;
}

#container #content1 {
	left: 0px;
	padding-right:12px;
}
#container #content2 {
	right: 0px;
	padding-left:12px;
}

/*  Frontpage   */
#container #frontpage {
	width: inherit;
	z-index: 4;
	float:left;
	min-height:430px;
	background-image:url('../images/brainhead.jpg');
	background-repeat:no-repeat;
	background-position:right 80px;
}
#container #frontpage p {
	line-height:200%;
}

/*  Clients and Presentations (single-column) pages */
#container #present {
	width: inherit;
	z-index: 4;
	float:left;
	margin-top:25px;
	min-height:400px;
}

#container #clients {
	width: inherit;
	z-index: 4;
	float:left;
	margin-top:25px;
}

#container #present span ul li, #container #present ul li {
	padding-top:10px;
}

/*  Contact us page   */
#container #contactus {
	width: inherit;
	z-index: 4;
	float:left;
	min-height:400px;
}