@import url("common.css");
/* Global */

body {
        font-family: 'Open Sans', sans-serif;
        font-weight: 400;
        font-size: 1em;
        color: #8a8683;
        background-color:#ffffff;
}
img {
        max-width: 100%;
}
a:link {
        color: #f68f67;
        text-decoration: none;
}
a:hover {
        color: #bde2df;
        text-decoration: none;
}
a:visited {
        color: #f68f67;
        text-decoration: none;
}





/* Navigation */

.menu {
        position:fixed;
        top:0px;
        width:100%;
        height:auto;
        background-color:#ffffff;
        z-index:100;
}
#logo {
        text-align: center;
        margin: 10px 0;
}
#nav {
        text-align: right;
        margin: 30px 0 0 0;
}
.navigation{
        float: right;
        list-style: none;
        margin: 0;
}
.navigation li{
        float: left;
        padding:0 0 0 50px;
}
.navigation li:hover{
        cursor:pointer;
        color: #a9d3d0;
}

.navigation .active{
        cursor:pointer;
        color: #f68f67;
        font-weight:bold;
}




/* General Slides */

.slide{
        background-attachment: fixed;
        width:100%;
        height:auto;
        position: relative;
        padding:140px 0;
}
.slideWork {
	background-attachment: fixed;
	width: 100%;
	height: auto;
	position: relative;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 140px;
	padding-left: 0;
	float: left;
}



/* Slide 1 */

#slide1{
	background-color: #ffffff;
	margin-bottom: 0px;
	margin-top: 50px;
}
#slide1 h1 {
	font-size: 1.5em;
	letter-spacing: -1px;
	line-height: 0px;
	color: #8a8683;
	font-weight: 700;
}
#slide1 h2 {
	font-size: 1.2em;
	color: #999999;
	line-height: 0px;
	padding-bottom: 20px;
	font-weight: 500;
}




/* Slide 2 */

#slide2{
	background-image: url(../images/map.gif);
	color: #ffffff;
	background-position: center;
	background-repeat: repeat;
	background-attachment: scroll;
}
#slide2 h1 {
	font-size: 2em;
	letter-spacing: -1px;
	line-height: 0px;
	color: #ffffff;
	font-weight: 700;
}
#slide2 h2 {
	font-size: 1.2em;
	color: #ffffff;
	line-height: 0px;
	padding-bottom: 20px;
	font-weight: 400;
}




/* Slide 3 */

#slide3{
        background-color:#ffffff;
}
#slide3 h1 {
	font-size: 1.5em;
	letter-spacing: -1px;
	line-height: 0px;
	color: #8a8683;
	font-weight: 700;
}
#slide3 h2 {
	font-size: 1.2em;
	color: #999999;
	line-height: 0px;
	padding-bottom: 20px;
	font-weight: 400;
}
#test{
        background-color:#bde2df;
        color:#ffffff;
        text-align:center;
        font-size: 2em;
        font-weight: 400;
}




/* Slide 4 */

#slide4{
	background-image: url(../images/airport.gif);
	background-color: #8a8683;
	color: #ffffff;
}
#slide4 h1 {
	font-size: 1.5em;
	letter-spacing: -1px;
	line-height: 0px;
	color: #ffffff;
	font-weight: 700;
}
#slide4 h2 {
	font-size: 1.2em;
	color: #ffffff;
	line-height: 0px;
	padding-bottom: 20px;
	font-weight: 400;
}





/* Tablet */
@media screen and (max-width: 1024px) {

#logo {
        width: 100%;
        text-align: center;
}

#nav {
        width:100%;
        text-align:center;
        margin:10px 0;
}

.navigation{
        width: 100%;
        float: center;
        list-style: none;
        margin: 0;
        padding:0;
}

.navigation li{
        float: left;
        width:25%;
        padding:0;
}

.slide{
        background-attachment: fixed;
        width:100%;
        position: relative;
        padding:150px 0;
}

#decorative {
        display:none;
}

#content {
        text-align:center;
        width:100%;
}

#slide1 h1 {
        line-height: 1em;
}
#slide1 h2 {
        line-height: 1em;
}
#slide2 h1 {
        line-height: 1em;
}
#slide2 h2 {
        line-height: 1em;
}
#slide3 h1 {
	line-height: 1em;
}
#slide3 h2 {
        line-height: 1em;
}
#slide4 h1 {
        line-height: 1em;
}
#slide4 h2 {
        line-height: 1em;
}

}




/* Mobile */
@media screen and (max-width: 480px) {

#logo {
        width: 100%;
        text-align: center;
}

#nav {
        width:100%;
        margin:5px 0;
}

.navigation{
        width: 100%;
        float: left;
        list-style: none;
        margin: 0;
        padding:0;
}

.navigation li{
        float: left;
        width:25%;
}

.slide{
        background-attachment: fixed;
        width:100%;
        position: relative;
        padding:150px 0;
}


#slide1 h1 {
        line-height: 1em;
}
#slide1 h2 {
        line-height: 1em;
}
#slide2 h1 {
        line-height: 1em;
}
#slide2 h2 {
        line-height: 1em;
}
#slide3 h1 {
	line-height: 1em;
}
#slide3 h2 {
        line-height: 1em;
}
#slide4 h1 {
        line-height: 1em;
}
#slide4 h2 {
        line-height: 1em;
}


}
#work {
	width: 575px;
	position: relative;
	height: 500px;
	float: left;
}
#test1 {
	text-align: center;
	height: 600px;
}