/*** Base Elements ***/
html,body{ width:100%; background:/*#012940*/ url(../images/bg.jpg) repeat; margin:0; padding:0;  }
body { font-size:12px; font-family:Arial, Helvetica, sans-serif; width:100%; color:#505050; }
ul,li { margin-left:10px; padding-left:0px; }
form { margin:0; }
input { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
h1 { float:left; color:#505050; font-size:24px; font-weight:normal; letter-spacing:-1px; margin:0 0 10px 0; }
/*h2 { color:#505050; font-size:14px; font-weight:normal; letter-spacing:0; margin:0 0 10px 0; }*/
h2 { color:#333; font-size:14px; font-weight:normal; letter-spacing:0; margin:0 0 10px 0; }
body.portfolio h2 { color:#e8e9e9; font-size:14px; font-weight:normal; letter-spacing:0; margin:0 0 10px 0; }
h3 { color:#505050; font-size:11px; font-weight:normal; letter-spacing:0; margin:0 0 0 0; }
a span { display:none; }

/*** Misc Utils ***/
div.nohover a:hover, .nohover a:hover { background-color: transparent; filter:none; }
.no_margin { margin:0;}


/*** Containers ***/
#container { margin:0 auto; width:100%; background-color:#fff;  }
#nav_container { width:100%; height:146px; background:url(../images/top_bg.jpg) repeat-x; margin:0 auto;  }
#footer_container { margin:0 auto ; height:213px;width:100%; background:#fff url(../images/footer_bg.jpg) repeat-x bottom; padding:60px 0 0 0; }
#home_container {  margin:0 auto; display:block; width:100%; }
#home_subtop_container { width:100%; height:43px; background:url(../images/home_subtop_bg.jpg) repeat-x; margin:0 auto;  }
#interior_container {  margin:0 auto; display:block; width:100%; }
#interior_subtop_container { width:100%; height:243px; background:url(../images/interior_subtop_bg.jpg) repeat-x top; margin:0 auto; }
#portfolio_container { width:100%; background:#191b1c url(../images/interior_subtop_bg.jpg) repeat-x top; margin:0 auto; }
#content_container { margin:0 auto;  display:block; text-align:left; width:960px;}


/*** Nav ***/
#nav { display:block; margin:0 auto; width:960px; height:153px; background:url(../images/top.jpg) no-repeat top center; z-index:10; position:relative; }
#nav ul  { padding:0; margin:0 auto; list-style:none; position:absolute; left:0;  }
#nav ul li { margin:0 0 0 0; list-style:none; float:left; font-size:12px; }
#nav ul li a { text-decoration:none; display:block;  padding:0; /*border:red solid 1px;*/ height:153px;   }
#nav ul li a:hover {   }
#nav ul li#nav_logo a { width:402px; }
#nav ul li#nav_logo a:hover {   }
#nav ul li#nav_home a { width:76px;  }
#nav ul li#nav_home a:hover, body.home #nav ul li#nav_home a {  background:url(../images/nav_home_over.jpg) no-repeat bottom center; }
#nav ul li#nav_about_us a { width:81px;  }
#nav ul li#nav_about_us a:hover, body.about_us #nav ul li#nav_about_us a {  background:url(../images/nav_about_us_over.jpg) no-repeat bottom center; }
#nav ul li#nav_services a { width:81px;  }
#nav ul li#nav_services a:hover, body.services #nav ul li#nav_services a {  background:url(../images/nav_services_over.jpg) no-repeat bottom center; }
#nav ul li#nav_portfolio a { width:80px;  }
#nav ul li#nav_portfolio a:hover, body.portfolio #nav ul li#nav_portfolio a {  background:url(../images/nav_portfolio_over.jpg) no-repeat bottom center; }
#nav ul li#nav_news a { width:67px;  }
#nav ul li#nav_news a:hover, body.news #nav ul li#nav_news a {  background:url(../images/nav_news_over.jpg) no-repeat bottom center; }
#nav ul li#nav_contact_us a { width:96px;  }
#nav ul li#nav_contact_us a:hover, body.contact_us #nav ul li#nav_contact_us a {  background:url(../images/nav_contact_us_over.jpg) no-repeat bottom center; }
#nav ul li#nav_login a { width:65px;  }
#nav ul li#nav_login a:hover, body.login #nav ul li#nav_login a {  background:url(../images/nav_login_over.jpg) no-repeat bottom center; }
#nav ul li#nav_logout a { width:65px;  }
#nav ul li#nav_logout a:hover, body.logout #nav ul li#nav_logout a {  background:url(../images/nav_logout_over.jpg) no-repeat bottom center; }

#subnav { margin:0 0 0 0; width:184px; float:left; }
#subnav ul  { padding:1px 0 0 0; margin:25px auto 0 auto; list-style:none; background:url(../images/dots.gif) repeat-x top;  }
#subnav ul li { margin:0 0 0 0; list-style:none; font-size:12px; background:url(../images/dots.gif) repeat-x bottom; padding:0 0 2px 0; }
#subnav ul li a { text-decoration:none; display:block;  padding:5px 0 5px 10px; color:#3cb7fe;  margin:1px 0 0 3px; }
#subnav ul li a:hover, #subnav ul li a.selected {  text-decoration:none; color:#fff; background-color:#3cb7fe;  }


/*** Footer ***/
#footer { display:block; margin:0 auto 0 auto; width:960px; height:213px; background:url(../images/footer.jpg) no-repeat top;  }
#footer_links { padding:80px 0 0 0; width:800px; text-align:left; font-size:11px; }
#footer_links ul  { padding:0; display:inline-block; list-style:none; text-align:left; margin:0 0 10px 0; }
#footer_links li { margin:0 0 0 5px; list-style:none; float:left; color:#fff; }
#footer_links ul li a { text-decoration:none; padding:0; color:#3cb7fe; }
#footer_links ul li a:hover { text-decoration:underline; padding:0; color:#3cb7fe; }
#footer_links li span.footer_separator { margin:0 0 0 5px; color:#3cb7fe; }
#footer_copyright { font-size:11px; color:#8094a0; text-align:left; margin:10px 0 0 4px; } 
#footer_copyright a { color:#8094a0; text-decoration:none; } 
#footer_copyright a:hover { color:#8094a0; text-decoration:underline; } 
#footer_logo { width:150px; height:100px; position:absolute; margin:0 0 0 800px }
#footer_logo a { display:block; width:100%; height:100%; text-decoration:none; }


/*** Layouts ***/
#col_1 { width:681px; float:left; display:inline-block;  text-align:left;}
#col_2 { width:261px; float:left; margin:0 0 0 18px; display:inline-block; text-align:left; }


/*** Home ***/
#home_flash { display:block; margin:-13px auto 0 auto; width:960px; height:347px; /*background:url(../images/home_flash.png) no-repeat top;*/}
#home_content { display:inline-block; width:880px; text-align:left; margin:10px 0 0 0; }
#home_col_1 { float:left; width:380px; }
#home_col_2 { float:left; width:380px; margin:0 0 0 80px; }
.home_section_top { width:100%; border-bottom:#d7d7d8 solid 1px; display:inline-block; height:36px; margin:0 0 10px 0; }
.home_section { width:100%; border-bottom:#d7d7d8 solid 1px; display:inline-block; padding:0 0 10px 0; }
.home_section a { color:#0186c4; text-decoration:none; }
.home_section a:hover { color:#0186c4; text-decoration:underline }
body.home h1 { float:left; width:310px; }
#home_btn_more_news { width:70px; height:23px; float:left; margin:5px 0 0 0; }
#home_btn_more_news a { width:70px; height:23px; background:url(../images/btn_more_news.png) no-repeat top; display:inline-block; }
#home_btn_services { width:70px; height:23px; float:left; margin:5px 0 0 0; }
#home_btn_services a { width:70px; height:23px; background:url(../images/btn_services.png) no-repeat top; display:inline-block; }
.home_news_item { display:inline-block; margin:0 0 5px 0; }
.home_news_date { float:left; width:50px;  }
.home_news_headline  { float:left; width:290px; margin:0 0 0 5px; }
.home_section ul li { float:left; width:115px; margin-left:5px; padding-left:0; list-style-image:url(../images/triangle_blue_right.png); }


/*** Interior ***/
#interior_pic { width:776px; height:242px; float:left; margin:0 0 0 0 ; z-index:0;}
#interior_overlay { float:right; margin:0 40px 0 0; width:180px; height:256px; background:url(../images/interior_pic_overlay.png) no-repeat bottom; }
#interior_parent_title { margin:150px auto 0 auto; text-align:center; width:100%; }
#interior_content_top { margin:10px 0; width:940px; border-bottom:#d7d7d8 solid 1px; display:inline-block; height:30px; padding:0 0 0 20px; }
#interior_content { margin:0 0 0 0; width:940px; border-bottom:#d7d7d8 solid 1px; display:inline-block; padding:10px 0 40px 20px; }
#interior_content li { margin-left:5px; padding-left:0; list-style-image:url(../images/li_bg.gif); }
#interior_col_1 { float:left; width:646px; }
#interior_col_1 a { text-decoration:none; color:#128ec8; }
#interior_col_1 a:hover {  text-decoration:underline; color:#128ec8;   }
#interior_col_2 a { text-decoration:none; color:#128ec8; }
#interior_col_2 a:hover {  text-decoration:underline; color:#128ec8;   }
#interior_col_2 { float:left; width:250px; margin:0 0 0 44px; }
#interior_col_2 ul.related  { padding:1px 0 0 0; margin:10px auto 0 auto; list-style:none; background:url(../images/dots.gif) repeat-x top;  }
#interior_col_2 ul.related li { margin:0 0 0 0; list-style:none; font-size:11px; background:url(../images/dots.gif) repeat-x bottom; padding:0 0 2px 0; }
#interior_col_2 ul.related li a { text-decoration:none; display:block;  padding:5px 0 5px 10px; color:#128ec8;  margin:1px 0 0 10px; background:url(../images/triangle_blue_right.png) no-repeat left center; }
#interior_col_2 ul.related li a:hover {  text-decoration:underline; color:#128ec8;   }
#under_related { font-size:11px; }
#validation { background:#fff; border:#505050 solid 1px; padding:10px; position:absolute; }


/*** News ***/
.news_listing { display:inline-block; background:url(../images/dots.gif) repeat-x bottom; padding:10px 0 10px 0; }
.news_listing_head { font-size:14px; margin:0 0 3px 0; }
.news_listing_head a, h2.news_head { text-decoration:none; color:#128ec8; display:inline-block; margin:0; }
.news_listing_head a:hover { text-decoration:underline; color:#128ec8; }
.news_listing_body {}
.news_pagination { font-size:11px; color:#8b8b8b; float:right; margin:10px 20px 40px 0; padding:0 5px 0 0; }
.news_pagination a { text-decoration:none; color:#128ec8; margin:0 0 0 5px; }
.news_pagination a:hover { text-decoration:underline; color:#128ec8; }
.news_pagination a.first { text-decoration:none; display:inline-block; width:4px; height:7px; background:url(../images/triangle_blue_left.png) no-repeat left center; }
.news_pagination a.last { text-decoration:none; display:inline-block; width:4px; height:7px; background:url(../images/triangle_blue_right.png) no-repeat left center; }
#btn_back_to_news { width:86px; height:23px; float:right; margin:0 310px 0 0; }
#btn_back_to_news a { width:86px; height:23px; background:url(../images/btn_back_to_news.png) no-repeat top; display:inline-block; }


/*** Contact ***/
.contact_line { display:inline-block; margin:0 0 5px 0; width:100%; }
.contact_label { float:left; width:120px; font-size:12px; }
.contact_label_full { margin:20px 0 5px 0; }
.contact_data { float:left; }
.contact_data input { margin:0; width:350px; height:18px;  color:#666; border:#d0cfce solid 1px; padding:3px 0 0 10px; font-size:11px; /* border-radius:4px; */ -moz-border-radius:4px; }
.contact_data select {  margin:0; width:363px; height:18px; line-height:18px; color:#666; border:#d0cfce solid 1px; padding-left:10px; font-size:11px; /* border-radius:4px; */ -moz-border-radius:4px; }
.contact_data option {  margin:0; height:18px; line-height:18px; color:#666; border:none; padding-left:10px; font-size:11px; }
.contact_data textarea { margin:0; width:470px; height:140px; line-height:18px; color:#666; border:#d0cfce solid 1px; padding-left:10px; font-size:11px; /* border-radius:4px; */ -moz-border-radius:4px; }
.contact_buttons { display:inline-block; margin:0;  width:100%; text-align:right; }
#btn_submit { width:70px; height:23px; margin:-28px 90px 0 0; float:right; }
#btn_submit a { width:70px; height:23px; background:url(../images/btn_submit.png) no-repeat top; display:inline-block; }


/*** Portfolio ***/
body.portfolio { background-color:#191b1c; }
body.portfolio #footer_container { background-color:#191b1c; }
body.portfolio #footer { background:url(../images/footer_portfolio.jpg) no-repeat top;  }
#portfolio_content { margin:10px 0 0 0; width:100%;  display:inline-block; padding:10px 0 40px 0; color:#aeaeae; }
#portfolio_content #interior_col_1  { color:#aeaeae; width:666px; }
#portfolio_content_cats { border-bottom:#515556 solid 1px; padding:10px 0 20px 0; display:inline-block; width:960px; }
#portfolio_content_top { margin:10px 0; width:930px; border-bottom:#515556 solid 1px; display:inline-block; height:30px; padding:0 0 10px 0; }
#portfolio_subcontent_top { margin:10px 0; width:960px; display:inline-block; height:30px; padding:0 0 0 0; }
.portfolio_cat { float:left; width:175px; margin:0 21px 20px 0;  }
.portfolio_cat.last { margin-right:0; }
.portfolio_cat_img { border:#515556 solid 3px; width:169px; height:100px; overflow:hidden;  }
.portfolio_cat_title { color:#fff; font-size:18px; margin:5px 0 0 5px;  }
.portfolio_cat_link { margin:0 0 0 5px; }
.portfolio_cat_link a { text-decoration:none; display:inline-block;  padding:0 10px 0 0; color:#128ec8;  background:url(../images/triangle_blue_right.png) no-repeat right center; }
.portfolio_cat_link a:hover {  text-decoration:underline; color:#128ec8;   }
#portfolio_main { border:#515556 solid 3px;  width:644px; height:381px; overflow:hidden; }
#portfolio_thumbs { border-bottom:#515556 solid 1px; padding:15px 0 25px 0; display:inline-block; width:100%; margin:0 0 20px 0; }
.portfolio_thumb { float:left; width:134px; height:79px; overflow:hidden; margin:0 14px 0 0; border:#515556 solid 3px; }
.portfolio_thumb.last { margin-right:0; }
.portfolio_thumb_selected, .portfolio_thumb:hover { float:left; width:134px; height:79px; overflow:hidden; margin:0 14px 0 0; border:#fff solid 3px; }
body.portfolio #interior_col_2 h2 span.sIFR-h2-portfolio { padding-left:47px; }
#portfolio_items { padding:0; display:inline-block; width:100%; margin:0; }
.portfolio_item { width:169px; margin:0 0 10px 0; padding-left:47px; }
.portfolio_item_selected, .portfolio_item:hover { width:169px; margin:0 0 10px 0; background:url(../images/triangle_white_left.gif) no-repeat 37px center; padding-left:47px; }
.portfolio_item img { border:#515556 solid 3px; }
.portfolio_item_selected img, .portfolio_item:hover img { border:#fff solid 3px; }

#portfolio_nav { margin:-5px 0 5px 0; width:930px; border-bottom:#515556 solid 1px; display:inline-block; height:30px; padding:0 0 0 0; }
#portfolio_nav ul  { padding:0; margin:0 auto; list-style:none;  }
#portfolio_nav ul li { margin:0 0 0 0; list-style:none; float:left; font-size:12px; }
#portfolio_nav ul li a { text-decoration:none; display:inline-block;  padding:0 10px; border-left:#515556 dotted 1px; line-height:23px; color:#3cb7fe; }
#portfolio_nav ul li.first a { border-left:none; }
#portfolio_nav ul li a:hover, #portfolio_nav ul li a.selected { text-decoration:none; color:#fff;  }

.tip {  background:#62c4fc; padding:20px; border:#8dd5fe solid 1px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.tip-top { }
.tip-title { color:#fff; font-size:12px;  }
.tip-text { display:none; }
.tip-bottom	{  }


