/*-------------------------------------------------
PAGE BODY
-------------------------------------------------*/
body {
  background-image: url(/images/base_repeat.gif);
  background-repeat: repeat-x;	
  font-family: geneva, arial, helvetica, verdana, sans-serif;
  color: #333;
  margin: 0; padding: 0;
  font-size: 73%;
}
* { margin: 0; padding: 0;}
html>body { overflow-y:scroll; }

/*-------------------------------------------------
GLOBALS & GENERAL CASES
-------------------------------------------------*/
img { border: none; }
a { outline: none; }
ul { margin: 0; padding: 0; list-style: none; }
div.fieldWithErrors input, div.fieldWithErrors textarea { border: 1px solid #990000; }
#message { margin-top: 12px; padding: 4px; color: red;}
#flash { position: absolute; top: 80px; left: 20px; padding: 8px; color: #333; background-color: #FFFF88;}
.form { line-height: 14px; }

/*-------------------------------------------------
PAGE LAYOUT
-------------------------------------------------*/
div#wrapper {
  margin: 0 auto;
  margin-left: 10%;
  width: 791px;
  position: absolute;
  top: 53px;
}

img#logo {
  margin-bottom: 40px;
  margin-left: 225px;
}

div#mainContent { overflow: hidden; height: 347px; }

div#left, div#middle, div#right { float: left; }

div#left {
  width: 133px;
  height: 259px;
}

img.leftshadow { float: left; }
img.rightshadow { float: right; }

div#middle {
  position: absolute;
  text-align: justify;
  line-height: 32px;
  left: 133px;
  height: 259px;
  width: 320px;
  color: #FFFFFF;
  background-image: url(/images/gray_icon.gif);
  background-repeat: no-repeat;
}
img.rightmiddle {float:right;}

div#scrollers {
  position: absolute;
  top: 224px;
  left: 296px;
  width: 15px;
}

img#scroll_up, img#scroll_down { float: left;}

div#middleContent {
  position: absolute;
  width: 260px;
  top: 12px;
  left: 28px;
  font-size: 11.5px;
  letter-spacing: 0px;
}
*div#middleContent { font-size: 12px; letter-spacing: 0.8px;} 

div#middle a {
  color: #FFF;
}

div#right {
  position: absolute;
  left: 453px;
  width: 357px;
  height: 259px;
}

/*-------------------------------------------------
MENU
-------------------------------------------------*/
ul#nav {
  	position: absolute;
  	top: 350px;
  	left: 110px;
}

ul#nav li.level1 {
	cursor: pointer;
	float: left;
	height: 20px;
}

ul#nav li#ideals {width:136px;}
ul#nav li#ideals img { position: relative; left: 23px; }
ul#nav li#projects { position: relative; left: -20px; }
ul#nav li#projects ul { margin-left: -5px; }
ul#nav li#contact img { position: relative; left: -27px; }
ul#projects_submenu, ul#ideals_submenu { display: none; }

ul#nav li.level1 ul {
	margin-top: -4px;
}

body:first-of-type ul#nav li.level1 ul {
	margin-top: 0;
}

ul#nav li.level1 ul li {
	height: 18px; width: 136px;
	border-bottom: 1px solid #310e0f;	
	background: #5c1b1c;
}

ul#nav li.level1 ul li a {
	text-align: center;
	text-decoration: none;
	color: white;
	display: block;
	padding: 1px 0 2px 0;
	height: 18px; width: 136px;
}

ul#nav li.level1 ul li a:hover {
	background: #310e0f;
}

ul#nav li.level1 ul li.last {
	background-image: url(/images/flyover_noarrow.gif);
	height: 22px;
	border-bottom: none;
}

/*----------------------------------
PROJECT PAGES
----------------------------------*/
div#project_navigator {
  position: absolute;
  width: 320px;
  top: 71px;
  left: 133px;
  text-align: center;
  font-weight: bold;
}

div#project_navigator span.title {
  position: relative; 
  top: 1px;
  color: #FFF;
  font-size: 12px;
}

div#project_details {
  position: absolute;
  top: 370px;
  left: 526px;
}

div#projInfo { 
  width: 199px;
  height: 199px;
  background-image: url(/images/project_box.gif);
  background-repeat: no-repeat;
  color: #fff;
}

div#projInfo h2 {
  text-align: right;
  padding: 30px 8px 6px 0;
  font-size: 12px;
  line-height: 16px;
}

div#projInfo p {
  margin: 0 0 0 90px;
  font-size: 10px;
  padding: 0;
  line-height: 16px;
}

div#projInfo.contact_spacer { background-image: url(/images/thestudio.gif); padding-top: 53px;}

/*-------------------------
LOGIN
--------------------------*/
#loginform table { margin-top: 18px; }
#loginform table td { padding: 5px; }
#loginform input[type="text"], #loginform input[type="password"] { width: 132px; padding: 2px;}

/*-------------------------
CONTACT FORM
--------------------------*/
#contactForm input.text, #contactForm textarea { 
  font-size: 11px;
  padding: 3px;
}