/* retina images for devices with a high "device-pixel-ratio" ****************************************************/
@media only screen and (-moz-min-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-devicepixel-ratio:1.5),only screen and (min-resolution:1.5dppx){
}


/* Mobile Landscape Size to Desktop ****************************************************/
	@media only screen and (min-width:480px){

.inner{margin:0 auto;width:960px;min-width:960px;}
.mob,.mobinline{display:none}
.full,.pri{display:block}
.fullinline,.pri{display:inline}
#topline{display:none}


	}

	/* Greater than 960 ****************************************************/
	@media only screen and (min-width:960px){

/*.inner{margin:0 auto;width:100%;max-width:1300px}*/

	}


	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) ****************************************************/
	@media only screen and (max-width:480px){

.inner{min-width:320px;width:100%;margin:0}
.mob{display:block}
.mobinline{display:inline}
.full,.fullinline,.pri{display:none!important}
body{font-size:14px;line-height:24px}
#container{min-height: auto;}

header{height:auto;background-image:none;background-repeat:no-repeat;min-width:320px;  position: relative;}
header .inner{width:100%;height:auto;background-image:none;background-repeat:no-repeat}
#topline{display:block;background-color:#2c2f2f;float:left;height:60px;line-height:60px;position:fixed;top:0;width:100%;z-index:1000}
#topline .left{float:left;width:9%;max-width:30px;display:inline;}
#topline .left a{display:block;padding-right:20px;color:#e8e9d8;font-size:20px;}
#topline .right{float:right;width:91%;height:60px;display:none;}
#topline .logo.long{width:100%;height:60px}
#topline .logo.long img{width:100%;height:auto;max-width:260px}
#topline .right img{float:left;}
.logo.stacked{ margin: 60px auto 30px;width: 40%;}
.logo.stacked img{width:100%;height:auto}
nav.mob{clear:both;}
nav.mob ul{display:none;padding-top:10px;padding-bottom:10px;background-color:#771215}
nav.mob li a{display:block;font-size:18px;line-height:30px;color:#e8e9d8;font-weight:600; padding-left: 8.5%;}
nav.mob li.sel a,nav.mob li a:hover{color:#e8e9d8}

#gallery{margin-top: 0;  height: auto;background-color:#2c2f2f; min-width: 320px;}
#gallery.sec{margin-top: 60px; }
#gallery img{width:100%;height:auto;}
#badge{display:none}
#gallery .tagline{  height: auto;margin-top: 0;  margin-bottom: 10px;width: 100%; background-color: transparent;}
#gallery .tagline .imgwrap{ /* display: block;margin: 0 auto;text-align: center;width: 100%;*/}
#gallery .tagline .imgwrap img{ display: block;float: none;  margin: 0 auto 20px;padding: 0;}
#gallery .tagline p{text-align: center; padding-left: 24px;padding-right: 24px; line-height: 20px;}
#gallery .tagline span{line-height: 20px;}

#main{clear:both;float:left;padding-bottom:0;min-width:320px; overflow: inherit;}
#main .internal{margin:0}
#page{min-width:320px;margin-top:20px;width:100%}

/* home **********************************************/
#page.home{margin-top:0}
#who{clear:both;float:left;width:100%}
#who p{padding-left:20px;padding-right:20px;}
.port{width:100%;height:auto;  margin-bottom: 25px;}
.port img{ width:100%;height:auto;max-width:386px; display: block;float: none;  margin: 0 auto;}
a.portlink{clear:both;float:left;width:100%;margin: 0 auto;display:block;color:#e8e9d8}
a.portlink:hover{color:#e8e9d8}
.serv{width:100%;height:auto;background-color:transparent;}
.serv:hover{background-color:transparent }
.serv .imgblock{margin-right:0;width:100%;height:auto;display:block}
.serv .imgblock.row1{margin-top:0}
.serv .imgblock.col1{margin-left:0}
.serv .imgblock.col2{}
.serv .imgblock img{width:100%;height:auto;max-width:386px; display: block;float: none;  margin: 0 auto;}
a.servlink{  clear:both;float:left;width:100%;margin: 0 auto;display:block;color:#e8e9d8}
a.servlink:hover{color:#e8e9d8}
#page.home p.caption{display:none;text-transform:uppercase;text-align:center;font-weight:600;font-size:30px;margin-bottom:0; color: #F1F2E5;
	text-shadow:-1px -1px 0 #707070,  1px -1px 0 #707070,-1px 1px 0 #707070,1px 1px 0 #707070;}
#messagearea {clear:both;float:left;padding-left:0;margin:0 auto;padding-top:20px}
#messagearea p{margin-left:20px;margin-right:20px;line-height:1.3em}
#messagearea .colophon.mid {padding-top: 15px;}
#call{}
#call p{margin-left:10px;margin-right:10px;}
#call a.tel {line-height: 1.5em;}

/* sec **********************************************/
.block{width: 100%;}
.block img{max-width:444px;width:100%;height:auto; margin-bottom: 15px;}
.block .txt {margin-left: 0;text-transform: uppercase;width: 100%; margin-bottom: 50px;}
.block .txt h2{text-align:center;padding-bottom:10px}
.block .txt p{margin-left: 20px;margin-right: 20px;}

/* contact **********************************************/
#page.contact .internal {margin-left: 20px;margin-right: 20px;margin-top: 10px;}
form.contact {width: 98%;}

/* portfolio **********************************************/
#slider{width:100%;height:auto}
#gallery.portfolio img {width: 100%;}
#page.portfolio{margin-bottom: 40px;}
#page.portfolio .internal {margin-top: 10px;}
#captionholderwrapper {height: 70px;margin: 0 auto;width: 90%;}
#captionholderwrapper p {margin-bottom:0}
ul.subnav li img {vertical-align: middle;}
.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {height:auto}
#main.portfolio #maindots {margin-top: 10px;}

/* footer */
footer{min-width:320px;height:auto;margin-top:0}
footer .inner{width:100%}
footer .top{height:auto;width:100%}
footer .top .left{width:100%; text-align: center;  padding-top: 25px;}
footer .top .left #abouttext {  float: none;margin: 0 auto;width: 90%;}
footer .top .right,footer .bot .right{width:100%; text-align: center;}
footer .top .left img{float:none;margin:0}
ul#social{display:inline-block;float:none;height:auto; padding-bottom: 30px;}
ul#social li{display:inline;float:none}
footer .bot{height:auto;width:100%}
footer .bot .left{width:100%; text-align: center;  padding-top: 15px;}
ul.copy{float: none;line-height: 24px;text-align: center;width:90%;margin:0 auto;letter-spacing:0}
ul.copy li{ float: none;}
ul.copy li:last-child{display:block;margin-bottom:10px;width:100%;padding:0}

}