/*******************************************************************************
 * Reset
*******************************************************************************/

* {
	margin: 0;
	padding: 0;
}

img {
	border: 0px;
}

html, body {
	height: 100%;
}

body {
	background: #FFFFFF;
	font-family: Arial, Verdana, "MS Trebuchet", sans-serif;
	color: #000000;
}

.clear {clear: both;}

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -98px;
 }

/*******************************************************************************
 * Tags
*******************************************************************************/

h1 {
	font: normal 1.4em Arial,Verdana,"Trebuchet MS",sans-serif;
	color: #282828;
	margin-top: -4px;
}

h2 {
	font: normal 1.2em Arial,Verdana,"Trebuchet MS",sans-serif;
	color: #929292;
	margin-top: -6px;
	margin-bottom: -6px;
}

.special h2 {
	color: #282828;
}

p {
	font: normal 1em Arial,Verdana,"Trebuchet MS",sans-serif;
	color: #282828;
	line-height: 22px;
	margin-top: 9px;
	padding-bottom: 5px;
}

input.field {
	margin-bottom: 5px;
	padding:5px 4px 5px 4px;
	color:#000000;
	font: normal 14px Arial,Verdana,"MS Trebuchet",sans-serif;
	background-color:#f8ffec;
	border:1px solid;
	border-color: #dcf3bb #ecf9d7 #ecf9d7 #dcf3bb;
}

input.field:focus {
	border:1px solid;
	border-color: #cce4aa #ddf4bc #ddf4bc #cce4aa;
}

.errorMsg {
	background: #ffbbbb url("../images/error.png") no-repeat;
	width: 316px;
	padding: 3px 0 3px 22px;
	font: normal 13px Arial,Verdana,"MS Trebuchet",sans-serif;
	color: #a44e61;
	border: 1px solid #a23737;
}

.msgSent {
	background: #ccffcc url("../images/tick.png") no-repeat;
	width: 310px;
	padding: 3px 0 3px 28px;
	margin: 8px 0 0px 0;
	text-align: left;
	font: normal 13px Arial,Verdana,"MS Trebuchet",sans-serif;
	color: #44673d;
	border: 1px solid #276d27;
}

/*******************************************************************************
 * Header
*******************************************************************************/

.header {
	height: 173px;
	border-bottom: 4px #000000 solid;
}

.logo {
	margin: 0 auto;
	width: 700px;
	height: 110px;
	padding: 29px 0 0 47px;
}

#navigation {
	width:700px;
	height:40px;
	margin: 0 auto;
}

#nav {
	width:700px;
	height:29px;
	list-style:none;
	margin: 0 auto;
	float: left;
	padding: 0px;
}

#nav li {
	float: left;
	width: 110px;
	margin-left: 0px;
	margin-bottom:0px;
}

#nav .page_item a {
	width:110px;
	height:33px;
	text-align: center;
	color: #353535;
	text-decoration: none;
	font: normal 1.3em Arial,Verdana,"Trebuchet MS",sans-serif;
	display: block;
	line-height: 38px;
}

#nav .page_item a:hover {
	text-decoration: none;
	border-bottom: 4px #b7e14b solid;
}

#nav .selected {
	cursor: default;
	width:110px;
	height:33px;
	text-align: center;
	color: #353535;
	text-decoration: none;
	font: normal 1.3em Arial,Verdana,"Trebuchet MS",sans-serif;
	display: block;
	line-height: 38px;
	border-bottom: 4px #b7e14b solid;
}

/*******************************************************************************
 * Middle of the page
*******************************************************************************/

.middle {
	margin-top: 2px;
	border-top: 1px #000000 solid;
}

.content {
	width: 700px;
	margin: 0 auto;
	padding-top: 26px;
}

.intro {
	width: 630px;
	margin: 0 auto;
	padding-bottom: 24px;
	padding-left: 4px;
}

.intro, .intro a {
	color: #282828;
}

.intro a:hover {
	text-decoration: none;
}


.whoWeAre, .whatWeDoLeft {
	background: url(../images/arrow.png) no-repeat;
	width: 387px;
	padding-left: 36px;
	padding-right: 20px;
	float: left;
}

.whatWeDoLeft a, .aboutMintFresh a, .aboutRui a, .whoWeAre a, .intro a, .portfolioInfo a {
	color: #282828;
	text-decoration: underline;
}

.whatWeDoLeft a:hover, .aboutMintFresh a:hover, .aboutRui a:hover, .whoWeAre a:hover, .intro a:hover, .portfolioInfo a:hover {
	color: #282828;
	text-decoration: none;
}

.quoteButton {
	padding: 20px 0 75px 0;
}

.quoteButton a, .whatWeDoLeft .quoteButton a {
	background: url(../images/free_quote.png) no-repeat;
	display: block;
	width: 225px;
	height: 46px;
	margin: 0 auto;
	text-align: center;
	padding-top: 14px;
	font: bold 26px Arial,Verdana,"Trebuchet MS",sans-serif;
	text-decoration: none;
}

.quoteButton a, .whatWeDoLeft .quoteButton a, .quoteButton a:hover {
	background-color:inherit;
	color: #FFFFFF;
}

.quoteButton a:hover {
	background: url(../images/quote_hover.png) no-repeat;
	text-decoration: none;
}

.left {
	width: 443px;
	float: left;
}

.aboutMintFresh {
	background: url(../images/arrow.png) no-repeat;
	width: 387px;
	padding-left: 36px;
	padding-right: 20px;
	float: left;
}

.aboutRui {
	background: url(../images/arrow.png) no-repeat;
	width: 387px;
	margin-top: 40px;
	padding-left: 36px;
	padding-right: 20px;
	float: left;
}

.websiteDisplay {
	background: url(../images/arrow.png) no-repeat;
}

.websiteDisplay, .websiteDisplay2 {
	width: 407px;
	padding-left: 36px;
	padding-right: 20px;
	float: left;
}

.frame {
	background: url(../images/frame.png) no-repeat;
	margin-top: 13px;
	width: 399px;
	height: 177px;
	padding: 6px 0 0 6px;
}

.vr {
	background: url(../images/vr.png);
	width: 29px;
	height: 385px;
	float: left;
}

.hr {
	background: url(../images/hr.png) no-repeat center;
	width: 700px;
	height: 25px;
	margin: 35px 0 35px 0;
	float: left;
}

.space {
	width: 700px;
	height: 44px;
	float: left;
}

.whatWeDo {
	background: url(../images/arrow.png) no-repeat;
	width: 192px;
	padding-left: 36px;
	float: right;
}

.whatWeDoLeft ul {
	margin-bottom: 20px;
}

.whatWeDo ul, .whatWeDoLeft ul {
	margin-top: 9px;
}

.whatWeDo li, .whatWeDoLeft li {
	background: url(../images/bullet.png) no-repeat;
	list-style: none;
	line-height: 23px;
	padding-left: 13px;
	color: #282828;
}

.whatWeDoLeft li {
	margin-left: 5px;
}

.whatTheySay {
	background: url(../images/arrow.png) no-repeat;
	width: 192px;
	padding-left: 36px;
	margin-top: 47px;
	float: right;
}

.mintLeaf {
	width: 235px;
	margin-top: 90px;
	float: right;
}

.mintLeaf2 { /** temp **/
	width: 183px;
	margin-top: 23px;
	margin-left: 25px;
	float: right;
}

.mintLeaves, .mintLeaves2 {
	width: 198px;
	margin-top: 70px; /** 25px original **/
	margin-left: 30px;
	float: right;
}

.mintLeaves2 { /** temp **/
	margin-top: 25px;
}

.whatTheySayTop {
	background: url(../images/arrow.png) no-repeat;
	width: 192px;
	padding-left: 36px;
	float: right;
}

.webLink {
	margin-top: 9px;
}

.webLink, .webLink2 {
	line-height: 22px;
	padding-bottom: 5px;
}

.webLink a, .webLink2 a {
	text-decoration: none;
	color: #282828;
}

.webLink a:hover, .webLink2 a:hover {
	text-decoration: underline;
}

.whatTheySay a:hover {
	text-decoration: underline;
}

.quote {
	background: url(../images/quote.png) no-repeat;
	width: 192px;
	margin-top: 6px;
	padding-left: 41px;
	float: right;
}

.fullQuote {
	background: url(../images/quote.png) no-repeat;
	width: 406px;
	margin-top: 6px;
	padding-left: 41px;
	float: right;
}

.testimonial {
	margin: -4px 0 0 14px;
	font: normal 13px Arial,Verdana,"Trebuchet MS",sans-serif;
	color: #505050;
	line-height: 19px;
}

.bigTestimonial {
	margin: -4px 0 0 14px;
	font: normal 15px Arial,Verdana,"Trebuchet MS",sans-serif;
	color: #505050;
	line-height: 19px;
}

.more, .more a {
	font: normal 14px Arial,Verdana,"Trebuchet MS",sans-serif;
	color: #282828;
	line-height: 21px;
	margin-top: 7px;
	text-align: right;
}

.more a:hover {
	text-decoration: none;
}

.viewOnline {
	background: url("../images/link.png") no-repeat right;
	margin-top: 2px;
	margin-right: 3px;
	text-align: right;
}

.viewOnline a {
	font: normal 14px Arial,Verdana,"Trebuchet MS",sans-serif;
	color: #282828;	
	line-height: 21px;
}

.viewOnline a:hover {
	text-decoration: none;
}

.contactInfo, .projectDetails {
	background: url(../images/arrow.png) no-repeat;
}

.contactInfo, .projectDetails, .projectDetails2 {
	width: 192px;
	padding-left: 36px;
	float: right;
}

.button {
	width: 340px;
	text-align: center;
	margin-top: -5px;
	padding-bottom: 15px;
}

.info, .info a {
	padding: 10px 0 6px 0;
	color: #282828;
}

.portfolioInfo, .portfolioInfo a {
	padding-top: 10px;
}

.portfolioInfo, .portfolioInfo2, .portfolioInfo2 a {
	padding-bottom: 2px;
	color: #282828;
}

.info a:hover {
	text-decoration: none;
}

.contactForm {
	margin:  10px 0 5px 1px;
}

.multi {
	padding-bottom: 5px;
}

.row {
	width: 340px;
}
.leftRow {
	width: 210px;
	float: left;
}

.rightRow {
	width: 110px;
	padding-left: 10px;
	float: right;
}

.subject ul {
	margin-top: -3px;
}

.subject li {
	list-style: none;
	line-height: 23px;
	color: #282828;
}

/*******************************************************************************
 * Footer
*******************************************************************************/

.footer, .push {
	height: 98px;
}

.footer {
	background: url(../images/footer.png) repeat-x bottom;
	width: 100%;
	margin:  0 auto;
	float: left;
}

.box {
	background: url(../images/separators.png) no-repeat bottom left;
	width: 671px;
	margin: 0 auto;
	padding-top: 20px;
	padding-left: 29px;
	font: normal 14px Arial,Verdana,"Trebuchet MS",sans-serif;
	background-color:inherit;
	color: #FFFFFF;
}

.box ul {
	margin-top: 9px;
}

.box li {
	background:  url(../images/separator.png) no-repeat right;
	display: inline;
	list-style: none;
	padding-right: 11px;
}

.box a {
	text-decoration:  none;
	background-color:inherit;
	color: #FFFFFF;	
}

.box a:hover {
	text-decoration:  underline;
}

.copyright {
	width: 671px;
	margin: 0 auto;
	padding-top: 14px;
	padding-left: 29px;
	font: normal 14px Arial,Verdana,"Trebuchet MS",sans-serif;
	background-color:inherit;
	color: #FFFFFF;
}

.copyright a {
	text-decoration: none;
	background-color:inherit;
	color: #FFFFFF;
}

.copyright a:hover {
	text-decoration: underline;
}

.smaller {
	display: inline;
	font-size: 12px;
}