/* 
    Document   : syle
    Created on : 30.May.2013, 12:25:02
    Author     : tacan
    Description:
        Purpose of the stylesheet follows.
        scc custom styling upon bootstrap
*/
.spacer-top10{
  margin-top: 10px;
}
.spacer-bottom10{
  margin-bottom: 10px;
}
.spacer-left10{
  margin-left: 10px;
}
.spacer-right10{
  margin-right: 10px;
}
.spacer-top20{
  margin-top: 20px;
}
.spacer-bottom20{
  margin-bottom: 20px;
}
.spacer-left20{
  margin-left: 20px;
}
.spacer-right20{
  margin-right: 20px;
}
/*navigation bar customizations*/

/*===============================================*/
/*Centering the navbar and the li items*/
.center.navbar .nav,
.center.navbar .nav > li {
    float:none;
    display:inline-block;
    *display:inline; /* ie7 fix */
    *zoom:1; /* hasLayout ie7 trigger */
    vertical-align: top;
}

.center .navbar-inner {
    text-align:center;
    padding-left: 0;
    padding-right: 0;
}
/*=============================================*/
/*.navbar-inner{
  background: none;
  filter: none;
  border: none;
  box-shadow: none;
  background-color: #eee;
  
}
.navbar .nav > li > a{
  color: #515151;
  text-shadow: none;
  
}
.navbar .nav > li > a:hover{
  color: #000;
}
.navbar .nav .active > a{
  color: #666;
  background: none;
}
.navbar .nav .active > a:hover{
  background: none;
}
.navbar .divider-vertical{
  border-left: 1px solid #515151;
  border-left: 1px solid #515151;
}*/

/*Increase hr size to 4px total*/
hr{
  border-width: 2px;
}
#aboutus {
    height: 360px;
    width: 780px;
    background-image: url("../img/bg_about_us_1.jpg")
}

#aboutus p, #aboutus h4 {
    margin-left: 10px;
}

#ourservices {
    height: 360px;
    background-image: url("../img/bg_our_services_1.jpg");
    width: 780px;
}

#ports {
    margin-left: 0px;
    height: 360px;
    background-image: url("../img/bg_ports_1.jpg");
    width: 780px;
}

#ports select {
    margin-top: 50px;
    margin-left: 265px;
    margin-right: auto;
}

#gallery li{
    list-style: none;
}

#gallery li a {
    margin-bottom: 20px;
}

#straits {
    background-image: url("../img/bg_turkish_straits_1.jpg");
    width: 780px;
    height: 360px;
}

#straits h4 {
    margin-top: 60px;
}

#straits .btn {
    margin-top: 20px;
    width: 300px;
}

#useful {
    background-image: url("../img/bg_useful_links_1.jpg");
    width: 780px;
    height: 360px;
}

#useful h4 {
    margin-top: 60px;
}

#useful .btn {
    margin-top: 20px;
    width: 300px;
}

.btn a {
    text-decoration: none;
}