/* Page style */
body, html {
	margin: 0;
	padding: 0;
	height: 100%;
	background-color: #ffffff;
}

#lang{
	float: left;
	margin-left: 129px;
}

#logo{
	background-image:url('../IMG/logo.png');
	height: 90px;
	width: 180px;
	float: left;
}

a img{
    border: none;
}

.container{
	margin: 0 auto;
	width: 940px;
	padding-right: 10px;
	padding-left: 10px;
}

.col-container{
    display: inline-block;
}

.cleanPos{
	margin: 0 auto;
	padding: 0;
}
.col1{
	float: left;
	width: 58.33333333px;
	min-height: 1px;
	padding: 0 10px;
}
.col2{
	float: left;
	width: 136.6666667px;
	min-height: 1px;
	padding: 0 10px;
}
.col3{
	float: left;
	width: 215px;
	min-height: 1px;
	padding: 0 10px;
}
.col4{
	float: left;
	width: 293.3333333px;
	min-height: 1px;
	padding: 0 10px;
}
.col5{
	float: left;
	width: 371.6666667px;
	min-height: 1px;
	padding: 0 10px;
    display: inline-block;
}
.col6{
	float: left;
	width: 450px;
	min-height: 1px;
	padding: 0 10px;
}
.col7{
	float: left;
	width: 528.3333333px;
	min-height: 1px;
	padding: 0 10px;
}
.col8{
	float: left;
	width: 606.6666667px;
	min-height: 1px;
	padding: 0 10px;
}
.col9{
	float: left;
	width: 685px;
	min-height: 1px;
	padding: 0 10px;
}
.col10{
	float: left;
	width: 763.3333333px;
	min-height: 1px;
	padding: 0 10px;
}

.col11{
	float: left;
	width: 841.6666667px;
	min-height: 1px;
	padding: 0 10px;
}

.col12{
	float: left;
	width: 920px;
	min-height: 1px;
	padding: 0 10px;
}


.service{
	margin-left: 50px;
}

.mid
{
	height: 300px;
}

.midBG{
	background-image: url('../IMG/responsive.png');
	background-repeat: no-repeat;
	background-position: center;
}

/* Header, top of the page */
header{
	position: relative;
	height: 90px;
	text-align: center;
	display: block;
}

header h1{
	width: 220px;
}

/* Navigation menu */

nav span {
	display: block;
	font-size: 15px;
}

nav strong{
	font-size: 16px;
}

nav > ul > li > a{
	color: #336699;
	text-decoration: none;
	display: block;
	padding: 27px 30px 2px 30px;
}

nav > ul{
	float: left;
	padding: 0;
	margin: 0;
	margin-left: 50px;
	color: #ffffff;
}

nav > ul > li{
	font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
	color: #336699;
	height: 90px;
	position: relative;
	display: inline-block;
	*display: inline; /*IE7*/
    zoom: 1; /*IE7*/
}

nav > ul > li:hover{
	background-color: #99ccff;
}

/*sub menu*/
nav > ul > li > ul.sub-menu {
    display:none;
    position: absolute;
    top: 90px;
    left: 0px;
	padding: 0px;
	margin: 0px;
	list-style-type:none;
}
nav > ul > li > ul.sub-menu > li {
	vertical-align:middle;
	font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
	padding: 0px 20px 0px 20px;
	background-color: #99ccff;
	line-height: 30px;
	white-space: nowrap;
	float: none;
}
nav > ul > li > ul.sub-menu > li > a {
	text-decoration: none;
	color: #336699;
}
nav > ul > li > ul.sub-menu > li > a:hover {
	text-decoration: none;
}
nav > ul > li:hover > ul.sub-menu {
    display: block;
}

nav > ul > li > ul.sub-menu > li:hover{
	background-color: #6699cc;
}

/* Sub-header */
section.subheader{
	height: 300px;
	background-image: url('../IMG/bg_banner.png');
}

section.subheader ul{
	list-style-type:none;
	padding-left: 0px;
}

section.subheader ul li{
	background: url('../IMG/check.png') no-repeat left;
	padding-left: 30px;
	margin-top: 14px;
	font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #ffffff;
	line-height: 25px;
	vertical-align: middle;
}

/* Sections */
section a{
	text-decoration: none;
	color: #336699;
}

section a:hover{
	text-decoration: underline;
	color: #336699;
}

section.services{
	background-color: #ffffff;
	padding-top: 40px;
	padding-bottom: 100px;
}

section.services p{
	font-family: arial,helvetica,clean,sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #666666;
}

footer{
	text-align: center;
	font-size: 12px;
	font-family: arial,helvetica,clean,sans-serif;
	color: #666666;
}

section.content {
    background: url('../IMG/bg_content.png');
    background-repeat: repeat-x;
    padding-bottom: 100px;
}

section.content p{
	font-family: arial,helvetica,clean,sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #666666;
}

section.content ul{
	font-family: arial,helvetica,clean,sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #666666;
}

section.content li{
    margin: 0px 0px 10px 0px;
}

section.content.contact h2{
  	margin: 0;
	color: #336699;
	font-family: arial,helvetica,clean,sans-serif;
	font-size: 18px;
	font-weight: bold;
	padding-top: 30px;
	padding-bottom: 10px;

	text-align: center;  
}

.field-line{
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
}

input[type="text"], select, textarea{
    border: 1px solid #cccccc;
    margin: 0px;
    box-shadow: -1px -1px 1px 1px #666666;
    width: 60%;
}

.field-buttons{
    margin-left: 100px;
}

.field-buttons input{
    margin: 5px;
    cursor: pointer;
    background-color: #336699;
    color: #fff;
    font-family: arial,helvetica,clean,sans-serif;
    font-size: 14px;
    line-height: 20px;
    width: 100px;
    text-decoration: none;
    border: 0;
}

section.content.contact label{
    vertical-align: top;
    width: 100px;
    display: inline-block;
    font-family: arial,helvetica,clean,sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #666666;
    text-align: right;
}

section.content h1{
	margin: 0;
	color: #336699;
	font-family: arial,helvetica,clean,sans-serif;
	font-size: 38px;
    font-weight: normal;
	padding-top: 10px;
	padding-bottom: 10px;
	text-shadow: 0 0 1px rgba(255,255,255,0.6),0 2px 1px #154c77;
}

section.subheader h1{
	margin: 0;
	color: #ffffff;
	font-family: arial,helvetica,clean,sans-serif;
	font-size: 38px;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 10px;
	text-shadow: 0 0 1px rgba(255,255,255,0.6),0 2px 1px #154c77;
}

h2{
	margin: 0;
	color: #336699;
	font-family: arial,helvetica,clean,sans-serif;
	font-size: 18px;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 10px;

	text-align: center;
}

.checker{
	float: left;
	background-image: url('../IMG/check.png');
	background-repeat: no-repeat;
	padding-left: 30px;
	vertical-align: middle;
	min-height: 25px;
	display: block;
}

.construction{
	position: fixed;
	bottom: 0px;
	left: 0px;
	width:  100%;
	height: 100px;
	background-color: #333333;
	color: #ffffff;
	font-weight: bold;
	font-family: arial,helvetica,clean,sans-serif;
	font-size: 24px;
	opacity: 0.75;
}


.tl {
	position: absolute;
	top: 0;
	left: 0;
	width: 10px;
	height: 10px;
	background: url(images/corner-topleft.jpg);
	display: none;
}
.tr {
	position: absolute;
	top: 0;
	right: 0;
	width: 10px;
	height: 10px;
	background: url(images/corner-topright.jpg);
	display: none;
}
.bl {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 10px;
	height: 10px;
	background: url(images/corner-bottomleft.jpg);
	display: none;
}
.br {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 10px;
	height: 10px;
	background: url(images/corner-bottomright.jpg);
	display: none;
}

div.curFocus {
	background-color: #ccffff;
}