/********[ THIRD PARTY ]*****************************************************************************/
@font-face {
	font-family	:	'gill';
	src			:	url('../styles/gill_sans_mt_light.ttf');
	font-weight	:	normal;
	font-style	:	normal;
}
/********[ THIRD PARTY ]*****************************************************************************/


/********[ STANDARD PRIMATIVES ]*********************************************************************/
body {
	margin			:	0;
	padding			:	0;
	line-height		:	0;
	background		:	#F2F3F5;
}
h1, h2, h3 {
	margin			:	0;
	padding			:	0 20px 20px 20px;
	color			:	#284172;
	font-family		:	gill, arial, sans-serif;
	font-size		:	36px;
	font-weight		:	700;
	line-height		:	36px;
	text-align		:	left;
}
h1 {
	padding			:	20px 20px 20px 20px;
}
h2 {
	font-size		:	24px;
	line-height		:	24px;
}
h3 {
	font-size		:	20px;
	line-height		:	20px;
}
p {
	margin			:	0;
	padding			:	0 20px 20px 20px;
	color			:	#284172;
	font-family		:	gill, arial, sans-serif;
	font-size		:	18px;
	font-weight		:	400;
	line-height		:	22px;
	text-align		:	left;
}
p > a {
	color			:	#c55e55;
	font-family		:	gill, arial, sans-serif;
	font-size		:	inherit;
	font-weight		:	inherit;
	line-height		:	inherit;
	text-decoration	:	none;
}
p > a:hover {
	text-decoration	:	underline;
}
ul {
    margin			:	0;
	padding			:	0 20px 20px 35px;
    list-style-type	:	square;
}
ul > li {
    margin			:	0;
	padding			:	0 0 0 5px;
	color			:	#284172;
	font-family		:	gill, arial, sans-serif;
	font-size		:	18px;
	font-weight		:	400;
	line-height		:	22px;
	text-align		:	left;
}
ul > li > a {
	color			:	#c55e55;
	font-family		:	gill, arial, sans-serif;
	font-size		:	inherit;
	font-weight		:	inherit;
	line-height		:	inherit;
	text-decoration	:	none;
}
ul > li > a:hover {
	text-decoration	:	underline;
}
/********[ STANDARD PRIMATIVES ]*********************************************************************/


/********[ CONSTANT PRIMATIVES ]*********************************************************************/
.wrapper {
	margin			:	0 auto;
	width			:	1000px;
}
.cl {
	clear			:	both;
}
.sps_button {
	display			:	inline-block;
	margin			:	0;
	padding			:	12px 15px;
	border			:	none;
	border-radius	:	10px;
	background		:	#284172;
	color			:	#f2f3f5;
	font-size		:	14px;
	font-weight		:	400;
	font-family		:	gill, arial, sans-serif;
	line-height		:	14px;
	text-decoration	:	none;
	cursor			:	pointer;
}
.sps_button:hover {
	background		:	#c55e55;
	color			:	#FFF;
	text-decoration	:	none;
}
/********[ CONSTANT PRIMATIVES ]*********************************************************************/


/********[ WEBSITE DESIGN - HEADER 1 - DATA BAR ]****************************************************/
.data_bar {
	background		:	#284172;
}
.data_bar > div > div {
	color			:	#f2f3f5;
	font-family		:	gill, arial, sans-serif;
	font-weight		:	700;
	font-size		:	16px;
	line-height		:	16px;
}
.data_bar > div > div:nth-child(1) {
	float			:	left;
	padding			:	10px 0px 10px 20px;
}
.data_bar > div > div:nth-child(2) {
	float			:	right;
	padding			:	10px 20px 10px 0px;
}
/********[ WEBSITE DESIGN - HEADER 1 - DATA BAR ]****************************************************/


/********[ WEBSITE DESIGN - HEADER 2 - NAV BAR ]*****************************************************/
.nav_bar {
}
.nav_bar > div > a {
}
.nav_bar > div > a > img {
	padding			:	20px;
	width			:	180px;
}
.nav_bar > div > ul {
	float			:	right;
	margin			:	0;
	padding			:	0;
	list-style-type	:	none;
}
.nav_bar > div > ul > li {
	float			:	left;
	margin			:	0;
	padding			:	0;
}
.nav_bar > div > ul > li > a {
	display			:	block;
	margin			:	45px 20px 0 0;
	padding			:	11px 24px;
	border-radius	:	10px;
	text-decoration	:	none;
	background		:	#284172;
	color			:	#f2f3f5;
	font-family		:	gill, arial, sans-serif;
	font-weight		:	700;
	font-size		:	18px;
	line-height		:	18px;
	text-align		:	center;
}
.nav_bar > div > ul > li > a:hover {
	background		:	#c55e55;
	color			:	#FFF;
}
/********[ WEBSITE DESIGN - HEADER 2 - NAV BAR ]*****************************************************/


/********[ WEBSITE DESIGN - BODY CONTENT ]***********************************************************/
.page_content {
}
.page_content > div {
	margin			:	0 0 40px 0;
}
.page_content img {
	margin			:	20px;
	padding			:	0;
	width			:	calc(100% - 40px);
}
.service_feature > div {
	float			:	left;
	margin			:	10px;
	padding			:	10px;
	width			:	calc(50% - 40px);
	background		:	#E9E9E9;
}
/********[ WEBSITE DESIGN - BODY CONTENT ]***********************************************************/


/********[ WEBSITE DESIGN - FOOTER 1 - NAV BAR ]*****************************************************/
.footer_nav {
	background		:	#284172;
}
.footer_nav > div > div {
	float			:	left;
	padding			:	20px 50px 10px 0;
}
.footer_nav > div > div > h3 {
	color			:	#FFF;
}
.footer_nav > div > div > ul {
	margin			:	0;
	padding			:	0;
	list-style-type	:	none;
}
.footer_nav > div > div > ul > li {
	margin			:	0;
	padding			:	0 20px 10px 20px;
	color			:	#f2f3f5;
	font-family		:	gill, arial, sans-serif;
	font-size		:	14px;
	font-weight		:	700;
	line-height		:	14px;
	text-align		:	left;
}
.footer_nav > div > div > ul > li > a {
	margin			:	0;
	padding			:	0;
	color			:	#f2f3f5;
	text-decoration	:	none;
	border-radius	:	10px;
}
.footer_nav > div > div > ul > li > a:hover {
	color			:	#FFF;
	text-decoration	:	underline;
}
/********[ WEBSITE DESIGN - FOOTER 1 - NAV BAR ]*****************************************************/


/********[ WEBSITE DESIGN - FOOTER 2 - DATA BAR ]****************************************************/
.footer_data {
	background		:	#162440;
}
.footer_data > div > div {
	padding			:	10px 0 10px 20px;
	color			:	#f2f3f5;
	font-family		:	gill, arial, sans-serif;
	font-size		:	12px;
	font-weight		:	700;
	line-height		:	12px;
}
/********[ WEBSITE DESIGN - FOOTER 2 - DATA BAR ]****************************************************/


/********[ WEBSITE DESIGN - QUICK SEARCH ]***********************************************************/
.quick_search {
	padding			:	0 0 20px 0;
}
.quick_search form > div {
	margin			:	0 20px 0 0;
	float			:	left;
}
.quick_search form {
	margin			:	0 20px 30px 20px;
	padding			:	0;
}
.quick_search label {
	margin			:	0;
	padding			:	0 0 10px 0;
	display			:	inline-block;
	color			:	#284172;
	font-family		:	gill, arial, sans-serif;
	font-size		:	18px;
	font-weight		:	700;
	line-height		:	18px;
	text-align		:	left;
}
.quick_search input {
	display			:	inline-block;
	margin			:	0;
	padding			:	10px 8px;
	width			:	200px;
	height			:	18px;
	outline			:	0;
	border-top		:	1px solid #284172;
	border-right	:	1px solid #284172;
	border-bottom	:	1px solid #284172;
	border-left		:	1px solid #284172;
	border-radius	:	2px 0 0 2px;
	background		:	#FFF;
	color			:	#666;
	font-size		:	14px;
	font-weight		:	400;
	font-family		:	gill, arial, sans-serif;
	line-height		:	18px;
	box-shadow		:	inset 2px 2px 4px rgba(0,0,0,0.5);
	transition		:	all 0.2s linear;
}
.quick_search select {
	display			:	inline-block;
	margin			:	0;
	padding			:	10px 8px;
	width			:	200px;
	height			:	auto;
	outline			:	0;
	border-top		:	1px solid #284172;
	border-right	:	1px solid #284172;
	border-bottom	:	1px solid #284172;
	border-left		:	1px solid #284172;
	border-radius	:	2px 0 0 2px;
	color			:	#666;
	font-size		:	14px;
	font-weight		:	400;
	font-family		:	gill, arial, sans-serif;
	line-height		:	18px;
	box-shadow		:	inset 2px 2px 4px rgba(0,0,0,0.5);
	transition		:	all 0.2s linear;
}
.quick_search textarea {
	display			:	inline-block;
	margin			:	0;
	padding			:	10px 8px;
	width			:	425px;
	height			:	150px;
	outline			:	0;
	border-top		:	1px solid #284172;
	border-right	:	1px solid #284172;
	border-bottom	:	1px solid #284172;
	border-left		:	1px solid #284172;
	border-radius	:	2px 0 0 2px;
	color			:	#666;
	font-size		:	14px;
	font-weight		:	400;
	font-family		:	gill, arial, sans-serif;
	line-height		:	18px;
	box-shadow		:	inset 2px 2px 4px rgba(0,0,0,0.5);
	transition		:	all 0.2s linear;
}
.quick_search button {
	display			:	inline-block;
	margin			:	28px 0 0 0;
	padding			:	12px 15px;
	border			:	none;
	border-radius	:	10px;
	background		:	#284172;
	color			:	#f2f3f5;
	font-size		:	14px;
	font-weight		:	400;
	font-family		:	gill, arial, sans-serif;
	line-height		:	14px;
	text-decoration	:	none;
	cursor			:	pointer;
}
.quick_search button:hover {
	background		:	#c55e55;
	color			:	#FFF;
}
/********[ WEBSITE DESIGN - QUICK SEARCH ]***********************************************************/


/********[ RESPONSIVE ]******************************************************************************/

	/********[ CONSTANT PRIMATIVES ]********/
	/* TAB */
	@media screen and (max-width:1020px){
		.wrapper {
			width			:	auto;
		}
	}
	/* TAB */
	/********[ CONSTANT PRIMATIVES ]********/

	/********[ WEBSITE DESIGN - HEADER 1 - DATA BAR ]********/
	/* TAB */
	@media screen and (max-width:1020px){
		.data_bar > div > div {
			font-size		:	14px;
			line-height		:	14px;
		}
	}
	/* TAB */

	/* MOB */
	@media screen and (max-width:500px){
		.data_bar > div > div {
			font-size		:	12px;
			line-height		:	10px;
		}
	}
	@media screen and (max-width:350px){
		.data_bar > div > div {
			width			:	100%;
			text-align		:	center;
		}
		.data_bar > div > div:nth-child(1) {
			padding			:	10px 0px;
		}
		.data_bar > div > div:nth-child(2) {
			display			:	none;
		}
		.data_bar > div > div:nth-child(3) {
			display			:	none;
		}
	}
	/* MOB */
	/********[ WEBSITE DESIGN - HEADER 1 - DATA BAR ]********/

	/********[ WEBSITE DESIGN - HEADER 2 - NAV BAR ]********/
	/* TAB */
	@media screen and (max-width:1020px){
		.nav_bar > div > a > img {
			width			:	300px;
		}
		.nav_bar > div > ul > li > a {
			margin			:	40px 20px 0 0;
			padding			:	9px 24px;
			font-size		:	16px;
			line-height		:	16px;
		}
	}
	@media screen and (max-width:830px){
		.nav_bar > div > a {
			float			:	none;
		}
		.nav_bar > div > ul {
			float			:	none;
		}
		.nav_bar > div > ul > li > a {
			margin			:	0 0 0 20px;
			padding			:	9px 24px;
			font-size		:	16px;
			line-height		:	16px;
		}
	}
	/* TAB */

	/* MOB */
	@media screen and (max-width:500px){
		.nav_bar > div > a > img {
			padding			:	20px;
			width			:	calc(100% - 40px);
		}
		.nav_bar > div > ul {
			float			:	none;
			margin			:	0;
			padding			:	0;
			list-style-type	:	none;
		}
		.nav_bar > div > ul > li {
			float			:	none;
			margin			:	0;
			padding			:	0;
		}
		.nav_bar > div > ul > li > a {
			margin			:	0 0 0 0;
			border-radius	:	0px;
		}
	}
	/* MOB */
	/********[ WEBSITE DESIGN - HEADER 2 - NAV BAR ]********/

	/********[ WEBSITE DESIGN - HOME - SELF NAV ]********/
	/* TAB */
	@media screen and (max-width:700px){
		.self_nav {
			display			:	none;
		}
	}
	/* TAB */
	/********[ WEBSITE DESIGN - HOME - SELF NAV ]********/

	/********[ WEBSITE DESIGN - HOME - QUICK SEARCH ]********/
	/* TAB */
	@media screen and (max-width:900px){
		.quick_search form > div {
			margin			:	0 20px 20px 0;
		}
	}
	@media screen and (max-width:700px){
		.quick_search {
			margin			:	20px 0 0 0;
		}
		.quick_search form > div {
			margin			:	0 auto 20px auto;
			float			:	none;
			width			:	100%;
			text-align		:	center;
		}
	}
	/* TAB */
	/********[ WEBSITE DESIGN - HOME - QUICK SEARCH ]********/

	/********[ WEBSITE DESIGN - HOME - QUICK LOOK ]********/
	/* TAB */
	@media screen and (max-width:700px){
		.quick_look {
			margin			:	0;
			padding			:	20px 0 0 0;
		}
		.quick_look > div > div {
			margin			:	20px 0 0 0;
			width			:	100%;
			float			:	left;
		}
	}
	/* TAB */
	/********[ WEBSITE DESIGN - HOME - QUICK LOOK ]********/

	/********[ WEBSITE DESIGN - BODY CONTENT ]********/
	/* TAB */
	@media screen and (max-width:700px){
		.service_feature > div {
			float			:	left;
			margin			:	0 0 20px 0;
			padding			:	0;
			width			:	100%;
			background		:	#E9E9E9;
		}
	}
	/* TAB */

	/* MOB */
	@media screen and (max-width:500px){
		.page_content img {
			margin			:	0;
			padding			:	0;
			width			:	100%;
		}
		.service_feature > div {
			float			:	left;
			margin			:	0 0 20px 0;
			padding			:	0;
			width			:	100%;
			background		:	#E9E9E9;
		}
		.service_feature > div > a > img {
			margin			:	0;
			padding			:	20px 0 20px 0;
		}
	}
	/* MOB */
	/********[ WEBSITE DESIGN - BODY CONTENT ]********/

	/********[ WEBSITE DESIGN - FOOTER 1 - NAV BAR ]********/
	/* TAB */
	@media screen and (max-width:1020px){
	}
	/* TAB */

	/* MOB */
	@media screen and (max-width:500px){
		.footer_nav > div > div {
			float			:	none;
			width			:	100%;
			padding			:	20px 0 0 0;
			text-align		:	center;
		}
		.footer_nav > div > div > h3 {
			text-align		:	center;
		}
		.footer_nav > div > div > ul > li {
			text-align		:	center;
		}
	}
	/* MOB */
	/********[ WEBSITE DESIGN - FOOTER 1 - NAV BAR ]********/

	/********[ WEBSITE DESIGN - FOOTER 2 - DATA BAR ]********/
	/* TAB */
	@media screen and (max-width:1020px){
	}
	/* TAB */

	/* MOB */
	@media screen and (max-width:500px){
		.footer_data > div > div {
			padding		:	10px 0;
			width		:	auto;
			text-align	:	center;
		}
	}
	/* MOB */
	/********[ WEBSITE DESIGN - FOOTER 2 - DATA BAR ]********/

/********[ RESPONSIVE ]******************************************************************************/