/*
Theme Name: Starkers HTML5
*/

h1, h2, h3, h4 {margin:0; line-height: 0.8em;}
h1, h2 {width:100%; display: block; text-transform: uppercase; color:#FFF; font-family: "brandon-grotesque",sans-serif; font-style:normal; font-weight:700; font-size: 50px;}
h3 {margin-bottom:10px;}
p {font-size: 15px; line-height: 1.5em; margin:0 0 0.8em 0; color: #FFF;}
p em {font-size: 0.8em; line-height: 1em;}
p.nomarg{margin: 0;}
ul li {font-size: 15px; line-height: 1.2em; color: #FFF;}

.center {text-align:center;}

.navi ul li a, .copy a, .sing_test{-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-o-transition: all 0.2s;-ms-transition: all 0.2s;transition: all 0.2s;}

body {background: url(img/exclusive_paper.png) repeat fixed top center #EEE;}

.row {margin:0;}

.bg1 {background:#555;}
.bg2 {background:#37bfd7;}
.bg3 {background:#333;}
.bg4 {background:#999;}
.bg5 {background:#FFF;}

.baseline {height:1px; border-bottom:1px solid #CCC;}

#slideshow { width: 100%!important; float: left; position: relative;}
.image img {width:100%!important; height: auto!important;}

.cycle-pager {display: block; clear: both; width: 100%; text-align:center;}
.cycle-pager span {color: #FFF; font-size: 30px; padding: 25px 0 0 0 ; display: inline-block; cursor: pointer;}
.cycle-pager span.cycle-pager-active{color: #37BFD7;}

.heading {padding:2% 1%;}
.heading h1, .heading h2, .heading h3 {margin:0; padding:0;}

.t {padding:5%; width:90%;}
.t2 {padding:2% 1% 0 1%; width:98%;}

.t h2 {font-size: 40px;}
.t h3 a {font-size: 20px; color: #000; }

.grid-sizer {width: 48%;}
.gutter-sizer {width:4%;}

.item {width: 48%; float: left; margin: 4% 0 0 0; overflow: hidden;}
.item img {width:100%; height:auto;}
.item p {position: absolute; bottom: 0; left: 0; padding: 2% 4%; background: #333; margin: 0; text-transform: uppercase;}


.testimonials .single_testimonial {border-top:1px solid #FFF; overflow: hidden;}
.testimonials .single_testimonial:first-child {border-top:none;}

.arrow {color: #000; font-weight: bold; float: left; display: block; margin: 0; font-size: 40px;}
.map {}
.map iframe {width:100%;}

/*HEADER___________ _ _ _ _ _ _ _ _ _ _ _ _ _*/

.header {padding-top:40px;}
.navi {background: #333; margin-top: 40px; margin-bottom:0; }
.navi ul {list-style: none; margin: 0; text-align: right;}
.navi ul li { display: inline-block;}
.navi ul li a {display: block; padding: 20px 20px 20px 0; font-size: 20px; font-weight: bold; line-height: 20px; text-transform: uppercase; color: #FFF; text-decoration: none; font-family: "brandon-grotesque",sans-serif; font-style:normal; font-weight:700;}
.navi ul li a:hover {color:#37bfd7;}

/*FOOTER___________ _ _ _ _ _ _ _ _ _ _ _ _ _*/

.copy {text-align: right; background: #000;}
.copy a {display: block; clear: both; padding: 5%; font-size: 26px; line-height: 1em; text-transform: uppercase; color: #FFF; text-decoration: none; font-family: "brandon-grotesque",sans-serif; font-style:normal; font-weight:700;}
.copy a:hover {color:#37bfd7;}

@media (max-width: 767px) {
  
  .map {margin-bottom: 20px;}

	.grid-sizer {width: 100%;}
	.gutter-sizer {width:0px;}

.item {width: 100%; float: left; margin: 2% 0 0 0;}

}