/* -----------------------------------------------
Master Style Sheet

site:     u3ventures.com
version:  0.1
author:   Alex Gilbert
email:    alex@valueneutral.com
website:  http://www.valueneutral.com
----------------------------------------------- */

*{
  margin: 0;
  padding: 0;
}

html,
body,
div,
p {
	color: #444;
}

.home P {
	color: #fff;
}

body {
	font: small/1.4 Verdana, Arial, sans-serif; 
	margin: 0;
	padding: 0;
	text-align: center;
	background: #eee;
}

/* =links
----------------------------------------------- */

a:link,
a:active,
a:visited {
  color: #F79910;
  text-decoration: none;
}

a:hover{
  color: #444;
}

.home a:hover{
	color: #fff;
}

a img {
	border: none;
}

/* =common
----------------------------------------------- */

h1,
h2,
h3,
h4{
  margin: 0;
  padding: 0;
}

h1 { font-size: 210%; }
h2 { font-size: 160%; }
h3 { font-size: 130%; }
h4 { font-size: 100%; }

br {
	clear: both;
}

hr {
	display: none;
}

p {
	margin: 0; 
	padding-top: 1em; 
	line-height: 1.8em;
}

sup{
  line-height: 0px;
}

.clear {
	clear: both;
}

/* =wrappers
----------------------------------------------- */

#wrapper {
	position: relative;
	text-align: left;
	width: 743px;
	height: auto;
	margin: 100px auto 10px auto;
  font-size: 90%;
	background: #fff;
	border: 1px solid #787878
}

.home #wrapper {
	width: 743px;
	height: 425px;
	background: #787878;
	border: none;
	height: 423px;
}


/* =masthead
----------------------------------------------- */

#masthead h1{
  position: absolute;
  top: -37px;
  right: -0px;
  width: 101px;
  height: 104px;
  text-indent: -5000px;
  background: url(../images/u3-logo-dark.png) no-repeat;
}

.home #masthead h1{
  top: -36px;
  right: 3px;
  background-image: url(../images/u3-logo.png);
}

#print-mast{
  display: none;
}

/* =navigation
----------------------------------------------- */

#navigation{
  position: absolute;
  top: -40px;
  left: -1px;
}

.home #navigation{
  top: -39px;
  left: -1px;
}

#navigation ul{
  list-style-type: none;
}

#navigation li{
  float: left;
  margin-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
}

#navigation a{
  display: block;
  margin-bottom: 5px;
  padding: 8px 0;
  width: 95px;
  color: #444;
  text-align: center;
  text-transform: uppercase;
	border: 1px solid #808284;
	background: #fff;
}

.home #navigation a#home,
.services #navigation a#services,
.development #navigation a#development,
.advisory #navigation a#advisory,
.people #navigation a#people,
.clients #navigation a#clients,
.links #navigation a#links,
.press #navigation a#press{
	border: 1px solid #F1A42B;
	background: #F1A42B;
	color: #FFF;
}

#navigation a:hover{
	border: 1px solid #F1A42B;
	background: #F1A42B;
	color: #FFF;
}

/* =content
----------------------------------------------- */

#content {
	padding-top: 75px;
  width: 100%;
  font-size: 88%;
	line-height: 1.2em;
	margin-bottom: 94px;
}

.home #content{
  padding-top: 145px;
	margin-bottom: 0;
}

.home #content p{
  text-align: center;
}

#content P {
	width: 430px;
}

.people #content P {
	width: 300px;
}

.people #group_photo {
	margin-left: 90px;
	margin-bottom: 40px;
	width: 420px;
}


/* fluid height for links page
----------------------------------------------- */
/*	for Mozilla/Safari */
	
*>.links #content {
 padding-top: 325px;
 min-height: 1px;
}
*>.links #left_bar {
 margin-top: -250px;
}

/* for IE \*/

* html .links #content {
 height: 425px;
 margin-bottom: 21px;
}

/* end hack */


/* = left bar
----------------------------------------------- */

#left_bar {
	margin-left: 90px;
}

.services #left_bar ul {
	position: relative;
	left: -20px;
	margin-top: 20px;
	list-style-type:  none;
	width: 430px;
}

.services #left_bar ul li {
	padding-bottom: 5px;
	padding-left: 20px;
	background:  url(../images/bullet.gif) no-repeat 0 10%;
  line-height: 1.5em;
}

.services #left_bar ul .first {
	background:  none;
}

.development #left_bar ul {
	position: relative;
	left: -20px;
	margin-top: 20px;
	list-style-type:  none;
	width: 430px;
}

.development #left_bar ul li {
	padding-bottom: 5px;
	padding-left: 20px;
	background:  url(../images/bullet.gif) no-repeat 0 10%;
  line-height: 1.5em;
}

.development #left_bar ul .first {
	background:  none;
}

.development #right_bar {
	position: absolute;
	top: 150px;
	right: 25px;
}


.advisory #left_bar ul {
	position: relative;
	left: -20px;
	margin-top: 20px;
	list-style-type:  none;
	width: 430px;
}

.advisory #left_bar ul li {
	padding-bottom: 5px;
	padding-left: 20px;
	background:  url(../images/bullet.gif) no-repeat 0 10%;
  line-height: 1.5em;
}

.advisory #left_bar ul .first {
	background:  none;
}

.links #left_bar,
.press #left_bar{
	float: left;
}

.people #left_bar .portrait {
	
	margin-right: 30px;
	float: left;
}

.people #left_bar .bio {
	float: left;
	margin-bottom: 30px;
}

#u3press {
	margin-bottom: 30px;
}

.name {
	color: #F1A42B;
}

/* = right bar
----------------------------------------------- */

.services #right_bar {
	position: absolute;
	top: 150px;
	right: 25px;
}

.services #right_bar a{
	display: none;
}

.services #right_bar #active{
	display: block;
}

.services #right_bar span{
	display: block;
	clear: left;
	margin: 3px 0;
}

.links #right_bar {
	position: absolute;
	top: 80px;
	right: 15px;
}

.links #right_bar p {
	width: 100px;
}


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

#footer{
  position: absolute;
  bottom: 10px;
  width: 100%;
}

#footer p{
  text-align: center;
  font-size: 90%;
  style:  100%
}

#footer p a{
  margin-right: 10px;
}


/* =misc
----------------------------------------------- */

object{
  background-color: #787878;
}

/* =admin
----------------------------------------------- */

.edit {
	position: relative;
	left: 10px;
	top: 3px;
}

.delete {
	position: relative;
	left: 20px;
	top: 3px;
}

.list {
	border-top: 1px dotted #787878;
	padding-bottom: 20px;
}

.error {
	color: #DE0D0D;
}