@font-face {

	font-family: 'VarelaRound-Regular';

	src: url('../fonts/VarelaRound-Regular.eot');

	src: local('?'), url('../fonts/VarelaRound-Regular.woff') format('woff'), url('../fonts/VarelaRound-Regular.ttf') format('truetype'), url('../fonts/VarelaRound-Regular.svg') format('svg');

	font-weight: normal;

	font-style: normal;

}

@font-face {

	font-family: 'PTSerifCaption-Italic';

	src: url('../fonts/PT_Serif-Caption-Web-Italic.eot');

	src: local('?'), url('../fonts/PT_Serif-Caption-Web-Italic.woff') format('woff'), url('../fonts/PT_Serif-Caption-Web-Italic.ttf') format('truetype'), url('../fonts/PT_Serif-Caption-Web-Italic.svg') format('svg');

	font-weight: normal;

	font-style: normal;

}

body {

	background-color: #050505;

	color: #626365; /*Gray*/

	font-family: Helvetica, Arial, sans-serif;

	margin: 0;

}

img {

	border: 0;

	margin: 0px 0px 0px 0px;

}

/*------------------------------ HEADER ------------------------------*/

#header {

	height: 108px;

	width: 1024px;

	margin: 0 auto;

}

/** Logo **/

#logo {

 	float: left;

	background: url(../images/bg-logo.jpg) no-repeat;

	height: 108px;

	width: 420px;

 	margin-right: 23px;

}

#logo a {

	outline: 0;

}

#logo img {

	padding-top: 34px;

}

/** Navigation **/

#navigation {

	background-color: #050505;

	font: normal 28x/60px 'PTSerifCaption-Italic';

 	float: center;

	line-height: 40px;

	height: 40px;

	list-style: none;

	margin: 0;

}

#navigation li {

	float: left;

	font: normal 28x/60px 'PTSerifCaption-Italic';

	height: 40px;

	margin: 0px 0px 0px 0px;

	text-align: center;

	position: relative;

}

#navigation a {

	color: #FF8C00;	/*Darkorange*/

	font: normal 28x/60px 'PTSerifCaption-Italic';

	padding: 25px 20px;

	outline: 0;

	text-decoration: none;

}

#navigation a:hover, #navigation li.active a  {

	color: #00BFFF;	/*DeepSkyBlue*/

	font: normal 28x/60px 'PTSerifCaption-Italic';

 	float: center;

	line-height: 40px;

	height: 40px;

	list-style: none;

}

#navigation ul {

	color: #FF8C00;	/*Darkorange*/

	font: normal 28x/60px 'PTSerifCaption-Italic';

	margin: 2px 0 0;

	padding: 0;

	float: left;

	display: inline-block;

	list-style: none;

	visibility: hidden;

	position: absolute;

	top: 40px;

	left: 0;

	z-index: 9999;

	background: #000000;

}

#navigation li:hover > ul {

	color: #FF8C00;	/*Darkorange*/

	font: normal 28x/60px 'PTSerifCaption-Italic';

	opacity: 1;

	visibility: visible;

}

#navigation ul li, #navigation li.active ul li a {

	color: #FF8C00;	/*Darkorange*/

	font: normal 28x/60px 'PTSerifCaption-Italic';

	margin: -5px 10px -5px 10px;

	float: left;

	display: block;

	border: 0;

}

#navigation ul a {

	color: #FF8C00;	/*Darkorange*/

	font: normal 28x/60px 'PTSerifCaption-Italic';

	padding: 0px;

	height: 25px;

	display: block;

	white-space: nowrap;

	float: none;

}

/****/

#adbox {

	font: 28px/30px 'VarelaRound-Regular';

	background: url(../images/home.jpg) no-repeat center;

	height: 300px;

	margin-right: 0px;

	padding: 0px 0;

}

#adbox div {

	font: 28px/30px 'VarelaRound-Regular';

	width: 960px;

	margin: 0 auto;

}

#adbox div div {

	font: 28px/30px 'VarelaRound-Regular';

	float: right;

	line-height: 24px;

	width: 410px;

}

#adbox div div h1 {

	background: url(../images/bg-separator.jpg) no-repeat left bottom;

	color: #f7f7f1; /*White*/

	font: 28px/30px 'VarelaRound-Regular';

	margin: 0 0 24px;

	padding: 0 0 24px;

}

#adbox div div p {

	font: 28px/30px 'VarelaRound-Regular';

	margin: 0;

	padding: 0 0 24px;

}

#adbox div div p a:hover {

	color: #9b9b9b; /*Gray*/

	font: 28px/30px 'VarelaRound-Regular';

}

#adbox div div a.more {

	background: url(../images/btn-readmore.png) no-repeat;

	background-position: 0 bottom;

	font: 28px/30px 'VarelaRound-Regular';

	color: #FF8C00;	/*Darkorange*/

	display: block;

	line-height: 40px;

	height: 40px;

	width: 260px;

	margin: -10px -60px;

	outline: 0;

	text-align: center;

	text-decoration: none;

}

#adbox div div a.more:hover {

	color: #00BFFF;	/*DeepSkyBlue*/

	font: 28px/30px 'VarelaRound-Regular';

}

/*------------------------------ CONTENTS ------------------------------*/

#body {

	background-color: #181818;

	font: 24px/38px 'VarelaRound-Regular';

}

/** MAIN **/

#main {

	background: url(../images/middle-bar.gif) repeat-x center top;

}

#main h2 {

	background: url(../images/middle-bar2.jpg) no-repeat center top;

	color: #000;

	font: normal 18px/50px 'PTSerifCaption-Italic';

	height: 83px;

	width: 100%;

	margin: 0;

	text-align: center;

	text-shadow: 1px 1px #3b3b3b;

	position: absolute;

	left: 0;

}

#main h2 span {

	display: block;

	width: 960px;

	margin: 0 auto;

}

#main h2 span a {

	color: #000;

	outline: 0;

	text-decoration: none;

}

#main h2 span a:hover {

	color: #101010;

}

#main h {

	color: #00BFFF;	/*DeepSkyBlue*/

	font: 18px/34px 'VarelaRound-Regular';

	width: 960px;

	margin: 0 10px;

	padding: 12px 0 12px;

	text-align: justify;

}

#main p {

	color: #FF8C00;	/*Darkorange*/

	font: 18px/34px 'VarelaRound-Regular';

	width: 960px;

	margin: 0 10px;

	padding: 12px 0 12px;

	text-align: justify;

}

#main p a {

	color: #4b4a4a;

	outline: 0;

}

#main p a:hover {

	color: #8a8989;

}

/*------------------------------ Inner pages styles ------------------------------*/

#contents {

	background: url(../images/border-dashed.gif) repeat-x left bottom;

	width: 960px;

	margin: 0 auto 24px;

	padding: 0 0 30px;

}

#contents h1 {

	color: #f7f7f1;

	font: 28px/30px 'VarelaRound-Regular';

	display: inline-block;

	width: 530px;

	margin: 0 0 21px;

	padding-top: 21px;

}

#contents img {

	float: right;

	margin-top: 21px;

}

#contents p {

	color: #4b4a4a;

	font: 18px/20px 'VarelaRound-Regular';

	margin: 0;

	padding: 0 0 24px;

}

#contents p em {

	display: block;

}

#contents p a {

	color: #4b4a4a;

	outline: 0;

}

#contents p a:hover {

	color: #8a8989;

}

/** Blog Page **/

#blogs ul {

	list-style: none;

	margin: 0;

	padding: 0;

}

#blogs ul li {

	height: 216px;

	padding: 0 0 24px;

}

#blogs ul li img {

	float: left;

	margin: 0 30px 0 0;

}

#blogs ul li span {

	float: right;

	color: #875f07;

	font-size: 11px;

	font-style: italic;

	line-height: 12px;

	padding-top: 6px;

}

#blogs ul li h3 {

	color: #875f07;

	line-height: 24px;

	margin: 0;

}

#blogs ul li p {

	line-height: 24px;

	text-align: justify;

}

#blogs ul li a.more {

	color: #d2d2d2;

	font-size: 15px;

	outline: 0;

	text-decoration: none;

}

#blogs div {

	text-align: center;

}

#blogs div span {

	display: inline-block;

	margin: 0 auto;

	padding: 6px 0;

}

#blogs div span a {

	color: #d2d2d2;

	font-size: 14px;

	padding: 0 4px;

	outline: 0;

	text-decoration: none;

}

#blogs ul li a.more:hover, #blogs div span a:hover {

	color: #fb9d24;

}

/** Journey Page **/

#journey {

	display: inline-block;

}

#journey img {

	margin: 21px 0 0 110px;

}

#journey h1 {

	display: inline-block;

}

#journey p {

	text-align: justify;

}

/*------------------------------ End of inner pages styles ------------------------------*/



/** ARTICLES **/

#articles {

	background-color: #050505;

	width: 1024px;

	margin: 0 auto;

}

#articles ul {

	display: inline-block;

	list-style: none;

	font-size: 18px/24px;

	color: #00BFFF;	/*DeepSkyBlue*/

	padding: 16px 0 0;

	margin: 0 16px;

}

#articles ul p {

	display: inline-block;

	list-style: none;

	font-size: 20px;

	color: #CAAC84;	/*Beige*/

}

#articles ul li {

	float: left;

	width: 390px;

	padding-bottom: 24px;

	padding-left: 30px;

}

#articles ul li:first-child {

	padding-left: 0;

}

#articles p {

	color: #FF8C00;	/*Darkorange*/

	font: 18px/24px 'VarelaRound-Regular';

}

#articles p a {

	color: #FF8C00;	/*Darkorange*/

	outline: 0;

}

#articles p a:hover {

	color: #00BFFF;	/*DeepSkyBlue*/

}

#articles ul li h {

	font-size: 20px;

	color: #00BFFF;	/*DeepSkyBlue*/

	padding: 18px 0 6px;

}

#articles ul li p {

	font-size: 20px;

	color: #CAAC84;	/*Beige*/

}

#articles ul li a.more {

	float: right;

	color: #FF8C00;	/*Darkorange*/

	font-family: 'Times New Roman', Times, serif;

	font-size: 13px;

	font-style: italic;

	outline: 0;

	text-decoration: none;

}

#articles ul li a.more:hover {

	color: #00BFFF;	/*DeepSkyBlue*/

}

/*------------------------------ FOOTER ------------------------------*/

#footer {

	font-size: 18px;

	line-height: 18px;

	width: 1024px;

	margin: 0 auto;

	padding: 30px 0;

}

#connect {

	float: right;

	display: inline-block;

	list-style: none;

	margin: 0;

	padding: 0;

}

#connect li {

	float: right;

	margin: 0 0px;

}

#connect li a {

	height: 30px;

	width: 150px;

	outline: 0;

}

#footnote ul {

	display: inline-block;

	list-style: none;

	margin: 0;

	padding: 0;

}

#footnote ul li {

	float: left;

	padding-right: 5px;

}

#footnote ul li a {

	color: #626365;

	border-left: 1px solid #626365;

	padding-left: 5px;

	text-decoration: none;

}

#footnote ul li a:hover, #footnote ul li.active a {

	color: #d2d2d2;

}

#footnote ul li:first-child a {

	border: 0;

	padding-left: 0;

}

#footnote span {

	display: block;

}