@charset "utf-8";
/* CSS Document */
body{margin:0; padding:0; font-size:13px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; background-color:#FFF;}

.clear:after{content:"."; display:block; height:0; clear:both; visibility:hidden; line-height:0;}
.clear{display:block; width:100%; clear:both;}
html[xmlns] .clear{display:block;}
* html .clear{height:1%;}

img.map, map area{
    outline: none;
}

a{outline:none; text-decoration:none;}

code{font-weight:normal; font-style:normal; font-family:Arial, Helvetica, sans-serif;}

.fl_left{float:left;}
.fl_right{float:right;}

img{margin:0; padding:0; border:none; line-height:normal; vertical-align:middle;}
.imgholder, .imgl, .imgr{padding:4px; border:1px solid #D6D6D6; text-align:center;}
.imgl{float:left; margin:0 15px 15px 0; clear:left;}
.imgr{float:right; margin:0 0 15px 15px; clear:right;}

address, article, aside, figcaption, figure, footer, header, hgroup, nav, section{display:block; margin:0; padding:0;}

/* ----------------------------------------------Wrapper-------------------------------------*/

div.wrapper{display:block; width:100%; margin:0; padding:0; text-align:left;}

.row1, .row1 a{color:#49aad2; background-color:#FFF; height:100px;}
.row2{color:#49aad2; background-color:#FFFFFF;}
.row2 a{
	color: #333;
}
.row3, .row3 a{color:#49aad2; background-color:#FFF; height:auto;}


/*----------------------------------------------Generalise-------------------------------------*/

#header, #container, #footer{display:block; margin:0 auto; width:980px;}

nav ul{margin:0; padding:0; list-style:none;}

h1, h2, h3, h4, h5, h6{margin:0; padding:0; font-size:20px; font-weight:normal; font-style:normal; line-height:normal;}

form, fieldset, legend{margin:0; padding:0; border:none;}
legend{display:none;}
input, textarea, select{font-size:12px; font-family:Arial, Helvetica, sans-serif;}

.one_quarter, .two_quarter, .three_quarter, .four_quarter{display:block; float:left; margin:0 20px 0 0;}
.one_quarter{width:225px;}
.two_quarterL{float:left; width:540px; font-size:15px; line-height:32px; padding-left:60px; color:#333;}
.two_quarterL ul{ padding-top:25px; padding-left:10px;}
.two_quarterL li{display:inline; margin-left:45px;}
.two_quarterL span{ font-family:"Franklin Gothic Medium"; color:#7d4698; font-size:18px;}
.two_quarterR{float:right; width:325px; padding-left:55px; padding-top:10px;}

.two_metasL{float:left; width:230px; padding-left:150px; padding-top:30px;}
.two_metasR{float:left; width:600px; font-size:14px; line-height:32px; color:#333; padding-top:17px;}
.two_metasR span{ font-family:"Franklin Gothic Medium"; color:#7d4698; font-size:18px;}
.two_metasR ul{ padding-top:25px; padding-left:10px;}
.two_metasR li{display:block; margin-left:35px;}

.three_quarter{width:715px;}
.four_quarter{width:960px; float:none; margin-right:0; clear:both;}

.one_third, .two_third, .three_third{display:block; float:left; margin:0 30px 0 0;}
.one_third{width:300px;}
.two_third{width:630px;}
.three_third{width:960px; float:none; margin-right:0; clear:both;}

.lastbox{margin-right:0;}
.gray{padding-bottom:10px; background-color:#eee;}

/*----------------------------------------------Header-------------------------------------*/
#header, #header a{color:#666; background-color:#FFF;}
#header{ position:relative;}
#header nav #lan{ position:absolute; right:30px; top:32px; color:#999;}
#header nav #lan span{ padding:0 10px;}

#header hgroup{float:left; padding:32px 0 0 5px;}
#header hgroup h1, #header hgroup h2{}
#header hgroup h1{font-size:36px;}
#header hgroup h2{font-size:13px;}

#header nav{float:right; padding:40px 30px 10px 0;}
#header nav ul{margin-top:30px;}
#header nav li{display:inline; margin-right:35px;}
#header nav li.last{margin-right:0;}
#header nav a{color:#666; background-color:#FFF;}
#header nav a:hover{color:#49aad2; background-color:#FFF;}

/*----------------------------------------------Content Area-------------------------------------*/

#container{
	padding: 0px 0;
	border-top: 3px solid #49aad2;
	text-align: left;

}
#container section{display:block;padding:0;}
#container .last{margin:0;}
#container .more{text-align:right;}



/* ------Slider-----*/

#container #slider{width:100%;}
#container #slider figure{}
#container #slider figure img{float:left; width:980px; height:470px;}
#container #slider figure footer{}

/* ------Shadow-----*/

#container #shadow{width:100%; margin-bottom:40px; }
#container #shadow figure{}
#container #shadow figure img{float:left; width:980px; height:30px;}
#container #shadow figure footer{}

/* ------Main Content-----*/

#container #intro{width:100%; padding-bottom:50px;}
#container #intro section{width:100%;}
#container #intro section article{}
#container #intro section article h2{margin-bottom:15px;}
#container #intro section article p{}
#container #intro section article figure ul{display:block; width:100%; margin:0; padding:0; list-style:none;}
#container #intro section article figure ul li{display:inline-block; float:left; margin:0 25px 0 0;}
#container #intro section article figure ul li.last{margin:0;}
#container #intro section article figure ul li img{width:auto; height:auto; margin:0; padding:0px; border:0px solid #D6D6D6;}
#container #intro section article figure figcaption{display:block; width:100%; margin-top:20px; clear:both; text-align:center; text-transform:uppercase; font-weight:bold;}

#container #metas{width:100%; background-color:#EEE; height:245px; border-top:3px solid #49aad2;}
#container #metas section{width:100%;}
#container #metas section article{}
#container #metas section article h2{margin-bottom:15px;}
#container #metas section article p{}
#container #metas section article figure ul{display:block; width:100%; margin:0; padding:0; list-style:none;}
#container #metas section article figure ul li{display:inline-block; float:left; margin:0 25px 0 0;}
#container #metas section article figure ul li.last{margin:0;}
#container #metas section article figure ul li img{width:auto; height:auto; margin:0; padding:0px; border:0px solid #D6D6D6;}
#container #metas section article figure figcaption{display:block; width:100%; margin-top:20px; clear:both; text-align:center; text-transform:uppercase; font-weight:bold;}



/* ------Left Column-----*/

#container #menu{float:left; width:250px; padding-top:40px; padding-left:10px;}
#container #menu h2.title{ padding:18px 0 12px 10px; background-color:#eee; font-size:18px; color: #7d4698;}

#container #menu nav{display:block; width:100%; margin-bottom:0px; }
/*#container #menu nav .item{display:block; margin:0; padding:10px 10px 10px 18px; color:#333; text-decoration:none; background-color:#d2d2d2; font-size:14px; color:#000;}*/
#container #menu nav ul{margin:0; padding:0; list-style:none; font-size:14px;}
#container #menu nav li{margin:0 0 0px 0; padding:2px 0 2px 0; font-size:14px;}
#container #menu nav li.first{padding-top:5px; background-color:#d2d2d2;}
#container #menu nav li.none {padding-top:5px; background-color:#d2d2d2; padding:10px 10px 10px 20px; color:#333; text-decoration:none;}
#container #menu nav li.item{padding-top:5px; background-color:#eee;}
#container #menu nav li.last{padding-bottom:8px; background-color:#eee;}
#container #menu nav li.first a{display:block; margin:0; padding:5px 10px 5px 20px; color:#333; text-decoration:none;background-color:#d2d2d2;}
#container #menu nav a{display:block; margin:0; padding:5px 10px 5px 28px; color:#333; text-decoration:none;background-color:#eee;}
#container #menu nav a:hover{color:#49aad2; background-color:#eee;}
.line{height:3px; width:auto;}


/* ------Sub Content-----*/
#container #title{float:right; width:680px; padding-top:55px; padding-left:30px; padding-right:10px; padding-bottom:20px;}
#container #tab{float:left; width:690px; padding-top:0px; padding-left:30px; padding-right:0px; padding-bottom:10px; height:27px;}
#container #tab ul{list-style:none; padding:0 0; margin:0 0;}
#container #tab li{display: inline;}
#container #tab li img{ margin-left:-4px;}
#container #content{float:right; width:680px; padding-top:25px; padding-left:30px; padding-right:10px; padding-bottom:60px;}

#container #content section{ line-height:28px; font-size:15px; color:#666; width:auto;}
#container #content section article h2{ font-size:22px; color:#49aad2; padding-bottom:0px; padding-top:5px;}
#container #content section article h3{ font-size:16px; color:#7d4698; padding-bottom:10px; padding-top:25px;}

#footer{ text-align:center; height:40px; padding-top:20px; color:#333; font-size:14px;}





/* form
---------------------------------------------- */
.contactform{
	text-align:left;
	position:relative;
	float:left;
	
}

.formsL1{
	display:block;
	width:340px;
	height:auto;
	float:left;
	
}
.formsR1{
	display:block;
	width:340px;
	height:auto;
	float:left;
	
}


fieldset {
	clear: both;
}

input[type=text], input[type=email], input[type=tel], input[type=url] {
	width: 300px;
	padding: 10px;
	border: solid 2px #CCC;
	outline: none;
	font-family: 'Montserrat', sans-serif;
	font-size: 15px;

	margin:10px;
	
}

input[type='text'].focus, textarea.focus, select.focus {

	border: solid 3px #3660ff;

}


textarea {
	width: 99%;
	padding: 1em;
	border: none;
	outline: none;
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
}

input[type=submit] {
	width:320px;
	height:41px;
	background-color: #404040;
	font-family: 'Montserrat', sans-serif;
	font-size: 15px;
	border: none;
	outline: none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	text-align: center;
	color: #eeeeee;
	padding: 10px;
	margin-top: 10px;
	margin-left:12px;

}

input[type=submit]:hover, .submit {
	background-color: #3660ff;
}

/*placeholder, ::-webkit-input-placeholder, :-moz-placeholder, ::-moz-placeholder, :-ms-input-placeholder,
::-ms-input-placeholder, input:-moz-placeholder  {
   font-family: 'Montserrat', sans-serif;
    color:    #3660ff;
	   font-style:italic;
   font-size: 16px;
   font-weight: 400;
}*/
placeholder{
    color:    #3660ff;
	   font-style:italic;	
}
::-webkit-input-placeholder { /* WebKit browsers */
    color:    #3660ff;
	   font-style:italic;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #3660ff;
	   font-style:italic;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #3660ff;
	   font-style:italic;
}
:-ms-input-placeholder{
    color:    #3660ff;
	   font-style:italic;	
}

::-ms-input-placeholder{
    color:    #3660ff;
	   font-style:italic;	
}

input:-moz-placeholder{
    color:    #3660ff;
	   font-style:italic;	
}


.form-fix {
	text-align: right;
}

.contact-fix .half {
	margin-bottom: 1em;
}

select {
	-moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
}

select::-ms-expand {
    display: none;
}



span.error{
	display:none;
	
}