body { font: 62.5% arial, Verdana, sans-serif; color: #626262; background: #ffffff url(images/bg_top.jpg) repeat-x; }
strong, .strong { font-weight: bold; }

h1 span, h2 span, h3 span, h4 span, h5 span, h6 span{ display: none; }

h1{ font-size: 1em; color: #000; }
h2{ font-size: 1em; color: #000; }
h3{ font-size: 1em; color: #000; }
h4{ font-size: 1em; color: #000; }
h5{ font-size: 1em; color: #000; }

.red { color: red; }
.small { font-size: 1em; } .medium { font-size: 1.2em; } .large { font-size: 1.4em; }
.caption { font-size: 1em; color: #777; text-align: right; padding-top: 3px; border-top: 1px solid #ccc; margin-top: 3px; }

/* a links */
a:link { color: #000; text-decoration: none; }
a:visited { color: #000; text-decoration: none; }
a:hover { color: #000; text-decoration: underline; }
a:active { color: #000; text-decoration: none; }
/*a.arrow { display: block; background: url(Images/arrow.gif) 0 3px no-repeat; padding: 4px 0 5px 20px; height: 18px; font-size: 11px; margin: .3em 0; }*/

#pageTop{ margin: 0 0 10px 0; padding: 0; height: 143px; width: 100%; }
#pageTop #upperTop{ margin: 0; padding: 0; height: 102px; overflow: hidden; }
				 #upperTop #logo{ margin: 43px 0 0 50px; padding: 0; width: 171px; height: 44px; float: left; }
				 					 #logo h1{ margin: 0; padding: 0; }
				 					 #logo h1 a{ margin: 0; padding: 0; width: 171px; height: 44px; background: url(images/logo.jpg) no-repeat; display: block; }
#pageTop #upperTop .widgets{ margin: 0; padding: 0; height: 102px; width: 350px; float: right; }				 					 
#pageTop #upperTop .widgets .toolbar{ margin: 0 0 35px 30px; padding: 0; text-align: right; width: 350px; }
#pageTop #upperTop .widgets .toolbar li{ padding: 5px 12px 0 13px; float: left; background: url(images/toolbar_sep.jpg) no-repeat; height: 19px; }
#pageTop #upperTop .widgets .toolbar li.first{ background: url(images/none.jpg) no-repeat; padding-left: 12px; }
#pageTop #upperTop .widgets .toolbar li a{ font-size: 1.1em; color: #8e8e8e; }
#pageTop #upperTop .widgets .toolbar li a.english{ background: url(images/english.jpg) no-repeat right center; padding: 0 25px 0 0; }
#pageTop #upperTop .widgets .pageSearch{ margin: 0; padding: 0 0 0 60px; width: 350px; clear: both; }
#pageTop #upperTop .widgets .pageSearch span{ font-size: 1.1em; font-weight: bold; color: #707070; float: left; margin: 0 5px 0 0; }
#pageTop #upperTop .widgets .pageSearch input{ float: left; width: 120px; height: 15px; border: solid 1px #c4c4c4; margin: -4px 5px 0 0; padding: 2px 3px; font-size: 1.1em; }
#pageTop #upperTop .widgets .pageSearch a.submit{ margin: -4px 0 0 0; padding: 0; height: 21px; width: 21px; background: url(images/search_btn.jpg) no-repeat; float: left; } #pageTop #upperTop .widgets .pageSearch a.submit span{ display: none; }


#pageTop #lowerTop{ margin: 0; padding: 0; height: 41px; }
#pageTop #lowerTop #navigation{ margin: 0; padding: 0; width: 820px; float: left; overflow: hidden; }
				   #navigation ul{ margin: 0px; padding: 0 0 0 50px; }
				   #navigation li{ margin: 7px 0; padding: 6px 12px; float: left; height: 15px; }									 
				   #navigation li.selected{ background: url(images/nav_sel_bg.jpg) repeat-x; }

				   #navigation h3{ margin: 0; padding: 0; }
				   #navigation li.first h3{ margin: 0; padding: 0; }				 

				   #navigation a{ margin: 0; padding: 0; color: #e3e3e3; font-size: 1.2em; }
				   #navigation li.selected a{ color: #787878; }
#pageTop #lowerTop .widgets{ margin: 0; padding: 0; float: right; width: 100px; height: 41px; }
		 #lowerTop .widgets .fonts{ padding: 6px 0;}
		 #lowerTop .widgets .fonts a{ color: #aaaaaa; font-weight: bold; }
		 #lowerTop .widgets .fonts .shrinkFont{ margin: 0 5px 0 0; cursor: pointer; }
		 #lowerTop .widgets .fonts .enlargeFont{ cursor: pointer; }
		 #lowerTop .widgets .fonts .shrinkFont_alt{ margin: 0 5px 0 0; cursor: default; }
		 #lowerTop .widgets .fonts .enlargeFont_alt{ cursor: default; }


#pageContent{ margin: 0 0 10px 0; padding: 0;  }
#pageContent .frontPage{ margin: 0; padding: 0; background: #d7d7d7 url(images/front_content_bg.jpg) repeat-x; }
#pageContent .frontPage #upperContent{ margin: 0; padding: 0; min-height: 193px; width: 920px; background: #a2a2a2 url(images/front_upper_content_bg.jpg) no-repeat; } * html #pageContent .frontPage #upperContent{ height: 193px; }
#pageContent .frontPage #lowerContent{ margin: 0; padding: 0x; min-height: 233px; } * html #pageContent .frontPage #lowerContent{ height: 233px; }

#pageContent .frontPage #upperContent .col1{ margin: 0; padding: 30px 0 10px 0; width: 250px; min-height: 153px; background: url(images/front_upper_col_left_sep.gif) no-repeat right top; float: left; } * html #pageContent .frontPage #upperContent .col1{ height: 153px; }
#pageContent .frontPage #upperContent .col2{ margin: 0; padding: 30px 0 10px 0; width: 420px; min-height: 153px; float: left; } * html #pageContent .frontPage #upperContent .col2{ height: 153px; }
#pageContent .frontPage #upperContent .col3{ margin: 0; padding: 30px 0 10px 0; width: 250px; min-height: 153px; background: url(images/front_upper_col_right_sep.gif) no-repeat left top; float: left; } * html #pageContent .frontPage #upperContent .col3{ height: 153px; }

#pageContent .frontPage #upperContent .col1 .box{ padding: 0 30px; }
#pageContent .frontPage #upperContent .col2 .box{ padding: 0 25px; }
#pageContent .frontPage #upperContent .col3 .box{ padding: 0 15px; }

#pageContent .frontPage #upperContent h4.title{ margin: 0 0 5px 0; padding: 0; color: #7e7e7e; text-transform: uppercase; font-size: 1.8em; font-family: Trebuchet MS, Verdana, Arial; }
#pageContent .frontPage #upperContent p{ font-size: 1.1em; }

#pageContent .frontPage #upperContent .col1 ul{  }
#pageContent .frontPage #upperContent .col1 li{ margin: 0 0 2px 0; clear: both; }
#pageContent .frontPage #upperContent .col1 li a{ font-weight: bold; font-size: 1.1em; color: #726f6f; }

#pageContent .frontPage #upperContent .col2 .box .text{ margin: 0 10px 0 0; width: 205px; float: left; }
#pageContent .frontPage #upperContent .col2 .box .text a.btnMoreProjects{ margin: 20px 0 0 0; padding: 6px 10px; color: #fff; font-size: 9px; text-transform: uppercase; background: url(images/btn_more_project_bg.jpg) no-repeat; height: 11px; width: 61px; float: left; }
#pageContent .frontPage #upperContent .col2 .box .image{ margin: -20px 0 0 0; width: 155px; text-align: center; float: left; }
#pageContent .frontPage #upperContent .col2 .box .image img{ width: 155px; }
#pageContent .frontPage #upperContent .col2 .box .image .new{ background: url(images/new_star.gif) no-repeat; position: absolute; height: 46px; width: 46px; }

#pageContent .frontPage #lowerContent .col{ margin: 0; padding: 20px 0 10px 0; background: url(images/front_lower_content_col_bg.jpg) no-repeat; min-height: 203px; } * html #pageContent .frontPage #lowerContent .col{ height: 203px; }
#pageContent .frontPage #lowerContent .col .box{ padding: 0 20px; min-height: 180px; } * html #pageContent .frontPage #lowerContent .col .box{ height: 180px; }
#pageContent .frontPage #lowerContent .p25{ width: 25%; float: left; } 
#pageContent .frontPage #lowerContent .p33{ width: 33%; float: left; }

#pageContent .frontPage #lowerContent h5.title{ margin: 0 0 20px 0; padding: 0; color: #7e7e7e; font-weight: bold; font-size: 1.8em; }

#pageContent .frontPage #lowerContent .col .news ul{ margin: 00; }
#pageContent .frontPage #lowerContent .col .news li{ margin: 0 0 3px 0; }
#pageContent .frontPage #lowerContent .col .news li span{ font-size: 1.1em; color: #767676; width: 55px; text-align: right; display: block; float: left; }
#pageContent .frontPage #lowerContent .col .news li a{ margin: 0 0 0 5px; font-size: 1.1em; color: #767676; font-weight: bold; float: left; }

#pageContent .frontPage #lowerContent .col p{ font-size: 1.1em; }

#pageContent .frontPage #lowerContent .controls{ text-align: right; padding: 0 30px; }
#pageContent .frontPage #lowerContent .controls a{ padding: 0 0 0 8px; font-size: 1.1em; color: #767676; font-weight: bold; background: url(images/control_link_arrow.gif) no-repeat 0 3px; }

#pageContent .subPage{ margin: 0; padding: 0; width: 920px; }
#pageContent .subPage #mainContent{ margin: 0; padding: 0; width: 920px; }
#pageContent .subPage #mainContent .sideCol{ margin: 20px 10px 0 0; padding: 20px 0; width: 230px; float: left; border-top: solid 1px #dbdbdb; min-height: 503px; background: #f8f8f8 url(images/sidecol_bg.jpg) no-repeat; } * html #pageContent .subPage #mainContent .sideCol{ height: 503px; }
#pageContent .subPage #mainContent .mainCol{ margin: 0; padding: 0; width: 680px; float: left; }

#pageContent .subPage #mainContent .sideCol .subNav{  }
#pageContent .subPage #mainContent .sideCol .subNav ul{  }
#pageContent .subPage #mainContent .sideCol .subNav ul ul{ padding: 0 0 3px 0; }
#pageContent .subPage #mainContent .sideCol .subNav ul ul ul{ padding: 0; }
#pageContent .subPage #mainContent .sideCol .subNav li{ margin: 4px 0; padding: 0 10px 0 35px; }
#pageContent .subPage #mainContent .sideCol .subNav li.selected{ background: #dcdcdc; }
#pageContent .subPage #mainContent .sideCol .subNav li li{ padding: 0; margin: 2px 0 2px 10px; }
#pageContent .subPage #mainContent .sideCol .subNav li li.selected{ background: none; }
#pageContent .subPage #mainContent .sideCol .subNav a{ font-size: 1.2em; color: #726f6f; font-weight: bold; }
#pageContent .subPage #mainContent .sideCol .subNav li li a{ font-size: 1.1em; color: #726f6f; font-weight: normal; }

#pageContent .subPage #mainContent .sideCol .subNav li li a.selected{ color: #535353; }


#pageContent .subPage #mainContent .mainCol .breadCrumb{ margin: 0; padding: 0; text-align: right; height: 20px; font-size: 1.1em; }
#pageContent .subPage #mainContent .mainCol .breadCrumb span{ color: #6f6f6f; }
#pageContent .subPage #mainContent .mainCol .breadCrumb span.location{ color: #494949; }
#pageContent .subPage #mainContent .mainCol .breadCrumb a{ color: #6f6f6f; }

#pageContent .subPage #mainContent .mainCol .box{}
#pageContent .subPage #mainContent .mainCol .box h4.title{ margin: 0; padding: 13px 20px; height: 16px; width: 640px; background: url(images/content_h4_title_bg.jpg) repeat-x; font-weight: bold; font-size: 1.2em; color: #6d6d6d; text-transform: uppercase; overflow: hidden; }

#pageContent .subPage #mainContent .mainCol .box .content{ margin: 0; padding: 35px; min-height: 130px; background: url(images/maincol_content_bg.jpg) no-repeat; font-size: 1.2em; } 
* html #pageContent .subPage #mainContent .mainCol .box .content{ height: 130px; }


#pageContent .subPage #mainContent .mainCol .box .content p{ margin: 0 0 10px 0; }
#pageContent .subPage #mainContent .mainCol .box .content h1{ margin: 0 0 5px 0; font-size: 1.6em; color: #5f5f5f; font-weight: bold; }
#pageContent .subPage #mainContent .mainCol .box .content h2{ margin: 0 0 5px 0; font-size: 1.5em; color: #5f5f5f; font-weight: bold; }
#pageContent .subPage #mainContent .mainCol .box .content h3{ margin: 0 0 5px 0; font-size: 1.3em; color: #5f5f5f; font-weight: bold; }
#pageContent .subPage #mainContent .mainCol .box .content h4{ margin: 0 0 5px 0; font-size: 1.2em; color: #5f5f5f; font-weight: bold; }
#pageContent .subPage #mainContent .mainCol .box .content h5{ margin: 0 0 5px 0; font-size: 1.1em; color: #5f5f5f; font-weight: bold; }
#pageContent .subPage #mainContent .mainCol .box .content h6{ margin: 0 0 5px 0; font-size: 1em; color: #5f5f5f; font-weight: bold; }

#pageContent .subPage #mainContent .mainCol .box .content ul{ margin: 5px 10px 5px 17px; list-style-position: inherit; list-style-type: disc !important; }
#pageContent .subPage #mainContent .mainCol .box .content li{}
#pageContent .subPage #mainContent .mainCol .box .content a{ color: #afa400; }
#pageContent .subPage #mainContent .mainCol .box .content .panMailBtn a.MailLink{font-size: 1.1em; width: 117px; padding: 8px 0; height: 16px; display: block; background: url(images/contact_btn_bg.jpg) no-repeat; text-align: center; color: #727272; font-size: 11px; font-weight: bold; margin: 30px 0 0 80px;}



/* Contact form */

#pageContent .subPage #mainContent .mainCol .box .contact{ margin: 15px 0 0 0; }
#pageContent .subPage #mainContent .mainCol .box .contact label.lab{ display: block; width: 70px; float: left; text-align: right; margin: 5px 10px 0 0; font-weight: bold; }
#pageContent .subPage #mainContent .mainCol .box .contact input.text{ margin: 2px 0 5px 0; width: 280px; height: 18px; border: solid 1px #b9b9b9; float: left; }

#pageContent .subPage #mainContent .mainCol .box .contact .con label.lab{ margin: 10px 10px 0 0; }

#pageContent .subPage #mainContent .mainCol .box .contact .phone input.text{ width: 150px; margin: 0 10px 0 0; }
#pageContent .subPage #mainContent .mainCol .box .contact .phone .check{  width: 120px; border: 0; float: left; }
#pageContent .subPage #mainContent .mainCol .box .contact .phone .check input{ }
#pageContent .subPage #mainContent .mainCol .box .contact .phone .check label{ display: inline; width: auto; text-align: left; margin: 0; font-weight: normal; }

#pageContent .subPage #mainContent .mainCol .box .contact textarea{ margin: 4px 0 15px 0; width: 280px; height: 140px; border: solid 1px #b9b9b9; overflow: auto; }
#pageContent .subPage #mainContent .mainCol .box .contact a.submit{ font-size: 1.1em; width: 117px; padding: 8px 0; height: 16px; display: block; background: url(images/contact_btn_bg.jpg) no-repeat; text-align: center; color: #727272; font-size: 11px; font-weight: bold; margin: 0 0 0 80px; }

#pageContent .subPage #mainContent .mainCol .box .application{ margin: 20px 0 0 0; }
#pageContent .subPage #mainContent .mainCol .box .application .left{ margin: 0; padding: 0; width: 270px; float: left; }
#pageContent .subPage #mainContent .mainCol .box .application .right{ margin: 0; padding: 0; width: 270px; float: left; }
#pageContent .subPage #mainContent .mainCol .box .application label{ display: block; }
#pageContent .subPage #mainContent .mainCol .box .application label i{ font-size: 0.9em; }
#pageContent .subPage #mainContent .mainCol .box .application input.text{ margin: 0 0 5px 0; padding: 0; width: 198px; height: 18px; border: solid 1px #abb1b5; }
#pageContent .subPage #mainContent .mainCol .box .application textarea{ margin: 0 0 5px 0; padding: 0; width: 198px; height: 58px; border: solid 1px #abb1b5; overflow: auto; }
#pageContent .subPage #mainContent .mainCol .box .application a.submit{ font-size: 1.1em; width: 117px; padding: 8px 0; height: 16px; display: block; background: url(images/contact_btn_bg.jpg) no-repeat; text-align: center; color: #727272; font-size: 11px; font-weight: bold; margin: 0 0 0 20px; }

/* News */

#pageContent .subPage #mainContent .mainCol .box .news{  }
#pageContent .subPage #mainContent .mainCol .box .news .item{ margin: 0 0 15px 0; }
#pageContent .subPage #mainContent .mainCol .box .news .item p.text{ margin: 0; padding: 0; font-size: 1.1em; }
#pageContent .subPage #mainContent .mainCol .box .news .item a.more{ color: #afa400; }
#pageContent .subPage #mainContent .mainCol .box .news .item img.tmbImg{ margin: 0 0 5px 5px; }

#pageContent .subPage #mainContent .mainCol .staffList{ margin: 0; padding: 0 50px; }
#pageContent .subPage #mainContent .mainCol .staffList .staff{ margin: 0 0 20px 0; }
#pageContent .subPage #mainContent .mainCol .staffList .staff .image{ margin: 0 20px 0 0; width: 100px; float: left; }
#pageContent .subPage #mainContent .mainCol .staffList .staff .image img{ float: right;}
#pageContent .subPage #mainContent .mainCol .staffList .staff .text{ width: 460px; float: left;}
#pageContent .subPage #mainContent .mainCol .staffList .staff .text h5.title{ margin: 0 0 2px 0; font-size: 1.4em; font-weight: bold; color: #9b8800; }
#pageContent .subPage #mainContent .mainCol .staffList .staff .text span.title{ font-size: 1.2em; display: block; margin: 0 0 10px 0; }
#pageContent .subPage #mainContent .mainCol .staffList .staff .text p{ font-size: 1.2em; margin: 0 0 5px 0; }
#pageContent .subPage #mainContent .mainCol .staffList .staff .text a.email{ font-size: 1.2em; font-weight: bold; color: #626262; }


/* Projects */
#pageContent .subPage #mainContent .mainCol .box .projects{ padding: 10px; }
#pageContent .subPage #mainContent .mainCol .box .projectInfo{  }
#pageContent .subPage #mainContent .mainCol .box .projectInfo .imageCol{ margin: 0 10px 0 0; padding: 0 7px; width: 468px; float: left; background: url(images/project_img_bg.jpg) repeat-y; }
#pageContent .subPage #mainContent .mainCol .box .projectInfo .imageCol .top{ margin: 0 -7px; width: 482px; height: 7px; overflow: hidden; background: url(images/project_img_top_bg.jpg) no-repeat; }
#pageContent .subPage #mainContent .mainCol .box .projectInfo .imageCol .bottom{ margin: 0 -7px; width: 482px; height: 7px; overflow: hidden; background: url(images/project_img_bottom_bg.jpg) no-repeat; }
#pageContent .subPage #mainContent .mainCol .box .projectInfo .imageCol img{ }
#pageContent .subPage #mainContent .mainCol .box .projectInfo .infoCol{ margin: 0; padding: 0; width: 168px; float: left; }
#pageContent .subPage #mainContent .mainCol .box .projectInfo .infoCol .logo{ margin: 0 0 5px 0; }
#pageContent .subPage #mainContent .mainCol .box .projectInfo .infoCol .description{ }
#pageContent .subPage #mainContent .mainCol .box .projectInfo .infoCol .info{ }

#pageContent .subPage #mainContent .mainCol .box .projectList{ margin: 0; padding: 0px 7px 0 12px; width: 641px; background: url(images/projects_bg.jpg) repeat-y; }
#pageContent .subPage #mainContent .mainCol .box .projectList .top{ margin: 0 -7px 0 -12px; padding: 0 0 8px 0; width: 660px; height: 7px; overflow: hidden; background: url(images/projects_top_bg.jpg) no-repeat; }
#pageContent .subPage #mainContent .mainCol .box .projectList .bottom{ margin: 0 -7px 0 -12px; width: 660px; height: 7px; overflow: hidden; background: url(images/projects_bottom_bg.jpg) no-repeat; }
#pageContent .subPage #mainContent .mainCol .box .projectList .project{ margin: 0 4px 8px 0; float: left; border: solid 1px #ccc; }
#pageContent .subPage #mainContent .mainCol .box .projectList .project img{ width: 100px; float: left; }

#pageBottom{ margin: 0; padding: 0; height: 28px; width: 100%; text-align: center; background: url(images/bottom_bg.jpg) repeat-x 0 1px; border-bottom: solid 1px #b9b9b9; border-top: solid 1px #dbdbdb; }
#pageBottom p{ margin: 7px 0; padding: 0; font-size: 1.1em; font-family: Trebuchet MS, Arial, Sans-Serif; }
#pageBottom p span{ margin: 0 10px; }
#pageBottom a{ color: #767676; margin: 0 0 0 -10px; }