@import "http://fonts.googleapis.com/css?family=Montserrat:400,700";
@import "http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400";
html,body,#page{width:100%;height:100%;margin:0;padding:0}
html{-webkit-font-smoothing:antialiased}
body{color:#1a1a1a;font-family:'Source Sans Pro',"Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;line-height:1.2em;background:#fcfbfc; font-size:24px;}


.project-pre, .project-close, .project-next{position:fixed; z-index:999;}
.project-btn{height:auto;}

.project-pre{left:20px; top:43%;}
.project-next{right:20px; top:43%;}
.project-close{top:20px; right:20px;}
img, object, embed {max-width: 100%; height: auto;}
img {border: 0;}

.hero-banner{position:relative;}
.hero-banner .title {color:#fff;z-index: 1000; margin: 0 auto; padding: 0 1.25em; width: 80%; text-align: center; position: absolute; top: 43%; left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
	}
.blue-bg{background-color:#6ca9c6; color:#fff;}
.white-text{color:#fff;}
.body-section{padding:50px 0px;}
.title h1 {padding: 0 0 .2em; color: #fff;
    text-shadow: 0 1px 2px rgba(150,150,150,0.8);
    font-weight: 200;
    font-size: 90px;
    margin: 0 auto;
}
.title p {color: #fff; text-shadow: 0 1px 1px rgba(150,150,150,0.8); padding: 0 0 .6em; font-weight: 300; margin: 0 auto;}
.title p.subline {font-size:36px;}

.body-center{width:70%; margin:0px auto; line-height:30px; font-weight: 300;}
.body-small{width:60%; margin:0px auto; line-height:30px; font-weight: 300;}
.light-bg {background: #efefef; color: #1a1a1a;}

.center-content{width:100%; text-align:center; margin:0px auto; display:block;}
.center-img{margin:0px auto; display:block;}
.center-text{text-align:center;}

.marginTop10{margin-top:10px;} .marginBtm10{margin-bottom:10px;} .marginVer10{margin-top:10px; margin-bottom:10px;} .marginHer10{margin-left:10px; margin-right:10px;}
.marginTop20{margin-top:20px;} .marginBtm20{margin-bottom:20px;} .marginVer20{margin-top:20px; margin-bottom:20px;} .marginHer20{margin-left:20px; margin-right:20px;}
.marginTop40{margin-top:40px;} .marginBtm40{margin-bottom:40px;} .marginVer40{margin-top:40px; margin-bottom:40px;} .marginHer40{margin-left:40px; margin-right:40px;}
.marginTop80{margin-top:80px;} .marginBtm80{margin-bottom:80px;} .marginVer80{margin-top:80px; margin-bottom:80px;} .marginHer80{margin-left:80px; margin-right:80px;}

.padTop80{padding-top:80px;} .padBtm80{padding-bottom:80px;} .padVer80{padding-top:80px; padding-bottom:80px;} .padHer80{padding-left:80px; padding-right:80px;}

p{margin-bottom:30px;}

.fullWidth {width: 100%; margin-left: auto; margin-right: auto; max-width: none;}
/*	css for mobile phone	*/
@media all and (max-width: 480px) {
.project-btn{background-color:#1a1a1a;}
}

/*	css for tablet	*/
@media all and (max-width: 768px) {
body{font-size:20px; font-weight:300;}
h1{font-size:30px;}
.project-btn{background-color:#1a1a1a; padding:10px; width:100%; height:70px; position:static;}
.project-pre{position:relative; float:left; text-align:left; left:5px; width:16%; top:5%;}
.project-next{position:relative; float:left; width:16%; right:5px; text-align:right; top:5%;}
.project-close{position:relative; float:left; width:68%; text-align:center; top:5%;}
.title h1 {font-weight: 100; font-size: 36px; margin: 0 auto;}
.title p.subline {font-size:20px;}

.body-center{width:90%;}
.body-small{width:90%;}

}
/*	css for tablet landscape	*/
@media all and (max-width: 1024px) {
}

/*	css for desktop	*/
@media all and (min-width: 1024px) {

}