/*******************************************************************************************************************
*  IMPORT OTHER STYLES                                                                                             
*******************************************************************************************************************/
@import url(reset.css); 
@import url(http://fonts.googleapis.com/css?family=Bitter:400italic, 400, 700|Signika:300); 
@import url(jquery.fancybox-1.3.4.css); 
/* 
Choose the colour you wish to use => colour-blue.css is default
@import url(colour-blue.css);
@import url(colour-green.css);
@import url(colour-pink.css);
@import url(colour-purple.css);
@import url(colour-red.css);
@import url(colour-yellow.css);
*/
@import url(colour-blue.css);

/*******************************************************************************************************************
*  BASE                                                                                                            
*******************************************************************************************************************/
html{background:#fff url("img/background.png") no-repeat 50% 0;}
body{color:#575757; font:normal 13px Arial,Helvetica,Tahoma,Verdana;}
p{line-height:1.7em; margin-bottom:15px;}
address{font-style:normal; padding-bottom:15px;}

/*******************************************************************************************************************
*  LINKS                                                                                                           
*******************************************************************************************************************/
a, a:link, a:focus{text-decoration:underline; outline:none;}

a:hover{color:#000; text-decoration:none;}

/*******************************************************************************************************************
*  H1 - H4                                                                                                         
*******************************************************************************************************************/
h1, h2, h3, h4{line-height:1.5em; margin-bottom:15px; font-weight:400;}
h1{font-size:2.8em;}

h2{font-size:1.75em; font-weight:normal; font-family:"Bitter",Arial,Helvetica;}
h3{font-size:0.9em;}
h4{font-size:1.0em; bold; margin-bottom:10px;}

/*******************************************************************************************************************
*  HEADER                                                                                                          
*******************************************************************************************************************/
#header{height:110px; position:relative;}

#header a#logo{text-decoration:none; font-size:1.8em; font-weight:normal; display:block; position:absolute; top:30px; left:20px; color:#323338; font-family:"Signika",Arial; padding-top:20px;}
#header a#logo:hover{text-decoration:none; color:#000;}

#header nav ul{position:absolute; top:40px; right:0px;}
#header nav li{float:left; background:url("img/nav-sep.png") no-repeat 0 50%;}
#header nav li:first-child{background:none;}
#header nav li a{float:left; color:#5b5d64; display:block; padding:10px 20px; text-decoration:none; text-shadow:1px 1px 1px #fff;}
#header nav li.active a, 
#header nav li a:hover{color:#000;}

#header #icons{position:absolute; top:47px; right:20px;}
#header #icons a{display:block; float:left; width:20px; height:20px; text-indent:-9999px; margin-left:5px;}
#header #icons a.facebook{background:url("img/facebook.png") no-repeat;}
#header #icons a.twitter{background:url("img/twitter.png") no-repeat;}
#header #icons a.rss{background:url("img/rss.png") no-repeat;}

/*******************************************************************************************************************
*  INTRO                                                                                                          
*******************************************************************************************************************/
#intro{color:#fff; background:#222124 url("img/intro-bg.jpg") no-repeat; height:325px; position:relative;}
#intro #image{position:absolute; bottom:0; right:0;}
#intro h1, #intro h2{font-family:"Bitter",Arial,Helvetica; font-size:2.7em; text-shadow:0 0 0; color:#fff; margin-bottom:20px; font-weight:normal; line-height:1.2em;}
#intro p{color:#b8bfc8; margin-bottom:30px;}
#intro .padding{padding:50px 460px 0 50px;}

#intro #slider{overflow:hidden; width:978px; height:350px; position:relative;}
#intro #slider ul{position:absolute; top:0;}
#intro #slider li{width:978px; height:325px; float:left; position:relative;}
#intro a.next, #intro a.prev{text-indent:-9999px; display:block; position:absolute; top:150px; width:20px; height:28px;}
#intro a.prev{left:-35px; background:url("img/prev.png") no-repeat 0 0;}
#intro a.next{right:-35px; background:url("img/next.png") no-repeat 0 0;}
#intro a.next:hover, #intro a.prev:hover{background-position:0 -28px;}

#subIntro{font-family:"Bitter",Arial,Helvetica; position:relative; padding:25px 50px; position:relative;}
#subIntro p{font-size:1.4em; margin-bottom:0;}
#subIntro a{color:#fff; text-decoration:underline;}
#subIntro a:hover{text-decoration:none;}

/*******************************************************************************************************************
*  CONTENT                                                                                                         
*******************************************************************************************************************/
#container{padding:0 0 50px;}
#content{padding:0 15px;}

.cols{margin-bottom:30px; height:500px; padding:40px 30px 0 30px; background:url("img/cols-bg-2.png") no-repeat;}
.cols h2{font-family:Arial,Helvetica; line-height:normal;}
.cols .col1-3{width:286px; margin-left:30px; float:left;}
.cols .col1-3 p:last-child, 
.cols .col2-3 p:last-child{margin-bottom:0;}
.cols .col1-3:first-child{margin-left:0;}

.withIcon h2, .withIcon p{padding-left:65px;}
.icon1{background:url("img/icon1.png") no-repeat 18px 0;}
.icon2{background:url("img/icon2.png") no-repeat;}
.icon3{background:url("img/icon3.png") no-repeat;}

/*******************************************************************************************************************
*  TWITTER BAR                                                                                                          
*******************************************************************************************************************/
#twitterBar{background:#f7f7f7; border:1px solid #e0e0e0; padding:20px 20px 20px 110px; margin-top:50px; position:relative; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
#twitterBar .icon{position:absolute; bottom:20px; left:20px; display:block; width:58px; height:62px; background:url("img/twitter-icon.png") no-repeat;}
#twitterBar p{margin:0;}
#twitterBar small{color:#acacac; font-size:12px;}

/*******************************************************************************************************************
*  FOOTER                                                                                                          
*******************************************************************************************************************/
#footer{padding:15px 20px; color:#fff; font-size:11px; border-top:1px solid #e0e0e0;}
#footer p{color:#898989; line-height:20px;}
#footer p a.contact{display:inline-block; padding-left:25px; margin-right:15px; background:url("img/contact.png") no-repeat 0 50%;}
#footer p a.twitter{display:inline-block; padding-left:25px; background:url("img/twitter2.png") no-repeat 0 50%;}
#footer a{color:#575757;}

/*******************************************************************************************************************
*  OTHER STYLES                                                                                                    
*******************************************************************************************************************/
#wrap{margin:0 auto; position:relative; width:978px;}
.mask{position:absolute; top:0; left:0; width:100%; height:100%;}
a.button{display:block; float:left; height:35px; text-decoration:none;}
a.button span{cursor:pointer; position:relative; left:20px; padding:0 30px 0 10px; display:block; float:left; height:35px; line-height:33px; overflow:hidden; font-size:1.0em; font-weight:bold; color:#fff; text-shadow:1px 1px 1px #0f739a; text-decoration:none;}
.gallery .photo{margin-left:20px;}
.gallery .photo:first-child{margin-left:0;}
a.photo{display:block; float:left;}
a.photo img, img.photo{display:block; float:left; background:#fff;}
.col1-2{width:453px; margin-left:40px; float:left;}
.col1-2:first-child{margin-left:0;}
.marginBottom30{margin-bottom:30px;}


				
.query-form {
	
    width: 270px;
margin-left:-15px;
    background: #EEE;
height:450px;
    font: 12px Georgia, "Times New Roman", Times, serif;
    color: #000;

 
}
.query-form h1 {
    font: 25px Georgia, "Times New Roman", Times, serif;
    padding: 0px 0px 10px 40px;
    display: block;
    border-bottom: 1px solid #DADADA;
    margin: -10px -30px 30px -30px;
    color: #888;
}
.query-form h1>span {
    display: block;
    font-size: 11px;
}
.query-form label {
    display: block;
    margin: 0px 0px 5px;
}
.query-form label>span {
    float: left;
    width: 100px;
    text-align: right;
    padding-right: 10px;
    margin-top: 5px;
    color: #888;
}
.query-form input[type="text"], .query-form input[type="mobile"], .query-form input[type="email"], .query-form textarea,.query-form select{
    border: 1px solid #DADADA;
    color: #888;
    height: 18px;
    margin-bottom: 10px;
    margin-right: 6px;
   
    outline: 0 none;
    padding: 3px 3px 3px 5px;
    width: 70%;
    font: normal 12px/12px Georgia, "Times New Roman", Times, serif;
}
.query-form select {

    appearance:none;
    -webkit-appearance:none; 
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    width: 72%;
    height: 24px;
}
.query-form textarea{
    height:50px;
}
.query-form .button {
    background: #E48F8F;
    border: none;
    padding: 10px 25px 10px 25px;
    color: #FFF;
}
.query-form .button:hover {
    background: #CF7A7A
}

.myButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	box-shadow:inset 0px 1px 0px 0px #54a3f7;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
	background:-moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0);
	background-color:#007dc1;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #124d77;
	display:inline-block;
	cursor:pointer;
	width:110px;
	color:#ffffff;
	font-family:arial;
	font-size:13px;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #154682;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
	background:-moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1',GradientType=0);
	background-color:#0061a7;
}
.myButton:active {
	position:relative;
	top:1px;
}

ul.fmenu { margin:0px 55px; height:30px; padding:0; list-style:none;  width:auto;}
ul.fmenu li { margin:0; padding:0 8px; float:left;}
ul.fmenu li a { color:#5f5f5f; text-decoration:none;}
ul.fmenu li a:hover, ul.fmenu li.active a { color:#61a203;}
ul.fmenu li a:hover { text-decoration:underline;}