/*
 * Defaults
 */

* {
margin: 0px;
padding: 0px; }

img {
border: 0px; }

textarea {
resize: none; } /* disallow resizng */

input,
textarea {
outline: none; } /* turn off highlighting (Opera, Safari, Chrome) */

html {
height: 100%; }

body {
min-width: 1020px;
height: 100%;
color: #2f2315;
background: #fff url(/img/wtf_feature.gif) no-repeat top right;
font-family: Arial;
text-align: center;
font-size: 12px;}

a {
color: #2f2315;
text-decoration: underline; }

a:hover {
text-decoration: none; }

/*
 * Global elements
 */

#wrapper {
text-align: left;
position: realative;
min-height: 100%;
margin: 0px 60px; }

#footer {
text-align: left;
margin: -152px 60px 0px 60px;
height: 152px; }

#header {
background: url(/img/logo.jpg) no-repeat bottom left;
padding: 60px 0px 0px 0px;
height: 78px; }

#sub_header {
overflow: hidden;
height: 93px;
padding: 0px 0px 0px 46px;
font-size: 11px; }

#top_nav {
overflow: hidden;
height: 47px;
padding: 0px 0px 14px 0px;
background: url(/img/top_nav_shadow_bg.gif) repeat-x top center; }

#footerspace {
height: 152px; }

#content {
padding-bottom: 50px; }

/*
 * Logo
 */

#logo {
display: block;
float: left; }

#logo img{
width: 151px;
height: 76px; }



/*
 * Navigation Icons
 */

.nav_icons {
float: right;
width: 203px;
padding: 10px 0px 0px 0px; }

.nav_icons span,
.nav_icons a{
margin-left: 36px;
display: block;
float: left; }

.nav_icons img {
font-size: 9px;
width: 28px;
height: 28px; }

.nav_icon_home {
background: url(/img/icons_sprite.png) no-repeat 0px -28px; }

.nav_icon_home:hover {
background-position: 0px 0px; }

.nav_icon_map {
background: url(/img/icons_sprite.png) no-repeat -28px -28px; }

.nav_icon_map:hover {
background-position: -28px 0px; }

.nav_icon_mailto {
background: url(/img/icons_sprite.png) no-repeat -56px -28px; }

.nav_icon_mailto:hover {
background-position: -56px 0px; }

.nav_icon_home {
background: url(/img/icons_sprite.png) no-repeat 0px -28px; }

.nav_icon_home_current {
background: url(/img/icons_sprite.png) no-repeat 0px 0px; }

.nav_icon_map_current {
background: url(/img/icons_sprite.png) no-repeat -28px 0px; }

.nav_icon_mailto_current  {
background: url(/img/icons_sprite.png) no-repeat -56px 0px; }


/*
 * Company information
 */

.company_info {
color: #666;
line-height: 20px;
float: left;
width: 495px;
padding: 0px 0px 0px 8px;
background: url(/img/company_info_bullet.gif) no-repeat top left; }

/*
 * Subheader Menu
 */

.sub_header_menu {
margin-top: -6px; /* line-height diff */
float: right;
width: 166px;
line-height: 22px;  }

.sub_header_menu a {
margin: 0px 22px 0px 0px; }

/*
 * Top Navigation
 */

 .top_nav_conainer {
height: 47px;
background: #ddb78e url(/img/top_nav_sprite.gif) repeat-x bottom left;
 }

.top_nav_menu {
margin: 0px 14px;
padding: 15px 0px 0px 0px;
text-align: center; }

.top_nav_left_border {
width: 14px;
height: 47px;
float: left;
background: url(/img/top_nav_sprite.gif) no-repeat top left; }

.top_nav_right_border {
width: 14px;
height: 47px;
float: right;
background: url(/img/top_nav_sprite.gif) no-repeat top right; }

.top_nav_menu p {
display: block;
float: left; }

.top_nav_menu .a1 {
text-align: left;
width: 10%; }

.top_nav_menu .a1 span {
margin-left: 20px; }

.top_nav_menu .a2 {
width: 31%; }

.top_nav_menu .a3 {
width: 17%; }

.top_nav_menu .a4 {
width: 32%; }

.top_nav_menu .a5 {
text-align: right;
width: 9%;
float: left; }

.top_nav_menu .a5 span {
margin: 0px 9px 0px 0px; }

.top_nav_menu span {
padding-left: 18px;
background: transparent url(/img/top_nav_bullet_sprite.gif) no-repeat bottom left; }

.top_nav_menu span.current {
background: url(/img/top_nav_bullet_sprite.gif) no-repeat top left; }

.top_nav_left_shadow {
float: left;
height: 14px;
width: 432px;
background: url(/img/top_nav_shadow_sprite.png) 0px 0px; }

.top_nav_right_shadow {
float: right;
height: 14px;
width: 432px;
background: url(/img/top_nav_shadow_sprite.png) 0px -14px; }

/*
 * Image Blocks
 */

.img_block_container {
padding: 57px 0px;
margin: 0px 0px 0px 1px;
height: 258px; }

.img_block_item {
float: left;
width: 20%; }

.img_block_item_wrapper {
margin: 0px auto;
width: 174px;
background: url(/img/thmb_info.gif) no-repeat bottom center; }

.img_block_item a {
display: block; }

.img_block_item img {
width: 174px;
height: 174px; }

.img_block_item .info {
padding: 14px 0px;
text-align: center; }

.img_block_item .subinfo {
padding: 13px 0px 14px 0px;
text-align: center;
font-size: 11px; }

/*
 * Projects
 */
.projects {}

.projects_container {
width: 100%;
overflow: hidden; }

.projects_container p {
display: block;
float: left;
width: 159px;
height: 120px;
margin: 0px 15px 0px 9px;
background-repeat: no-repeat;
background-position: top left; }

.projects_container a{
display: block;
float: left;
width: 129px;
height: 80px;
padding: 40px 0px 0px 30px; }

.projects_container a span{
padding: 1px 2px;
color: #fff;
background: #ff8000;
font-size: 11px;
line-height: 16px; }

.projects_container .left {
float: left;
width: 47%; }

.projects_container .right {
float: right;
width: 53%; }

.projects_container .right a,
.projects_container .right p{
width: 100px; }

/*
 * Commont Styles
 */

.title {
font-weight: normal;
font-size: 36px;
color: #020202;
letter-spacing: -2px;
padding: 11px; }

.subtitle {
color: #666;
font-size: 22px;
letter-spacing: -2px;
padding: 9px 0px 18px 10px; }

.orange_title {
font-weight: normal;
font-size: 14px;
color: #ff6e05;
padding: 4px 0px 1px 0px; }

.comment {
font-size: 11px;
color: #999;
padding-left: 25px; }

/*
 * Common Page
 */

.inner_page_container {
overflow: hidden;
width: 100%; }

.inner_page_left_block {
width: 200px;
float: left;
padding: 83px 0px 0px 0px; }

.inner_page_right_block {
margin: 17px 0px 0px 200px; }

.inner_page_right_block .title {

padding-left: 0px; }

.inner_page_nav {
padding: 12px 0px 0px 22px;
font-size: 11px; }

.inner_page_nav a,
.inner_page_nav span {
margin-right: 35px; }

.inner_page_nav span {
padding-left: 13px;
background: url(/img/inner_nav_item.gif) no-repeat center left; }

.inner_page_content {
padding: 19px 0px 0px 26px; }

.inner_paragraph {
padding: 7px 0px 15px 0px;
line-height: 20px; }

.inner_paragraph ol {
margin-left: 20px; }

.inner_paragraph ol li{
color: #ff6e05; }

.inner_paragraph ol span{
color: #2f2315; }

.inner_paragraph ul {
list-style: none; }

.inner_paragraph ul li {
behavior: expression( !this.before ? this.before = this.innerHTML = '&mdash;&nbsp;' + this.innerHTML : '' );
color: #ff6e05; }

.inner_paragraph ul span{
margin-left: 5px;
color: #2f2315; }

.inner_paragraph ul li:before {
content: '\2014\a0'; }

.inner_paragraph a{
color: #ff6e05; }

/*
 * Common Page Side Navigation
 */

.side_navigation {
margin: 0px 0px 40px 0px;
font-size: 11px;
list-style: none; }

.side_navigation li {
padding: 10px 0px 0px 16px;
width: 167px;
height: 22px;
background: url(/img/side_nav_sprite.png) no-repeat bottom left; }

.side_navigation li.level2 {}

.side_navigation li.level3 {
height: auto;
padding: 3px 0px 5px 16px;
background: none; }
.side_navigation li.level4 {
height: auto;
padding: 3px 0px 5px 25px;
background: none; }

.side_navigation li.level2active {
background: url(/img/side_nav_sprite.png) no-repeat top left; }
.side_navigation li.level3active {
padding: 3px 0px 5px 16px;
height: auto;
background: none; }
.side_navigation li.level4active {
padding: 3px 0px 5px 25px;
height: auto;
background: none; }

.side_banner {}

/*
 * Mail Form
 */

.mail_form {
width: 69%; }

.mail_form .textarea_container,
.mail_form .input_container {
margin: 9px 0px;
overflow: hidden;
height: 100%; }

.mail_form .textarea_container p,
.mail_form .input_container p {
font-size: 20px;
width: 10px;
color: #ff7105;
float: left; }

.mail_form .input_border {
height: 24px;
margin: 0px 0px 0px 12px;
background: url(/img/input_sprite.gif) repeat-x bottom left; }

.mail_form .input_border_right {
height: 24px;
width: 7px;
background: url(/img/input_sprite.gif) repeat-x top right;
float: right; }

.mail_form .input_border_left {
height: 24px;
width: 7px;
background: url(/img/input_sprite.gif) repeat-x top left;
float: left; }

.mail_form .input_border input {
width: 93%;
display: block;
margin: 5px 11px 0px 4px;
float: left;
font-size: 11px;
color: #999;
background: transparent;
border: 0px; }

.mail_form .textarea_border {
height: 161px;
margin: 0px 0px 0px 12px;
background: url(/img/textarea_sprite.gif) repeat-x bottom left; }

.mail_form .textarea_border_right {
height: 161px;
width: 7px;
background: url(/img/textarea_sprite.gif) repeat-x top right;
float: right; }

.mail_form .textarea_border_left {
height: 161px;
width: 7px;
background: url(/img/textarea_sprite.gif) repeat-x top left;
float: left; }

.textarea {
margin: 0px 7px;
padding: 5px; }

.mail_form .textarea_border textarea {
font-family: arial;
width: 99%;
height: 146px;
display: block;
font-size: 11px;
color: #999;
background: transparent;
overflow-x: hidden;
overflow-y: scroll;
border: 0px;
scrollbar-face-color:#fff;
scrollbar-arrow-color:#ff6e05;
scrollbar-track-color:#fff;
scrollbar-shadow-color:#fff;
scrollbar-highlight-color:#fff;
scrollbar-3dlight-color:#fff;
scrollbar-darkshadow-Color:#fff;}

.submit {
padding: 20px 0px 0px 10px; }

.submit input,
.submit button{
font-size: 11px;
color: #fff;
width: 150px;
height: 25px;
text-align: center;
background: url(/img/input_img.png) no-repeat top left;
border: 0px;}

/*
 * Copyright
 */

.copy {
font-size: 10px;
line-height: 14px;
height: 47px;
background: #e8d6c1 url(/img/footer_sprite.gif) repeat-x bottom left; }

.copy_left_border {
height: 47px;
width: 14px;
float: left;
background: url(/img/footer_sprite.gif) no-repeat top left; }

.copy_right_border {
height: 47px;
width: 14px;
float: right;
background: url(/img/footer_sprite.gif) no-repeat top right; }

.copy_content {
padding: 11px 0px 0px 0px;
text-align: center;}

.developedby {
font-size: 11px;
text-align: right;
padding: 49px 33px 0px 0px; }

/*
 *
 */

#er404 {
padding-left: 216px; }

.er_title {
color: #ff7e05;
font-size: 36px; }

.er_desc {
padding-bottom: 16px; }

#er404 ul {
padding-left: 10px;
list-style-image: url(/img/er_bullet.gif); }

#er404 li {
font-size: 11px;}

/*
 *
 */
.inner_page_content H2{
font-weight: normal;
font-size: 24px;
color: #000000;
margin: 20px 0px 10px 0px;
padding: 0px;
}
.inner_page_content H3{
font-weight: normal;
font-size: 14px;
color: #ff6e05;
margin: 20px 0px 10px 0px;
padding: 0px;
}
.inner_page_content H4, H5, H6{
color: #ff6e05;
margin: 20px 0px 10px 0px;
padding: 0px;
}
.inner_page_content P{
margin: 10px 0px 10px 0px;
line-height: 18px;
padding: 0px;
}
.inner_page_content A{
color: #ff6e05;
}
.inner_page_content ol {
margin: 10px 10px 10px 20px;
}
.inner_page_content ul {
margin: 10px 10px 10px 20px;
list-style: none;
}
.inner_page_content ul li {
behavior: expression( !this.before ? this.before = this.innerHTML = '&mdash;&nbsp;' + this.innerHTML : '' );
}
.inner_page_content ul span, DIV.inner_page_content ul{
margin-left: 5px;
}
.inner_page_content ul li:before {
content: '\2014\a0';
}

/*
 *
 */
.inner_page_content .SiteMap0 {
display: none;
}
.inner_page_content .SiteMap1 {
margin: 10px 0px 10px 0px;
font-size: 16px;
}
.inner_page_content .SiteMap2 {
margin: 10px 0px 10px 20px;
font-size: 14px;
}
.inner_page_content .SiteMap3 {
margin: 10px 0px 10px 40px;
}
.inner_page_content .SiteMap4 {
margin: 10px 0px 10px 60px;
}
.inner_page_content .SiteMap5 {
margin: 10px 0px 10px 80px;
}
