/* --------------------------------------------------------------------------
   Start HeaderWrap Sections (index page)
   -------------------------------------------------------------------------- */
#headerwrap {
	background: url(../images/bg_1.jpg) no-repeat center top;
	margin-top: -70px;
	padding-top: 10px;
	text-align: center;
	background-attachment: relative;
	background-position: center center;
	min-height: 900px;
	width: 100%;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-bottom: solid thin #111111;
}


/* --------------------------------------------------------------------------
   Start SocialWrap
   -------------------------------------------------------------------------- */	
   
#social {
	padding-top: 50px;
	padding-bottom: 50px;
	background-color: #00FF80;
	border-top: thin solid black;
	border-bottom: thin solid #003;
}

#social i {
	font-size: 40px;
	color: #BF0060;
	text-align: center;	
}

#social i:hover {
	color: #0000b3
}
/* --------------------------------------------------------------------------
   START PortfolioWrap
   -------------------------------------------------------------------------- */
   
#portfoliowrap {
	background: url(../images/bg_1.jpg) no-repeat center top;
	margin-top: -70px;
	padding-top: 250px;
	padding-bottom: 100px;
	text-align:center;
	background-attachment: relative;
	background-position: center center;
	min-height: 550px;
	width: 100%;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	border-bottom: solid thin #666666;
}

#portfoliowrap h3 {
	color: #0000CC;
	padding-top: 10px;
	padding-bottom: 20px;
	letter-spacing: 4px;
	font-size: 15px;
	font-weight: 600;
}	

#portfoliowrap h6 {
	color: #003300;
	text-shadow: 3px 3px 3px #000,-1px -1px #000,1px 1px #000;
	padding-top: 10px;
	padding-bottom: 20px;
	letter-spacing: 4px;
	font-size: 30px;
	font-weight: bold;
}   
 /* --------------------------------------------------------------------------
   START AboutWrap
   -------------------------------------------------------------------------- */  
   
#aboutwrap {
	background: url(../images/bg_1.jpg) no-repeat center top;
	margin-top: -70px;
	padding-top: 250px;
	text-align:center;
	background-attachment: relative;
	background-position: center center;
/*	min-height: 550px; */ /* Ramsey - omitted because of 'Unscrollable Content Bug' */
	width: 100%;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	border-bottom: solid thin #666666;
}
   
/* --------------------------------------------------------------------------
   START PFWrap
   -------------------------------------------------------------------------- */
   
#pfwrap {
	background: url(../images/bg_1.jpg) no-repeat center top;
	margin-top: -70px;
	padding-top: 250px;
	text-align: center;
	background-attachment: relative;
	background-position: center center;
	min-height: 1250px;
	width: 100%;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-bottom: solid thin #666666;
}

#pfwrap h4 {
	color: #C03;
	text-shadow: 1px 1px 1px #000,-1px -1px #000,1px 1px #FFF;
	padding-top: 10px;
	padding-bottom: 20px;
	letter-spacing: 4px;
	font-size: 30px;
	font-weight: bold;
}

#pfwrap h6 {
	color: #003300;
	text-shadow: -1px 0px black,0 1px black,1px 0 black,0 -1px black;
	padding-top: 10px;
	padding-bottom: 20px;
	letter-spacing: 4px;
	font-size: 30px;
	font-weight: bold;
}  
   
   
 /* --------------------------------------------------------------------------
   START ContactWrap
   -------------------------------------------------------------------------- */
   
#contactwrap {
	background: url(../images/work.jpg) no-repeat center top;
	margin-top: -70px;
	padding-top: 250px;
	text-align: center;
	background-attachment: relative;
	background-position: center center;
	min-height: 550px; 
	width: 100%;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-bottom: solid thin #666666;
}

#contactwrap h3 {
	color: #0000CC;
	padding-top: 10px;
	padding-bottom: 20px;
	letter-spacing: 4px;
	font-size: 15px;
	font-weight: 600;
}	


#contactwrap h6 {
	color: #003300;
	text-shadow: 3px 3px 3px #000,-1px -1px #000,1px 1px #000;
	padding-top: 10px;
	padding-bottom: 20px;
	letter-spacing: 4px;
	font-size: 30px;
	font-weight: bold;
}  

/* --------------------------------------------------------------------------
   START Gallery_mob_Wrap
   -------------------------------------------------------------------------- */  
   
#gallery_mob_wrap {
	margin-top: 10px;
	padding-top: 10px;
	text-align:center;
	background-attachment: relative;
	background-position: center center;
	min-height: 200px;
	width: 100%;
	
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#gallery_mob_wrap h1 {
	color: #5353FF;
	text-shadow: 2px 2px 2px #666,-1px -1px #000,1px 1px #000;
	padding-top: 10px;
	padding-bottom: 5px;
	letter-spacing: 2px;
	font-size: 30px;
	font-weight: bold;
}

#gallery_mob_wrap h4 {
	font-family: Cambria;
	color: #BF0060;
	text-shadow: 1px 1px 1px #000,-1px -1px #000,1px 1px #000;
	padding-top: 10px;
	padding-bottom: 5px;
	letter-spacing: 4px;
	font-size: 25px;
	font-weight: bold;
}

/* --------------------------------------------------------------------------
   START PictureWrap
   -------------------------------------------------------------------------- */  

#picturewrap {
	background:transparent url(../images/bg/black_denim.jpg);
	padding-top: 5px;
	margin: auto;
	margin-bottom:120px;
	/*text-align: center;*/
	background-attachment: relative;
	background-position: center center;
	height: auto;
	width: 60%;
}

.img-responsive-1,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
	display: block;
	width: 100%;
	height: auto;
	margin: auto;
	border: #fff solid thin;
}

/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/

/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
.img-responsive-1,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
	border: #fff solid thin;
}
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
.img-responsive-1,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
	border: #fff solid medium;
}
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
.img-responsive-1,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
	border: #fff solid medium;
}
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
.img-responsive-1,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
	border: #fff solid thick;
}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
.img-responsive-1,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
	border: #fff solid thick;
}
}

/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
.img-responsive-1,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
	border: #fff solid thick;
}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
.img-responsive-1,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
	border: #fff solid thick;
}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
.img-responsive-1,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
	border: #fff solid medium;
}
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
.img-responsive-1,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
	border: #fff solid medium;
}
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
.img-responsive-1,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
	border: #fff solid thin;
}
}

/*==================================================
 IMAGE RESPONSIVE 2
==================================================*/
.img-responsive-2,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
	display: block;
	width: 10%;
	height: auto;
	margin: auto;
	border: #000 solid thin;
	margin-bottom: 100px;
}

/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/

/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
.img-responsive-2,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
	border: #000 solid thin;
}
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
.img-responsive-2,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
	border: #000 solid thin;
}
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
.img-responsive-2,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
	border: #000 solid thin;
}
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
.img-responsive-2,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
	border: #000 solid thin;
}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
.img-responsive-2,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
	border: #000 solid thin;
}
}

/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
.img-responsive-2,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
	border: #000 solid thin;
}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
.img-responsive-2,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
	border: #000 solid thin;
}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
.img-responsive-2,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
	border: #000 solid thin;
}
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
.img-responsive-2,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
	border: #000 solid thin;
}
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
.img-responsive-2,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
	border: #000 solid thin;
}
}