@import url("skins/blue.css");

/*=================================================
1 - BASE 
=================================================*/

body {
	font-family: 'Open Sans', Helvetica, Arial, "Lucida Grande", sans-serif; 
   	font-size:14px;
   	color: #686d77;
   	line-height: 25px;
}

h1,h2,h3,h4,h5,h6 {color:#2f353e;letter-spacing: -1px;}
/*
h1{font-size:22px;}
h4{font-size:16px;}
*/
h2{font-size:20px;}
h3{font-size:18px;}
h5{font-size:14px;}
h6{font-size:12px;}


a {color: gray;}
/*
p {
margin: 0 0 20px;
}
*/

.clear {clear: both;}
.center{text-align: center;}
.bold {font-weight: bold;}

#logo { float:left; position: inherit; z-index:1;
	margin: 0 90px 0px;
	
}


.section{padding:0px 0px;background-color: #FFFFFF;}
.section1{padding:50px 0px;background-color: #FFFFFF;}
.section.gray{background-color: #f6f6f6;}
.hidden {display: none;}
.uppercase {text-transform: uppercase;}


/*=================================================
2 - HEADER & MAIN NAV
=================================================*/

#header {background-color: #000;position:fixed; width: 100%;z-index: 9999; top: 0;}

.welcome {
	background-color: #e6e6e6;
	padding: 60px 0px;
}
.welcome_msg {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 40px;
	line-height: 50px;
	letter-spacing: -3px;

}
.welcome_text {
	margin-top: 25px;
	font-size:18px;
	color: #6a686f;
	font-weight: 400;
	line-height: 28px;
}

/*=================================================
2b - ABOUT US
=================================================*/
.over_about {
	position: absolute;
	width: 50%;
	right: 1px;
	height: 100%;
	top: 0px;
}
.over_container {padding: 40px 50px;}
.over_about h1{color: white;margin-top: 35px;
font-weight: lighter;
letter-spacing: 0;
font-size: 35px; margin-bottom: 20px;
text-align: center;}
.about_container {position: relative; margin:10px 0;}
.over_about p {color: white;text-align: left;font-weight: lighter; font-size:18px;}

/*=================================================
3 - PAGE TITLE 
=================================================*/

.page_title {font-size:75px; text-align: center; text-transform: uppercase; letter-spacing: -3px; margin-bottom:28px; }
.page_title.small {font-size:50px; text-align: left; text-transform: uppercase; letter-spacing: -3px; margin-bottom:28px; }
.page_subtitle {color:#b2b2b2; text-transform: uppercase;text-align: center; margin:15px 0px;}
.page_line {width:80px; height:4px; background-color:#b7b7b7; margin:0 auto;}
.page_description {font-size:18px; 
line-height: 30px;
text-align: center;margin:40px 0px;}
.page_description1 {font-size:18px;
line-height: 30px; text-align: justify;
padding: 10px 0px 0px 0px;}
.page_description2 {font-size:14px;
line-height: 16px; text-align: justify;
padding: 10px 0px 0px 0px;}

/*=================================================
14 - CONTACT
=================================================*/

#response .submit_buttom {
	margin-top: 20px;
	background-color: #25292c;
	color: #FFF;
	width: 150px;
	border-radius: 2px;
	float: right;
	-moz-transition: .15s ease-in-out;
	-webkit-transition: .15s ease-in-out;
	-o-transition: .15s ease-in-out;
	-ms-transition: .15s ease-in-out;
	transition: .15s ease-in-out;
}
#response .submit_buttom:hover {
	background-color: #08b4cf;
}
 
#response input, #response textarea{
	outline: none;
	padding: 7px 14px;
	border: 0px solid #eeeeee;
	color: #262626;
	background-color: #e6e6e6;
	width: 100%;
	margin: 5;
	border-radius: 5px;
	box-shadow: none;
}
.gray #response input, .gray #response textarea {background-color: white;}
 #response textarea {
 	padding:20px;
 }
#response textarea{
width:93%;
}

/*=================================================
15 - FOOTER
=================================================*/

#footer {background-color: #25292c; position: relative;}
#footer .span3 {margin-top: 10px; text-align:center;}
#footer h3 {color:white;}
#footer p {margin: 0; text-align:center;}

/*=================================================
17 - BUTTONS
=================================================*/


.button {
	margin: 10px 10px 10px 0px;
	cursor: pointer;
	color: white;
	padding: 10px 20px;
	display: inline-block;
	font-weight: 600;
	height: auto!important;
	-moz-transition: .15s ease-in-out;
	-webkit-transition: .15s ease-in-out;
	-o-transition: .15s ease-in-out;
	-ms-transition: .15s ease-in-out;
	transition: .15s ease-in-out;
}
.button.small {font-size:11px;padding: 3px 10px;}
.button.large {font-size: 16px;padding:10px 25px;}
.button:hover {background-color: #404040; color: white;}
.button.gray {background-color: #8b8b8b;}
.button.gray:hover {background-color: #484848; color: white;}
.button.black {background-color: #484848;}
.button.black:hover {color: white}

.button span {color: white;}