/*
/*
Version: 1.0
Theme Name: WordPress® Custom
Theme URI: http://wordpress.org/
Description: A custom WordPress® Theme built by Dongo® Web Development.
Author: Dongo® Web Development
Author URI: http://wordpress.org/
Tags: custom, dongo, development
*/
html
 {
  overflow-y: scroll;
 }

.clear
 {
  clear: both;
 }
.hidden
 {
  display: none;
 }
.alignleft
 {
  float: left;
 }
.center
 {
  text-align: center;
 }
.centered
 {
  text-align: center;
 }
.aligncenter
 {
  display: block;
  margin-left: auto;
  margin-right: auto;
 }
.alignright
 {
  float: right;
 }
img.alignleft
 {
  display: inline;
  margin: 10px 10px 10px 0;
 }
img.centered
 {
  display: block;
  margin-left: auto;
  margin-right: auto;
 }
img.aligncenter
 {
  display: block;
  margin-left: auto;
  margin-right: auto;
 }
img.alignright
 {
  display: inline;
  margin: 10px 0 10px 10px;
 }
.wp-caption
 {
  margin: 10px;
  text-align: center;
  padding: 7px 4px 2px 4px;
  border: 1px solid #CCCCCC;
  background-color: #EEEEEE;
  border-radius: 3px;
  -ie-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -opera-border-radius: 3px;
 }
.wp-caption-text
 {
  padding: 0;
  margin: 5px;
  color: #666666;
  text-align: center;
 }
.wp-caption.alignleft
 {
  display: inline;
  margin: 10px 10px 10px 0;
 }
.wp-caption.aligncenter
 {
  display: block;
  margin: 0 auto 0 auto;
 }
.wp-caption.alignright
 {
  display: inline;
  margin: 10px 0 10px 10px;
 }
 
/* Template CSS */

* { margin:0; padding:0;}
html, body { height:100%; }
body {font-size:100%; line-height:1em; background:#24384f}
html, input, textarea	{	font-family: Arial, Helvetica, sans-serif; 
		color:#6587b1;	}	

.alignMiddle{ vertical-align:middle}
.alignCenter{ text-align: center}
.container1{ width:100%}
.clear { clear:both;}
.fleft{ float:left}
.fright{ float:right}
div.container {	overflow:hidden; width: 100%;}
a img{ border:0}
img{ vertical-align:top;  }

a{color:#6587b1; text-decoration:underline} 
a:hover{text-decoration:none}

.link{color:#fff; background:#1a2b3f;  padding:5px 16px 7px 19px; text-decoration:none; line-height:24px }
.link:hover{text-decoration:none; color:#46a2ef }
.link1{color:#fff; background:#24384f;  padding:5px 16px 7px 19px; text-decoration:none; line-height:24px }
.link1:hover{text-decoration:none; color:#46a2ef }
.search{color:#1a2b3f; background:url(images/search.gif) top left no-repeat; font-weight:bold;  padding:5px 11px 7px 13px; text-decoration:none; line-height:24px }
.search:hover{text-decoration:none; color:#fff}
.link2{color:#46a2ef; }

ul{margin:0; padding:0; list-style:none;}
ul li{background:url(images/marker.gif) top left no-repeat; background-position:0 9px; margin:0; padding-left:13px; }
ul li a{color:#6587b1; text-decoration: underline; line-height:1.71em; font-size:1.16em} 
ul li a:hover { text-decoration:none; }

ol{margin:0; padding:0; color:#ffffff}
ol li{background:url(images/tail.gif) repeat-x bottom; padding-left:0; list-style-position: outside; margin-left:22px; padding-bottom:5px; margin-bottom:6px }
.ol li{background:url(images/tail1.gif) repeat-x bottom; padding-left:0; list-style-position: outside; margin-left:22px; padding-bottom:5px; margin-bottom:6px }
ol li a{color:#46a2ef; text-decoration:none; line-height:1.5em} 
ol li a:hover { text-decoration:none; color:#FFF }

.link-1 { display:block; float:right; background:url(images/link_bg.gif) left top repeat-x; color:#1a2b3f; text-decoration:none; }
.link-1  b { display:block; background:url(images/link_right.gif) no-repeat right top; padding:5px 15px 7px 20px; }
.link-1:hover{ text-decoration:none; color:#fff}

/*header*/
#header {font-size:0.75em; color:#FFFFFF }
#header .indent0{ position:absolute; margin:62px 0 0 0px }
#header .indent1{ position:absolute; margin:62px 0 0 697px }
#header .logo{ display:inline-block; zoom:1 !ie<8; display:inline !ie<8; margin:12px 0 8px 331px; }
#header .slogan{ margin:284px 90px 10px 569px }
#header .indent{ padding:0 3px 3px 3px;}
#header a{ color:#6587b1; text-decoration:underline}
#header a:hover{text-decoration:none}
#header div.menu { margin: 0; padding: 0 3px 0 3px; }
#header div.menu a { text-decoration:none; width:106px; height:23px; padding-top:7px; margin-right:2px; display:inline-block; zoom:1 !ie<8; display:inline !ie<8; text-align:center; background:url(images/tab.png?v=1); }
#header div.menu a.current, #header div.menu a:hover { background:url(images/tab-active.png?v=1); }
#header div.menu a.home { width:39px; background:url(images/home-tab.png?v=1); }
#header div.menu a.home.current, #header div.menu a.home:hover { background:url(images/home-tab-active.png?v=1); }
#header div.menu a.last { width:100px; margin-right: 0; }

/*content*/
#content div.container { margin-top: 10px; }
#content{ font-size:0.75em; width:100%; text-align:left;}
#content .indent-main{padding:0 3px 0 3px}
#content .indent-col2{padding:36px 28px 0 25px}
#content .indent-col1{padding:16px 28px 0 25px}
#content .title{  margin-bottom:16px; background:url(images/bg_title.gif) repeat-x bottom; padding-bottom:3px}
#content .title1{  margin-bottom:13px; }
#content .title2{  margin-bottom:16px; background:url(images/bg_title1.gif) repeat-x bottom; padding-bottom:3px}
#content .img-left{ float:left; margin:0 16px 16px 0}
#content .img-indent{ margin:0 0 16px 0}
#content .img-indent1{ position:relative; margin:-12px -18px 6px -18px}
#content p{ margin:0 0 17px 0}
#content .p{ margin:0 0 17px 0}
#content .p1{ margin:0 0 7px 0}
#content .p2{ margin:0}
#content h4{color:#ecc50d; text-transform:uppercase; font-weight:normal; font-size:1em; margin-bottom:9px;  }
#content h3{color:#fff; font-weight:normal; font-size:1em; margin-bottom:12px;  }
#content h5{color:#46a2ef; line-height:1.28em; font-size:1.16em; margin-bottom:7px; font-weight:normal  }
div.single-content {color:#46a2ef; line-height:1.28em; font-size:1.16em;  }
#content .tail{ background:url(images/bg_title1.gif) repeat-x bottom; padding-bottom:15px; margin-bottom:15px}
#content .tail1{ background:url(images/tail.gif) repeat-x bottom; padding-bottom:15px; margin-bottom:15px}
.txt a{ color:#fff; text-decoration:none}
.txt a:hover{  text-decoration: underline}
.txt1{ color:#46a2ef; line-height:1.28em; font-size:1.16em}
.txt2{ color:#46a2ef; }

#content .indent{padding:19px 0 0 0}
#content .indent-1{padding:0 0 0 240px}

/*box*/
.box{ background: url(images/bg_box.gif) repeat-x top #24384f; width:100%;}
.box .indent-box{ padding:27px 30px 17px 31px}
/*box1*/
.box1{ background:#1a2b3f; width:100%;}
.box1 .border-top {background:url(images/tail1.gif) repeat-x top;}
.box1 .border-bottom {background:url(images/tail1.gif) repeat-x bottom;}
.box1 .border-left {background:url(images/tail1.gif) repeat-y left;}
.box1 .border-right {background:url(images/tail1.gif) repeat-y right; width:100%;}
.box1 .indent-box{ padding:26px 30px 16px 31px; }


/*footer*/
#footer { color:#6587b1; font-size:0.875em}
#footer .indent-footer{ padding:45px 28px 0 0; text-align:right;}
#footer a {color:#6587b1; text-decoration:none}  
#footer a:hover {  text-decoration:underline}
#footer span {color:#3897e7; font-size:.85em}  
#footer span a {color:#3897e7; text-decoration:none}  
#footer span a:hover {  text-decoration:underline}
#footer .current {color:#3897e7; text-decoration:underline}  
#footer .current:hover {  text-decoration:none}
.img-1{ margin-top:45px; position:absolute;}

.jamp{ width:223px; margin-bottom:9px }
select{font-size:14px; color:#24384f; height:23px;	font-family: Arial, Helvetica, sans-serif;}

.indent-2{ position:relative; padding-left:20px; float:left}
.h{ height:26px}
.block-contact span{ float:right; margin-right:40px}
input{
   	border:1px solid #6587b1; 
	background:#24384f;
	width:244px; height:19px;
	font-size:1em;
	padding:2px;
	margin: 5px 0 15px 0;
}
textarea{
   	border:1px solid #6587b1; 
	background:#24384f;
	width:254px; height:147px;
	font-size:1em;
	padding:2px;
	margin: 5px 0 15px 0;
	overflow:auto
}
	
input.wide, textarea.wide{
   	width:525px;
}

div.mc-block1 { width: 250px; float: left; margin-right: 25px; }
div.mc-block2 { width: 250px; float: right; clear:right; }
	
.tail-top{ background:url(images/bg.png) repeat-x top #1a2b3f}
.tail-top.shorter{ background:url(images/bg-shorter.png) repeat-x top #1a2b3f}
.tail-bottom{background:url(images/bot.gif) repeat-x  bottom }

/*layout*/
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6{ float:left }
/*======= width =======*/
.main{margin:0 auto; text-align:left; width:904px; }

/*======= header =======*/
#header { height:455px; background:url(images/top.jpg) no-repeat top center #1a2b3f}
#header.shorter { height:310px; }

#content.layout-style-1 .col-1{ width:287px; margin-right:18px}
#content.layout-style-1 .col-1 div.container { margin-top: 0; }
#content.layout-style-1 .col-2{ width:593px}
#content.layout-style-1 .col-2 div.container { margin-top: 0; }
#content.layout-style-1 .col-3{ width:287px; margin-right:19px}
#content.layout-style-1 .col-4{ width:287px}
#content.layout-style-1 .col-5{ width:173px; margin-right:10px}
#content.layout-style-1 .col-6{ width:173px} 

#content.layout-style-2 .col-1{ width:592px; margin-right:19px}
#content.layout-style-2 .col-1 div.container { margin-top: 0; }
#content.layout-style-2 .col-2{ width:287px}
#content.layout-style-2 .col-2 div.container { margin-top: 0; }
#content.layout-style-2 .col-3{ width:228px; margin-right:55px}
#content.layout-style-2 .col-4{ width:228px}

#content.layout-style-3 .col-1{ width:287px; margin-right:18px}
#content.layout-style-3 .col-1 div.container { margin-top: 0; }
#content.layout-style-3 .col-2{ width:593px}
#content.layout-style-3 .col-2 div.container { margin-top: 0; }
#content.layout-style-3 .col-3{ width:287px; margin-right:19px}
#content.layout-style-3 .col-4{ width:287px}
#content.layout-style-3 .col-5{ width:173px; margin-right:10px}
#content.layout-style-3 .col-6{ width:173px} 

#content.layout-style-4 .col-1{ width:592px; margin-right:19px}
#content.layout-style-4 .col-1 div.container { margin-top: 0; }
#content.layout-style-4 .col-2{ width:287px}
#content.layout-style-4 .col-2 div.container { margin-top: 0; }
#content.layout-style-4 .col-3{ width:228px; margin-right:55px}
#content.layout-style-4 .col-4{ width:228px}

#content.layout-style-5 .col-1{ width:287px; margin-right:18px}
#content.layout-style-5 .col-1 div.container { margin-top: 0; }
#content.layout-style-5 .col-2{ width:593px}
#content.layout-style-5 .col-2 div.container { margin-top: 0; }
#content.layout-style-5 .col-3{ width:287px; margin-right:19px}
#content.layout-style-5 .col-4{ width:287px}
#content.layout-style-5 .col-5{ width:228px; margin-right:55px}
#content.layout-style-5 .col-6{ width:228px}

#content.layout-style-6 .col-1{ width:593px; margin-right:18px}
#content.layout-style-6 .col-1 div.container { margin-top: 0; }
#content.layout-style-6 .col-2{ width:287px}
#content.layout-style-6 .col-2 div.container { margin-top: 0; }
#content.layout-style-6 .col-3{ width:287px; margin-right:19px}
#content.layout-style-6 .col-4{ width:287px}
#content.layout-style-6 .col-5{ width:525px}

/*======= footer =======*/
#footer { height:113px; }

/* s3Slider */
#s3slider {
   width: 898px; /* important to be same as image width */
   height: 313px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#s3sliderContent {
   width: 898px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
   list-style: none;
}

ul#s3sliderContent,
#s3sliderContent li {
   list-style: none;
   background: none;
   padding: 0;
   margin: 0;
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 898px;
   background-color: #000;
   filter: alpha(opacity=60); /* here you can set the opacity of box with text */
   -moz-opacity: 0.6; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.6; /* here you can set the opacity of box with text */
   opacity: 0.6; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   bottom: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

div.company-news-item
 {
  width: 45%;
  min-height: 175px;
 }
div.company-news-item h2
 {
  color: #FFFFFF;
  margin-bottom: 10px;
 }
div.company-news-item.odd,
div.company-news-item.odd img
 {
  float: left;
  margin-right: 10px;
 }
div.company-news-item.even,
div.company-news-item.even img
 {
  float: right;
  margin-left: 10px;
 }