/* CSS Document */

*{margin:0px;padding:0px;}
body{
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 62.5%;
	margin: 0px;	
	color:#333;
}
/* COMMON*/

h1{font-size:1.5em; margin:0 0 0.5em; padding:0px;}
h2, h3 {font-size:1.25em; margin:0px; padding:0px; }


ul,ol{margin:0.5em 2em;} li{padding:3px 0px;}
p{margin:0.5em 0px;}
dd{margin:0.5em 1em;}
dt{font-weight:900;}

a{color:#333;}
a:hover{color:#009933;}
a img{border:0px;}

strong {
color:#000;


}




/* TEXT EDITOR */
body#maincontent{
	background:#FFF;
	text-align:left;
	font-size:12px ;
	margin:5px ;
	width:auto ;
	padding:0;
}

/* STRUCTURE */

#wrap{
width:1024px;
margin:0px auto;
font-size:1.20em;
}

#home #wrap { width:900px;}



/* HEADER */

#header{
position:relative;
background:url(../images/logo.gif) no-repeat top center;
height:80px;
margin-top:30px;
}

#home #header{ background:url(../images/splash-logo.gif) no-repeat top center;}

#header h1 a {

	display:block;
	text-indent:-1000000px;
	font-size:0px;
	line-height:0px;
	text-decoration:none;
	width:300px;
	height:60px;
	
	}

#consult {
position:absolute;
top:28px;
right:110px;


}

#consult label{
display:none;

}

#consult h2, #consult input {
float:left;
font-size:0.95em;
margin-right:3px;

}

#consult h2 {
margin-top:2px;

}

#consult input { border:1px solid #ccc;}

#top {
border-bottom:5px solid #009933;
border-top:5px solid #333;
margin:0px;
}

#telephone {float:left;}
#infobar {margin:0px 5px;}

/* TOP LINKS*/

#toplinks{
padding:0px;
width:500px;
margin:0px auto;
text-align:right;
float:right;
}

#toplinks ul{
padding:0px;
margin:0px;
}
#toplinks li{
display:inline;
margin:0px 0px 0px 8px;
}
#toplinks li.hidden{display:none;}
#toplinks li a{
color:#666;
text-decoration:none;
}
#toplinks li a:hover{
color:#000;
text-decoration:underline;
}

/*picture navigation*/

#navigation {margin-left:5px;}
#navigation ul{ margin:5px 0px 5px 0px; padding:0px;}
ul.nav {
list-style-type:none;
line-height:0px;
font-size:0;
float:left;
}
ul.nav li {
text-indent: -10000px;
margin-right:1px;
margin-top:0px;
background:none;
list-style-type:none;
padding-left: 0px;
float:left;
}
ul.nav li a {
display: block;
text-decoration:none;
background: none;
list-style-type:none;
}

#navigation a:hover {

	filter: alpha(opacity=70);
	opacity: 0.7;
	-moz-opacity: 0.7;
	
	}


a#about-us  { background: url(../images/about-us.jpg) no-repeat; height:133px; width:329px; margin:1px;}
a#events  { background: url(../images/events.jpg) no-repeat; height:133px; width:225px; margin:1px;}
a#photo-day  { background: url(../images/photoday.jpg) no-repeat; height:133px; width:225px; margin:1px;}
a#proms  { background: url(../images/proms.jpg) no-repeat; height:133px; width:225px; margin:1px;}

a#nav-development:hover, a#nav-development.active, a#nav-brand:hover, a#nav-brand.active,
a#nav-location:hover, a#nav-location.active, a#nav-design:hover, a#nav-design.active,
a#nav-environment:hover, a#nav-environment.active, a#nav-approach:hover, a#nav-approach.active,
a#nav-team:hover, a#nav-team.active, a#nav-news:hover, a#nav-news.active, a#nav-archive:hover, a#nav-archive.active
{ background-position:0 -29px; }
 

/*home page text*/

.hometext{
margin:20px 100px;
text-align:center;
font-size:1.20em;

}

#spacer{
clear:both;}



#email-home {background: url(../images/email.gif) no-repeat center; height:20px; width:210px; margin:0px auto;  }

#email-home a {
	display:block;
	text-indent:-1000000px;
	font-size:0px;
	line-height:0px;
	text-decoration:none;
	width:210px;
	height:20px;
}



#logos {text-align:center; margin:0px auto; width:602px; padding-top:20px;}
#logos p {background:url(../images/logos/logos.php) no-repeat center; height:83px; width:602px;}


/*content pages*/

#contentwrap {background: transparent url(../images/boxes-middle.gif) repeat-y left; margin-top:10px; min-height:10px }
#maincontent {background: transparent url(../images/boxes-top.gif) no-repeat left top; min-height:10px;}
#contentbottom {background: transparent url(../images/boxes-bottom.gif) no-repeat left bottom; clear:both; height:15px;}


#Three #contentwrap {background: transparent url(../images/boxes-middle-2.gif) repeat-y left; margin-top:10px; min-height:10px }
#Three #maincontent {background: transparent url(../images/boxes-top-2.gif) no-repeat left top; min-height:10px;}
#Three #contentbottom {background: transparent url(../images/boxes-bottom-2.gif) no-repeat left bottom; clear:both; height:15px;}


#Two #contentwrap {background: transparent url(../images/boxes-middle-3.gif) repeat-y right; margin-top:10px; min-height:10px }
#Two #maincontent {background: transparent url(../images/boxes-top-3.gif) no-repeat right top; min-height:10px;}
#Two #contentbottom {background: transparent url(../images/boxes-bottom-3.gif) no-repeat right bottom; clear:both; height:15px;}

#col1, #col2, #col3, #col4 {float:left; width:203px; margin:10px 15px 10px 10px;}

#col1{width:309px; margin-left:15px; text-align:justify;}

#Three #col1{width:538px;}
#Two #col1{width:765px;}

#col4 h3 {margin-top:5px}
#col4 h3 a{font-size:1em; color:#7a9177; font-weight:bold; text-decoration:none; }

#col4 p {border-bottom:1px solid #CCC; padding-bottom:5px;}

#maincontent h1, #maincontent h2 {border-bottom:1px solid #ccc; padding-bottom:5px; font-size:1.40em;}

#maincontent h3 {color:#7a9177; font-weight:bold;}
#maincontent #col2 h3 {color:#cc3333; }

#maincontent a { color: blue;} 
#maincontent a:visited { color: purple; }


.testimonial {
	background: url(../images/testimonial-quote1.gif) top left no-repeat; margin-bottom:15px;
}

.testimonial span {font-weight:bold; color:#000;}

.quote { font-style:italic; text-indent:25px; padding-top:5px; }


#contact-form {width:210px;}
#contact-form input, #contact-form textarea{
	width:400px;
	border:1px solid #ccc;
}

#contact-form label {
display:block;
margin:3px 0px;
}

input#submit_button {
width:80px;
}

.highlight {

color:#669966; font-weight:bold; font-size:1.25em;

}

iframe {
border:none;
}


/* FOOTER */
#footer{
text-align:center;}


.logo {
float:right;
}