body, html {
	margin: 0;
	width: 100%;
    height: 100%;
	padding: 0px;
	font-family: 'sinkin_sans300_light';
	font-size: 0.9325em;
	text-transform: none;
	color: #000000;
	letter-spacing: 0.0325em;
	background-color: #1A1917;
	
	
}

	/* VID STUFF */
.vid-ani-content-div {
	position: relative;
	margin: auto;
	max-width: 100%;
	text-align:center;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px 0px 0px 0px;
	overflow: auto;
	background-color: #242424;
}
.home-h-title {
	font-size: 38px;
	font-weight: normal;
    font-style: normal;
	color: #D77EAE;
	/* text-shadow: 2px 2px 4px #360A0A; */
	text-transform:none;
    text-align: center;
	/* display: table;  keep the background color wrapped in a square box on text when dropped down on mobile devices */
	margin: 0px auto 0px auto; /* keep the table centered */
	padding: 7px 35px;
	background-color:rgba(255,255,255,0.2);
	}
.home-h-text {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-weight: normal;
  font-style: normal;
  font-size: 20px;
  color: #D77EAE;
  width: 80%;
}
	/* VID END STUFF END */

.imags	{
	border:0px;
}
.serv-heading {
	font-size: 1.2em;
	color: #FFDC7F;
}
/* logo */
.logo-container {
	position: relative;
	text-align:center;
	width: 100%;	
	background-color: #FFFFFF;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left:0px;
}
.logo-small-title {
	font-family: 'ralewayregular';
	font-size: 1.4em;
	color: #A79C83;
	letter-spacing: 0.10em;
}
/* END logoEND */
/* navigation */
.nav-outer-container {
	position: relative;
	margin-bottom: 0px;
	width: 100%;
	height: 43px;	
	background-color: #FFFFFF;
}
/* END navigation END */

/* Home */
.home-outer-container-all {
	position: relative;
	width: 100%;
	min-height: 100%;
}
.home-intros-heading {
	font-family: 'pacificoregular';
	font-size: 1.5em;
	color: #FFFFFF;
	letter-spacing: 0.10em;	
}
.home-intros-images {
	margin-top: 20px;
	margin-bottom: 20px;
	border: 0px;
}
/* END home END */
/* Contact */
.contact-intro-heading {
	font-family: 'pacificoregular';
	font-size: 2.5em;
	color: #FFFFFF;
	letter-spacing: 0.10em;	
}
/* END Contact END */
/* All */
.all-pages-intro-heading {
	font-family: 'pacificoregular';
	font-size: 3.2em;
	color: #FFFFFF;
	letter-spacing: 0.10em;	
}
/* END All END */
/* copyright */
.general-copyright-bot-inner-container {
	position: relative;
	width: 100%;
	bottom: 10px;
	text-align:center;
	padding-top: 0px;
	font-size: 0.875em;
	color: #D2D2D2;
	margin: 0 auto;
	bottom: 0px;
	height: 20px;
	background-color: #FFFFFF;
}
.copyright-link:link {
	text-decoration: none; color: #ADADAD;
}
.copyright-link:visited {
	text-decoration: none; color: #ADADAD;
}
.copyright-link:hover {
	text-decoration: none; color: #000000;
}
.copyright-link:active {
	text-decoration: none; color: #000000;
}
/* END copyright END */
/* main content area */
.gallery-info-div {
	margin: 0px auto;
	max-width: 1000px;	
	position: relative;
	text-align:center;
	margin-top: 15px;
	margin-bottom: 20px;
	padding-left: 10px;
	padding-right: 10px;

}
.contact-info-div {
	position: relative;
	margin: 0px auto;
	max-width: 680px;
	background-color: none;	
	text-align:center;
	margin-top: 15px;
	margin-bottom: 20px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
}
.gallery-heading {
	font-family: 'ralewayregular';
	font-size: 1.9em;
	color: #000000;
	letter-spacing: 0.10em;	
	line-height: 50px;
}
.center-div {
	width: 100%;
	position: relative;
	text-align:center;
}
.center-div-main-content-container {
	position: relative;
	margin: 0px auto;
	width: 1100px;
	background-color: none;
}
.center-div-main-content {
	text-align:left;
	display: table-cell;
	width: 1100px;
	vertical-align: top;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;	
	padding-bottom: 10px;
	background-color: none;
}
/* general-pages */
.general-container-two-col {
	position: relative;
	overflow: auto;
	margin: 0px auto;
	max-width: 1100px;
	background-color: none;
}
.two-col-inner-containers {
	float: left;
	text-align:left;
    width: 47%;
    border: 0px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
	background-color: none;	
}
.general-container {
	position: relative;
	overflow: auto;
	margin: 0px auto;
	padding-left: 20px;
	padding-right: 20px;
	max-width: 1100px;
	background-color: none;
}
.general-heading {
	font-family: 'ralewayregular';
	font-size: 1.2em;
	color: #000000;
	letter-spacing: 0.10em;	
}
.general-link:link {
	text-decoration: none; color: #FF5C26;
}
.general-link:visited {
	text-decoration: none; color: #FF5C26;
}
.general-link:hover {
	text-decoration: none; color: #D6A56E;
}
.general-link:active {
	text-decoration: none; color: #D6A56E;
}
.contact-link:link {
	text-decoration: none; color: #D6A56E;
}
.contact-link:visited {
	text-decoration: none; color: #D6A56E;
}
.contact-link:hover {
	text-decoration: none; color: #F2E7D0;
}
.contact-link:active {
	text-decoration: none; color: #F2E7D0;
}
.general-images-left {
	margin-right: 20px;
	border: 0px solid #FFFFFF;
}
.general-images-right {
	margin-left: 20px;
	border: 0px;
	
}
/* END General END */
/* New Zooms thumbnail images just wrap in div with following class*/
.th-image-one {
    width: 100%;
	overflow:hidden; 
}
.th-image-one img {
    -webkit-transition: all 1s ease; /* Safari and Chrome */
  	-moz-transition: all 1s ease; /* Firefox */
  	-o-transition: all 1s ease; /* IE 9 */
  	-ms-transition: all 1s ease; /* Opera */
  	transition: all 1s ease;
}
.th-image-one:hover img {
    -webkit-transform:scale(1.25); /* Safari and Chrome */
    -moz-transform:scale(1.25); /* Firefox */
    -ms-transform:scale(1.25); /* IE 9 */
    -o-transform:scale(1.25); /* Opera */
     transform:scale(1.25);
}
/* END New Zooms thumbnail images END */
.work-content-main-div {
	margin: 0px auto;
	max-width: 100%;	
	position: relative;
	text-align:center;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #E4E4E4;
}
.work-sub-content-div-ramzi {
	position: relative;
	overflow: auto;
	margin: 0px auto;
	max-width: 1344px;
	background-color: none;	
}
.work-sub-content-div-fab-frome {
	position: relative;
	overflow: auto;
	margin: 0px auto;
	max-width: 1113px;
	background-color: none;	
}
.work-sub-content-div-pv {
	position: relative;
	overflow: auto;
	margin: 0px auto;
	max-width: 1344px;
	background-color: none;	
}
.work-sub-content-div-ccc {
	position: relative;
	overflow: auto;
	margin: 0px auto;
	max-width: 1107px;
	background-color: none;	
}
.work-sub-content-div-se {
	position: relative;
	overflow: auto;
	margin: 0px auto;
	max-width: 1106px;
	background-color: none;	
}
.work-sub-content-div-al {
	position: relative;
	overflow: auto;
	margin: 0px auto;
	max-width: 1327px;
	background-color: none;	
}
/* Work Pages */
.work-large-images {
	border: 0px;
	Margin-bottom: 20px;
	width: 100%;
}
.work-back-link {
	font-family: 'pacificoregular';
	font-size: 2.2em;
	color: #A69B83;
	letter-spacing: 0.10em;
	text-decoration: none;	
}
.work-back-link:hover {
	color:#4494A8;
}
.WorkButton {
	background-color:#C0C0C0;
	-moz-border-radius:28px;
	-webkit-border-radius:28px;
	border-radius:28px;
	border:1px solid #7A7A7A;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family: 'ralewayregular';
	font-size:17px;
	padding:6px 21px;
	text-decoration:none;
}
.WorkButton:hover {
	background-color:#D2D2D2;
}
.WorkButton:active {
	position:relative;
	top:1px;
}
.WorkButtontwo {
	font-family: 'pacificoregular';
	font-size: 3.2em;
	color: #FFFFFF;
	letter-spacing: 0.10em;	
}
/* END  Work Pages  END */

/* tearsheet */
.tearsheet-thumbs {
 border: 0px;
 padding: 0px;
 width: 100%
}
.tearsheet-container {
	position: relative;
	overflow: auto;
	margin: 0px auto;
	width: 100%;
	background-color: #4494A8;	
}
.tearsheet-inner-container {
	float: left;
	text-align:center;
    width: 50%;
    border: 0px;
	margin: 0px;
	background-color: none;	
}
.tearsheet-title-div {
	margin: 0px auto;
	max-width: 100%;	
	position: relative;
	text-align:center;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #4494A8;
}
.tearsheet-title {
	font-size: 13px;
	color: #ADADAD;
	letter-spacing:.08em;
	line-height: 1.7em;
	position: relative;
	margin: 0px auto;
	margin-top: 20px;
	margin-bottom: 0px;
	width: 1060px;
	height:30px;
	background-color: none;	
	text-transform: uppercase;
}
.tearsheet-small-title {
	font-weight: normal;
	font-size: 11px;
	color: #000000;
}
.tearsheet-next-link:link {
	text-decoration: none; color: #ADADAD; font-size: 13px; font-weight: normal;
}
.tearsheet-next-link:visited {
	text-decoration: none; color: #ADADAD; font-size: 13px; font-weight: normal;
}
.tearsheet-next-link:hover {
	text-decoration: none; color: #000000; font-size: 13px; font-weight: normal;
}
.tearsheet-next-link:active {
	text-decoration: none; color: #000000; font-size: 13px; font-weight: normal;
}
.tearsheet-pages-bot-container {
	position: relative;
	margin: 0px auto;
	margin-top: 0px;
	margin-bottom: 30px;
	max-width: 1000px;
	height:30px;
	text-align:center;
	letter-spacing:.08em;
	line-height: 1.7em;
	background-color: none;	
}
/* END tearsheet END */
/* comments-clients */
.clients-comments-container {
	position: relative;
	overflow: auto;
	margin: 0px auto;
	max-width: 1100px;
	background-color: none;	
}
.clients-comments-inner-containers {
	float: left;
	text-align:center;
    width: 275px;
    border: 0px;
	margin: 0px;
	min-height: 300px;
	background-color: none;	
}
/* END comments-clients END */
 @media only screen and ( max-width: 40em ) /* 640 */ {
.tearsheet-inner-container {
	float: left;
	text-align:center;
    width: 100%;
    border: 0px;
	margin: 0px;
	background-color: none;	
}
.clients-comments-inner-containers {
	float: left;
	text-align:center;
    width: 100%;
    border: 0px;
	margin: 0px;
	min-height:250px;
	background-color: none;	
}
.two-col-inner-containers {
	float: left;
	text-align:left;
    width: 100%;
    border: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-left: 0px;
	background-color: none;	
}
.general-container-two-col {
	position: relative;
	overflow: auto;
	margin: 0px auto;
	padding-left: 20px;
	padding-right: 20px;
	max-width: 1100px;
	background-color: none;
} 
}
