@charset "utf-8";
/* CSS by Bobby Satheesh | Xtreme Technologies, Dubai. */
/****************************************** BODY PARTS *****************************************/

@import url(http://fonts.googleapis.com/css?family=Allerta|Fjalla+One);

body {
	margin:0;
	font-family:  Arial;
	background-image:url(images/bgx.jpg);
	background-position:center top;
	background-repeat:repeat-x;
	background-attachment:fixed;
	font-size:12px;
	color:#000000;
}
img {
	border:none;
	outline:none;
}
h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
	font-weight:normal;
	font-family:Arial;
}

p {
	margin:0;
	padding:0;
	font-size:14px;
	color:#585858;
	line-height:20px;
	text-align:justify;
	font-family:Arial;

}

h6 {
	margin:0;
	padding:0;
	font-size:12px;
	color:#0F7968;
	line-height:20px;
	text-align:justify;
	font-family:Arial;
}
.reset {
	clear:both
}
a {
	font-size: 12px;
	color: #0F7968;
	text-decoration: none;
	outline:none;
}
a:hover {
	color: #333;
}
/****************************************** HEADER PARTS *****************************************/

.header {
	background-color: #ffff;
	background-image: url("images/bg.jpg");
	background-position: center top;
	background-repeat: repeat-x;
	height: 188px;
	margin-left: auto;
	margin-right: auto;
	width: 980px;
}
.logo {
	float: left;
	height: 86px;
	left: 45px;
	position: relative;
	top: 18px;
	width: 200px;
}

.call {
    float: right;
    height: 50px;
    position: relative;
    right: 15px;
    top: 38px;
    width: 220px;
}
/********************************* INTRO / FLASH / JQUREY PARTS ***********************************/

.intro {
	height: 392px;
	margin-left: auto;
	margin-right: auto;
	width: 980px;
}
.intro_IMG {
	width:300px;
	height:200px;
	margin-left:auto;
	margin-right:auto;
}
/****************************************** SITE CONTENTS *****************************************/
.wrapper {
	width:980px;
	background-color:#FFFFFF;
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;
	border-radius: 10px 10px 0px 0px;
	overflow:hidden;
}
.content {
	width:940px;
	min-height:335px;
	margin-left:auto;
	margin-right:auto;
		background-color:#FFFFFF;

		border-radius: 0px 0px 10px 10px;
		overflow:hidden;
}
.colR {
	width:300px;
	float:right;
	margin-right:15px;
}
/*********************col bottom***********/

.col {
	width:980px;
	float:left;
	background-color:#FFF;
}

.col1 {
	width:940px;
	float:left;
	background-color:#FFF;
	margin-left:15px;
}

.colb {
	width:960px;
	float:left;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFF;
}




.col_box {
    float: left;
    height: 215px;
    margin-left: 24px;
    padding: 10px;
    width: 93%;
}
.col_box_IMG {
	width:260px;
	height:194px;
	float:left;
	padding-right: 14px;
}


.col_box_text h2 {
	font-family:Arial;
	font-size:25px;
}
/**********************col Left ***********/

.colL1 {
	margin-left:20px;
    float: left;
    width: 935px;
}

.colL {
    background-color: #FFFFFF;
    float: left;
    margin-left: 15px;
    width: 625px;
}
.col h3 {
	font-family:Arial;
	font-size:14px;
}


.col_Left {

    float: left;
    height: 165px;
    margin-left: 32px;
    margin-right: 1px;
    margin-top: 25px;
    width: 451px;
}

.col_Middle {

    float: left;
    height: 165px;
    margin-right: 0;
    margin-top: 25px;
    width: 450px;
}

.col_Right {
    float: left;
    height: 165px;
    margin-top: 25px;
    width: 311px;
}


/******************************************/


.line {
	width:100%;
	border-bottom:solid 1px #ccc;
	margin-top:5px;
	margin-bottom:5px;
}
/****************************************** FOOTER PARTS *****************************************/
.footer {
	width:100%;
	font-size:14px;
	color:#999;
	height:60px;
	text-align:center;
	margin-top:15px;
}
.fot1 {
	width: 100%;
	height:50px;
	float:left;
	text-align:center;
}

.fot2 {
    float: right;
    height: 50px;
    width: 416px;
}
.footer a {
	font-size:14px;
	color:#999;
	text-decoration:none;
	outline:none;
}
.footer a:hover {
	font-size:14px;
	color:#000;
}
.footer-median {
	padding-left:10px;
	padding-right:10px;
	font-size:12px;
	color: #55a4db;
}
.fot {
	width:940px;
	margin:0 auto 0 auto;
	position:relative;
	text-align:right;
	top:8px;
}
/****************************************** MENU *****************************************/


.menu {
	width:980px;
	margin:0 auto 0 auto;
	font-family:Arial;
	float:right;
	position:relative;
  	top: 42px;
	color:#0F7968;
}
.menu a {
	display:block;
	padding:8px 15px 8px 15px;
	text-align:center;
	text-decoration:none;
	font-size:14px;
	color:#000;
	float:right;
	text-transform:uppercase;
}
.menu a:hover {
	display:block;
	padding:8px 15px 8px 15px;
	text-decoration:none;
	font-size:14px;
	color:#0F7968;
}
.menu a.sel {
	display:block;
	padding:8px 15px 8px 15px;
	text-decoration:none;
	font-size:14px;
 	color:#0F7968;
}
/****************************************** EXTRA CSS *****************************************/

.mylist {
	margin:0;
	padding:0;
}
.mylist li {
	margin:0;
	padding:0;
	list-style:none;
	line-height:30px;
	background-image:url(images/arrow.png);
	background-repeat:no-repeat;
	background-position:center top left;
	border-bottom:1px solid #CCC;
	padding-bottom:2px;
	text-align:left;
	padding-left:30px;

	font-size:14px;
	color:#585858;
}
.mylist {
	margin:0;
	padding:0;
}
.mylist a {
	color:#333;
}
.mylist a:hover {
	color:#333;
}
.contact-left{
	float:left;
	width:404px;
}
.contact-right{
	float:right;
	width:505px;
	margin:10px 0;
}
.contact-right h4{
	font-size:16px;
	padding:10px 0;
}
#contactform h4{
	font-size:16px;
	padding-top:10px;
}
.button:hover {
	background-color:#000;
	color:#fff;
	text-decoration:none;
}
.button:active {
	top:1px;
}
#contactform table tr{
	float:left;
	margin:5px 0;
	width:100%;
}
.button, .button:visited {
	background:#0F7968;
	display:inline-block;
	padding:5px 5px 6px;
	border-radius: 5px;
	color:#fff;
	text-decoration:none;

	position:relative;
	cursor:pointer;
	font-size:13px;
	font-weight:bold;
	line-height:1;
	border:0;
}
#contactform{
	float:left;
	width:553px;
}

.vacancies {
    float: right;
    width: 304px;
}
.vacancies a{
 border-bottom: 1px solid #999;
    float: left;
    padding-bottom: 7px;
    padding-left: 25px;
    padding-top: 7px;
    width: 94%;
	background-image:url(images/arrow.png);
	background-repeat:no-repeat;
	background-position:left center;
}
.vacancies h4{
font-size:16px;
	padding:10px 0;
}
.vcol{
margin:0 25px;
}

.nameform {
	background-color:#f8f8f8;
	border:1px #e9e7e7 solid;
	color:#5c5c5c;

	width:300px;
	font-size:12px;

	padding:8px;
	margin:5px auto 5px auto;
}

.testimonial  {
	width:940px;
	height:auto;

	border-bottom:1px dashed #666;
	margin-bottom:15px;
}

.testimonial img  {
	width:132px;
	height:140px;
	background-color:#CCC;
	float:left;
	margin-right:10px;

}

.postedby {
	width:650px;
	height:20px;
	float:left;
	font-size:14px;
	font-weight:bold;
	margin-top:8px;

}

.posteddate {
    float: right;
    font-size: 14px;
    height: 20px;
    width: 210px;
		font-weight:bold;
			margin-top:8px;

}


/* ######### Default class for drop down menus ######### */

.anylinkmenu{
position:absolute;
left: 0;
top: 0;
visibility:hidden;
line-height: 18px;
overflow:hidden;
z-index: 100; /* zIndex should be greater than that of shadow's below */
background:#e8ecef;
width: 200px; /* default width for menu */
}

.anylinkmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}


.anylinkmenu ul li{
	height:30px;

}


.anylinkmenu ul li a{
	font-family:Arial;
width: 100%;
color:#000;
padding:8px 0 8px 8px;
display: block;
text-indent:5px;
font-size:12px;
border-bottom: 1px solid #dddddd;
text-decoration: none;
outline:none;
}

.anylinkmenu a:hover{ /*hover background color*/
color:#0F7968;
}

.anylinkshadow{ /*CSS for shadow. Keep this as is */
position: absolute;
left: 0;
top: 0;
z-index: 99; /*zIndex for shadow*/
background:none;
visibility: hidden;
}



.quotes {
	background-image:url(images/quates1.png);
	background-position:left top;
	background-repeat:no-repeat;
	padding-top:30px;
	margin-top:15px;
	width:95%;
	margin-left:15px;
}
.quotes2 {
	background-image:url(images/quates2.png);
	background-position:bottom right;
	background-repeat:no-repeat;
	padding-bottom:25px;
	margin-bottom:20px;
	width:100%;
}

.jobs{border-radius: 10px 10px 10px 10px; border:1px solid #CCC;padding:10px;margin-bottom:5px}
.jobs .date{ float:right; font-size:14px;font-style:italic}


/*............................TABLE CSS....................................*/


.mytableWrap {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 10px;
	background-color: #f4f4f4;
	border: 1px solid #dbdbdb;
	margin: 10px 0 10px 0;
}
.mytableTitle {
	height: 45px;
	top: 7px;
	position: relative;
}
.mytableTitle h2 {
	color: #5c5c5c;
	float: left;
}
.mytable thead {
}
.mytable table {
	background-color: #fff;
	border-bottom: 1px solid #dbdbdb;
	border-right: 1px solid #dbdbdb;
}
.mytable thead th {
	border-bottom: 1px solid #dbdbdb;
	border-top: 1px solid #dbdbdb;
	border-left: 1px solid #dbdbdb;
	padding: 10px;
	background-color: #e1e1e1;
	color: #767676;
	width: 10%;
	text-align: left;
}
.mytable td {
	border-top: 1px solid #dbdbdb;
	border-left: 1px solid #dbdbdb;
	padding: 6px;
	color: #666666;
	width: 5%;
	text-align: left;
}
.mytable tr:nth-child(2n) {
	background: #f4f4f4;
}
.mytable tr:hover {
	background: #ebebeb;
}
.mytable .floR {
	text-align: right;
}
.mytable .smallTD {
	width: 1%;
}
.mytable .mediumTD {
	width: 6%;
}
.careername {
	background-color: #e3e3e3;
	border: 1px #c5c5c5 solid;
	color: #5c5c5c;
	width: 250px;
	font-size: 12px;
	padding: 8px;
	margin: 5px auto 5px auto;
}
.button {
	background: #0F7968;
	display: inline-block;
	padding: 5px 10px 6px;
	color: #fff;
	text-decoration: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
	border-bottom: 1px solid rgba(0, 0, 0, 0.25);
	position: relative;
	cursor: pointer;
	font-size: 13px;
	font-weight: bold;
	line-height: 1;
	border: 0;
	border: dashed 0px #000000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}