@charset "utf-8";
/* CSS Document */

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

html{
	font-size:100%;
}

body {
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
/*	font-size: 62.5%;*/
font-size: 1em;
background-color: #FFFFFF;
background:url(../assets/header-bg.jpg) repeat-x;
margin: 0px;
padding: 0px;
text-align: left;
color: #333333;
height:100%;
}

img{
border:0;
}

p{
font-size:0.819em;
text-align:left;
margin:0;
padding:0 0 1em 0;
color:#333333;
line-height:1.25em;
}

h1, h2, h3{
padding:0;
margin:0;
}

h1{
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
/*	font-size: 62.5%;*/
font-size: 1.75em;
text-align:left;
color:#ffffff;
padding-bottom:5px;
}

h2{
color:#ffffff;
font-size:1.1em;
padding-top:7px;
padding-bottom:0;
text-align:left;
}

h3{
color:#2a4822;
font-size:0.9em;
padding-top:7px;
padding-bottom:0;
padding-left:15px;
text-align:left;
}

a:link, a:visited  {
color: #FFFFFF;
text-decoration: none;
} 

a:hover, a:active {
color: #ecc1ab;
text-decoration: underline;
} 

ul {
font-size:.9em;
color:#854c30;
list-style-type:disc;
}

form{
padding-top:0;
margin-top:0;
}


/*--------- Header Elements ---------*/

#top-header-area{
width:920px;
height:152px;
background:url(../assets/header-area-bg.jpg);
margin:0 auto 0 auto;
}

#top-header-links{
width:700px;
height:30px;
margin: 5px 20px 0px 0px;
float:right;
text-align:right;
}

/*--------- Homepage Structural Elements ---------*/

#home-welcome-area{
width:920px;
height:333px;
background:url(../assets/main-image-home.jpg) no-repeat; 
margin:0 auto 0 auto;
}

#home-welcome-text{
width:600px;
padding:220px 0px 0px 20px;
float:left;
}

#home-brochure-download{
width:185px;
padding:255px 15px 0px 0px;
float:right;
}

#home-boxes-area{
width:920px;
margin:20px auto 0 auto;
background-image:url(../assets/home-box-back.gif);
background-repeat:repeat-y;
}

#home-boxes-about{
width:215px;
padding:0 20px 0 0;
float:left;
}

#home-boxes-services{
width:215px;
height:100px;
padding:0 20px 0 0;
float:left;
}

#home-boxes-applications{
width:215px;
height:100px;
padding:0 20px 0 0;
float:left;
}

#home-boxes-portfolio{
width:215px;
height:100px;
padding:0;
float:left;
}

#home-boxes-links-area{
width:920px;
height:30px;
margin:0 auto 0 auto;
}

#home-boxes-link-about{
width:215px;
height:30px;
padding:0 20px 0 0;
background-image:url(../assets/home-box-link-back.gif);
background-repeat:no-repeat;
float:left;
}

#home-boxes-link-services{
width:215px;
height:30px;
padding:0 20px 0 0;
background-image:url(../assets/home-box-link-back.gif);
background-repeat:no-repeat;
float:left;
}

#home-boxes-link-applications{
width:215px;
height:30px;
padding:0 20px 0 0;
background-image:url(../assets/home-box-link-back.gif);
background-repeat:no-repeat;
float:left;
}

#home-boxes-link-portfolio{
width:215px;
height:30px;
padding:0;
background-image:url(../assets/home-box-link-back.gif);
background-repeat:no-repeat;
float:left;
}

/*--------- Subpage Structural Elements ---------*/

#services-welcome-area{
width:920px;
height:170px;
background:url(../assets/main-image-services.jpg) no-repeat; 
margin:0 auto 0 auto;
}

#about-welcome-area{
width:920px;
height:170px;
background:url(../assets/main-image-portfolio.jpg) no-repeat; 
margin:0 auto 0 auto;
}

#portfolio-welcome-area{
width:920px;
height:170px;
background:url(../assets/main-image-about.jpg) no-repeat; 
margin:0 auto 0 auto;
}

#contact-welcome-area{
width:920px;
height:170px;
background:url(../assets/main-image-contact.jpg) no-repeat; 
margin:0 auto 0 auto;
}

#applications-welcome-area{
width:920px;
height:170px;
background:url(../assets/main-image-applications.jpg) no-repeat; 
margin:0 auto 0 auto;
}

#page-title{
width:600px;
padding:120px 0px 0px 20px;
float:left;
}

#content-area-bg{
width:920px;
background-image:url(../assets/content-area-bg.jpg); 
background-repeat:no-repeat;
margin:5px auto 0 auto;
}

#content-area-bg-quote{
width:920px;
background-image:url(../assets/content-area-bg-quote.jpg); 
background-repeat:no-repeat;
margin:5px auto 0 auto;
}

#content-header{
width:850px;
margin:0 35px 0 35px;
border-bottom:1px solid #854c30;
}

#content-header p {
font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size:1.2em;
padding-top:35px;
color:#2a4822;
}

#partners{
width:850px;
margin:0 35px 0 35px;
padding:20px;
}

.partners-title{
font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size:1.2em;
color:#2a4822;
}

.partners a:link, .partners a:visited{
text-decoration: none;
color:#2a4822;
}

.partners a:hover, .partners a:active{
text-decoration: underline;
color:  #b8d8a6;
}

.services-panel{
width:810px;
margin:0 35px 0 35px;
padding:20px;
background-image:url(../assets/service-list-bg.jpg);
background-repeat:repeat-x;
background-position:bottom;
}

.services-panel img{
float:right;
border:5px solid #b8d8a6;
}

.services-panel p{
width:530px;
}

.services-panel ul{
width:530px;
}

.services-panel a:link, .services-panel a:visited{
text-decoration: none;
color:  #2a4822;
}


.services-panel a:hover, .services-panel a:active{
text-decoration: underline;
color:  #b8d8a6;
}

.form-holder{
float:left;
width:250px;
}

.contact-panel{
width:810px;
margin:0 35px 0 35px;
padding:20px;
background-image:url(../assets/service-list-bg.jpg);
background-repeat:repeat-x;
background-position:bottom;
}

#contact-left{
width:520px;
float:left;
margin-top:0;
}

#contact-right{
width:240px;
float:left;
margin-top:0;
padding-left:20px;
}

/*--------- Footer Elements ---------*/

#footer-area{
width:920px;
height:40px;
margin: 20px auto 20px auto;
border-top:1px solid #854c30;
background-image:url(../assets/footer-bg.jpg);
background-repeat:repeat-x;
}

.w3c-links {
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size:0.75em;
color:#456d3a;
float:left;
margin-top:10px;
margin-left:15px;
}

.w3c-links a:link, .w3c-links a:visited{
text-decoration: none;
color:  #456d3a;
}


.w3c-links a:hover, .w3c-links a:active{
text-decoration: underline;
color:  #99cc99;
}

.komodo {
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size:0.75em;
color:#456d3a;
float:right;
margin-top:10px;
margin-right:15px;
}

.komodo a:link, .komodo a:visited{
text-decoration: none;
color:  #990000;
}


.komodo a:hover, .komodo a:active{
text-decoration: underline;
color:  #cc0000;
}

/*--------- Text Elements ---------*/

.selected {
color: #ecc1ab;
text-decoration: underline;
} 

.link-box-text {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	color: #fff;
}

.link-brochure-down {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	color: #ffffff;
}

.link-brochure-down:link{
	text-decoration: none;
	color:  #ffffff ;
}

.link-brochure-down:visited{
	text-decoration: none;
	color:  #ffffff ;
}

.link-brochure-down:hover{
	text-decoration: none;
	color:  #2a4822;
}

.link-brochure-down:active{
	text-decoration: none;
	color:  #ffffff ;
}

.home-box-text {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	padding-left:15px;
	text-align:left;
	color: #333;
}

.link-box-text {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	color: #fff;
}

.home-box-footer {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	text-align:right;
	padding-right:25px;
	padding-top:7px;
	font-size: 0.9em;
	color: #2a4822;
}

.home-box-footer a:link, .home-box-footer a:visited{
	text-decoration: none;
	color:  #2a4822;
}


.home-box-footer a:hover, .home-box-footer a:active{
	text-decoration: underline;
	color:  #ffffff;
}

.sub-header{
font-size:1.3em;
font-weight:bold;
color:#854c30;
}

.contact-link {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #2a4822;
}

.contact-link a:link, .home-box-footer a:visited{
	text-decoration: none;
	color:  #2a4822;
}


.contact-link a:hover, .home-box-footer a:active{
	text-decoration: underline;
	color:  #b8d8a6;
}

/*--------- Testimonials ---------*/

#testimonial-quote{
width:810px;
margin:0 35px 0 35px;
padding:35px 20px 0px 20px;
border-bottom:1px solid #854c30;
}

#testimonial-quote p{
font-size:1.2em;
color:#403f3f;
}

#testimonial-quote p.testimonial-person{
color:#854c30;
font-size:0.8em;
}