/* ESyntaxis (Pvt) Ltd :  http: //www.esyntaxis.com Compiled by Srinath */

/* Colour reference

normal text: #XXXXXX
links: #XXXXXX
headings: #XXXXXX

/* Text Shadow : 	text-shadow: 0px 1px 0px rgba(255,255,255,.5); 

text-shadow: 0px 1px 0px rgba(255,255,255,.3), 0px -1px 0px rgba(0,0,0,.7); first value is the top second is the left 3rd is the blur */

/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family:  'FontName';
	    src:  url('../fonts/FontName.eot');
	    src:  url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight:  normal;
	    font-style:  normal; }
*/

/* Basic HTML
----------------------------------------------------------------------------------------------------*/
html {
  font-size: 62.5%; 
}
body {
	font-family: "Times New Roman", Times, serif;
	font-size: 1.0em;
	font-weight: 500;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	line-height: 1.5; /* 1.6 is also an option */

}
pre,
code {
	font-family: 'DejaVu Sans Mono', Monaco, Consolas, monospace;
}
/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
	font-size: 1.3em;
	line-height: 38px;
	text-transform: uppercase;
	text-decoration: none;
	white-space: nowrap;
}
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
	color: #333;
}
.button.button-primary,
button.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
	color: #FFF;
}
.button.button-primary:hover,
button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
	color: #FFF;
}


/* Headings
----------------------------------------------------------------------------------------------------*/
html,
button,
input,
select,
textarea {
    color: #222;
}
h1,
h2,
h3,
h4,
h5,
h6 {
}
h1 {
	font-size: 6.0rem; line-height: 0.5;  letter-spacing: 0.1rem; color: #ffffff;;
}
h1 small {
	font-size: 2.0rem; line-height: 1.2;  letter-spacing: 0.1rem; color: #fee000;
}
h2 {
	font-size: 3.6rem; line-height: 1.2; letter-spacing:normal;
}
h3 {
	font-size: 2.0rem; line-height: 1.2;  letter-spacing: normal;
}
h4 {
	font-size: 2.2rem; line-height: 1.2; letter-spacing: normal;
}
h5 {
	font-size: 1.8rem; line-height: 1.5;  letter-spacing: normal;	
}
h6 {
	font-size: 1.5rem; line-height: 1.6;  letter-spacing: normal;	
}
input,
select,
textarea {
   font-family: inherit;
   font-size: inherit;
}

/* Spacing
----------------------------------------------------------------------------------------------------*/

p {
	font-size: 1.8em;
	text-align: justify;
	line-height: 1.2;
}
li {
	font-size: 1.0em;
}
li > p {
	margin-top: 0.2em;
}
ul {
  list-style: disc outside;
}
ol {
  list-style: decimal outside;
}
th {
	font-weight: normal;
	text-align: left;
	padding-right: 0.5em;
}
td {
	text-align: left;
}
em {
	font-style: italic;
}
strong {
	font-weight: bold;
}
a {
	color: #666666;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	color: #000000;
	text-decoration: underline;
}
p a {
	display: inline-block;
	transition: all 0.1s ease-in-out;
}
p a:hover {
	text-decoration: none;
}
sup {
	font-size: 0.6em
}
/* template styling */
#header-contact {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	color: #FFF;
}
#header-contact a {
	color: #FFF;
}
#content {
	text-align: left;
}
#main-navigation ul li a {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	text-align: center;
	text-decoration: none;
	font-size: 1.5em;
	letter-spacing: 0.05em;
}
#main-navigation ul li a:hover {
	color: #F60;
}
#main-navigation ul li.active a:hover {
	color: #ccc;
	text-shadow: 1px 1px #000;
}
.email {
	font-size: 1.6em;
}
.footer-navigation {
	color: #FFF;
}
.footer-navigation a {
	color: #e5e5e5;
	font-size: 1.3rem;
}
.footer-note {
	color: #e5e5e5;
	font-size: 1.3rem;
	text-align: center;
}
.footer-note a {
	font-size: 1.3rem;	
	color: #e5e5e5;
}
/* end of template styling */

/*--------------------------------------------------------------
# Common Classes
--------------------------------------------------------------*/
.jleft {
	text-align: left;
}
.black {
	color: #111;
}
.white {
	color: #FFF;
}
.common-button {
	line-height: 30px;
	color: #FFF;	
	text-transform: uppercase;
	letter-spacing: 0.04em;
}
.toupper {
	text-transform: uppercase;
}

/*==========  Media Query  ==========*/

@media only screen and (max-width : 768px) {
	html {
		font-size: 50%
	}
	.row {
		margin-bottom: 0!important
	}
}