/* CSS Document */

html, body {
	height:100%; 
	padding:0;
	margin:0;
	min-width:1030px;/* for mozilla*/
	background-image:url(images/bg2.jpg);	
}

#container {
	min-height:100%;
	width:1030px;
	margin: 0 auto;
	position:relative;
	background-image:url(images/containerbg-shadow2.jpg);
	overflow:hidden;
	background-color: #74AD2A;
}

* html #container {height:100%;} /*For ie as treats height as min-height anyway - also addresses rounding bug at bottom of screen in IE*/

/*Upper row: Logo and Navigation*/

#navbar{
	text-align:left;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height:17px;
	top:35px;
	position: absolute;
	margin-left: 340px;
	left: 0px;
}


#logo {

	margin-top: 40px;
	position: absolute;
	margin-left: 85px;
	}
	
	
#chinesewebsite {

	margin-top:10px;
	position: absolute;
	margin-left: 920px;
	}
		
/*Main Center Image*/
	
#centerimage {
	width:947px;
	height:305px;
	margin-top:135px;
	position: relative;
	margin-left: 48px;
	}
	
#centerimageportfolio {

	margin-top:137px;
	position: relative;
	margin-left: 48px;
	td img display:block;
	}
	
	
	/*Content Columns*/


/*Left column: Factoid/News & Facts*/

#featured_left {
	position: relative;
	left: 86px;
	text-align:left;
	width: 170px;
	float:left;
	
	}	
	
	
.featured_title {
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	line-height:16px;
	color:#464646;
}

.featured_content {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	line-height:14px;
	color:#848484;
}

.featured_content a:link {
	color: #4ba526;
	text-decoration:none;
	font-size:11px;
	line-height:14px;
}


.featured_content a:visited {
	color: #4ba526;
	text-decoration:none;
	font-size:11px;
	line-height:14px;
}

.featured_content a:active {
	color: #4ba526;
	text-decoration:none;
	font-size:11px;
	line-height:14px;
}

.featured_content a:hover {
	color:white;
	background-color:#848484;
	text-decoration:none;
	font-size:11px;
	line-height:14px;
}

.casestudy_title {
	font-size: 21px;
	font-family: Arial, Helvetica, sans-serif;
	line-height:22px;
	color:#464646;
}

.casestudy_content {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	line-height:17px;
	color:#464646;
}


/*Middle column: Content text*/	
	
.contenttextstyle {
	width:370px;
	margin-left: 165px;
	color:#464646;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	line-height:20px;
	float:left;
	
	}
	
	.contenttextstyle a {
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#000000;
	text-decoration:underline;

	
	}
	
.contenttextstyle li {

	margin-left: 15px;
	
	
	}

.content_type {
    font-family: arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #464646;
	line-height: 15px;
	
}

.content_type_bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #464646;
	line-height: 15px;
	font-weight: bold;
	font-stretch:expanded;
}


/*CONTACT FORM*/	

.contactform {
	width:650px;
	float: left;
	margin-left: 90px;
	text-align:left;
	color:#464646;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height:17px;
	}


.inputtext {
 font-size: 10px;
 background-color: #FFFFFF;
 border: 1px solid #a4b0bc;
 width: 180px; 
}

.inputselect {
 font-size: 10px;
 background-color: #FFFFFF;
 border: 1px solid #a4b0bc;
 width: 100px; 
}

.inputfield {
 font-size: 11px;
 background-color: #FFFFFF;
 border: 1px solid #a4b0bc;
 width: 260px; 
  height: 110px; 
}

.inputsubmit {
 font-size: 11px;
 color: #FFFFFF;
 font-weight: bold;
 background-color: #7cb531;
 border: 1px solid #598d15;
 width: 40px; 
 height: 20px; 
 vertical-align: middle;
}

/*Right column: Quotes and Testimonials*/	

#clientlistportfolio {
	width: 190px;
	color: #4d4d4d;
	font-size: 13px;
	line-height:18px;
	font-family: Helvetica Neue Light, Arial, sans-serif;	top:408px;
	margin-left:790px;
	}
	

#clientlistportfolio a:link {
	width: 190px;
	color: #4ba526;
	text-decoration:none;
	font-family: Arial;	
	}
	
#clientlistportfolio a:hover {
	width: 190px;
	color:#FFFFFF;
	background-color:#848484;
	text-decoration:none;
	font-family: Arial;
	}
	
	
#clientlistportfolio a:active {
	width: 190px;
	color: #4ba526;
	text-decoration:none;
	font-family: Arial;	

	}
	
#clientlistportfolio a:visited {
	width: 190px;
	color: #4ba526;
	text-decoration:none;
	font-family: Arial;	

	}
	
#testimonial {
	width: 190px;
	color: #848484;
	font-size: 15px;
	line-height:21px;
	font-family: Helvetica Neue Light, Arial, sans-serif;	top:408px;
	margin-left:790px;
	}
	
.testimonial_author {
	color: #848484;
	font-size: 11px;
	line-height:14px;
	font-family: Helvetica Neue Light, Arial, sans-serif;
	}
	
#serviceslist {
	width: 190px;
	color: #333333;
	font-size: 12px;
	line-height:18px;
	font-family: Helvetica Neue Light, Arial, sans-serif;	
	
	position: relative;
	left: 86px;
	text-align:left;
	width: 170px;
	float:left;
	}
	
	
#serviceslist li {
	margin-left:15px;
	}
	

h2 {
	font-size: 25px;
	font-weight: bold;
	font-family: times, Helvetica, sans-serif;
	color: #4ba526;
	}
	
	

/* Content hyperlinks */

.contentlink a:link {
	color: #4ba526;
	text-decoration:none;
	font-size:12px;
	line-height:17px;
}


.contentlink a:visited {
	color: #4ba526;
	text-decoration:none;
	font-size:12px;
	line-height:17px;
}

.contentlink a:active {
	color: #4ba526;
	text-decoration:none;
	font-size:12px;
	line-height:17px;
}

.contentlink a:hover {
	color:white;
	background-color:#848484;
	text-decoration:none;
	font-size:12px;
	line-height:17px;
}

/* Navigation hyperlinks */

.navilink a:link {
	color:#464646;
	text-decoration:none;
	font-size:11px;
	line-height:16px;
}


.navilink a:visited {
	color:#464646;
	text-decoration:none;
	font-size:11px;
	line-height:16px;
}

.navilink a:active {
	color:#464646;
	text-decoration:none;
	font-size:11px;
	line-height:16px;
}

.navilink a:hover {
	color:white;
	background-color:#848484;
	text-decoration:none;
	font-size:11px;
	line-height:16px;
}	


/* 	The Submenu Layers
 	Use a combined selector to assign all properties common to each
	of the Submenu Layers. */
#p7snapsubs1, #p7snapsubs2, #p7snapsubs3 {
	position: absolute;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	visibility: hidden;
	color: grey;
	line-height:16px;
}
/* 	Now use individual selectors for each trigger Layer to assign
	their unique properties, in this case the left property */
#p7snapsubs1 {margin-left: 435px; margin-top:36px;}
#p7snapsubs2 {margin-left: 435px; margin-top:71px;}
#p7snapsubs3 {margin-left: 435px; margin-top:87px;}

/* 	The submenu links are in paragraphs, so we set the margin to zero
	so there is no gap between links */
.p7submenus p {margin: 0;}


/* 	Submenu Link Styles
 	Use a combined selector for a and a:visited. Set padding in shorthand
	to 1px on top and bottom, 8px right and 12px left.
	
	Set display to block so entire link box, including padding is clickable.
	Set border to 1px solid.
	
	Set border colors in shorthand to Light Gray on top and left - and
	Charcoal Gray on right and bottom. This combination of colors creates
	a raised button-type effect.
	
	Set background color to dark gray, text to medium gray and turn off underlines. */


/* 	Change background and text colors when links are hovered over.
	Use a combined selector for hover, active, and focus.
	
	Active and Focus trigger the color change in IE-PC and other
	modern browsers when tabbing through the links with keyboard. */ 
.p7submenus a:hover, .p7submenus a:active, .p7submenus a:focus {
	color:white;
	background-color:#848484;
	text-decoration:none;
	font-size:11px;
	line-height:16px;
}

* html #footer {height:22px; margin-bottom: -3px;}

#footer {
	clear:both;
	height:22px; 
	bottom:0;
	margin-bottom:0;
	padding-bottom:0;
	position: fixed;
	margin-left:48px;

}