/* CSS Document */

html, body {
	height:100%;
	margin:0; padding:0;
	font-family: arial, verdana, tahoma, helvetica, tahoma, sans-serif;
	font-size:13px;
	background:#85cddf url(images/back_mint2.gif) repeat-y;}
	
	h1, h2, h3, h4, p, ol, ul, li, a, a img, table, td, tr, img, object, form, input, textarea {padding:0;margin:0;}
	img {border:none;}
	h1 {font-size:22px;color:#acd096;
		padding:0px 0px 5px 0px;
		font-weight:normal;}
	h2 {font-size:13px;color:#a4cf9e;}
	h3 {font-size:13px;color:#9dccde; padding-bottom:3px; padding-top:3px;}	
	h4 {font-size:13px;color:#a4cf9e; padding-bottom:0px;}	
	p {font-size:13px; color: #acb1a9; line-height:17px;
		padding:5px 25px 5px 0px;}
	ul {list-style:none; line-height:15px;}
	li {list-style:none; line-height:15px;}
	ol {list-style-position:inside;}
	ol li {list-style:decimal; line-height:15px; list-style-position:inside;}
	a {text-decoration:underline; color:#9dccde;}
	a:link {color:#9dccde;}
	a:visited {color: #9dccde;}
	a:hover {color:#9dccde;}
/*end of standard tag formatting - sets all padding and margins to 0.*/	
	.bold {font-weight:bold;}
	.clear {clear:both;}
	.hidden {display:none;}
	
		
	/* for understanding browsers */
	
	#contact_back {background:red;}
	#back_left {
		width:488px;
		background:#FFF url(images/back_mint.gif) no-repeat;
		border-right:1px solid #cee2ba;
		min-height:700px; 
		height:auto;
		}
		/* for Internet Explorer */
		/*\*/
	* html #back_left {
		height: 700px;
		}
		/**/
	#container_home {
		position:absolute;
		left:100px;
		top:50px;
		width:800px;
		background:url(images/back_menu1_jw.jpg) top left no-repeat;}
	#container_about {
		position:absolute;
		left:100px;
		top:50px;
		width:800px;
		background:url(images/back_menu1_jw.jpg) top left no-repeat;}
	#container_what_we_do {
		position:absolute;
		left:100px;
		top:50px;
		width:800px;
		background:url(images/back_menu1_jw.jpg) top left no-repeat;}
	#container_work {
		position:absolute;
		left:100px;
		top:50px;
		width:800px;
		background:url(images/back_menu1_jw.jpg) top left no-repeat;}
	#container_contact {
		position:absolute;
		left:100px;
		top:50px;
		width:800px;
		background:url(images/back_menu1_jw.jpg) top left no-repeat;}	
	
	#container_left {
		float:left;
		width:270px;
		height:600px;}
	#container_left ul li a{
		text-decoration:none;
		color:#FFF;
		font-size:13px;}
	#container_left ul {	
		padding-top:10px;
		padding-left:154px;}
	#container_left ul li {	
		line-height:74px;}
	#container_left ul li a:hover {
		text-decoration:none;
		color:red;
		font-size:13px;
		background-image: url(images/menu_on.gif);
		background-repeat: no-repeat;
		background-position:-18px -1px;
		display:block;}
	#container_right {
		float:left;
		width:530px;}
	#logo_area {
		height:140px;
		margin-right:120px;
		text-align:right;}
	#content_area {
		/*min-height:400px; 
		height:auto;*/
		background:#FFF
		}
		/* for Internet Explorer */
		/*\*/
	* html #content_area {
		height:400px;
		}
		/**/
		
	#content {
		float:left;
		padding:0px 0px 16px 0px;
		background:#FFF;
		border-left:1px solid #cee2ba;
		border-top:1px solid #cee2ba;}
	#content2 {
		float:left;
		padding:0px 0px 20px 0px;
		background:#FFF;}
	.right_bar {
		float:right;
		width:120px;
		background:#FFF;
		padding-bottom:12px;
		/*margin-top:-1px;
		border-top:1px solid #85cddf;*/
		height:100%
	}
	.text {
		padding:25px 0px 0px 39px;
		margin-right: 120px;
		/*width:365px;*/
		}
	.work {
		padding:25px 128px 0px 33px;}	
	#content_bottom {
		height:100px;
		width:300px;
		background:none;}
	.position1 {
		left:134px;
		top:8px;}
	.position2 {
		left:10px;
		top:70px;}
	.position3 {
		left:72px;
		top:132px;}
	.position4 {
		left:134px;
		top:194px;}
	.position5 {
		left:72px;
		top:256px;}
	.position_t {
		position:absolute;
		width:235px;
		height:80px;
		left:17px;
		top:480px;}
	.button, .button_c, .button_w {
		position:absolute;
		width:100px;
		height:100px;
	}
	.button a, .button_c a, .button_w a {
		display:block;
		text-decoration:none;
		color:#FFF;
		height:74px;
		width:74px;
		text-align:center;
		padding:0px 0px 0px 0px;}
	.button a p, .button_c a p, .button_w a p {
		padding:32px 0px 0px 0px;
		margin:0px 0px 0px 0px;
		color:#FFF;
		line-height:13px;
		font-size:14px;}
	.position1 a:hover, .position1 a.active {
		color:#85cddf;
		background-image: url(images/menu_on1.gif);
		background-repeat: no-repeat;
		background-position:top center;
	}
	.position2 a:hover, .position2 a.active {
		color:#85cddf;
		background-image: url(images/menu_on2.gif);
		background-repeat: no-repeat;
		background-position:top center;
	}
	.position3 a:hover, .position3 a.active {
		color:#85cddf;
		background-image: url(images/menu_on3.gif);
		background-repeat: no-repeat;
		background-position:top center;
	}
	.position4 a:hover, .position4 a.active {
		color:#85cddf;
		background-image: url(images/menu_on4.gif);
		background-repeat: no-repeat;
		background-position:top center;
	}
	.position5 a:hover, .position5 a.active {
		color:#85cddf;
		background-image: url(images/menu_on5.gif);
		background-repeat: no-repeat;
		background-position:top center;
	}

	.right_bar a {
		text-decoration:none;
		color:#acb0a8;}
	.text a {
		text-decoration:underline;
		color:#acb0a8;}
	.right_bar a:visited {
		text-decoration:none;
		color:#acb0a8;}
	.text a:visited {
		text-decoration:underline;
		color:#acb0a8;}
	.right_bar a:{
		text-decoration:none;
		color:#9dccde;}
	.text a:hover {
		text-decoration:underline;
		color:#9dccde;}
	.work_images {
		float:none;
		}
	.work_images img {
		border:1px solid #cee2ba;
		margin-top:10px;}
	h1.work_h1 {
		width:100px;
		float:left;}
	.work_headings {
		float:right;
		width:250px;
		padding-top:7px;}
	.work_headings ul {
		text-align:right;}
	.work_headings ul li {
		display:inline;
		padding-left:9px;}
	#content .work_headings ul li a.active {
		color:#9dccde;}
	#content .work_headings ul li a {
		text-decoration:none;}
	.right_bar ul li a {
		font-size:11px;}
	#content .right_bar ul li.active a {
		font-size:11px;
		color:#9dccde;}
	.right_bar ul {
		padding-top:60px;
		padding-left:18px;}
	.right_bar ul li {
		margin-bottom:0px;
		line-height:23px;}

	.work_button_area {
		float: none;
		padding:0; margin:4px 0px 0px 38px;}
	.work_text {
		float:left;
		padding:0px 0px 0px 0px;
		margin:0px 0px 0px 0px;}
	.work_text p {
		padding:0; margin:0;
		line-height:18px;
		margin:0px 0px 0px 0px;
		padding:1px 0px 0px 6px;}
	.work_button {
		float:left;
		width:18px;}
	.work_arrow {
		float:left;
		height:20px;
		width:17px;
		background-image:url(images/arrow.gif);
		background-position:0px 0px;
		background-repeat:no-repeat;
		padding:0px;}
	.work_button_area a {
		display:block;
		height:20px;
		width:17px;
		background-image:url(images/circle2.gif);
		background-position:0px 0px;
		background-repeat:no-repeat;
		padding:0px;}
	
	.work_button a.active {
        background-image:url(images/circle.gif);}
	a.activebutton { background-image:url(images/circle.gif); }
    a.activelink { text-decoration:none; color:#9dccde;}
	
	.work_button_area a.active {
		background-image:url(images/circle.gif);}
	.work_button_area a.active2, .work_button_area a.active3 {
		background-image:url(images/circle.gif);}
	.work_button_area a:hover {
		background:url(images/circle.gif) no-repeat;}
	ul.work_button {
		margin:0px; padding:0px;}
	
	
	#banner_image {
		border-left:1px solid #cee2ba;
		border-top:1px solid #cee2ba;
	}
	#email_form {	
	}	
	
	/*email form*/
	#email_form {
		padding-left:0px;
		padding-top:0px;
		color:#FFF;
		width:100%;}
	#email_form table{
		color:#acb1a9;
		width:100%;
	}
	#email_form td {
		padding-bottom:2px;}
	#email_form td.desc{
		padding-top:0px; padding-right:10px;
		font-weight:normal;}
	#email_form td.text {
		padding:6px 0px 6px 0px;
		font-weight:normal;
		width:300px;}
	#email_form textarea, #email_form td.form input {
		width:290px;
		font-size:11px;
		padding:3px;
		margin-bottom:5px;
		font-family:verdana, tahoma, sans-serif;
		border:1px solid #acd096;
		border:1px solid #acd096;}
	#email_form textarea {
		height:30px;}
	#email_form input.submit {
		background:#acd096;
		width:60px;
		height:18px;
		font-size:12px;
		line-height:12px;
		font-weight:bold;
		font-family:arial, tahoma, sans-serif;
		color:#FFFFFF;
		border:none;
		margin-top:0px; margin-bottom:10px;
		padding:0px 0px 0px 0px;}