/* This css has been tested with Firefox 2, Safari, IE 6 and IE 7 */

html {
	height:100%; 	max-height:100%;  	padding:0; 	margin:0; border:0; width: 100%;font-size:76%; 	font-family: helvetica, sans-serif; 
	background:#fff;
	/* hide overflow:hidden from IE5/Mac */ 
	/* \*/ 
	overflow: hidden; 
	/* */ 
	}

body {height:100%; max-height:100%; overflow:hidden;  padding:0; margin:0; border:0;}


#content {display:block; height:100%; max-height:100%; overflow:auto; padding-left:300px; position:relative; z-index:2;}
#content2{ max-width: 600px; margin-right: 50px; margin-top:50px; padding-left: 20px; padding-right: 20px; padding-top: 5px;}

/*scrolling bit*/

/* 
#content {display:block; height:100%; max-height:100%; overflow:auto; padding-left:300px; position:relative; z-index:2;}
#content2{ max-width: 600px; width: 600px; margin-right: 50px; margin-top:50px; padding-left: 20px; padding-right: 20px; padding-top: 5px; padding-bottom: 10px;}
*/

/*The top margin and dotted line */
#head {position:absolute;  top:0px; width: 100%; right:18px; background: #ffffff; height:50px; color:#fff; font-size:1em; z-index:3; border-bottom: 0;}
#head2 {position:absolute; top:0px; width: 100%; right:18px; background: #ffffff; height:50px; color:#fff; text-align:right; font-size:1em; z-index:10;}

/* The right margin and dotted line */
#right {position:fixed; margin:0; top:0px; right: 15px; top: 0px; bottom: 15px; width:53px; display:block;  background: #ffffff; color:#fff;  font-size:1em; z-index:4; border-left: 0;}
* html #right {height: 100%;}
/* The lower margin and main menu */
#foot {position:absolute; margin:0px; padding: 0px; vertical-align: bottom; bottom:0px; left: 250px; right: 68px; background: #ffffff; height:180px; text-align:right; font-size:1em; z-index:5; }
#foot-line{position: absolute; background: transparent url('/media/line.png') repeat-x bottom; right: 68px; width: 1600px; padding-bottom: 5px; height: 10px; bottom: 50px;  z-index: 9;}
#foot-image{ position: absolute; text-align: left; right: 68px; padding-bottom: 5px; height: 60px; left:250px; bottom: 50px;  z-index: 14; }
* html #foot-image {max-width: 100%; width: 600px;}
/*#foot-image{ position: absolute; text-align: left; margin: 0px; padding: 0px; background: #ffffff url('/media/line.png') repeat-x bottom; right: 68px; padding-bottom: 5px; height: 101px; left:250px; bottom: 50px;  z-index: 14; }
*/

/* background: #fff45f url('/media/line.png') repeat-x bottom; */

#foot-border{  text-align: left;  border-top: 0; padding: 0px; margin-left: 50px; right: 0px; height: 149px; background: transparent;}

/* The left magin and main logo */
#left {position:fixed; vertical-align: bottom; text-align: right; left:0; bottom: 15px; top: 0px; background: #ffffff; width:300px;font-size:1em; z-index:6; }
* html #left {height:100%;}
#left-image{ position: absolute; width: auto; padding-left: 0px; padding-bottom: 5px; background: url('/media/line.png') repeat-x bottom; right:50px; bottom: 35px;  z-index: 1; }
* html #left-image {bottom: 50px;}
#left-border{position: absolute; width: 5px; left: 295px; bottom: 150px; height: 100%; top: 50px; border-right: 0}
#left-white{position: absolute; left: 0px; width: 100px; top: 0px; bottom: 15px; background: #ffffff; z-index: 50;}
* html #left-white{height: 100%;}
/* The dotted lines linking the scrolling part of the page to the main menu */
#left-line-projects{ position: absolute; width: 38px; right: 0px; bottom: 117px;  height: 39%; border-top: 1px dashed #6FCBDC;  border-left: 1px dashed #6FCBDC; z-index: 17;}
#left-line-philosophy{ position: absolute; width: 23px; right: 0px; bottom: 118px;  height: 39%; border-top: 1px dashed #6FCBDC;  border-left: 1px dashed #6FCBDC; z-index: 7;}
#left-line-services{ position: absolute; width: 8px; right: 0px; bottom: 121px;  height: 39%; border-top: 1px dashed #6FCBDC;  border-left: 1px dashed #6FCBDC; z-index: 7;}
/*#foot-line-history{ position: absolute; width: 2px; left: 56px; bottom: 107px;  top:0px;  border-left: 1px dashed #6FCBDC; z-index: 17;}
#foot-line-people{ position: absolute; width: 2px; left: 70px; bottom: 107px;  top:0px;  border-left: 1px dashed #6FCBDC; z-index: 17;}
#foot-line-contact{ position: absolute; width: 2px; left: 86px; bottom: 105px;  top:0px;  border-left: 1px dashed #6FCBDC; z-index: 17;}
*/

#left-contact{position: absolute; width: 2px; left: 321px; bottom: 128px; height: 52px; border-left: 1px dashed #6FCBDC; z-index: 17;}
#left-people{position: absolute; width: 2px; left: 306px; bottom: 123px; height: 57px; border-left: 1px dashed #6FCBDC; z-index: 17;}

/*The Next and Back arrows div */
#arrows{}
#back{position: fixed; width: 42px; left: 750px; bottom: 150px; z-index:50;}
#next{position: fixed; width: 42px; left: 800px; bottom: 150px; z-index:50;}

/* attempt to solve some of IE6's worst problems */
* html #head, * html #foot,* html #left, * html #right, * html #head2 {position:absolute;}
img {display:block; padding: 0px; margin: 0px; border: 0px;}
img.noblock {display: inline;}
.ztop {z-index: 50;}
/* div stuff on the contact page */

#contacts-left {
	vertical-align: top;
}

#contacts-right{
	vertical-align: top;
	text-align: right;
	padding-right: 20px;
	width: 200px;	
}


/* padding... fun */
#pad1 {display:block; width:18px; height:100px; float:left;}
.pad3 {display:block; width:18px; height:50px; float:left;}
.pad2 {display:block; height:200px;}

/* font formatting */

.bold {font-size:1.2em; font-weight:bold;}

.sectiondescription, p, .normal, .normal2,  li, ul, ol, span.form-element  {color:#606060 ; line-height: 1.25; font-family: helvetica, sans-serif;}
h2,h3,h1 { color:#A4AAB2 ; font-style: normal; font-weight: 100; letter-spacing: .3em; font-family: helvetica, sans-serif;}
h1{font-size: 170%;}
h2{font-size: 150%;}
h3{font-size: 120%;}
.compact { line-height: 1; }
.lightgrey{color: #A4AAB2;}


/* link formatting */

a.nav, a.nav:visited {display:block; width:100px; height:25px; text-decoration:none; color:#fff; font-weight:bold; line-height:25px;}
a.nav:hover {color:#fc0;}

/* h2 project links */

a.project, a.projet:visited {text-decoration: none; color: #A4AAB2;}
a.project:hover { color: #606060;}
/* text-decoration:underline; */

/* Main Menu positioning stuff */ 
.menu{ position: absolute; bottom: 3px; padding: 0px; margin: 0px; border: 0px;}
#menu1{ left: 0px;}
#menu2{ left: 17px;}
#menu3{ left: 32px;}
#menu4{ left: 47px;}
#menu5{ left: 62px;}

#company {
bottom:25px;
left:100px;
position:absolute;
z-index:9999;
color:#A4AAB2;
}

/* Project section list table formatting */

.clear{ padding:0; margin:0; border:0;}
.sectiondescription{}
.sectionphoto1{padding-left: 10px; padding-right:5px;}
.sectionphoto2{padding-left: 5px; padding-right:10px;}


.project_name{width: 100px; text-align: right; color: #6FCBDC}
.project_number{width: 50px; color: #A4AAB2}
.project_details{width: 100px; text-align: right; vertical-align: top;  color: #A4AAB2; padding-left: 0px; font-size: 95%;}
.project_detail{color: #A4AAB2; margin: 0px; border: 0px; padding-top: 0px; padding-bottom: 0px; padding-right: 0px;}
.project_photo1{vertical-align: top; width: 150px;}
.project_photo2{vertical-align: top; width: 150px;}
.project_photo3{vertical-align: top; width: 150px;}
.project_list{padding-top: 5px; padding-bottom:30px;}
.project_description{padding-left: 20px; width: 550px; color: #A4AAB2; padding-top: 10px; font-size: 100%;}

ol.alpha{list-style-type:upper-alpha}

.cv_table{paddingright: 15px; padding-left: 5px; border: 0;}
.normal2{padding-right: 20px;}

.images{width: 600px; left: 0; text-align: center;}

/* form formatting */

input, textarea {
	border: 1px #A4AAB2 solid;
	color: #606060;
}

label {
	display: block;
	padding-bottom: 5px;	
}

ul.errorlist {
	color: #6FCBDC;
	
}