

/* Defaults */
body,html { margin:0;padding:0; }
body  { font-size:16px;font-family:arial;color:#000000;background:#ffffff; }

h1, h2, h3, h4, h5, h6  { padding:0;margin-top:0; }

p  { margin-top:0;margin-bottom:2.5%; }
ul, ol { padding:0 0 0 0;margin:0 0 3% 3%; }
li { padding:0;margin:0 0 4px 2%; }
span { margin:0;padding:0; }

table { border-collapse:collapse;border-spacing:0; }

/* Hyperlinks */
a:link, a:visited  { text-decoration: none; }
a:hover  { text-decoration: underline; }

h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited,
h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited  { text-decoration:none; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover  { text-decoration:underline; }

/* FONT FAMILY */
@font-face { font-family:bell;src: url(../fonts/bell.woff) format('woff'), url(../fonts/bell.ttf) format('truetype'); }
@font-face { font-family:bellb;src: url(../fonts/bellb.woff) format('woff'), url(../fonts/bellb.ttf) format('truetype'); }
@font-face { font-family:gotham-bold;src: url(../fonts/gotham-bold.woff) format('woff'), url(../fonts/gotham-bold.ttf) format('truetype'); }
@font-face { font-family:gotham-boldita;src: url(../fonts/gotham-boldita.woff) format('woff'), url(../fonts/gotham-boldita.ttf) format('truetype'); }
@font-face { font-family:gotham-black;src: url(../fonts/gotham-black.woff) format('woff'), url(../fonts/gotham-black.ttf) format('truetype'); }
@font-face { font-family:gotham-blackita;src: url(../fonts/gotham-blackita.woff) format('woff'), url(../fonts/gotham-blackita.ttf) format('truetype'); }
@font-face { font-family:gotham-bookita;src: url(../fonts/gotham-bookita.woff) format('woff'), url(../fonts/gotham-bookita.ttf) format('truetype'); }
@font-face { font-family:gotham-medium;src: url(../fonts/gotham-medium.woff) format('woff'), url(../fonts/gotham-medium.ttf) format('truetype'); }
@font-face { font-family:gotham-mediumita;src: url(../fonts/gotham-mediumita.woff) format('woff'), url(../fonts/gotham-mediumita.ttf) format('truetype'); }
@font-face { font-family:Vani;src: url(../fonts/Vani.woff) format('woff'), url(../fonts/Vani.ttf) format('truetype'); }
@font-face { font-family:Vanib;src: url(../fonts/Vanib.woff) format('woff'), url(../fonts/Vanib.ttf) format('truetype'); }

/* SITE STRUCTURE */
.pagewrap  { max-width:900px;width:98%;margin:0 auto 2%;padding:0; }

/* HEADER */
.header  { padding:1% 0 1% 0;margin:0;position:relative;
	background:transparent url(https://d20xo4joih56kb.cloudfront.net/images/14day/01/topborder2.png) left bottom repeat-x; }
.logoheader { float:left;max-width:279px;width:35%;text-align:center; }
.top_l { float:right; }
.contactheader { font-size:13px;font-weight:bold;color:#999999;text-align:right;margin-top:0px;margin-right:5px; }
.socialmedia { text-align:right;padding:0; }
.socialmedia span { padding:0;margin:0; }
.socialmedia_no_count { display:none;text-align:center; }

/* FOOTER */
.footer { font-size:12px;color:#515151;text-align:center;padding:0.5% 2% 0.5%;margin:0 0 2%;border-top:#cccccc solid 1px;border-bottom:#cccccc solid 1px; }
.footer_content_wrap { max-width:900px;text-align:left;margin:0 auto 0; }
.logofooter { display:inline-block;width:8%;text-align:center;padding:0 2% 0 1%;margin:0 0 0 1%;vertical-align:middle;border-right:#e0e0e0 solid 1px; }
.co_desc { display:inline-block;width:86%;padding:0;margin-left:1%;text-align:left;vertical-align:middle; }
.footercontact { margin-bottom:2%; }
.footeraddr, .footernum, .footeremail, .copyright { display:inline-block; }
.midfootlinks { margin:0; }
.rightsres { display:inline-block;margin-right:2%; }
.footerlinks { display:inline-block; }
.footerlinks a { font-weight:bold;color:#71400c; }

/* CONTENT */
.page_content { padding:0 0 0 0;margin:0 auto;position:relative;z-index:5;
	background:url(https://d20xo4joih56kb.cloudfront.net/images/14day/01/content_bg.jpg) top left repeat-x;
	border:#ffffff solid 4px;box-shadow:0 3px 7px #a3a1a1; }
.wrapinnertop { padding:0;margin:0;position:relative;z-index:7;
	background:url(https://d20xo4joih56kb.cloudfront.net/images/14day/01/content_top_bg.png) top right no-repeat;
	background-size:100% auto; }
.wrapcontent { padding:3% 0 2%;margin:0;background:url(https://d20xo4joih56kb.cloudfront.net/images/14day/01/content_btm_bg.png) bottom left no-repeat;
	background-size:100% auto; }
.sec_2r { padding:0 5%;margin:0; }

.headlinepanel { font-size:20pt;font-weight:bold;font-family:bellb,arial;color:#000;text-align:center;text-transform:uppercase;
	padding:1.4% 0 0.7%;margin:0 0 0.4%;border-top:#000000 solid 4px;border-bottom:#cccccc double 4px; }
.borderdes1 { max-width:66px;width:20%;margin:0 auto; }
.author { font-size:18px;font-family:bell;color:#717171;text-align:right;margin:0 0 4%; }

.bl_gray { font-weight:bold;color:#ffffff;padding:0 3px 1px;background:#ababab; }
.borderline4 { height:1px;margin:0 4% 4%;border-bottom:#cccccc solid 1px; }

h2 { font-size:17pt;font-family:bellb,arial;color:#000;text-align:center;margin:0 -2% 1.5%; }
.wrapgrp { margin:0 0 2%; }
.wrapgrp p:last-of-type { margin-bottom:0; }
.grpimg { display:inline-block;max-width:182px;width:22.7%;margin-right:2%;vertical-align:middle; }
.grptext { display:inline-block;width:72.5%;vertical-align:middle; }

.step_sec { padding:2.5% 4% 1.5%;margin:0 0 3%;background:#fff3e9;border-bottom:#cdcdcd solid 1px; }
p.step_title { font-size:16pt;font-weight:bold;font-style:italic;font-family:bell;text-decoration:underline;margin: 0 0 2.5%; }
p.step_desc { margin:0 0 2.5% 8%; }

.next_prev_navi { padding:1% 2% 1%;margin:0 0 3%;border-top:#dfdede solid 1px;border-bottom:#dfdede solid 1px; }
a.btnnext_art { float:right;max-width:125px;width:35%; }



/* COLOR */
.orange { color:#ff6600; }
.brown { color:#583005; }
.red { color:#ff0000; }
.gray3 { color:#333333; }
.green { color:#4b7a00; }
.yelor { color:#fff6ad; }

/* MARGIN */
.mbtm0, p.mbtm0 { margin-bottom:0; }
.mbtm1, p.mbtm1 { margin-bottom:1%; }
.mbtm2, p.mbtm2 { margin-bottom:2%; }
.mbtm3, p.mbtm3 { margin-bottom:3%; }
.mbtm4, p.mbtm4 { margin-bottom:4%; }
.mbtm5, p.mbtm5 { margin-bottom:5%; }
.mbtm7, p.mbtm7 { margin-bottom:7%; }

/* PADDING */

/* MISC */
.center { text-align:center; }
.centerblk { margin-left:auto;margin-right:auto; }
.clearsides { clear:both; }
.clear_sep { height:1px;margin-bottom:3%;clear:both; }
.img { width:100%; }
.inblk { display:inline-block; }
.floatL { float:left; }
.floatR { float:right; }
.halfblk { width:49%; }
.width30 { width:30%; }
.arial { font-family:arial; }
.testdiv { height:100px;border:#e3830e solid 1px; }


@media all and (max-width:1100px){
}
@media all and (max-width:1000px){
	.textgrphd br { display:none; }
	
	.lnkstep1wrap { margin:0 0 5.5%; }
	.btmlinkshdwleft, .btmlinkshdwright { display:none; }
}
@media all and (max-width:900px){
	.headlinepanel br { display:none; }
	
	.imglogo, .credtitle { vertical-align:top;margin-bottom:3%; }
}
@media all and (max-width:800px){
	.grpimg, .grptext { vertical-align:top; }
}
@media all and (max-width:700px){
	p  { margin-bottom:3%; }
	
	.logoheader { float:none;text-align:center;width:70%;margin:0 auto 1%; }
	.top_l, .contactheader, .socialmedia { float:none;text-align:center;margin-bottom:1%; }
	.logofooter { display:block;width:auto;max-width:73px;padding:0 2%;margin:0 auto 1%;border-right:none; }
	.co_desc { display:block;width:auto;padding:0;margin:0 0 1%;text-align:center; }
	
	.headlinepanel { font-size:18pt; }
	.author { font-size:16px; }
	
	h2 { font-size:16pt; }
	
	.grpimg { display:block;float:left; }
	.grptext { display:block;width:auto; }
	
	p.step_title { font-size:14pt; }

}
@media all and (max-width:600px){
	p  { margin-bottom:4%; }
	
	.contactheader { font-size:12px; }
	
	.author { text-align:center; }
}
@media all and (max-width:500px){
	body  { font-size:14px; }
	p  { margin-bottom:5%; }
	
	.contactheader { font-size:11px; }
	.socialmedia_count { display:none; }
	.socialmedia_no_count { display:block; }
	.socialmedia2 img, .socialmedia2 span { padding:0;margin:0; }
	
	.headlinepanel { font-size:16pt; }
	.author { font-size:14px; }
	
	h2 { font-size:14pt; }
	
	p.step_title { font-size:12pt; }
	p.step_desc { margin-left:0; }
	
}
@media all and (max-width:400px){
	body  { font-size:13px; }
	
	.contactheader { font-size:10px; }
	
	.headlinepanel { font-size:14pt; }
	
	.grpimg { display:block;float:left;margin-right:4%; }
}
@media all and (max-width:350px){
	.contactheader { font-size:8px; }
	.contactheader span.newln { display:block; }
	.footer { font-size:10px; }
	.logofooter { max-width:65px; }
	
	.headlinepanel { font-size:12pt; }
	.author { font-size:12px; }
	
	h2 { font-size:11pt; }
	
	p.step_title { font-size:11pt; }
	
}





