/* MAIN ELEMENTS */

body {
	background: #fff; 
	padding: 0;
	margin: 0;
	color: #000;
	text-align: center;
	}
	
p {
	margin-top: 0;
	margin-right: 0pt;
	margin-bottom: 0.8em;
	margin-left: 0pt;
	text-align: left;
	line-height: 1.4;
	}
	
img {
	border: none;
	}
	
a:link {
	color: #fff;
	}	
	
a:visited { 
	color: #fff;
	}
	
a:hover, a:active {
	color: #999;
	}	
	
/* GENERIC ELEMENTS */
	
#holder {
	position: relative;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right:auto;
	margin-left:auto;
	width: 840px;
	height: 560px;
	padding: 0px;
	background: #3e4334;
	color: #fff;
	text-align: left;
	border: 1px solid #fff;
	}
	
#swash {
	position: absolute;
	top: 240px;
	left: 0px;
	height: 320px;
	width: 201px;
	background: #3e4334 url(../images/swash.png) no-repeat bottom center;
	}
	
#logo {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 98px;
	width: 294px;
	background: #fff;
	z-index: 2;
	}
	
#whiteheader {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 127px;;
	width: 840px;
	background: #fff  url(../images/headerbackground2.jpg) repeat-x top right;
	z-index: 1;
	}	
	
#line {
	position: absolute;
	top: 96px;
	left: 0px;
	height: 2px;
	width: 840px;
	background: url(../images/line.png) repeat-x top center;
	z-index: 2;	
	}
	
#copyright {
	position: relative;
	margin-top: 4px;
	margin-bottom: 0px;
	margin-right:auto;
	margin-left:auto;
	width: 840px;
	height: 40px;
	padding: 0px;
	background-color: #fff;
	color: #3e4334;
	text-align: center;
	font: 67.5% verdana, arial, helvetica, sans-serif;
	}	
	
/* CSS Menu */

#menuholder {
  position: absolute;
  top: 100px;
  left: 12px;
  width: 421px;
  height: 25px;
  z-index: 3;
  }

#menu {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 421px;
  height: 25px;
  position: relative;
  }

#menu a {
  display: block;
  text-indent: -900%;
  position: absolute;
  outline: none;
  }

#menu a:hover {
  background-position: left bottom;
  }

#menu .home {
  width: 46px;
  height: 25px;
  background: url(../images/home_button.png) no-repeat;
  left: 0px;
  top: 0px;
  }
  
#menu .gallery {
  width: 54px;
  height: 25px;
  background: url(../images/gallery_button.png) no-repeat;
  left: 86px;
  top: 0px;
  }

#menu .clients {
  width: 52px;
  height: 25px;
  background: url(../images/clients_button.png) no-repeat;
  left: 169px;
  top: 0px;
  }

#menu .aboutus {
  width: 71px;
  height: 25px;
  background: url(../images/aboutus_button.png) no-repeat;
  left: 250px;
  top: 0px;
  }
  
#menu .contactus {
  width: 83px;
  height: 25px;
  background: url(../images/contactus_button.png) no-repeat;
  left: 350px;
  top: 0px;
  }  
	
/* End CSS Menu */
	
/* Home elements */	
	
#text {
	position: absolute;
	top: 140px;
	left: 15px;
	height: 405px;
	width: 300px;
	font: 75% verdana, arial, helvetica, sans-serif;
	overflow: auto;
	}

#image1 {
	position: absolute;
	top: 141px;
	left: 331px;
	height: 403px;
	width: 328px;
	background: #3e4334;
	border-width: 1px;
	border-color: #fff;
	border-style: solid;
	}
	
#image2 {
	position: absolute;
	top: 141px;
	left: 676px;
	height: 123px;
	width: 148px;
	background: #3e4334;
	border-width: 1px;
	border-color: #fff;
	border-style: solid;
	}
	
#image3 {
	position: absolute;
	top: 281px;
	left: 676px;
	height: 123px;
	width: 148px;
	background: #3e4334;
	border-width: 1px;
	border-color: #fff;
	border-style: solid;
	}
	
#image4 {
	position: absolute;
	top: 421px;
	left: 676px;
	height: 123px;
	width: 148px;
	background: #3e4334;
	border-width: 1px;
	border-color: #fff;
	border-style: solid;
	}

/* Contact us elements */	

#contactholder {
	position: absolute;
	top: 170px;
	left: 15px;
	height: 405px;
	width: 300px;
	overflow: auto;
	}

#address {
	position: relative;
	top: 0px;
	left: 0px;
	width: 280px;
	font: 75% verdana, arial, helvetica, sans-serif;
	overflow: auto;
	padding: 10px;
	background: #2C3025;
	}
	
#telephone {
	position: relative;
	top: 0px;
	left: 0px;
	width: 280px;
	font: 75% verdana, arial, helvetica, sans-serif;
	overflow: auto;
	padding: 10px;
	background: #2C3025;
	}	
	
#fax {
	position: relative;
	top: 0px;
	left: 0px;
	width: 280px;
	font: 75% verdana, arial, helvetica, sans-serif;
	overflow: auto;
	padding: 10px;
	background: #2C3025;
	}	
	
#email {
	position: relative;
	top: 0px;
	left: 0px;
	width: 280px;
	font: 75% verdana, arial, helvetica, sans-serif;
	overflow: auto;
	padding: 10px;
	background: #2C3025;
	}	

#form {
	position: absolute;
	top: 170px;
	left: 331px;
	height: 356px;
	width: 475px;
	background: #2C3025;
	padding: 10px;
	font: 75% verdana, arial, helvetica, sans-serif;
	}

/* Form elements */

label {
	display:block;
	width: 227px;
	}
	
fieldset.left {
	border: 0pt none;
	float: left;
	height: 20em;
	margin: 0px;
	padding: 0px;
	width: 227px;
	}
	
fieldset.right {
	border: 0pt none;
	float: right;
	height: 20em;
	margin: 0px;
	padding: 0px;
	width: 227px;
	}
	
#submit {
	position: absolute;
	top: 370px;
	height: 24px;
	left: 10px;
	width: 227px;
	background: #2C3025;
	}
	
input.field {
	background: #fff;
	border: none;
	margin-top: 2px;
	width: 223px;
	padding: 2px;
	height: 1.38em;
	}
	
select.dropdown {
	background: #fff;
	border: none;
	margin-top: 2px;
	width: 223px;
	padding: 2px;
	}
	
#submitbutton {
	background: #fff;
	height: 24px;
	border: none;
	padding: 3px;
	float: bottom;
	}
	
input.upload {
	background: #fff;
	border: none;
	margin-top: 2px;
	width: 223px;
	}
	
/* Titles */	

#contactustitle {
	position: absolute;
	top: 132px;
	left: 15px;
	height: 34px;
	width: 292px;
	background: #3e4334 url(../images/contactustitle.png) no-repeat top center;
	}
	
#aboutustitle {
	position: absolute;
	top: 132px;
	left: 15px;
	height: 34px;
	width: 292px;
	background: #3e4334 url(../images/aboutustitle.png) no-repeat top center;
	}
	
#clientstitle {
	position: absolute;
	top: 132px;
	left: 15px;
	height: 34px;
	width: 292px;
	background: #3e4334 url(../images/clientstitle.png) no-repeat top center;
	}
	
#gallerytitle {
	position: absolute;
	top: 132px;
	left: 15px;
	height: 34px;
	width: 292px;
	background: #3e4334 url(../images/gallerytitle.png) no-repeat top center;
	}	
	
/* About us elements */

#errortext {
	position: absolute;
	top: 126px;
	left: 15px;
	height: 335px;
	width: 430px;	
	font: 75% verdana, arial, helvetica, sans-serif;
	overflow: auto;
	z-index: 5;
	}	
	
#aboutustext {
	position: absolute;
	top: 216px;
	left: 15px;
	height: 335px;
	width: 430px;	
	font: 75% verdana, arial, helvetica, sans-serif;
	overflow: auto;
	z-index: 5;
	}	
	
#image5 {
	position: absolute;
	top: 141px;
	left: 496px;
	height: 403px;
	width: 328px;
	background: #3e4334;
	border-width: 1px;
	border-color: #fff;
	border-style: solid;
	}	
	
#aboutusmenu {
	position: absolute;
	top: 180px;
	left: 15px;
	height: 30px;
	width: 467px;	
	font: 75% verdana, arial, helvetica, sans-serif;
	z-index: 6;
	overflow: hidden;
	}	

#aboutusmenu a:link {
	padding: 5px 7px 5px 7px;
	color: #fff;
	background-color: #2C3025;
	text-decoration: none;
	font-weight: bold;
	height: 20px;
	overflow: hidden;
	position: relative;
	top: 5px;
	}
	
* html #aboutusmenu a:link {
    \width: 140px; /* for IE5 and IE6 in quirks mode */
    w\idth: 100px; /* for IE6 in standards mode */
	}
	
#aboutusmenu a:visited { 
	padding: 5px 7px 5px 7px;
	color: #fff;
	background-color: #2C3025;
	text-decoration: none;
	font-weight: bold;
	height: 20px;
	overflow: hidden;
	position: relative;
	top: 5px;
	}
	
#aboutusmenu a:hover {
	padding: 5px 7px 5px 7px;
	color: #2C3025;
	text-decoration: none;
	background-color: #fff;
	font-weight: bold;
	height: 20px;
	overflow: hidden;
	position: relative;
	top: 5px;
	}	
	
#aboutusmenu a:active {
	padding: 5px 7px 5px 7px;
	color: #2C3025;
	text-decoration: none;
	background-color: #fff;
	font-weight: bold;
	height: 20px;
	overflow: hidden;
	position: relative;
	top: 5px;
	}
	
/* Other elements */	

#caption {
	position: absolute;
	top: 470px;
	left: 330px;
	height: 55px;
	width: 495px;
	background: #3e4334;
	font: 67.5% verdana, arial, helvetica, sans-serif;
	overflow: auto;
	}
	
/* Gallery elements */

#gallerylist {
	position: absolute;
	top: 170px;
	left: 15px;
	height: 375px;
	width: 300px;
	overflow: auto;
	background: #2C3025;
	font: 75% verdana, arial, helvetica, sans-serif;	
	}

#galleryarea {	
	position: absolute;
	top: 141px;
	left: 331px;
	height: 385px;
	width: 475px;
	background: #2C3025;
	padding: 10px;
	font: 75% verdana, arial, helvetica, sans-serif;
	}
	
div.projectphoto {
	position: absolute;
	left: 14px;
	height: 28px;
	width: 38px;
	overflow: visible;
	background: #2C3025;
	font: 75% verdana, arial, helvetica, sans-serif;	
	border-width: 1px;
	border-color: #fff;
	border-style: solid;
	}	
	
div.projecttext {
	position: absolute;
	left: 63px;
	height: 30px;
	width: 254px;
	overflow: visible;
	background: #2C3025;
	font: 75% verdana, arial, helvetica, sans-serif;
	}
	
div.projecttext a {
	display: block;
	background: #333;
	padding-left: 9px;		
	padding-top: 7px;
	padding-bottom: 8px;
	background: #2C3025;
	text-decoration: none;
	}	
	
div.projecttext a:hover {
	display: block;
	background: #333;
	padding-left: 9px;		
	padding-top: 7px;
	padding-bottom: 8px;
	background: #fff;
	color: #2C3025;
	text-decoration: none;
	}	
	
div.projecttextselected {
	position: absolute;
	left: 63px;
	height: 30px;
	width: 254px;
	overflow: visible;
	background: #23261e;
	color: #fff;
	font: 75% verdana, arial, helvetica, sans-serif;
	}
	
div.projecttextselected a {
	display: block;
	background: #333;
	padding-left: 9px;		
	padding-top: 7px;
	padding-bottom: 8px;
	background: #1a1d16;
	color: #fff;
	text-decoration: none;
	}	
	
div.projecttextselected a:hover {
	display: block;
	background: #333;
	padding-left: 9px;		
	padding-top: 7px;
	padding-bottom: 8px;
	background: #fff;
	color: #2C3025;
	text-decoration: none;
	}		

#galleryimage {
	position: absolute;
	top: 14px;
	left: 14px;
	height: 301px;
	width: 419px;
	background: #fff;
	border: 1px solid #fff;
	font: 75% verdana, arial, helvetica, sans-serif;
	}	
	
div.number {
	position: absolute;
	left: 449px;
	height: 23px;
	width: 32px;
	overflow: visible;
	font: 100% verdana, arial, helvetica, sans-serif;
	text-align: center;
	}
	
#gallerycaption {
	position: absolute;
	top: 331px;
	left: 14px;
	height: 60px;
	width: 421px;
	font: 85% verdana, arial, helvetica, sans-serif;	
	}
	
div.number a {
	display: block;
	background: #3e4334;
	padding-top: 6px;
	padding-bottom: 6px;
	text-decoration: none;
	}
	
div.number a:hover {
	display: block;
	background: #fff;
	color: #2C3025;
	padding-top: 6px;
	padding-bottom: 6px;
	text-decoration: none;
	}
	
div.selected {
	position: absolute;
	left: 449px;
	height: 23px;
	width: 32px;
	overflow: visible;
	font: 100% verdana, arial, helvetica, sans-serif;
	text-align: center;
	}	
	
div.selected a {
	display: block;
	background: #1a1d16;
	color: #fff;
	padding-top: 6px;
	padding-bottom: 6px;
	text-decoration: none;
	}
	
div.selected a:hover {
	display: block;
	background: #fff;
	color: #2C3025;
	padding-top: 6px;
	padding-bottom: 6px;
	text-decoration: none;
	}	
	
/* Clients elements */

#clientsholder {
	position: absolute;
	top: 170px;
	left: 15px;
	height: 40px;
	width: 647px;
	font: 75% verdana, arial, helvetica, sans-serif;
	}

#leftlist {
	position: absolute;
	top: 225px;
	left: 15px;
	height: 320px;
	width: 250px;
	padding: 0px;
	font: 75% verdana, arial, helvetica, sans-serif;
	}
	
#rightlist {
	position: absolute;
	top: 225px;
	left: 300px;
	height: 320px;
	width: 250px;
	padding: 0px;
	font: 75% verdana, arial, helvetica, sans-serif;
	}	

/* Languages elements */

#languagebody {
	background: #3e4334; 
	padding: 10px;
	margin: 0;
	color: #fff;
	text-align: center;
	font: 75% verdana, arial, helvetica, sans-serif;
	}
	
/* STYLES FOR THE UPLOAD FORM */	

#upload_form1 {
	position: absolute;
	top: 170px;
	left: 331px;
	height: 356px;
	width: 475px;
	background-color: #2C3025;
	padding: 10px;
	font: 75% verdana, arial, helvetica, sans-serif;
	}

#lightbox {display:none;}
#overlay {display:none;}
#progress_bar {
	text-align: center;
	margin-top: 10px;
	}
	
.bar1 {
	border: 1px solid #a3a3a3; 
	background-color: #3e4334; 
	text-align: left; 
	vertical-align: middle; 
	height: 15px; 
	width: 100%; 
	margin-bottom: 8px;
	}
	
.bar2 {
	width: 1%; 
	background-color: #2c3035; 
	height: 15px; 
	text-align: left;
	}
	
.btn {
	font: 12px Arial; 
	border: 1px solid #a3a3a3; 
	background-color: #e9e9e9; 
	margin-top: 3px; 
	margin-bottom: 5px;
	}

#upload_info {
	font-size: 10px;
}
h1.email_response {
	position: absolute;
	margin: 45px 20px 0 0;
	right: 0;
	float: left;
	color: red;
	font-size: 18px;
	font-weight: normal;
}