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

/*
CONTENTS:

01 GENERAL CODE
02 TOP SECTION
03 MID SECTION
04 LOWER SECTION (CONTENT AREA)
05 INDEX PAGE
06 ABOUT
07 PROJECTS
08 NEWS
09 CONTACT

*/

/* 01 GENERAL CODE
-----------------------------------------------------------*/
*{
	padding: 0px;
	margin: 0px;
}

html{
	background-color:#00082A;
	overflow-y: scroll;
}
h3{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:200;
	font-size:1.15em;
	line-height: 1.4em;
	color: #708ecc;
}
h3 a:link, h3 a:visited{
	color: #708ecc;
}
h3 a:hover{
	color: #fff;
}

p{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1.2em;
	font-weight:300;
	color: #fff;
}
ul{
	padding-top: 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1.2em;
	font-weight:300;
	color:#FFFFFF;
	padding-left: 39px;
}
li{
	color:#708ecc;
}
li span{
	color: #FFFFFF;
}
.p-subhead {
	font-size: 10px;
	color: 708ecc;
}
#footer{
	float: left;
	height: 14px;
	width: 975px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.63em;
	color: #71778d;
	padding-left: 25px;
}
#footer a:link, #footer a:visited{
	text-decoration: none;
	color: #71778d;
}
#footer a:hover{
	text-decoration: none;
	color: #fff;
}
.corrections{
	font-size:14px;
	font-weight:bold;
	color:#FF00FF;
}
/* 02 TOP SECTION
-----------------------------------------------------------*/
#topContainer{
	width: 100%;
	height: 80px;
	background-color:#FFFFFF;
}
#topContainer #top{
	width: 1000px;
	height: 80px;
	margin-left:auto;
	margin-right:auto;
}
#top #logo{
	float: left;
	width: 250px;
	height: 80px;
	background-image:url(../images/mentaLogo.gif);
	background-repeat:no-repeat;
	background-position:-10px;
}
#top #contacts{
	float: right;
	width: 350px;
	height: 18px;
	padding-top: 60px;
}
#top #contacts .phone{
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#000066;
	padding-left: 15px;
}
/* 03 MID SECTION
-----------------------------------------------------------*/
#midContainer{
	width: 100%;
	height: 90px;
	background-image:url(../images/midBG.gif);
	background-repeat:repeat-x;
}
#midContainer #mid{
	width: 1000px;
	height: 90px;
	margin-left:auto;
	margin-right:auto;
}
#mid #navContainer{
	float: left;
	width: 250px;
	height: 85px;
	padding-top: 5px;
}
#navContainer p{
	font-family:Arial, sans-serif;
	font-size: 0.75em;
	padding-top: 2px;
	padding-left: 30px;
	color:#999;
}
#navContainer a:link, #navContainer a:visited {
	color:#999;
	text-decoration:none;
}
#navContainer a:hover{
	color:#fff;
}
#navContainer .active{
	color:#cbdb2a;
}
#thumbsContainer h3{
	float:left;
}
/* 04 LOWER SECTION (CONTENT AREA)
-----------------------------------------------------------*/
#pageContainer{
	width: 100%;
	height: 385px;
	background-image:url(../images/lowerBG.jpg);
	background-repeat:repeat-x;
}
#pageContainer-extendable{
	width: 100%;
	background-image:url(../images/lowerBG.jpg);
	background-repeat:repeat-x;
}
#pageContainer #page{
	width: 1000px;
	height: 375px;
	margin-left:auto;
	margin-right:auto;
}
#pageContainer-extendable #page{
	width: 1000px;
	margin-left:auto;
	margin-right:auto;
}
/* 05 INDEX PAGE
-----------------------------------------------------------*/
#homepage{
	width: 1000px;
	height: 375px;
}
#homepage h3{
	padding-top: 10px;
	padding-left: 25px;
	padding-right: 25px;
}
#homepage #columnOne{
	float: left;
	width: 500px;
	height: 375px;
}
#homepage #columnOne #content{
	float: left;
	width: 480px;
	height: 375px;
	padding-right: 20px;
}
#homepage #columnTwo{
	float: right;
	width: 500px;
	height: 375px;
	background-color:#00082A;
}
/* 06 ABOUT
-----------------------------------------------------------*/
#about{
	width: 1000px;
	height: 375px;
}
#about h3{
	padding-top: 10px;
	padding-left: 25px;
	padding-right: 25px;
}
#about p{
	padding-top: 10px;
	padding-right: 25px;
}
#about #columnOne{
	float: left;
	width: 500px;
	height: 375px;
}
#about #columnOne #content{
	float: left;
	width: 500px;
	height: 350px;
}
#about #columnTwo{
	float: left;
	width: 250px;
	height: 350px;
	padding-top: 10px;
}
#about #columnTwo p{
	font-size:10px;
	font-weight:bold;
	padding-top:5px;
}
#about #columnThree{
	float: left;
	width: 250px;
	height: 350px;
}
#midContainer #mid #about-Images{
	float: left;
	width: 500px;
	height: 90px;
	background-color:#131627;
	background-image:url(../images/about-images.jpg);
	background-repeat:none;
}
/* 07 PROJECTS
-----------------------------------------------------------*/
#projects{
	width: 1000px;
	height: 375px;
}
#projects h3{
	padding-top: 10px;
	padding-left: 25px;
	padding-right: 25px;
}
#projects p{
	padding-top: 10px;
	padding-left: 25px;
	padding-right: 80px;
}
#projects p a:link, #projects p a:visited{
	color: #708ecc;
	font-weight:700;
	text-decoration:none;
}
#projects p a:hover{
	color: #cbdb2a;
	text-decoration:none;
}
#projects #columnOne{
	float: left;
	width: 500px;
	height: 375px;
}
#projects #columnthree #content{
	float: left;
	width: 500px;
	height: 375px;
}
#projects #columnfour #content{
	float: left;
	width: 500px;
	height: 375px;
}
#projects #columnfive #content{
	float: left;
	width: 500px;
	height: 375px;
}
#projects #columnsix #content{
	float: left;
	width: 500px;
	height: 375px;
}
#projects #columnTwo{
	float: right;
	width: 500px;
	height: 375px;
	background-color:#00082A;
}

#projects #columnthree{
	float: right;
	width: 500px;
	height: 375px;
	background-color:#00082A;
}
#projects #columnfour{
	float: right;
	width: 500px;
	height: 375px;
	background-color:#00082A;
}
#projects #columnfive{
	float: right;
	width: 500px;
	height: 375px;
	background-color:#00082A;
}
#projects #columnsix{
	float: right;
	width: 500px;
	height: 375px;
	background-color:#00082A;
}
/*
CHERRY ORCHARD ROAD
*/
#thumbsContainer{
	float:left;
	width: 500px;
	height: 60px;
	padding-top: 20px;
}
/* 08 NEWS
-----------------------------------------------------------*/
#news{
	width: 1000px;
	height: 375px;
}
#news h3{
	padding-top: 10px;
	padding-left: 25px;
	padding-right: 25px;
}
#news p{
	padding-left: 25px;
	padding-right: 80px;
}
#news #columnOne{
	float: left;
	width: 500px;
	height: 375px;
}
#news #columnOne #content{
	float: left;
	width: 500px;
	height: 375px;
}
#news #columnTwo{
	float: right;
	width: 500px;
	height: 350px;
	padding-top: 15px;
}
/* 09 CONTACT
-----------------------------------------------------------*/
#contact{
	width: 1000px;
}
#contact h3{
	padding-top: 10px;
	padding-left: 25px;
	padding-right: 25px;
}
#contact .offset{
	padding-left: 25px;
	padding-top: 10px;
	padding-right: 80px;
}
#contact #columnOne{
	float: left;
	width: 500px;
}
#contact #columnOne #content{
	float: left;
	width: 500px;
}
#contact #columnTwo{
	float: right;
	width: 500px;
}
#top #contacts .phone2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#FFFFFF;
	padding-left: 15px;
}
#numbers{
	width: 350px;
	padding-top:15px;
}
#numbers #one{
	float: left;
	width: 35px;
	padding-left: 25px;
	
}
#numbers #two{
	float: left;
	width: 250px;
	padding-left:14px;
}

/* 09 SUSTAINABILITY
-----------------------------------------------------------*/
#sustainability{
	width: 1000px;
}
#sustainability h3{
	padding-top: 10px;
	padding-left: 25px;
	padding-right: 25px;
}
#sustainability p{
	padding-left: 25px;
	padding-top: 10px;
	padding-right: 80px;
}
#sustainability #columnOne{
	float: left;
	width: 500px;
}
#sustainability #columnOne #content{
	float: left;
	width: 500px;
}
#sustainability #columnTwo{
	float: right;
	width: 500px;
}
#sustainability #columnTwo #content{
	float: left;
	width: 500px;
}

.smaller{
	font-size:14px;
}
.smaller-white{
	font-size:14px;
	color:#FFFFFF;
}