body{
	margin: 0px;
	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

h1{
	font-family: "Oswald", sans-serif;
	font-weight: 300;
	font-size: 48px;
	color: #ffffff;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 30px;
}

h2{
	font-family: "Oswald", sans-serif;
	font-weight: 400;
	color: #000000;
	font-size: 36px;
	text-align: center;
}

h3{
	color: #000000;
	font-family: "Oswald", sans-serif;
	font-weight: 300;
	font-size: 18px;
	text-decoration: none !important;
}

p{
	font-family: "Georgia";
	font-size: 16px;
	color: #39434b;
	line-height: 24px;
	text-align: center;
	font-weight: 200;
}

a.button {
	font-family: "Oswald", sans-serif;
	font-weight: 300;
	font-size: 30px;
	color: #ffffff;
	text-align: center !important;
	text-decoration: none;
	padding-top: 3px;
	padding-bottom: 3px;
}

a.button:hover{
	background: #2f2f2f;
	cursor: pointer;
}

span.questions{
	color: #19d9b7;
	font-weight: 500;
	font-size: 18px;
}

span.questions-field{
	color: #19d9b7;
	font-weight: 500;
	font-size: 18px;
}

a.rsvp{
	color: #19d9b7;
	text-decoration: none;
}
a.rsvp:hover{
	color: #39434b;
}


/*---------------nav------------------*/
#header{
	height: 192px;
}
.top-grey{
	background: #4d4d4d;
	width: auto;
	height: 5px;
}

#envelope-block{
	padding: 20px 0px 20px 28px;
	border-bottom: #d6d6d6 solid 1px;
	width: 239px;
}

.tagline img{
	margin-left: 8px !important;
	margin-top: 0px;
	display: inline-block;
	margin-right: 12px;
	float: left;
	padding-right: 10px;
	border-right: #d6d6d6 solid 1px;
}
.tagline{

	margin-left: 00px;
	padding: 20px 0px 20px 0px;	
	height: 72px;
}
.tagline span{
	display: inline-block;
	text-align: left !important;
	font-size: 13px;
	color: #424242;
	line-height: 19px;
	margin-top: 12px;
	float: left;
	width: 110px;
}

.tagline-divider{
	background: #d6d6d6;
	width: 1px;
	height: 40px;
	display: inline-block;
	margin-left: 10px;
	margin-top: -20px !important;
}

img.envelope{
	vertical-align: middle;
	margin-left: 1px;
	margin-right: 1px;
}

.logo-wrapper{
	border-left: #d6d6d6 solid 1px;
	border-right: #d6d6d6 solid 1px;
	height: 193px;
	width: 375px !important;
	padding-left: 50px;
	margin-left: -23px !important;
}

.vertical-divider-line{
	background: #d6d6d6;
	height: 202px;
	width: 1px;
	display: inline-block;
	margin-bottom: -14px;
}

.horizontal-envelope-lines{
	background: #d6d6d6;
	width: 66px;
	height: 1px;
	display: inline-block;
	vertical-align: middle;
}


.horizontal-divider-lines{
	background: #d6d6d6;
	width: 210px;
	height: 1px;
	vertical-align: middle !important;
	display: inline-block;
	text-align: center;
}

ul#nav{
	display: inline-block;
	list-style-type: none;
	padding: 0px;
	margin-left: 6px;
	margin-right: 20px;
}

ul#nav li {
	padding-bottom: 5px;
}

ul#nav li a{
	text-decoration: none;
	list-style: none;
	color: #39434b;
	font-family: "Oswald", sans-serif;
	margin-top: -10px;
	margin-left: 15px;
	font-weight: 350;
}

ul#nav li a:hover{
	color: #19d9b7;
}

.col-left{
	float: left;
	margin-right: -10px !important;
	border-left: #d6d6d6 solid 1px;
}

.com-middle{
	float: left;
}

.col-right{
	float: left;
	margin-top: 15px;
	margin-left: 25px !important;
	margin-right: -10px !important;
}

.icons{
	border-left: #d6d6d6 solid 1px;
	border-right: #d6d6d6 solid 1px;
	height: 174px;
	padding: 10px;
	margin-left: 15px;
}

.icons a{
	display: block;
	margin-left: 17px;
	margin-top: 18px;
	height: 27px;
	width: 27px;
}

.icons a.facebook{
	background: url("images/icon-facebook.png");
}

.icons a.facebook:hover{
	background-image: url("images/icons-facebook-hover.png"); 
}

.icons a.twitter{
	background: url("images/icon-twitter.png");
}

.icons a.twitter:hover{
	background-image: url("images/icons-twitter-hover.png"); 
}




/*---------------header-banner------------------*/



img.logo{
	margin-right: 30px;
margin-left: 12px;
margin-bottom: 15px;
margin-top: 16px;

}

.header-banner{
	background: url("images/banner-pattern.png");
	margin-top: 6px;
	margin-bottom: 15px;
}

.header-banner h1{
	margin-top: 0px;
	text-shadow: 2px 2px 2px #bfbc91;
	opacity: 26%; 
}

.header-banner img{
	text-align: center !important;
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: 75px;
}

p.header-banner-name {
	color: #ffffff !important;
	padding-bottom: 10px;
	padding-top: 5px;
	font-size: 12px;
}

/*---------------about-info------------------*/



#about .info h2{
	margin-top: 70px !important;
}

#about .info p{
	font-size: 18px;
	padding-left: 150px;
	padding-right: 150px;
	text-align: center;
	margin-bottom: 80px !important;
}


#about img.curl{
	vertical-align: middle !important;
	text-align: center;
	margin-top: 20px;
}

.curl{
	text-align: center;
	vertical-align: middle;
}



/*---------------index-info------------------*/


#index .button:hover{
	background: #2f2f2f;
	cursor: pointer;
}

.map{
	margin-bottom: 40px;
	border: 2px 2px 2px 2px solid #d1d1d1 !important;
}

#index .button{
	background: #19d9b7;
	border-radius: 2px;
	margin-left: 370px;
	margin-top: 40px;
	display: inline-block;
	padding-left: 40px;
	padding-right: 40px;
	margin-bottom: 40px;
}

.vimeo{
	text-align: center;
	padding-top: 50px;
	padding-bottom: 50px;
}

a.about-link{
	text-decoration: none;
	color: #19d9b7;
}

a.about-link:hover{
	color: #2f2f2f;
}

/*---------------artists-info------------------*/

#artists .info .avatar{
	width: 200px;
	height: 200px;
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	margin-top: 20px;
	float: left !important;
	vertical-align: middle;
	margin-left: 25px;
	margin-bottom: 10px;

}
#artists .info .avatar.robyn{
	background-image:url("images/Robyn-Thomson.png");
}

#artists .info .avatar.nicola{
	background-image:url("images/Nicola-Taylor.png");
}

#artists .info .avatar.lauren{
	background-image:url("images/Lauren-Schlacter.png");
}

#artists .info .avatar.usha{
	background-image:url("images/Usha-Seejarim.png");
}

#artists .info .avatar.lebogeng{
	background-image:url("images/Lebogang-Rasethaba.png");
}

#artists .info .avatar.sindiso{
	background-image:url("images/Sindiso-Nyoni.png");
}

#artists .info .avatar.lorenzo{
	background-image:url("images/lorenzo-nassimbeni.png");
}

#artists .info .avatar.jemmiro{
	background-image:url("images/Jemmiro-ex.png");
}

#artists .info .avatar.rebecca{
	background-image:url("images/Rebecca-Haysom.png");
}

#artists .info .avatar.roy{
	background-image:url("images/Roy-Potterill.png");
}

#artists .info .avatar.robert{
	background-image:url("images/Robert-Mhlungu.png");
}

#artists .info .avatar.julian{
	background-image:url("images/Julian-Redpath.png");
}

#artists .info .avatar.jacqueline{
	background-image:url("images/Jacqueline-Landey.png");
}

#artists .info .avatar.thapelo{
	background-image:url("images/Thapelo.png");
}

#artists .info .avatar.frances{
	background-image:url("images/Frances.png");
}

#artists .info .avatar.marie{
	background-image:url("images/Mariebeetge.png");
}

#artists p.site{
	color: #19d9b7;
	text-align: left;
	margin-bottom: 0px;
	padding:0px;
	text-align: right;
	margin-left: -20px;
}

#artists p.depicting{
	text-align: left;
	margin-top: 0px;
	padding:0px;
	text-align: right;
	margin-left: -20px;
}

#artists h2{
	text-align: left;
}

#artists p.detail{
	text-align: left;
	margin-bottom: 86px;
}

#artists .text{
	border-left: #d6d6d6 solid 1px;
	padding-left: 35px;
}

#artists .divider{
	border-bottom: #d6d6d6 solid 1px;
	margin-bottom: 40px;
	margin-top: 30px;
}

/*---------------contact-info------------------*/



#contact .button{
	background: #19d9b7;
	border-radius: 2px;
	display: inline-block;
	padding-left: 40px;
	padding-right: 40px;
	text-align: center;
	margin-left: 44px;
	margin-top: 50px;
	width: 180px;
}

#contact #contact-info p{
	margin-left: 50px;
	margin-right: 20px;
	text-align: center;
	margin-bottom: 50px;
}

#contact .button:hover{
	background: #2f2f2f;
	cursor: pointer;
}

#contact .curl{
	margin-bottom: 30px;
	margin-top: 20px;
}

#contact .horizontal-divider-lines{
	margin-bottom: 30px;
	margin-top: 20px;
}




/*---------------city-info------------------*/


.city-names li{
	text-decoration: none;
	margin-top: 0px;
	margin-bottom: 0px;
	display: block;
	padding-bottom: 4px;
	position: absolute;
	z-index: 9999;
}
.city-names li.back-home{
		z-index: 9999;
		margin-top: -20px;
		margin-left: 80px;
	}

.city-names ul{
	padding: 0px;
	margin: 0px;

}

.city-names h3{
	margin-top: 10px;
	margin-bottom: 10px;
	background: rgba(255, 255, 255, 0.79);
	width: 100px;
	height: 20px;
	border-radius: 2px;
	padding-bottom: 5px;
	text-align: center;
}

.city-names h3.main-heading{
	text-transform: uppercase;
	width: 600px;
	margin-left: 15px;
	text-align: left;
}

.city-image img{
	margin-top: 30px;
	margin-left: 60px;
	margin-bottom: 10px;
	padding-left: 20px;
}

.city-names ul.flex-controls{
	list-style: none;

}


p.header-banner-name-map{
	color: #000000 !important;
	text-align: center; 
	margin-top: 0px !important;
	font-size: 14px;
	color: #19d9b7 !important;
	margin-bottom: 30px;
}

p.map-info{
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 30px;
	margin-bottom: 50px;
	border-bottom: 1px solid #cccccc;
}

#postcards{
	display: inline;
	text-align: center;
}

#postcards h2{
	padding-right: 15px;
	padding-bottom: 10px;
	font-size: 15px;
	border-bottom: 1px solid #cccccc;
	font-weight: 100;
	margin-bottom: 30px;
}

#postcards img{
	display: inline;
	padding-bottom: 20px;
}

#postcards h1{
	color: #19d9b7 !important;
	margin-top: 0;
	padding-top: 0;
	padding-bottom: 0;
	margin-bottom: 0;
}

.place-order{
	margin-bottom: 20px;
}

h2.place-order{
	padding-bottom: 20px !important;
	font-size: 20px !important;
	margin-top: 0;

}

h2.place-order a{
	color:#19d9b7;
	cursor: pointer;
	text-decoration: none !important;
}

h2.place-order a:hover{
	color:#cccccc;
}

/*---------------footer------------------*/



.horizontal-footer-divider-line{
	background: #d6d6d6;
	height: 1px;
	width: auto;
}

.footer img.small-logo{
	margin-top: 20px !important;
	margin-bottom: 50px;
	float: left;
}

.footer{
	list-style: none;
	padding: 0px;
	list-style-type: none !important;
	border-top: #d6d6d6 solid 1px;
}

.footer ul li a{
	text-decoration: none !important;
	color: #a4a4a4;
	font-family: "Oswald", sans-serif;
	list-style-type: none !important;
	font-weight: 300;
}

.footer ul li{
	display: inline-block;
	margin-left: 30px;
	margin-top: 14px;
}

.footer ul{
	float: right;
}

.footer ul li a:hover{
	color: #19d9b7;
}