html, body, #wrap {
	margin: 0px;
	padding: 0px;
	height: 100%;
	font-family: gandhi_sansregular, Arial, Helvetica, sans-serif;
	font-size: 14px;
}

form {
	margin: 20px;
}

/* @font-face */

@font-face {
    font-family: 'gandhi_sansbold';
    src: url('gandhisans-bold-webfont-webfont.eot');
    src: url('gandhisans-bold-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('gandhisans-bold-webfont-webfont.woff') format('woff'),
         url('gandhisans-bold-webfont-webfont.ttf') format('truetype'),
         url('gandhisans-bold-webfont-webfont.svg#gandhi_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'gandhi_sansitalic';
    src: url('gandhisans-italic-webfont-webfont.eot');
    src: url('gandhisans-italic-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('gandhisans-italic-webfont-webfont.woff') format('woff'),
         url('gandhisans-italic-webfont-webfont.ttf') format('truetype'),
         url('gandhisans-italic-webfont-webfont.svg#gandhi_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gandhi_sansregular';
    src: url('gandhisans-regular-webfont-webfont.eot');
    src: url('gandhisans-regular-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('gandhisans-regular-webfont-webfont.woff') format('woff'),
         url('gandhisans-regular-webfont-webfont.ttf') format('truetype'),
         url('gandhisans-regular-webfont-webfont.svg#gandhi_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* main layout styles */

#wrap {
	z-index: 2;
	display: relative;
}

body > #wrap { 
	height: auto; min-height: 100%;
	
}

#main { 
	padding-bottom: 40px; /* must be same height as the footer */
	z-index: 2;
	position: relative;
}  

#header {
	width: 100%;
	height: 80px;
	background:url(../images/bg-triangles.gif) repeat;
}

.bgstretcher {
	background: black;
	overflow: hidden;
	width: 100%;
	position: fixed !important;
	z-index: 1;
}

.bgstretcher, .bgstretcher UL, .bgstretcher UL LI {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
}

.bgstretcher UL, .bgstretcher UL LI {
	margin: 0;
	padding: 0;
	list-style: none;
}

/*  sticky footer */

#footer { 
    position: relative;
	margin-top: -40px; /* negative value of footer height */
	height: 25px;
	clear:both;
	background-color: #000;
	z-index: 2;
	background:url(../images/bg-triangles.gif) repeat;
	padding: 15px 0 0 20px;
} 

/* clear fix */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

* html .clearfix { 
	height: 1%;
}

.clearfix {
	display: block;
}

/* Page styles */

#logo {
	width: 192px;
	height: 38px;
	background:url(../images/logo.png);
	position: absolute;
	left: 20px;
	top: 20px;		
}

#logo {
	text-decoration:none;
}

#menu {
	position: absolute;
	left: 350px;
	top: 20px;
	width: 800px;
	height: 30px;
}

#menu li {
	display: inline;
	float: left;
	color: #a6a8ab;
	font-size: 14px;
	margin-right: 50px;

}

#menu li a {
	color: #a6a8ab;
	text-decoration: none;
	letter-spacing:3px
}

#menu li a:hover {
	color: #a6a8ab;
	text-decoration: none;
	color: white;
}

body#company a#companynav, body#projects a#projectsnav, body#references a#referencesnav, body#gallery a#gallerynav, body#contact a#contactnav  {
	color: #C8B18B;
}

#footer p, #footer a {
	color: #c7b08a;
	text-decoration: none;
	margin: 0px;
}

#contentpanel {
	position: absolute;
	left: 20px;
	top: 120px;
	display: block;
	background: url(../images/panel-bckgrd.png);
	width: 520px;
}

#projectpanel1 {
	position: absolute;
	left: 20px;
	top: 370px;
	display: block;
	background-color: #404042;
	width: 500px;
	padding: 10px;
}

#projectpanel2 {
	position: absolute;
	left: 20px;
	top: 503px;
	display: block;
	background-color: #404042;
	width: 500px;
	padding: 10px;
}

#projectpanel1 a, #projectpanel2 a {
	text-decoration: none;
}

.descriptionlink {
	float: right;
	width: 59px;
	height: 92px;
	display: inline;
}

.description {
	float: right;
	display: inline;
	width: 340px;
	text-align: left;
	font-size: 16px;
	color: #a6a8ab;
	line-height: 22px;
}

.thumbnailholder {
	float: left;
	display: inline;
	width: 92px;
}

.descriptionholder {
	float: right;
	display: inline;
	width: 400px;
}

#contentpanel p {
	line-height: 20px;
	margin: 20px;
	color: #404042;
}

#contentpanel h1 {
	background-color: #404042;
	padding: 15px 0px 15px 20px;
	margin: 0px;
	color: #a6a8ab;
	font-size: 18px;
	letter-spacing:3px
}

#contentpanel h2 {
	color: #404042;
	border-bottom: 1px solid #b26f0e;
	height: 10px;
	padding: 10px 0px 25px 0px;
	margin: 20px 0 0 20px;
	font-size: 16px;
	width: 90%;
	font-weight: normal;
	letter-spacing:3px
}

/* Gallery */
#galContentpanel {
	position: absolute;
	left: 75px;
	top: 120px;
	display: block;
	background: url(../images/panel-bckgrd.png);
	width: 520px;
	min-height: 250px;
	overflow:hidden;
}

#innerContent a {
	line-height: 20px;
	margin: 20px;
	color: #404042;
	display:block;
	font-family: gandhi_sansregular, Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size:15px;
	letter-spacing: 3px;
}

#galContentpanel h1 {
	padding: 15px 0px 15px 20px;
	margin: 0px;
	color: #a6a8ab;
	font-size: 18px;
	background:url(../images/backgrounds/arrow_open.gif) no-repeat right center #404042;
	cursor:pointer;
}

#innerContent {
	width: 520px;
}

#panelClosed {
	display:none;
}

#panelClosed h1 {
	padding: 15px 0px 15px 20px;
	margin: 0px;
	color: #a6a8ab;
	font-size: 18px;
	background:url(../images/backgrounds/arrow_closed.gif) no-repeat right center  #404042;
}

p.intro  { 
	font-size: 16px;
	line-height: 20px;
}

#manera {
	z-index: 30;
	display: block;
	position: absolute;
	width: 70px;
	height: 110px;
	background-image: url(../images/manera-logo.jpg);
	left: 940px;
	top: 100px;
}

#contactname, #email, #subject {
	background-color: #bc9b6a;
	border: 0px;
	width: 465px;
	height: 25px;
	padding: 5px;
}

#message {
	background-color: #bc9b6a;
	border: 0px;
	width: 465px;
	height:55px;
	padding: 5px;
}

.error {
	color: #996633;
	margin-top: 5px;
}

img { border:none; }
	
	
#supersized {  display:block; position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
#supersized img { width:auto; height:auto; position:relative; display:none; outline:none; border:none; }
#supersized li { display:block; list-style:none; z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; }
#supersized a { width:100%; height:100%; display:block; }
#supersized li.prevslide { z-index:-20; }
#supersized li.activeslide { z-index:-10; }
#supersized li.prevslide img, #supersized li.activeslide img{ display:inline; }
#prevslide, #nextslide{ position:absolute; height:43px; width:43px; top:50%; margin-top:-21px; opacity:0.6; }
#prevslide{ left:10px; background:url('../images/back.png'); }
#nextslide{ right:10px; background:url('../images/forward.png'); }
#prevslide:active, #nextslide:active{ margin-top:-19px; }
#prevslide:hover, #nextslide:hover{ cursor:pointer; }	

#buttonholder {
	display: block;
	width: 100%;
	padding-bottom: 20px;
}

#back {
	display: inline;
	float: left;
	width: 20%;
	text-align: left;
	padding-left: 20px;
}

#next {
	display: inline;
	float: right;
	width: 20%;
	text-align: right;
	padding-right: 20px;
}