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

body {
	margin: 0;
	
}

.main {
	width: 850px;
	background-color: #FFFFFF;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #000000;
	padding-left: 30px;
	margin-top: 20px;
}

.wrapper-left {
	float: left;
	width: 827px;
}

.wrapper-right {
	float: left;
	width: 23px;
	height: 590px;
}
.header {
	height: 70px;
	width: 827px;
	text-align: right;
	padding-top: 20px;
}
.navbg {
	text-decoration: none;
	float: left;
	width: 820px;
}
		
	.nav {
	font-family: TrebuchetMSRegular, Helvetica, sans-serif;
	font-size: 15px;
	color: #000;
	text-decoration: none;
	height: 19px;
	float: left;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 0px;
}

.nav:link {
	font-family: TrebuchetMSRegular, Helvetica, sans-serif;
	font-size: 15px;
	color: #A50021;
	text-decoration: none;
	height: 19px;
	float: left;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 0px;
}
.nav:active {
	font-family: TrebuchetMSRegular, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFFFFF;
	text-decoration: none;
	height: 19px;
	float: left;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
	font-weight: bold;
	background-color: #A50021;
}
.nav:hover {
	font-family: TrebuchetMSRegular, Helvetica, sans-serif;
	font-size: 12px;
	color: #A50021;
	text-decoration: none;
	height: 18px;
	float: left;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #a50021;
}
.content-bg {
	width: 827px;
	text-align: right;
	padding-top: 10px;
	background-image: url(../images/content-bg.png);
	background-repeat: no-repeat;
	background-position: 80px 80px;
	height: 445px;
}
.profile-content {
	font-family: TrebuchetMSRegular, Helvetica, sans-serif;
	font-size: 14px;
	color: #657B55;
	height: 410px;
	width: 600px;
	text-align: left;
	float: left;
	margin-bottom: 20px;
}
.home-content {
	font-family: TrebuchetMSRegular, Helvetica, sans-serif;
	font-size: 14px;
	color: #657B55;
	height: 410px;
	width: 645px;
	text-align: center;
	float: left;
	margin-bottom: 20px;
	padding-left: 1px;
	background-image: url(../images/home-bg.jpg);
	background-repeat: no-repeat;
}
.index-content {
	font-family: TrebuchetMSRegular, Helvetica, sans-serif;
	font-size: 14px;
	color: #657B55;
	height: 410px;
	width: 645px;
	text-align: left;
	float: left;
	margin-bottom: 20px;
	padding-left: 1px;
}
.green-text-new {
	font-family: TrebuchetMSRegular, Helvetica, sans-serif;
	font-size: 13px;
	color: #657B55;
	font-weight: bold;
}


.expertise-content {
	font-family: TrebuchetMSRegular, Helvetica, sans-serif;
	font-size: 14px;
	color: #657B55;
	height: 410px;
	width: 780px;
	text-align: left;
	float: left;
	margin-bottom: 20px;
}
.concept-content {
	font-family: TrebuchetMSRegular, Helvetica, sans-serif;
	font-size: 14px;
	color: #657B55;
	height: 410px;
	width: 710px;
	text-align: left;
	float: left;
	margin-left: 60px;
	margin-bottom: 20px;
	background-image: url(../images/rounded-white-bg.jpg);
	background-repeat: no-repeat;
}
.MetaPlusBoldRoman {font-weight: normal; font-style: normal; line-height:normal; font-family: 'MetaPlusBoldRoman', sans-serif;}
.portfolio-content {
	font-family: TrebuchetMSRegular, Helvetica, sans-serif;
	font-size: 14px;
	color: #657B55;
	height: 410px;
	width: 820px;
	text-align: left;
	float: left;
	margin-bottom: 20px;
}
.portfolio-box-one {
	float: left;
	height: 410px;
	width: 324px;
}
.portfolio-box-two {
	float: left;
	height: 410px;
	width: 410px;
	background-image: url(../images/profile-description-bg.png);
}
.portfolio-box-three {
	float: left;
	height: 410px;
	width: 80px;
}




.white-rounded-bg {
	background-repeat: no-repeat;
	height: 380px;
	width: 530px;
	padding-top: 9px;
	padding-left: 10px;
}


.arrow {
	height: 30px;
	width: 180px;
	font-size: 16px;
	font-weight: bold;
	color: #A50021;
	padding-left: 25px;
	background-image: url(../images/arrow.jpg);
	background-repeat: no-repeat;
	line-height: 22px;
}
.arrow-text {
	font-size: 16px;
	font-weight: bold;
	color: #A50021;
	text-decoration: none;
}
.arrow-text:hover {
	font-size: 16px;
	font-weight: bold;
	color: #657B55;
}



.h1 {
	font-family: TrebuchetMSBold, Helvetica, sans-serif;
	font-size: 18px;
	color: #657B55;
	font-weight: bold;
}
.h2 {
	font-family: TrebuchetMSRegular, Helvetica, sans-serif;
	font-size: 14px;
	color: #657B55;
}

.h3 {
	font-family: TrebuchetMSRegular, Helvetica, sans-serif;
	font-size: 14px;
	color: #A50021;
	font-weight: bold;
}




.footer {
	height: 50px;
	width: 827px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 2px;
	float: left;


}

/*FontFace*/

.TrebuchetMS {
	font-weight: normal;
	font-style: normal;
	line-height:normal;
	font-family: 'TrebuchetMSRegular', sans-serif;
	color: #000000;
}

		
		p span {
			font-family: Helvetica, Arial, sans-serif;
			font-weight: normal;
			font-style: normal;
			font-size: 11px;
		}
		#container {
			width: 800px;
			margin-left: auto;
			margin-right: auto;
			overflow: hidden;
			
		}
		.samplebox {
			white-space:nowrap;
			margin-top:10px;
			margin-bottom: 0px;
		}
		
/*-------*/



.clear {
	clear: both;
}
.innercontent {
	font-family: TrebuchetMSRegular, Helvetica, sans-serif;
	font-size: 14px;
	color: #657B55;
	height: 150px;
	width: 900px;
	text-align: left;
	float: left;
	padding-top: 40px;
}
.innertext {
	font-family: TrebuchetMSRegular, Helvetica, sans-serif;
	font-size: 14px;
	color: #657B55;
	text-align: left;
}
.red-text {
	font-family: TrebuchetMSRegular, Helvetica, sans-serif;
	font-size: 15px;
	color: #A50021;
}
.red-text-bold {
	font-family: TrebuchetMSRegular, Helvetica, sans-serif;
	font-size: 14px;
	color: #A50021;
	font-weight: bold;
}
.logo {
	float: left;
	height: 50px;
	width: 187px;
}

.copyright {
	font-weight: normal;
	font-style: normal;
	line-height:normal;
	font-family: 'TrebuchetMSRegular', sans-serif;
	color: #657B55;
	width: 250px;
	float: right;
	margin-top: 32px;
	font-size: 11px;
	margin-right: 40px;
	height: 18px;
}
.text-box {
	border: 1px solid #d6d8cf;
	font-family: TrebuchetMSRegular, Helvetica, sans-serif;
	font-size: 13px;
	color: #657B55;
	width: 230px;
	height: 22px;
}
.contact-box-one {
	float: left;
	height: 410px;
	width: 380px;
}

.contact-box-two {
	float: left;
	height: 380px;
	width: 380px;
	background-image: url(../images/contact-us-bg.png);
	background-repeat: no-repeat;
	padding: 20px;
}
.white-headerh1 {
	font-family: TrebuchetMSRegular, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: bold;
	color: #FFFFFF;
}
.white-headerh2 {
	font-family: TrebuchetMSRegular, Helvetica, sans-serif;
	font-size: 19px;
	color: #FFFFFF;
}
.white-text {
	font-family: TrebuchetMSRegular, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFFFFF;
}
.text-box2 {
	border: 1px solid #d6d8cf;
	font-family: TrebuchetMSRegular, Helvetica, sans-serif;
	font-size: 13px;
	color: #657B55;
	width: 230px;
}
.number {
	font-family: TrebuchetMSBold, Helvetica, sans-serif;
	font-size: 12px;
	padding: 2px;
	color: #657B55;
	width: 15px;
	height: 15px;
	border: 1px solid #536944;
	font-weight: bold;
	float: right;
	margin-right: 5px;
	text-decoration: none;
}

.product-description {
	height: 340px;
	width: 295px;
	overflow: auto;
	padding-right: 20px;
	margin-top: 10px;
}

.play {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #FFFFFF;
	background-color: #FFFFFF;
}
.red {
	background-color: #A50021;
}
.h4 {
	font-family: TrebuchetMSRegular, Helvetica, sans-serif;
	font-size: 14px;
	color: #A50021;
	font-weight: bold;
}
.h4:link {
	
	color: #A50021;
	
}
.h4:hover {
	color: #657B55;
}

/*.next {
	background-image:url(../images/next.jpg);
	height: 23px;
	width: 70px;
	background-repeat: no-repeat;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}*/

.next {
	font-family:TrebuchetMSBold, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 15px;
	color: #A50021;
	width: 80px;
	border: 0px;
	padding-top: 3px;
	padding-right: 4px;
	padding-bottom: 3px;
	padding-left: 4px;
	background-color: #fff;
}
.next:active {
	font-family:TrebuchetMSBold, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 15px;
	color: #A50021;
	padding: 2px;
}
.next:hover{
	font-family:TrebuchetMSBold, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 15px;
	color: #FFFFFF;
	padding-top: 3px;
	padding-right: 4px;
	padding-bottom: 3px;
	padding-left: 4px;	
	border: 0px;
	background-color: #476C4A;
	width: 80px;
}
/*.previous {
	background-image: url(../images/back.jpg);
	height: 23px;
	width: 70px;
	background-repeat: no-repeat;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}*/
.previous {
	font-family:TrebuchetMSBold, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 15px;
	color: #A50021;
	width: 100px;
	border: 0px;
	padding-top: 3px;
	padding-right: 4px;
	padding-bottom: 3px;
	padding-left: 4px;
	background-color: #fff;
}
.previous:active {
	font-family:TrebuchetMSBold, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 15px;
	color: #A50021;
	padding: 2px;
}
.previous:hover{
	font-family:TrebuchetMSBold, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 15px;
	color: #FFFFFF;
	padding-top: 3px;
	padding-right: 4px;
	padding-bottom: 3px;
	padding-left: 4px;	
	border: 0px;
	background-color: #476C4A;
	width: 100px;
}
.contact-us-text {
	font-family: TrebuchetMSRegular, Helvetica, sans-serif;
	font-size: 15px;
	color: #657B55;
}
.zoom-text {
	font-family: TrebuchetMSRegular, Helvetica, sans-serif;
	font-size: 14px;
	color: #657B55;
	text-align: left;
	margin-left: 15px;
}