/*
##################################################
# Project ID    : 20150918-907
# Reference     : JR Goodwin
# Latest update : September 22, 2015
##################################################
*/

/* #Site Styles
================================================== */

/* ### general ### */
* { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html,body { font-family: Arial; font-size: 12px; color: #000; }
input,select,textarea { font-family: Arial; font-size: 12px; color: #000; }
body { background: #fff; }
img { border: 0; display: block; }
ul,li { list-style: none; }
:focus { outline: none; }

/* ### global classes ### */
.clear { clear: both; visibility: hidden; line-height: 0; height: 0; }
.center { margin: 0 auto; max-width: 980px; position: relative; }

/* ### wrapper ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%; }

	/* ### main container ### */
	#mainCntr { width: 100%; }

	/* ### header container ### */
	#headerCntr { position: relative; width: 100%; height: 166px; background: url(../images/header_bg.png) no-repeat center 0; }
	#headerCntr .logo { position: absolute; top: 36px; left: 0; width: 100%; text-align: center; }
	#headerCntr .logo img { max-width: 100%; display: inline; }
	#headerCntr h1 { color: #f89a39; font-size: 22px; font-weight: 400; position: absolute; top: 128px; left: 0; width: 100%; text-align: center; letter-spacing: 2px; }

	/* ### content container ### */
	#contentCntr { width: 100%; padding: 29px 0 0; background: url(../images/stethoscope.jpg) no-repeat center 100px; }

		/* ### examples box ### */
		.examplesBox { width: 100%; padding-bottom: 78px; }
		.examplesBox h2 { padding-left: 60px; background: #f89a39 url(../images/heading_bg.png) no-repeat; line-height: 54px; height: 54px; margin-bottom: 15px; font-size: 30px; color: #fff; }
		.examplesBox ul { padding: 0 230px 0 62px; }
		.examplesBox li { margin-bottom: 10px; color: #28292a; line-height: 20px; font-size: 15px; }
		.examplesBox li span { color: #459db2; font-size: 16px; text-transform: uppercase; }
		.examplesBox li:last-child { padding-right: 272px; }
		.examplesBox .practice { width: 410px; background: rgba(255,255,255,0.8); padding: 7px 9px 8px 12px; border: 1px solid #63a7bb; -webkit-border-radius: 0 20px 0 20px; border-radius: 0 20px 0 20px; position: relative; float: right; margin-right: 120px; margin-top: -15px; }
		.examplesBox .practice img.arrow { position: absolute; bottom: -14px; right: 70px; }
		.examplesBox .practice img.girl { position: absolute; bottom: -78px; right: -59px; }
		.examplesBox .practice p { color: #28292a; font-size: 13px; line-height: 17px; }
		.examplesBox .practice p.gap { margin-bottom: 24px; }
		.examplesBox .practice p strong { font-style: italic; }
		.examplesBox .practice p span { display: block; font-size: 14px; text-transform: uppercase; font-weight: 700; }

		/* ### nursing box ### */
		.nursingBox { width: 100%; padding-left: 22px; margin-bottom: 53px; }
		.nursingBox .top { background: #459db2 url(../images/top_bg.png) no-repeat; padding: 10px 36px 30px 146px; margin-bottom: 28px; position: relative; }
		.nursingBox .top h3 { color: #fff; font-size: 25px; line-height: 34px; font-weight: 400; letter-spacing: 1px; }
		.nursingBox .top h3 strong.one { font-size: 28px; padding: 0 6px; }
		.nursingBox .top h3 strong.two { font-size: 28px; color: #28292a; padding: 0 6px; }
		.nursingBox .top h3 strong.three { font-size: 28px; color: #f89a39; padding: 0 6px; }
		.nursingBox .top h3 span { font-size: 21px; padding-left: 30px; letter-spacing: 0; margin-top: -4px; display: inline-block; }
		.nursingBox .practice { width: 232px; background: rgba(255,255,255,0.8); padding: 8px 6px 7px 12px; border: 1px solid #fcc385; -webkit-border-radius: 20px 20px 0 20px; border-radius: 20px 20px 0 20px; position: relative; margin-left: 124px; }
		.nursingBox img.arrow { position: absolute; bottom: 20px; right: -19px; }
		.nursingBox img.boy { position: absolute; bottom: -54px; right: -121px; }
		.nursingBox .practice p { color: #28292a; font-size: 13px; line-height: 17px; }
		.nursingBox .practice p.gap { margin-bottom: 24px; }
		.nursingBox .practice p strong { font-style: italic; }
		.nursingBox .practice p span { display: block; font-size: 14px; text-transform: uppercase; font-weight: 700; }
		.nursingBox img.arrow2 { display: none; }
		.nursingBox .quote1 { position: absolute; top: -70px; left: 50px; }
		.nursingBox .quote2 { position: absolute; bottom: -76px; right: 20px; }

		/* ### what box ### */
		.whatBox { width: 100%; padding-right: 47px; margin-bottom: 43px; }
		.whatBox h4 { color: #fff; font-size: 26px; text-transform: uppercase; background: #28292a url(../images/heading_bg2.png) no-repeat right; line-height: 54px; text-align: center; margin-bottom: 19px; }
		.whatBox .photo { width: 100%; text-align: center; }
		.whatBox .photo img { display: inline; }

		/* ### type box ### */
		.typeBox { width: 100%; margin-bottom: 24px; }
		.typeBox h5 { color: #fff; font-size: 26px; background: #f89a39 url(../images/heading_bg3.png) no-repeat; line-height: 54px; padding-left: 51px; margin-bottom: 32px; }
		.typeBox ul { padding: 0 116px 0 64px; }
		.typeBox li { margin-bottom: 10px; color: #28292a; line-height: 20px; font-size: 15px; }
		.typeBox li span { color: #459db2; font-size: 16px; text-transform: uppercase; display: block; }

		/* ### program box ### */
		.programBox { width: 100%; margin-bottom: 38px; padding: 0 60px 0 263px; }
		.programBox h6 { color: #459db2; font-size: 18px; margin-bottom: 18px; text-align: center; font-weight: 400; text-transform: uppercase; }
		.programBox .data { width: 100%; background: rgba(255,255,255,0.8); padding: 10px 12px 9px 10px; border: 1px solid #f4ac60; -webkit-border-radius: 20px 20px 20px 0; border-radius: 20px 20px 20px 0; }
		.programBox table { border-spacing: 0; width: 100%; }
		.programBox tbody tr td { padding: 7px 0; border-bottom: 1px solid #459db2; border-right: 1px solid #459db2; line-height: 20px; font-size: 15px; text-transform: uppercase; }
		.programBox img { display: inline; }
		.programBox .col1 { width: 18%; }
		.programBox .col2 { width: 24%; text-align: center; }
		.programBox .col3 { width: 32%; text-align: center; }
		.programBox .col4 { width: 14%; text-align: center; }
		.programBox .col5 { width: 12%; text-align: center; }
		.programBox tbody tr td.col5 { border-right: 0; padding-bottom: 14px; }
		.programBox tbody tr td.col1.first { vertical-align: bottom; }
		.programBox tbody tr.last td { border-bottom: 0; }
		.programBox .program { display: none; }

		/* ### profession box ### */
		.professionBox { width: 100%; padding: 0 60px; margin-bottom: 52px; }
		.professionBox .profession { float: left; width: 60%; border: 1px solid #76afc1; padding: 9px 22px 8px 11px; -webkit-border-radius: 20px 0 20px 20px; border-radius: 20px 0 20px 20px; position: relative; }
		.professionBox p { color: #28292a; font-size: 13px; line-height: 17px; }
		.professionBox p.gap { margin: 32px 0 0 86px; }
		.professionBox p strong { font-style: italic; }
		.professionBox p span { font-weight: 700; }
		.professionBox img.arrow { position: absolute; bottom: -14px; left: 198px; }
		.professionBox img.girl {
	position: absolute;
	bottom: -53px;
	left: -6px;
}
		.professionBox .photo { float: right; margin-top: 52px; }

	/* ### contact container ### */
	#contactCntr { width: 100%; background: #459db2; padding: 10px 0 7px; }
	#contactCntr p.title { text-align: center; margin-bottom: 5px; color: #fff; font-size: 18px; text-transform: uppercase; letter-spacing: 1px; }
	#contactCntr ul { padding-left: 54px; overflow: hidden; }
	#contactCntr li { float: left; margin-right: 104px; color: #fff; text-transform: uppercase; }
	#contactCntr li.gap { margin-right: 124px; }
	#contactCntr li:last-child { margin-right: 0; }
	#contactCntr li img { display: inline; vertical-align: middle; margin-right: 15px; }
	#contactCntr li a { color: #fff; text-decoration: none; }
	#contactCntr li a:hover { text-decoration: underline; }
	#contactCntr address { display: none; }

	/* ### footer container ### */
	#footerCntr { overflow: hidden; width: 100%; height: 29px; background: #28292a; }
	#footerCntr p { color: #fff; font-size: 13px; text-align: center; line-height: 29px; }

/* #Media Queries
================================================== */

@media only screen and (max-width: 979px) {

	.center { padding: 0 8px; }
	.examplesBox li:last-child { padding-right: 0; }
	.examplesBox .practice { margin-top: 0; }
	.nursingBox .top { background: #459db2; padding-left: 30px; }
	.nursingBox { margin-top: -1px; }
	.programBox { padding: 0; }
	#contentCntr { background: url(../images/stethoscope.jpg) no-repeat center 100px; background-size: 100%; }
	.nursingBox .quote1 { width: 100px; top: -53px; }
	.nursingBox .quote2 { width: 100px; bottom: -56px; }

}

@media only screen and (max-width: 767px) {

	.examplesBox ul { padding-right: 60px; }
	.examplesBox .practice { margin-right: 50px; }
	.nursingBox { padding-left: 0; }
	.nursingBox .top h3 strong.one { font-size: 24px; }
	.nursingBox .top h3 strong.two { font-size: 24px; }
	.nursingBox .top h3 strong.three { font-size: 24px; }
	.nursingBox .top h3 { font-size: 21px; line-height: 26px; }
	.nursingBox .practice { margin-left: 80px; }
	.whatBox h4 { font-size: 21px; background: #28292a; }
	.whatBox { padding-right: 0; }
	.whatBox .photo img { width: 100%; }
	.whatBox .photo { padding: 0 30px; }
	.typeBox h5 { font-size: 20px; background: #f89a39; padding-left: 30px; }
	.typeBox ul { padding: 0 30px; }
	.programBox tbody tr td { font-size: 13px; line-height: 18px; }
	.professionBox .photo { float: none; width: 100%; margin-top: 0; margin-bottom: 20px; text-align: center; }
	.professionBox .photo img { display: inline; }
	.professionBox { padding: 0; }
	.professionBox .profession { float: none; width: 100%; padding-right: 11px; }
	#contactCntr ul { display: none; }
	#contactCntr address { display: block; color: #fff; line-height: 34px; font-style: normal; }
	#contactCntr address span { float: left; width: 50px; }
	#contactCntr address a { color: #fff; text-decoration: none; }
	#contactCntr address a:hover { text-decoration: underline; }
	#contactCntr p.title { margin-bottom: 10px; }
	.nursingBox .quote1 { width: 70px; top: -35px; left: 20px; }
	.nursingBox .quote2 { width: 70px; bottom: -36px; }

}

@media only screen and (max-width: 479px) {

	#headerCntr .logo { padding: 0 30px; top: 50px; }
	#headerCntr h1 { font-size: 15px; }
	.examplesBox h2 { font-size: 15px; line-height: 35px; height: 35px; background: #f89a39; padding-left: 15px; }
	.examplesBox ul { padding: 0; }
	.examplesBox .practice { width: 100%; margin-right: 0; float: left; }
	.examplesBox .practice img.girl { width: 70px; right: -4px; }
	.nursingBox .top { padding: 15px 10px; }
	.nursingBox .top h3 strong.one { font-size: 20px; }
	.nursingBox .top h3 strong.two { font-size: 20px; }
	.nursingBox .top h3 strong.three { font-size: 20px; }
	.nursingBox .top h3 { font-size: 16px; line-height: 22px; }
	.nursingBox .practice { margin-left: 0; width: 100%; }
	.nursingBox img.arrow { display: none; }
	.nursingBox img.arrow2 { position: absolute; bottom: -21px; right: 50px; display: block; }
	.nursingBox img.boy { right: 72px; bottom: -95px; width: 70px!important; }
	.nursingBox { margin-bottom: 94px; }
	.whatBox h4 { font-size: 15px; line-height: 35px; height: 35px; }
	.whatBox { margin-bottom: 20px; }
	.typeBox h5 { padding-left: 10px; font-size: 14px; line-height: 35px; height: 35px; }
	.typeBox ul { padding: 0; }
	.typeBox li { font-size: 14px; }
	.typeBox li span { font-size: 14px; }
	.programBox table { display: none; }
	.programBox .program { display: block; }
	.programBox span.head { text-align: center; color: #000; font-weight: 700; font-size: 13px; line-height: 20px; display: block; margin-bottom: 10px; }
	.programBox .row { padding: 15px 0; border-bottom: 1px solid #000; }
	.programBox .row.gap { border-bottom: 0; }
	.programBox span.content { text-align: center; font-size: 13px; line-height: 20px; display: block; }
	.programBox span.content img { display: inline; }
	.professionBox img.girl { width: 70px; }
	.professionBox img.arrow { left: 110px; }

}