* { margin: 0; padding: 0; outline: 0; }
body { font: 12px/18px Arial, Verdana,sans-serif; color: #525252; text-align: left; background: #d5d6eb; }

a { color: #224466; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }

.ar { display: block; text-align: right; }
.ac { display: block; text-align: center; }
.al { display: block; text-align: left; }
.cl { clear: both; height: 0; font-size: 0; line-height: 0; text-indent: -4000px;  }
.fr { float: right; display: inline; }
.fl { float: left; display: inline; }
.hidden { display: none; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.shell { margin: 0 auto; width: 980px; }

#header{ height:145px;}
body.inner #header{ border-bottom:solid 22px #051345;}

h1#logo{
	text-indent: -4000px;
	line-height:0;
	font-size: 0;
	width:500px;
	height:130px;
	float: left;
	display: inline;
}
h1#logo a{
	display: block;
	height:130px;
	background:url(images/logo.png);
}

h2{ font-size: 26px; line-height:30px; font-weight: normal; padding-bottom:10px; font-family: Georgia, sans-serif; color:#020d32;}
h3{ font-size: 19px; line-height:22px; font-weight: normal; padding-bottom:10px; font-family: Georgia, sans-serif; color:#020d32;}

#lang{ list-style-type: none; float: right; display: inline; padding:40px 20px 0 0;}
#lang li{ float:left; text-align: center;}
#lang li a{ float:left; height:50px; width:30px}
#lang li a:hover { text-decoration: none!important;}
#lang li.active span{ text-decoration: underline;}
#lang li span{ display: block; color:#333; padding-top:30px}
#lang li img{ display: block;}
#lang li{
width: 40px; /*width of image container. Should be wider than contained images (before bubbling) */
height:40px; /*height of image container. Should be taller than contained images (before bubbling) */
}

#lang li img{
width: 30px; /*width of each image before bubbling*/
height: 31px; /*height of each image*/
}

a.larr{ position:absolute; top:130px; left:205px; z-index:1000; display: block; width:34px; height:34px; background: url(images/larr.png); text-indent: -4000px; font-size: 0; line-height:0px;}
a.rarr{ position:absolute; top:130px; right:215px; z-index:1000; display: block; width:34px; height:34px; background: url(images/rarr.png); text-indent: -4000px; font-size: 0; line-height:0px;}

#slider{ height:300px; background:#0f0e38; padding-top:20px; }
#slider .shell{ position:relative; z-index: 1;}

#banner-slider{ height:290px; width:980px; margin: 0 auto; list-style-type: none;}
#banner-slider{ height:290px; }
#banner-slider li{ width:530px; height:290px}
#banner-slider li img {
	width:100%;
}
#banner-slider li.roundabout-in-focus {
	cursor: default;
}

#sidebar{ float: left; display: inline; width:180px;}

.sign-holder{ width:100%; text-align: center; padding:15px 0;}

#nav{ width:194px;}
#nav ul{ width:194px; list-style-type: none;}
#nav li{ width:194px;  line-height:30px; text-align: left; font-size: 15px; font-weight: bold;}
#nav li ul{ padding:0!important; border:solid 1px #fff; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; margin:0 0 3px 0; width:97%; overflow:hidden; background: #f8f8f8 url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 0 bottom repeat-x;}
#nav li li{ line-height:15px; font-size: 12px; font-weight: normal; background-color: transparent; height:auto; text-align: left; width:164px; padding-bottom:5px;}
#nav li li a{background-image: none; padding-left:10px; width:144px; line-height:15px; height:auto;}
#nav li a{ width:184px; display: block; line-height:28px; height:33px; font-family: "Trebuchet MS", sans-serif; padding-left:10px; background:url(images/nav-bg.gif) no-repeat 0 bottom; color:#2d2c2c;}
#nav li.active a{ background: url(images/nav-bg.gif) no-repeat 0 0; color:#fff; }
#nav li.active li a{ background-image: none; color:#2d2c2c;}
#nav li a{ border:0!important}
#nav li a span{ background-image: none;}
#nav li a{  }
#nav li a:hover{ }
#nav li div{ display: block;}

#content{ padding:20px 0;}
#content ul{ list-style-type: none;}
#content ul.inner ul{ padding-top:5px;}
#content ul.inner li{ padding-bottom:5px;}


#main{ width:740px; float: right; display: inline;}
#main p{ padding-bottom:10px;}
#main img.l-aligned{ padding:4px 10px 2px 0;}
#main img.r-aligned{ padding:0 0px 2px 10px;}

.ui-widget-content{ background-color: transparent;}

.certificate-area{ background:#0f3b83; height:129px; }
.certificate-area ul{ list-style-type: none; text-align: center; width:100%; padding-top:10px;}
.certificate-area li{ float: left; display: inline; width:25%; text-align: center;}

.services{ list-style-type: none; }
.services li{ float: left; display: inline; padding-bottom:15px; width:358px; position:relative; z-index: 1;}
.services li.fr{ float: right; display: inline; }
.services li img{ display: block;}
.services li .hov { width:348px; height:218px; background:url(images/black-hov.png); position:absolute; top:3px; left:3px;; z-index: 1000; display: none;}

.gallery{ list-style-type: none;}
.gallery li{ float: left; display: inline; width:210px; height:210px; padding:0 20px 20px 0;}
.gallery li.last{ padding-right:0;}
.gallery li img{ display: block; border:solid 3px #3d3d3c; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
.gallery li img{ box-shadow: 5px 5px 5px #888; -moz-box-shadow: 5px 5px 5px #888; -webkit-box-shadow: 5px 5px 5px #888;}

.contact-form{ padding-bottom:30px; }
.contact-form label{ display: block; font-weight: bold; padding-bottom:2px;}
.contact-form .field{ display: block; border:solid 1px #fff; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; width:420px; padding:5px; margin-bottom:15px;}
.contact-form .large-field{ display: block; border:solid 1px #fff; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; width:420px; padding:5px; height:200px;}

.contact-form .btnp input{ display: block; width:134px; height:38px; border:0; background:url(images/sbmt.png); color:#fff; font-weight: bold; }
.contact-form .btnp input{ margin-top:15px; cursor:pointer;}

p.details strong{ float: left; width:200px;}

a.go-back{display: block; width:134px; height:38px; border:0; background:url(images/sbmt.png); color:#fff; font-weight: bold; margin-top:15px; line-height:36px; text-align:center;}
a:hover.go-back{ background-position:0 bottom;}

#footer{ background:#080b47; text-align: center; color:#fff; padding:20px 0; font-size: 11px;}
#footer p{ line-height:20px;}
#footer a{ color:#fff; }