html {
	background: url('../images/bg2.gif'); 
	background-position:center;
	background-repeat: repeat-y;

}

body {
	line-height: 1;
	font: normal 12px Arial, Helvetica, sans-serif;
	vertical-align: top;
	color: #000;
	font:80%/140% 'helvetica neue',sans-serif;
	text-align: center;	
	background: url('../images/bg.jpg'); 
	background-position:top;
	background-repeat: repeat-x;
}

#container {
	width: 1024px;
text-align:left;
margin-left: auto; 
margin-right: auto;

}

#header {
	background: url('../images/header.jpg'); 
	background-position:top center;
	background-repeat: no-repeat;
	width: 1024px;
	height: 142px;
	position: relative;
	
	
}

#menu {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 620px;
  height: 98px;
  top: 41px;
  left: 310px;
  position: relative;
}

#menu span, #buttons span {
  display: none;
  position: absolute;
}

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

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

#menu a:hover span, #buttons a:hover span {
  display: block;
}

#menu .home {
  width: 91px;
  height: 100px;
  background: url(../images/home.gif) no-repeat; 
  left: 0px;
  top: 0px;
}

#menu .portfolio {
  width: 193px;
  height: 100px;
  background: url(../images/portfolio.gif) no-repeat; 
  left: 92px;
  top: 0px;
}

#menu .about {
  width: 113px;
  height: 100px;
  background: url(../images/about.gif) no-repeat; 
  left: 285px;
  top: 0px;
}

#menu .contact {
  width: 112px;
  height: 100px;
  background: url(../images/contact.gif) no-repeat; 
  left: 399px;
  top: 0px;
}

#buttons {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 318px;
  height: 45px;
  top: 0px;
  left: 0px;
  position: relative;
}

#buttons li {
	display: inline;	
}

#buttons .portfolioBtn {
  width: 155px;
  height: 45px;
  background: url(../images/ViewPortfolioBtn.gif) no-repeat; 
  left: 0px;
  top: 0px;
}

#buttons .contactBtn {
  width: 155px;
  height: 45px;
  background: url(../images/RequestBtn.gif) no-repeat; 
  left: 156px;
  top: 0px;
}

#buttons .facilityBtn {
  width: 145px;
  height: 45px;
  background: url(../images/facilityBtn.gif) no-repeat; 
  left: 0px;
  top: 0px;
}

#buttons .referencesBtn {
  width: 143px;
  height: 45px;
  background: url(../images/referencesBtn.gif) no-repeat; 
  left: 146px;
  top: 0px;
}

#buttons .galleriesBtn {
  width: 155px;
  height: 45px;
  background: url(../images/GalleriesBtn.gif) no-repeat; 
  left: 0px;
  top: 0px;
}
#content {
	background: url('../images/content.jpg'); 
	background-position:top;
	background-repeat: repeat-y;	
	margin-top: 0px;
	width: 1024px;
	padding-bottom: 22px;
}


#inner_content {
	width: 900px;
	margin-left: auto; 
	margin-right: auto;
	padding-top: 10px;
	
}

.gallery_content {
	padding-top:4px; height: 535px;
}

/*
:::::::::::::::::::::::::::::::: CONTACT :::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/

#contact {
	margin-left: 50px;
	width: 500px;
		}
		
 textarea {
	margin: 5px 0;
	padding: 2px;
	border: solid 1px #CCC;
	background-color:#F5ECF9;
}

input {
	margin: 5px 0;
	
}

body.contact #content{
	
	
	}
	
body.contact #content h2{
color: #f6eedc;
		}
		
#contact a img {
		border: none;
		}

/*
:::::::::::::::::::::::::::::::: FOOTER :::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/

#footer_container {

	background: url('../images/bg2.gif'); 
	background-position:center;
	background-repeat: repeat-y;
	margin-left: 0px;
	text-align: center;	
	
}
#footer {
	background-position:center;
	background-repeat: no-repeat;
	width: 1024px;
	height: 100px;
	text-align: center;	
	position: relative;
	margin-left: auto; 
	margin-right: auto;
	
}

#footer h2 {
	text-align: center; color: #4e6757; font-size: 1.0em; padding-top: 7px;margin:0px
}

#footer h2 a{ 
	color: #4e6757;
}

#footer_menu {
padding-top: 10px;
text-align:center;
width: 800px;
margin-left: auto; 
margin-right: auto;
padding-left: 220px;
}
/* Remove all margin and padding from the unordered list in the main menu. */

#footer_menu ul {
	width: 1024px;
	margin-left: auto; 
	margin-right: auto;
	display: inline;
	
	
}

/* Remove bullets for each list item. Make each list item go horizontal instead of vertical. Add 5 pixels of margin to the left and right sides of each list item to space them away from eachother. */

#footer_menu li {
list-style-type: none;
margin: 0px 25px 0px 25px;


}

/* Links within each list item will appear with white text and the text will not be underlined. */

#footer_menu li a {
color: #3d5444;
text-decoration: none;
text-align: left;

}

/* When the mouse hovers over a link, it will appear with brownish yellow text and the text will be underlined. Any links with a class of active will also appear the same way. */

#footer_menu li a.active, #footer_menu a:hover {
text-decoration: underline;
}

.portfolioMainContainer{width: 570px; position:relative; margin-top: 5px; height: 400px;}
.portfolioMainRow{width: 570px; position:relative; float:left; margin-left:0px;}
.portfolioMainPic{float:left; position:relative; width: 127px; padding-left:9px; }

.portfolioMainPic a img { border: 3px #6c7d72 solid; }
.portfolioMainPic a:hover img {border: 3px #f8f0dc solid; }

#portfolioNav ul {display: inline;}

#portfolioNav li {display: inline; padding-right: 10px; padding-left: 5px; border-right: 1px solid #f8f0dc;}


#portfolioNav{
	color: #f0d288;
	float:right;
}



.border {
	border: 3px #6c7d72 solid;
}

#slide-show {
	width: 570px; float: right;
}


*{margin:0;padding:0}

.right {
	float: right;
}
.left {
	float: left;
}
.align-left {
	text-align: left;
}
.align-right {
	text-align: right;
}
.align-center {
	text-align:center;
}
.justify {
	text-align:justify;
}
.hide {
	display: none;
}
.clear {
	clear: both;
}
.bold {
	font-weight:bold;
}
.italic {
	font-style:italic;
}
.underline {
	border-bottom:1px solid;
}
.highlight {
	background:#ffc;
}
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft {
	float:left;
	margin:4px 10px 4px 0;
}
img.alignright {
	float:right;
	margin:4px 0 4px 10px;
}


.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}
/* =2 Links
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
a {
	color: #f8f0dc;
	text-decoration: underline;
	outline:none;
}


a:link, a:visited {
	color: #f8f0dc;
}
a:hover {
	color: #f0d288;
	text-decoration: underline;
}
a:active, {
	color: #f0d288;
	text-decoration: underline;
	border:none;
}

/* =3 Headings
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
p {
	font-family: "myriad pro", Verdana, sans-serif; font-size: 1.10em; color: #FFF; line-height: 1.4; margin: 15px 0px 15px 0px;
}

h1 {
	font: normal 2em cochin, 'OFL Sorts Mill Goudy TT', arial, serif; color: #fcf1e2; line-height: 1em; letter-spacing: .05em; font-variant: small-caps ; margin-top:0px;
}
h2 {
	margin: 3px 0px; font-family: cochin, 'OFL Sorts Mill Goudy TT', arial, serif; line-height: 1.2; font-size: 1.4em; color: #fcf1e2;
}
h3 {
	font: bold 1.2em "myriad pro", Verdana, sans-serif; color: #FFF;
}
h4 {
	font: bold 1em "myriad pro", Verdana, sans-serif; color: #FFF;
}
h5 {
	font: bold 0.9em "myriad pro", Verdana, sans-serif; color: #FFF;
}
/* =4 Header
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/* =5 Navigation
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/* =6 Middle
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/* =7 Form
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/* =8 Extra
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/* =9 Footer
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/