/* GLOBAL and HOMEPAGE STYLES
-------------------------------------------------- */

body {
  padding:0px;
  margin:0px;
  font-family: 'Ubuntu', sans-serif;
  font-weight:700;
  font-size:15px;
  color: #010101;
  background-color:#fffefb;
  overflow-x: hidden;
}

p					{line-height:26px;font-weight:400;margin:0px 8% 22px 0px;} 
p.intro				{font-size:16px;font-weight:700;margin:28px 18% 22px 0px;}

p.footer1-text		{font-size:22px;color:#fffefb;margin-left:1.3%;}
p.footer2-text		{font-size:12px;color:#9e9e9f;margin-left:1.3%;}

p.formheader		{font-family: 'Syncopate', sans-serif;font-size:14px;line-height:26px;text-align:center;margin:8px 0px 8px 0px;}
p.formheader .goldtext	{color:#fbb91b;font-size:22px;}
p.formtext			{font-size:15px;line-height:22px;text-align:center;margin:8px 8% 0px 8%;}
p.contactinfo		{font-size:15px;line-height:18px;text-align:left;margin:0px;}

p.contactinfo a, a:hover, a:focus		{color:#010101;text-decoration:none;}

p.thankyouintro		{font-size:19px;color:#004fff;font-weight:500;line-height:26px;margin:21px 0px 12px 0px;font-style:italic;}
p.thankyou			{}
p.thankyou a, a:hover, a:focus		{color:#010101;text-decoration:none;}

.logo-block			{padding-left:0px;}
.social-media-block	{margin-top:90px;}
.socialmedia		{float:right;position:relative;z-index:99999;}
.smblock			{float:left;max-width:34px;height:auto;}
.smblock-pipe		{float:left;max-width:20px;height:auto;}

.imglink		{outline:none;border:none;}
.boldtext		{font-weight:700;}
.textleft		{text-align:left;}

#kenneth-james-fine-art-banner-container		{position:relative;z-index:1000;height:710px;background-image:url('../images/bkg/kenneth-james-fine-art-banner-bkg.jpg');background-repeat:no-repeat;background-position:top center;background-color:#0f0b0b;}

.content-container		{min-height:796px;position:relative;margin-top:28px;padding-bottom:24px;}
.thankyou-container		{min-height:350px;position:relative;margin-top:28px;padding-bottom:24px;}

.content-row		{margin:15px 0px 40px 0%;background-color:transparent;}

.text-content			{}
.text-content-left		{padding-left:0px;margin-top:36px;}
.text-content-right		{padding-left:0px;}
.form-content			{}

.kenneth-james-photo {text-align:center;}
.kenneth-james-photo img {margin:0px auto 0px auto;padding-right:8%;}



/* CONTACT FORM  */

.contactform-container		{max-width:335px;float:left;margin-left:0%;}

#label-contactfirstname		{display:none;}
#label-contactlastname		{display:none;}
#label-contactemail			{display:none;}
#label-contactmessage		{display:none;}

.contactus-form				{max-width:290px;position:relative;margin-top:40px;margin-left:6.5%;}

input.contact-form-submitformbtn	{background-image:url('../images/buttons/submit-btn.jpg');background-repeat:no-repeat;width:160px;height:52px;margin:0px 0px 24px 0px;padding:0px;float:left;border:none;cursor:pointer;border: 0px solid #ccc;} 


input.contact-input-box {
  display: block;
  width:100%;
  min-height: 40px;
  background-color:#e4e4e4;
  border: 1px solid #cfcfcf;
  padding-left:3%;
  box-shadow:none;
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  border-radius:0px;
  font-size:14px;
  font-weight:400;
}


.contact-textarea-box {
  display: block;
  width: 100%;
  min-height: 52px;
  background-color:#e4e4e4;
  border: 1px solid #cfcfcf;
  padding-left:3%;
  padding-top:3%;
  box-shadow:none;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  border-radius:0px;
  font-size:14px;
  font-weight:400;
}


.contactus-form-row {
	margin-bottom:20px;
}

label	{font-weight:700;margin-top:0px;margin-bottom:10px;cursor:default;}

.required-text-footnote	{font-size:11px;padding-left:3px;font-weight:400;}
.required-text		{font-size:11px;padding-left:3px;color:#ff361d;}
.form-err			{font-size:11px;color:#ff361d;}

input.contact-input-box::-webkit-input-placeholder {
	font-size:14px;
	font-weight:400;
}
input.contact-input-box:-moz-placeholder, textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	font-size:14px;
	font-weight:400;
}
input.contact-input-box::-moz-placeholder, textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
	font-size:14px;
	font-weight:400;
}
input.contact-input-box:-ms-input-placeholder, textarea:-ms-input-placeholder { /* Internet Explorer 10+ */
	font-size:14px;
	font-weight:400;
}

.contactinfoblock	{float:left;margin:36px 0px 0px 6.5%;}


/* END CONTACT FORM */


/* FOOTER */

.kenneth-james-fine-art-footer1 {background-color:#000000;min-height:64px;width:100%;position:relative;display:block;padding-top:20px;}
.kenneth-james-fine-art-footer2 {background-color:#414143;min-height:42px;width:100%;position:relative;display:block;padding-top:13px;}

.contact-info-block			{width:100%;float:left;}

/* LINKS */

a.contentlink:link, a.contentlink:visited	{color:#010101;text-decoration:underline;outline:none;border:none;}
a.contentlink:hover, a.contentlink:active 	{color:#fbb91b;text-decoration:underline;outline:none;border:none;}

a.emaillink:link, a.emaillink:visited	{color:#010101;text-decoration:none;outline:none;border:none;}
a.emaillink:hover, a.emaillink:active 	{color:#fbb91b;text-decoration:none;outline:none;border:none;}


/* RESPONSIVE CSS
-------------------------------------------------- */


@media (min-width: 1200px) {
	.colorcode	{color:black;}
}

@media (min-width: 992px) and (max-width: 1199px) {

  .colorcode	{color:#32e9d1;}
  
  .logo-block			{float:left;width:75%;padding-left:0px;}
  .social-media-block	{float:left;width:25%;margin-top:90px;}
  
  .text-content			{float:left;width:60%;}
  .text-content-left	{float:left;width:40%;}
  .text-content-right	{float:left;width:60%;}
  .form-content			{float:left;width:39%;}
  p.intro				{margin:18px 8% 8px 0px;}

}

@media (min-width: 880px) and (max-width: 991px) {

  .colorcode	{color:pink;}
  
  #kenneth-james-fine-art-banner-container	{height:400px;background-image:url('../images/bkg/kenneth-james-fine-art-banner-bkg1080x400.jpg');background-repeat:no-repeat;background-position:top center;}
  
  .logo-block			{float:left;width:75%;padding-left:0px;}
  .social-media-block	{float:left;width:25%;margin-top:15px;}
  
  .text-content			{float:left;width:60%;}
  .form-content			{float:left;width:39%;}
  p.intro				{margin:18px 8% 8px 0px;}
  
   input.contact-input-box 	{width:94%;}
  .contact-textarea-box 	{width:94%;}

}

@media (min-width: 768px) and (max-width: 879px) {

  .colorcode	{color:red;}
  
  #kenneth-james-fine-art-banner-container	{height:400px;background-image:url('../images/bkg/kenneth-james-fine-art-banner-bkg1080x400.jpg');background-repeat:no-repeat;background-position:top center;}
  
  .logo-block			{float:left;width:75%;padding-left:0px;}
  .social-media-block	{float:left;width:25%;margin-top:15px;}
  
  .text-content			{float:left;width:60%;}
  .form-content			{float:left;width:39%;}
  p.intro				{margin:18px 8% 8px 0px;}
  
  .contactus-form	{max-width:222px;}
  input.contact-input-box 	{width:98%;}
  .contact-textarea-box 	{width:98%;}


}


@media (min-width: 700px) and (max-width: 767px) {    

  .colorcode	{color:blue;}
	
	
  #kenneth-james-fine-art-banner-container	{height:400px;background-image:url('../images/bkg/kenneth-james-fine-art-banner-bkg1080x400.jpg');background-repeat:no-repeat;background-position:top center;}
	
  .logo-block			{float:left;width:65%;padding-left:0px;}
  .social-media-block	{float:left;width:35%;margin-top:15px;}
  
 .text-content			{float:left;width:60%;}
  .form-content			{float:left;width:39%;}
  p.intro				{margin:18px 8% 8px 0px;}
  
  .contactus-form	{max-width:222px;}
  input.contact-input-box 	{width:93%;}
  .contact-textarea-box 	{width:93%;}
  
  a.emaillink:link, a.emaillink:visited	{font-size:14px;}
  a.emaillink:hover, a.emaillink:active {font-size:14px;}
  
}

@media (min-width: 589px) and (max-width: 699px) {  

  .colorcode	{color:purple;}
	
  #kenneth-james-fine-art-banner-container	{height:400px;background-image:url('../images/bkg/kenneth-james-fine-art-banner-bkg1080x400.jpg');background-repeat:no-repeat;background-position:top center;}
	
  .logo-block			{float:left;width:65%;padding-left:0px;}
  .social-media-block	{float:left;width:35%;margin-top:15px;}
  
  .text-content			{float:left;width:60%;}
  .form-content			{float:left;width:39%;padding-left:0px;}
  p.intro				{margin:18px 8% 8px 0px;}
  
  .contactus-form		{max-width:222px;}
  p.formheader .goldtext	{font-size:18px;}
  
  input.contact-input-box 	{width:94%;}
  .contact-textarea-box 	{width:94%;}
  .contactinfoblock			{margin-left:5%;}

  
  a.emaillink:link, a.emaillink:visited	{font-size:13px;}
  a.emaillink:hover, a.emaillink:active {font-size:13px;}
  
}


@media (min-width: 480px) and (max-width: 588px) {  

	.colorcode	{color:orange;}
	
	#kenneth-james-fine-art-banner-container	{height:356px;background-image:url('../images/bkg/kenneth-james-fine-art-banner-bkg588x356.jpg');background-repeat:no-repeat;background-position:top center;}
	
	.logo-block			{float:left;width:55%;padding-left:0px;}
    .social-media-block	{float:left;width:45%;margin-top:15px;}


	#kj-logo	{width:90%;height:auto;}	
	
	p.intro		{margin:18px 8% 8px 0px;}
	
	.thankyou-container			{margin-top:20px;}

}

@media (min-width: 400px) and (max-width: 479px) {

	.colorcode	{color:skyblue;}
	
	#kenneth-james-fine-art-banner-container	{height:331px;background-image:url('../images/bkg/kenneth-james-fine-art-banner-bkg479x331.jpg');background-repeat:no-repeat;background-position:top center;}
	
	.logo-block			{float:left;width:50%;padding-left:0px;}
    .social-media-block	{float:left;width:50%;margin-top:15px;}
	
	#kj-logo	{width:100%;height:auto;}
	
	p.intro		{margin:18px 8% 8px 0px;}
	
	.thankyou-container			{margin-top:20px;}
	
}

@media (min-width: 320px) and (max-width: 399px) {

	.colorcode	{color:green;}
	
	#kenneth-james-fine-art-banner-container	{height:234px;background-image:url('../images/bkg/kenneth-james-fine-art-banner-bkg399x234.jpg');background-repeat:no-repeat;background-position:top center;}
	
	.logo-block			{float:left;width:52%;padding-left:0px;}
    .social-media-block	{float:left;width:48%;margin-top:7px;}
	
	.smblock			{float:left;max-width:24px;height:auto;}
	.smblock-pipe		{float:left;max-width:10px;height:auto;}
	
	#kj-logo	{width:100%;height:auto;}
	
	p.intro				{margin:18px 8% 8px 0px;}
	
	input.contact-input-box 	{width:94%;}
   .contact-textarea-box 	{width:94%;}
   .thankyou-container		{margin-top:20px;}

	p.footer1-text		{font-size:18px;}
}

@media (min-width: 0px) and (max-width: 319px) {

	.colorcode	{color:#FFCC99;}
	
	#kenneth-james-fine-art-banner-container	{height:147px;background-image:url('../images/bkg/kenneth-james-fine-art-banner-bkg319x147.jpg');background-repeat:no-repeat;background-position:top center;}
	
	.logo-block			{float:left;width:52%;padding-left:0px;}
    .social-media-block	{float:left;width:48%;margin-top:2px;}
	
	.smblock			{float:left;max-width:20px;height:auto;}
	.smblock-pipe		{float:left;max-width:2px;height:auto;}
	
	#kj-logo	{width:100%;height:auto;}
	
	p.intro				{margin:18px 8% 8px 0px;}
	
	p.formheader .goldtext	{font-size:16px;}

	input.contact-input-box 	{width:94%;}
   .contact-textarea-box 		{width:94%;}
   .thankyou-container			{margin-top:20px;}
   
   p.footer1-text		{font-size:14px;}
   
   a.emaillink:link, a.emaillink:visited	{font-size:13px;}
   a.emaillink:hover, a.emaillink:active 	{font-size:13px;}


}