body {background: #00AFF0; padding-top: 50px; font-family: 'Droid Sans', Arial, sans-serif; font-weight: normal;}
@font-face {font-family: 'Droid Serif'; src: url('../font/DroidSerif-Regular.ttf') format('truetype'); 
font-weight: normal; font-style: normal;}
@font-face {font-family: 'Droid Sans'; src: url('../font/DroidSans.ttf') format('truetype'); 
font-weight: normal; font-style: normal;}
h1, h2 {font-family: 'Droid Serif', Arial, sans-serif; font-size: 1.2em; font-weight: normal; margin-bottom: 30px;}
h2 {font-size: 22px; font-weight: normal; margin-bottom: 0;color: #1f94b7;}
a:hover {text-decoration: none;}

/* -------------------------- navbar -----------*/
.navbar-fixed-top {border-top: 2em solid #00629B;}
.navbar-inner {min-height: 60px; background-image: none; background-color: #fff; box-shadow: none;}
.navbar .nav > li > a {color: #000; text-shadow: none;}
.navbar .nav > li > a:hover {color: #3FBCEB; text-decoration: none; background-color: transparent;}
.navbar .brand {font-size: 30px; font-weight: bold; padding: 2px 20px 12px; color: #00AFF0;}
.navtop, .navbartop {padding-top: 10px;}
.navbartop {border-bottom: 1px solid #00AFF0;}

/* -------------------------- content -----------*/
/*#content {background: #fff;}*/
#content-top {margin: 0 0 30px 0;} 
.content-topintro {font-size: 60px; font-family: 'Droid Serif', Arial, sans-serif; line-height: 60px; color: #00AFF0;}
#content-center {margin-top: 12px; margin-bottom: 30px;}
#content-center p{margin-top: 10px;text-align: center;padding: 0 1em;}
#content-center blockquote p { text-align: left;padding-left: 0;}
.service {text-align: center;}
.carousel-control {border: none; }
.carousel-control:hover {background: #00AFF0; }

.service, .project {margin-bottom: 25px}
.imgthumb {background: #fff; text-align: center;border: 1px solid #e4e4e4; margin: 0 0 15px 0; padding: 9px;}
/*.branch-box {border: 1px solid #e4e4e4; margin: 0 0 15px 0; padding: 9px; }*/
.h2link { color: #404244;text-decoration: none;}
.h2link:hover { color: #404244;text-decoration: none;}
.teamposition p {margin-top: 5px;}
.contact {margin-left: 80px;}

/* -------------------------- footer -----------*/
#footer {color: #fff;background-color: #00629B;padding-top: 1em;}
#footer .fa { padding-right: 0.5em;}
#footer ul li { list-style: none;}
#footer a {color: #fff;}
#footer-copyright {background: #00629B; padding: 10px; color: #fff;}
#footer-copyright .container { border-top: solid 2px #3FBCEB;padding-top: 1em;}
.footer-address, .icon-home, .icon-envelope {float: left;}
.footer-address p{display:inline-block; padding-left: 10px;}
.footer-layer {display: inline; float: left; clear: both;}
.footer-left {float: left; width: 60px; text-align: right;}
.footer-right {float: right; margin-left: 10px;}
p.footer-subscribe  {margin-top: 23px;}
.footer-space {margin: 30px 0 30px 0;}

@media (min-width: 768px) and (max-width: 1024px) and (orientation : portrait) {
#content {min-height: 652px;}
#content-center {margin-top: 40px;}
.footer {min-height: 262px; padding-bottom: 40px;}
.footer-left {width: 40px;}
#footer-copyright {margin-top: -38px; bottom: 0;}
}

@media (min-width: 768px) and (max-width: 979px) {
body {padding-top: 0;}
.navbar-fixed-top {margin-bottom: 0; }
.imgthumb {margin: 10px;}
}

@media (max-width: 767px) {
body {padding-top: 0;}
#content, #footer-copyright{margin: -20px; padding: 20px;}
#content-top h1 {margin-top: 20px;} 
}

@media (min-width: 320px) and (max-width: 480px) {
body {padding-top: 0;}
#content, #footer-copyright, #footer {margin: -20px; padding: 20px;}
#content-top h1 {margin-top: 20px;} 
h1, .imgthumb {margin-top: 25px;}
h1 { font-size: 1em;}
.footer-left {width: 25px;}
.footer-right {margin-left: 32px; float: none;}

}