/* Page Structure
----------------------------------------------- */
html{height:100%;}

body	{
	margin:0px;
	padding:0px;
	height:100%;
	background: url(../images/bg/b_main.gif) repeat-x top left;
	background-color: #333333;	
	font:13px arial, calibri, helvetica, sans-serif;
	line-height:18px;	
	color: #8d8784;
	text-align: left; /* IE w */
	}

p {font:13px arial, calibri, helvetica, sans-serif; color: #8d8784; line-height: 18px; text-align:left; margin:0; padding:15px 0 0 0;}
td {font:13px arial, calibri, helvetica, sans-serif; color: #8d8784; line-height: 18px; padding:0 0 0 0; margin:0;}
h1 {font-family: arial, calibri, helvetica, sans-serif; font-size:20px; line-height: 20px; color: #a01111; margin:0; padding:0 0 0 0;}
h2 {font-family: arial, calibri, helvetica, sans-serif; font-size:20px; line-height: 18px; color: #a01111; margin:0; padding:0px 0 16px 0;}
h3 {font-family: arial, calibri, helvetica, sans-serif; font-size:16px; line-height: 20px; color: #8d8784; margin:0; padding:0px 0px 16px 0px;}
h4 {font-family: arial, calibri, helvetica, sans-serif; font-size:18px; margin:0; padding:5px 0 0 0; color: #111155;}
h5 {font-family: arial, calibri, helvetica, sans-serif; font-size:18px; line-height: 18px; color: #747678; margin:0; padding:0; font-weight: bold;}
.home_panel {font:11px arial, calibri, helvetica, sans-serif; color: #333333; line-height: 14px; text-align:left;}
.home_panel h2 {font-family: arial, calibri, helvetica, sans-serif; font-size:16px; color: #940000; margin:0; padding:12px 0 12px 0; font-weight: bold;}
.home_text {font:16px arial, calibri, helvetica, sans-serif; color: #ffffff; line-height: 20px; text-align:left;}
.home_text h2 {font-family: arial, calibri, helvetica, sans-serif; font-size:27px; color: #ffffff; margin:0; padding:20px 0 12px 0; font-weight: bold;}
a {color:#669966; text-decoration:none;}
a:hover {color:#669966; text-decoration:underline;}

.logo h1 {display: none;}

img, a img {border: none;}
img, div {behavior: url(iepngfix.htc)}

ul {list-style: bullet; margin: 0; padding: 4px 0 12px 16px;}

.small {font:11px arial, calibri, helvetica, sans-serif; color: #fff; line-height: 15px; text-align:left; margin:0; padding:13px 0 0 0; font-weight:italics;}

.footer {font: 12px arial, calibri, helvetica, sans-serif; color: #949494; line-height: 16px;}
.footer td {font: 12px arial, calibri, helvetica, sans-serif; color: #949494; line-height: 16px;}
.footer a {color:#c9cac8; text-decoration:none;}
.footer a:hover {color:#ffffff; text-decoration:underline;}
.footer h2 {font-family: arial, calibri, helvetica, sans-serif; font-size:16px; color: #ffffff; margin:0; padding:18px 0 12px 0; font-weight: bold;}

.red h1 {font-family: arial, calibri, helvetica, sans-serif; font-size:32px; line-height: 34px; color: #a01111; margin:0; padding:0 0 3px 0; font-weight: bold;}
.red h3 {font-family: arial, calibri, helvetica, sans-serif; font-size:16px; line-height: 20px; color: #909087; margin:0; padding:0px 3px 16px 3px;}
.header {background: url(../images/bg/b_contact.gif) no-repeat top left; background-color: #ff33ff;}

.red_home h1 {font-family: arial, calibri, helvetica, sans-serif; font-size:18px; line-height: 27px; color: #a01111; margin:0; padding:12px 0 3px 0;}
.red_home {font-family: arial, calibri, helvetica, sans-serif; font-size:12px; line-height: 24px; color: #424242; margin:0;}

.our_work h2 {font-family: arial, calibri, helvetica, sans-serif; font-size:27px; line-height: 20px; color: #333333; margin:0; padding:0 0 16px 0; font-weight: bold; font-style: italic;}
.our_work h3 {font-family: arial, calibri, helvetica, sans-serif; font-size:18px; line-height: 10px; color: #333333; margin:0; padding:16px 0 8px 0; font-weight: bold; font-style: italic;}
.our_work a {font-weight:bold;}
.our_work a:hover {font-weight:bold;}
.big_work {height:341px; width:454px; margin-top: 4px; margin-left: 11px; position:relative; overflow: hidden;}
.about_work {height:177px; width:239px; margin-top: 4px; margin-left: 9px; position:relative; overflow: hidden;}

.home_work {background: url(../images/bg/b_recent_work.gif) repeat-x top left #97A197;}
.home_work_top h2 {font-family: arial, calibri, helvetica, sans-serif; font-size:24px; line-height: 18px; color: #f6f3ea; margin:0; padding:14px 5px 14px 3px; font-weight: bold;}
.home_work_img {height:226px; width:214px; margin-top: 4px; margin-left: 8px; position:relative; overflow: hidden;}

.home_work_text {margin-top: 4px; margin-left: 9px; font-family: arial, calibri, helvetica, sans-serif; font-size:12px; line-height: 17px; color: #d2ded2; font-weight:bold;}
.home_work_text h3 {font-family: arial, calibri, helvetica, sans-serif; font-size:16px; line-height: 15px; color: #f6f3ea; margin:0; padding:0px 0px 0px 0px; font-weight: bold;}
.home_work_text a {color:#f6f3ea; text-decoration:none; font-weight:bold;}
.home_work_text a:hover {color:#f6f3ea; text-decoration:underline; font-weight:bold;}

.work_side {font:12px arial, calibri, helvetica, sans-serif; color: #d1cbbe; line-height: 14px; text-align:left;}
.work_side ul {list-style: bullet; margin: 0; padding: 4px 0 12px 16px;}
.work_side li {padding-bottom: 5px;}
.work_side h2 {font-family: arial, calibri, helvetica, sans-serif; font-size:17px; line-height: 16px; color: #676260; margin:0; padding:0 0 0 0; font-weight: bold;}
.work_side h3 {font-family: arial, calibri, helvetica, sans-serif; font-size:18px; line-height: 10px; color: #676260; margin:0; padding:16px 0 8px 0; font-weight: bold;}
.work_side a {color:#669966; text-decoration:none;}
.work_side a:hover {color:#669966; text-decoration:underline;}

.key_link {color:#9a9a9a; margin:0px; padding:0px !important; list-style:none;}
	.key_link li {padding-left:40px; padding-bottom:10px;}


.contact h2 {font-family: arial, calibri, helvetica, sans-serif; font-size:18px; line-height: 10px; color: #333333; margin:0; padding:0 0 15px 0; font-weight: bold; font-style: italic;}

.quote_left {background: url(../images/gen/quote_left.gif) no-repeat top left;}
.quote_right {background: url(../images/gen/quote_right.gif) no-repeat bottom right;}
.quote {font:14px arial, calibri, helvetica, sans-serif; color: #9a9d9f; line-height: 17px; font-weight: italics;}
.dark {font:14px arial, calibri, helvetica, sans-serif; color: #484848; line-height: 17px; font-weight: italics;}

.quote_left2 {background: url(../images/gen/quote_left2.gif) no-repeat top left;}
.quote_right2 {background: url(../images/gen/quote_right2.gif) no-repeat bottom right;}
.quote2 {font:12px arial, calibri, helvetica, sans-serif; color: #9a9d9f; line-height: 16px; font-weight: italics;}
.dark2 {font:12px arial, calibri, helvetica, sans-serif; color: #484848; line-height: 16px; font-weight: italics;}

#wrapper {position:relative; width:970px; margin:0 auto; /* margin:0 auto 0 auto; */}

#home_header { position:absolute; top: 25px; left: 0px; width: 970px; height: 152px; background: url(../images/bg/b_header.gif) no-repeat top left; z-index:10;}
#int_logo { position:absolute; top: 86px; left: 43px; width: 293px; height: 29px; z-index:55;}
#sub_logo { position:absolute; top: 119px; left: 0px; width: 970px; height: 33px; z-index:33; background-color: #ffffff; text-align:left;}
#home_nav { position:absolute; top:91px; left:432px; width:432px; height:28px; z-index:99;}

#home_logo { position:absolute; top: 86px; left: 43px; width: 293px; height: 29px; z-index:55;}

.boxgrid_outside {width: 224px; height: 224px; margin-bottom: 10px; margin-left: 13px; float: left; background: url(../images/bg/b_work.jpg) no-repeat top left; overflow: hidden; position: relative; }
.boxgrid {height:204px; width:208px; margin-top: 5px; margin-left: 6px; position:relative; overflow: hidden;}
.boxgrid img {position: absolute; top: 0; left: 0; border: 0; z-index:99;}
.boxgrid_text {height:180px; width:180px; margin-top: 15px; margin-left: 15px; font-family: arial, calibri, helvetica, sans-serif; font-size:12px; line-height: 13px; color: #cccccc;}	
.boxgrid_text img {position: relative; border: 0; z-index:70; margin-bottom:5px; margin-left:5px;} 
.boxgrid_text h2 { color: #ffffff; font-size: 16px; font-weight:bold; text-align: left; padding-bottom:7px; }
.boxgrid_text h2 a { color: #fff; text-decoration: none; }
.boxgrid_text h2 a:hover { color: #5cb833; text-decoration: underline; }
.boxgrid_text a {color:#5cb833; text-decoration:none; font-weight:bold;}
.boxgrid_text a:hover {color:#5cb833; text-decoration:underline; font-weight:bold;}

#wrap_home {position:relative; top:0px; left:0px; width:980px; height:337px; padding: 0px; margin:0; overflow:hidden;}
#main_area {position:absolute; top: 0px; left: 0px; width:980px; height: 337px;}
#bg_grass {position: absolute; top:-311px; left:0px; width:980px; height:311px; z-index:20;}
#top_shadow {position:absolute; width:980px; height:5px; top:0px; left:0px; z-index:99;}
#home_dots {position:absolute; width:448px; height:176px; top:0px; left:4px; z-index:98;}
#home_fade {position:absolute; width:448px; height:20px; top:317px; left:30px; z-index:97;}
#grass {position: absolute; top:0px; left:0px; width:980px; height:311px; z-index:21;}
#grow {position: absolute; top:341px; left:35px; width:406px; height:61px; z-index:25;}
.slideshow {position: relative; top:0px; left:500px; width: 375px; height: 305px; z-index:30;}
.slide {width:373px;}
	.slide span {background: url(../images/mask_slider.png) no-repeat bottom left; position:absolute; width:373px; height:284px; }
		.slide .imgKey {display:block; padding-left:25px; background:none !important; }
			.slide .imgKey img {padding-right:3px;}
		.slide .img {height:275px; width:357px; margin-left:9px; margin-bottom:12px;}
.slideshow_nav {position: absolute; top:25px; right:15px; width: 80px; height: 100px; z-index:32;}
.slideshow_more {position: absolute; top:258px; right:5px; width: 95px; height: 40px; z-index:33;}


#clear {clear: both;}

.io {
	width: 150px;
	height: 189px;
	float: right;
	display: inline;
	background-color: #f4f3f0;
	padding: 10px 10px 10px 10px;
	margin: 0px 5px 10px 15px;
	}
	
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.formfield {
	font-family: calibri, arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #FFFFFF;	
}

.form {
	height: 22px;
	font-size: 14px;
	font-family: arial, calibri, helvetica, sans-serif;
	background-color: #fff;
	color: #676767;
	border: 1px solid #999999;
}

.form2 {
	font-size: 14px;
	font-family: arial, calibri, helvetica, sans-serif;
	background-color: #fff;
	color: #676767;
	border: 1px solid #999999;
}

#button {
	height: 32px;
	width: 184px;
	margin: auto;
}



.menu_class {
	border:1px solid #1c1c1c;
}

.the_menu {
	display:none;
	width:300px;
	border: 1px solid #1c1c1c;
	z-index: 100;
}

.the_menu li {
	background-color: #302f2f;
}

.the_menu li a {
	color:#FFFFFF; 
	text-decoration:none; 
	padding:10px; 
	display:block;
}

.the_menu li a:hover {
	padding:10px;
	font-weight:bold;
	color: #F00880;
}

#container_gallery {position:relative; width:986px; margin:0 auto; /* margin:0 auto 0 auto; */}

#container2 {
clear: both;
margin: 0;
padding: 0;
}

#container2 a{
float: right;
background: #9FC54E;
border: 1px solid #9FC54E;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
text-decoration: none;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 20px;
font-weight: 700;
}

#container2 a:hover{
float: right;
background: #a0a0a0;
border: 1px solid #cccccc;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
text-decoration: none;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 20px;
font-weight: 700;
}


.content {
font-style:normal;
font-family:helvetica, arial, verdana, sans-serif;
color:#ffffff;
background:#333333;
border:1px solid #444444;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
margin: 30px 0 50px;
padding: 15px 0;
}

.content p {
margin: 10px 0;
padding: 15px 20px;
}

.panel1 {position: absolute; top: 0px; left: 0; display: none; width: 986px; height: 458px; padding: 0; background: url(../images/bg/b_nav.gif) repeat-y top left;}
.panel2 {position: absolute; top: 0px; left: 0; display: none; width: 986px; height: 458px; padding: 0; background: url(../images/bg/b_nav.gif) repeat-y top left;}
.panel3 {position: absolute; top: 0px; left: 0; display: none; width: 986px; height: 458px; padding: 0; background: url(../images/bg/b_nav.gif) repeat-y top left;}
.panel4 {position: absolute; top: 0px; left: 0; display: none; width: 986px; height: 458px; padding: 0; background: url(../images/bg/b_nav.gif) repeat-y top left;}

.panel_tour1 {position: absolute; top: 0px; left: 0; display: none; width: 986px; height: 496px; padding: 0; background: url(../images/bg/b_nav.gif) no-repeat bottom left; background-color: #d5d6d2;}
.panel_tour2 {position: absolute; top: 0px; left: 0; display: none; width: 986px; height: 496px; padding: 0; background: url(../images/bg/b_nav.gif) no-repeat bottom left; background-color: #d5d6d2;}
.panel_tour3 {position: absolute; top: 0px; left: 0; display: none; width: 986px; height: 496px; padding: 0; background: url(../images/bg/b_nav.gif) no-repeat bottom left; background-color: #d5d6d2;}
.panel_tour4 {position: absolute; top: 0px; left: 0; display: none; width: 986px; height: 496px; padding: 0; background: url(../images/bg/b_nav.gif) no-repeat bottom left; background-color: #d5d6d2;}

.homepanel1 {position: absolute; top: 219px; left: 0; display: none; width: 986px; height: 235px; padding: 0;}
.homepanel2 {position: absolute; top: 219px; left: 0; display: none; width: 986px; height: 235px; padding: 0;}
.homepanel3 {position: absolute; top: 219px; left: 0; display: none; width: 986px; height: 235px; padding: 0;}
.homepanel4 {position: absolute; top: 219px; left: 0; display: none; width: 986px; height: 235px; padding: 0;}


a.active.trigger {
background:#222222 url(images/minus.png) 85% 55% no-repeat;
}

.columns{
clear: both;
width: 330px;
padding: 0 0 20px 0;
line-height: 22px;
}

.colleft{
float: left;
width: 130px;
line-height: 22px;
}

.colright{
float: right;
width: 130px;
line-height: 22px;
}



hr{
background-color: #333333;
height: 1px;
}

/* everything is constructed with a single background image */

/* root element for tabs */
#flowtabs {
	
	/* dimensions */
	width:600px;
	height:31px !important;
	margin:0 !important; 
	padding:0;	
	
	/* IE6 specific branch (prefixed with "_") */
	_margin-bottom:-2px;
}

/* single tab */
#flowtabs li { 
	float:left; 
	margin:0; 
	padding:0; 
	text-indent:0; 
	list-style-type:none;
}

/* a- tag inside single tab */
#flowtabs li a {
	display:block;
	height: 24px;   
	width: 79px; 	
	padding:0px;
	margin:0 0 0 0;
	background-color: #d5d6d2;
	border-right: 1px solid #e0e1dd;	
	
	/* font decoration */
	color:#000;
	font-size:12px;
	line-height:24px;
	text-align:center;
	text-decoration:none;
}

/* adjust the background image position on each tab */
#flowtabs #t1 			{ background-position: 0 0; }
#flowtabs #t2 			{ background-position: -189px 0; }
#flowtabs #t3 			{ background-position: -378px 0; }
#flowtabs #t4 			{ background-position: -567px 0; width:192px;}
 
/* mouseover state */
#flowtabs a:hover 		{ color:#2c6189;	 }
#flowtabs #t1:hover 	{ background-position:      0 -33px; }
#flowtabs #t2:hover 	{ background-position: -189px -33px; }
#flowtabs #t3:hover 	{ background-position: -378px -33px; }
#flowtabs #t4:hover 	{ background-position: -567px -33px; }

/* currently selected tabs */
#flowtabs a.current		{ cursor:default; color:#2c6189; line-height:24px; }
#flowtabs #t1.current { background-position:      0 -66px; }
#flowtabs #t2.current { background-position: -189px -66px; }
#flowtabs #t3.current { background-position: -378px -66px; }
#flowtabs #t4.current { background-position: -567px -66px; }


/* panes */
#flowpanes {
	width:600px;
	height:390px;	
}


/* single pane */
#flowpanes div {
	display:none;	
	margin:0 1200px 0 0;
}

/* some decorations for elements inside single pane */


/* override the root element to enable scrolling */
	#flowpanes {
		position:relative;
		overflow:hidden;
		clear:both;
	}

	/* override single pane */
	#flowpanes div {
		float:left;
		display:block;
		width:600px;
		font-size:14px;
	}

	/* our additional wrapper element for the items */
	#flowpanes .items {
		width:30000em;
		position:absolute;
		clear:both;
		margin:0;
		padding:0;
		text-align:left;
	}

	#flowpanes .less, #flowpanes .less a {
		color:#999 !important;
		font-size:11px;
	}

.form1 {height: 22px; font-size: 13px; color: #333333; border:0px; font-family: Calibri, Arial, sans-serif; background-color: #f3f3f3;}
.form2 {height: 100px; width: 245px; font-size: 13px; color: #333333; border:0px; font-family: Calibri, Arial, sans-serif; background-color: #f3f3f3;}

.formValidate label.error {color:#EC0000; background:url(../images/icon_opc_back.gif) 5px 2px no-repeat; padding-left:20px; font-size:10px; line-height:100%; font-weight:normal !important; display:block; }
.formValidate input.error, .formValidate textarea.error {border:1px dashed #EC0000 !important; background-color:#FFE8E8 !important;}	
.successMsg {font-weight: bold; color: #006600;}