body {background-color: black;background-image: url(../img/hex_bg.png);
background-repeat: no-repeat;
background-position: center top;
font-family: 'Lato', Arial, sans-serif; letter-spacing: 1px; text-shadow: 0 0 1px rgba(0,0,0,0.3);
}

/* honeypot */
.emailaddress { display: none; }

.pluginConnectTextDark {
    color: black !important;
}

.masthead {height: 178px;}

.navbar {
margin-bottom: 0px; text-align: right; line-height: 0px; top:0; right: 0;}

.navbar-inner{
background-image: none !important;
background-color: transparent;
padding-left: 0px;
padding-right: 0px;
border-bottom: 0px solid #d4d4d4;
  border-left: 0px solid #d4d4d4;
    border-right: 0px solid #d4d4d4;
        border-top: 0px solid #d4d4d4;
        -webkit-border-radius: 0px;
     -moz-border-radius: 0px;
          border-radius: 0px;
          display: inline-block;
          *display: inline;
*zoom: 1;

}
.centred {margin-left: auto; margin-right: auto;}



.mainarea h1{margin-top: 90px;}

.contact {background-color: #009de8; padding: 90px 0px 90px 0px;}
.carousel {margin-bottom: 0px;}

.logo {margin-top: 140px; margin-bottom: 140px; margin-left: auto; margin-right: auto; display: block; width:318px; }



.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
color: #009de8!important; background-color: transparent;

}
.container {text-align: center;}

.about {text-align: center;}
h1 {color: #333333; text-transform: uppercase; font-weight: 400; font-size:46px; font-family: 'Pathway Gothic One', Arial, sans-serif; text-shadow: 0 0 1px rgba(0,0,0,0.3)}

.about p, .portfolio p, .invites p {color: white; font-size: 20px; line-height: 39px; padding: 0px 5% 0px 5%;
margin-left: auto;
margin-right: auto;}

.contact p {color: white; font-size: 18px; line-height: 30px; padding: 0px 5% 0px 5%;
margin-left: auto;
margin-right: auto;}

a {color: #002d6b;}


.feathers {position: relative; top: 400px; height:148px; width:318px;}
.text {position: relative; height:127px; width:318px; }


.portfolio {text-align: center; background-image: url(../img/fake_brick.png);  padding-top: 20px; padding-bottom: 50px;}


#links{ text-align: center;}

  .thumbimg { margin-bottom:24px; border: 0;
  vertical-align: middle; float:left; overflow:hidden;}
  
  .thumbimg {width:25%; height:auto;}
#links img {max-width:190px; width:100%; max-height:190px; height:auto;}
  
#links  a {  text-decoration: none;}


.linkscontainer{ width:760px; margin-left: auto; margin-right: auto;}

#links img:hover{
-moz-transform: scale(1.2) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
-webkit-transform: scale(1.2) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
-o-transform: scale(1.2) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
-ms-transform: scale(1.2) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
transform: scale(1.2) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);

	}

.navbar .nav {margin: 0px;background-color: black;
}
.navbar .nav > li {
font-size: 18px;}

.navbar .nav > li > a {
  float: none;
  padding: 10px 15px 10px;
  color: #ffffff;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;

}



[class^="icon-"],
[class*=" icon-"] {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-top: 1px;
  *margin-right: .3em;
  line-height: 14px;
  vertical-align: text-top;
  background-image: url("../img/glyphicons-halflings-white.png");
  background-position: 14px 14px;
  background-repeat: no-repeat;
}






.span3 {position: relative;}
.span3 a {color: #ffffff; text-decoration: none;}

.footer {text-align: center; display: block; padding-top: 100px; padding-bottom: 100px;}

.footer p, 
.contact p {color: #fff; }

.phnumber {
color: #7B11AD;
font-size: 25px;
margin-top: 31px;}

.email {
font-size: 20px; margin-top: 31px;
}



.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {color: #000000;}
.navbar .nav > li > a:focus, .navbar .nav > li > a:hover {color: #009de8;}

.int h2,.int h3,.int h4,.int h5,.int h6 {color: #54b949; line-height: 120%;}

#contactname {width: 270px;}

.message {width: 270px;}


.input-large {width: 270px;}

#recaptcha_widget { border: 1px solid #CCC; padding: 5px; margin-bottom: 20px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
width:270px;
margin-right: auto;
margin-left: auto;
background-color: #ffffff;}

#recaptcha_response_field {margin-bottom: 0px;}

#recaptcha_image 
{ 
        width: 270px !important; 
} 
#recaptcha_image img
{ 
        width: 270px !important; 
} 














/* iphone land */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    
     .row-fluid .span3 {
    width: 46%;
    *width: 46%;
  }
    [class*="span"],
  .uneditable-input[class*="span"],
  .row-fluid [class*="span"] {
    float: left;
    }
.homebut2, .homebut4 {margin-left: 34px !important;}
.span3 {margin-bottom: 10px;} 


body {background-position: center -55px; padding-left: 0px; padding-right: 0px;}
.balls {background-position: center 73px;}
.linkscontainer{ width:90%;}
        
    .blueimp-gallery>.close, .blueimp-gallery>.title {

font-size: 12px;
        line-height: 14px;
}
        .blueimp-gallery>.prev,.blueimp-gallery>.next{position:absolute;top:20%;}
.mainarea {background-image: none;
height:auto; padding-bottom:80px;

}


}

/* tablet portrait */

@media (min-width: 768px) and (max-width: 979px) {
html {
background-repeat: repeat-x;
background-position-y: -55px;}
    .mainarea {height:490px;}

h2 {
font-size: 24px;
}
.innerbut1 p, .innerbut2 p, .innerbut3 p, .innerbut4 p {font-size: 14px;}
.linkscontainer{ width:570px;}


}
/* smaller grey area*/

@media (min-width: 551px) and (max-width: 578px)  {
  .masthead {height: 310px;}
    .navbar {margin-top: 19px;}
   /* body {background-position: center 0px;}
.balls {background-position: center 126px;}
.logo {margin-left: 25%;}*/
.phnumber {margin-top: 25px;}
      body.int {background-image: url(../img/bgstrip.gif);
      background-position: center -116px;}
.ballsint {background-position: center 97px;}
.thumbimg {width:33.33%; height:auto;}
#links img {max-width:190px; width:100%; max-height:190px; height:auto;}


  }

@media (max-width: 550px) {
  .homebut1, .homebut2, .homebut3, .homebut4 {height: auto;}
 /*   .masthead {height: 310px;}*/
        body {background-position: center -85px; padding-left: 0px; padding-right: 0px;}
      /* body.int {background-image: url(../img/bgstrip.gif);
      background-position: center -116px;}
.ballsint {background-position: center 97px;}
.balls {background-position: center 151px;}*/

.navbar-inner {display: block;}
.phnumber {margin-top: 25px;}
.balls {background-image: url(../img/kidcityballsint.gif);
background-repeat: no-repeat;
background-position: center 128px ;}
.thumbimg {width:33.33%; height:auto;}
#links img {max-width:190px; width:100%; max-height:190px; height:auto;}



}


/* phone portrait */
@media (max-width: 480px) {

.logo {margin-top: 35px; margin-bottom: 35px; margin-left: auto; margin-right: auto; display: block; width:100%; text-align: center;}
.feathers {height:118px; width:254px;}
.text {height:102px; width:254px; }

.email {
font-size: 18px; 
}

.about p {font-size: 16px;
line-height: 22px;
width: 80%;
padding: 0px;
margin-left: auto;
margin-right: auto;}
.thumbimg {width:50%; height:auto;}
#links img {max-width:190px; width:100%; max-height:190px; height:auto;}
.linkscontainer{ width:100%;}
.mainarea {padding: 20px 0px 50px 0px; text-align: center;    background-image: none;
    height:auto;
}
    
    .mainarea h1 {
margin-top: 25px;
}
.invites {padding: 50px 0px 50px 0px; text-align: center;}



.navbar .nav > li {
float: none;
text-align: center;

}
.navbar .nav  {float: none;}
.navbar .container {float: none;}
.navbar .pull-right {float: none;}

.nav {float: none;}
.navbar .nav > li > a {padding: 5px 15px 5px 15px;}
.navbar {margin-bottom: 0px;}
.navbar-inner { background-image:none; display: block;}
.nav-collapse .nav > li > a {margin-bottom: 0px;}
.navbar .btn-navbar {margin-bottom: 3px;}
body {padding-left: 0px; padding-right: 0px;}
.wrap {padding-left: 15px; padding-right: 15px;}
.homebut1, .homebut2, .homebut3, .homebut4 {margin-bottom: 5px;}
/*.rightbox {margin-top: 10px; margin-bottom: 10px;}
.masthead {height: 310px;}*/
    .blueimp-gallery>.close, .blueimp-gallery>.title {
font-size: 14px;
                line-height: 16px;
}
    .blueimp-gallery>.prev,.blueimp-gallery>.next{position:absolute;top:16%;}


}



@media (min-width: 980px) {

.btn-navbar {display: none;}
}