@charset "UTF-8";
/* CSS Document */

/*--
	Theme Name: theme45543
	Theme URI: http://template-help.com/
	Description: A theme for Wordpress 3.5.x + from Template-Help.com Collection
	Author: Template_Help.com
	Author URL: http://www.Template-Help.com/
	Template: CherryFramework
	Version: 2.0
	MotoPress Version: 1.0
--*/
@import url("main-style.css");

/* ----------------------------------------
	Please, You may put custom css here
---------------------------------------- */


.underDvpmntSPACE{
    margin-bottom: 30px;
    /*padding: -15px 0px 0px 0px;*/
}

.underDvpmntFIX{
    margin-top: -26px;
    /*padding: -15px 0px 0px 0px;*/
}

/*---- GENERAL */
p{ text-align:justify; font-size: 1.2em; color:#000;}
.header {background-color:rgba(250,250,250, .3);}
.popSpace{margin-top:50px;}
.logo {	width:100%; }
.bkgGray{background-color:#e7e7e7;}
.wrpr{ margin:30px -15% 20px -15%; padding:40px 15% 5px 15%; background-color:#ffffff; -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.1);
#pushDwn{margin-top:50px;}

	-moz-box-shadow:0 1px 2px rgba(0,0,0,0.1);
	box-shadow:0 1px 2px rgba(0,0,0,0.1);
}

#contactBx{ padding: 0 30px 0 0; }
#contactBx {font-size:15px;}
#contactBx h5{ font-size:20px; line-height:25px; }
.contactData{ margin:0 0 10px 0; line-height:25px; }

.search-form, .search-form__h, .hidden-phone {
	margin:81px 0 -45px 0;
	padding:0;
}

/* home page news images */


#hmeBnrs{
	text-align:center;
	width:100%;
}

#hmeBnrs li{
	list-style:none;
	margin:5px;
	padding:0;
	max-width:500px;
	vertical-align:top;
	display:inline-block;
	display: -moz-inline-stack;
	*display: inline;
}


#hmeBnr1 img:hover{
	cursor: pointer;
	content:url(http://www.dnamedinstitute.com/wp-content/uploads/2013/10/innovator-clr.jpg);
}
#hmeBnr2 img:hover{
	cursor: pointer;
	content:url(http://www.dnamedinstitute.com/wp-content/uploads/2013/10/nTcBrf-clr.jpg);
}
#hmeBnr3 img:hover{
	cursor: pointer;
	content:url(http://www.dnamedinstitute.com/wp-content/uploads/2013/10/wired_logo_dn-clr.jpg);
}
#hmeBnr4 img:hover{
	cursor: pointer;
	content:url(http://www.dnamedinstitute.com/wp-content/uploads/2014/11/medal-color.jpg);
}

.header .search-form, .header #search-header {
	height:30px;
}


.slider {
	position:relative;
	top:120px;
	height:650px;
	overflow:hidden;
}

.title-section{ height:0px; overflow:hidden; }
.camera_prev, .camera_next { top:45%; }

.myBox{ margin:0 -15% 0 -15%; overflow:hidden; text-align:center; }
.myBoxCont{ margin:15px 6% 0 6%; text-align:center;}
.myBoxCont img{ margin:auto;}

/*---- */

#homeTopBx{ position:relative;
	padding:40px;
	background-color:#fff;
	border:none;
	-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.1);
	-moz-box-shadow:0 1px 2px rgba(0,0,0,0.1);
	box-shadow:0 1px 2px rgba(0,0,0,0.1);
}

.biggerTtl{font-size:50px; margin:20px 0 10px 0; padding-bottom: 20px; text-align:left;}

/*---- moves all content down */
.content-holder{ margin-top:0px; }

.box-one{ position:relative; background-color:#F2F2F2; text-align:center; }
.myBxIcons { margin:40px 0 0 0; text-align:center;  }

.sf-menu { margin:7px 0 0 50px; }
.sf-menu li li a { background-color:#38b370; }  /* #40C17B */
h1{  font-size:100px; margin:70px 0 10px 0; }
.signature{ margin-top:20px; font-family:Arial, Helvetica, sans-serif; font-style:normal; }
.testimonial p{font-size:16px;}

.nav__primary { margin-top:-12px; /* background-color:#222;*/ }


#planeManeuver{ text-align:center;}
#zeroGtext{ text-align:justify; font-size:12px; width:70%; margin:30px auto 30px auto; }
#plane{ width:75%; max-width:850px; }


#spaceBox{
    text-align: center;
    padding: 50px 0px 50px 0px;
    background-image: url(http://www.dnamedinstitute.com/wp-content/uploads/2013/09/space-med.jpg);
    background-repeat: no-repeat;
    vertical-align: middle;
}

#spaceBox h1{
    color: rgb(250,250,250);
    font-size: 40px;
    margin: 40px auto 25px auto;
}

#liOne{ overflow:hidden; }

#spaceTitle2{
    display: inline-block;
    text-align: left;
}

.clearfix{
	clear:both;
}

.tmL, .tmR{
	background-color:#fff;
	border:none;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.1);
	-moz-box-shadow:0 1px 2px rgba(0,0,0,0.1);
	box-shadow:0 1px 2px rgba(0,0,0,0.1);
}

.tmL .nme, .tmR .nme{ font-size:20px; font-weight:bold; }


#ourBnssMdel {
	text-align:center;
	width:80%;
	margin:0px 0 30px 10%;
}

#ourBnssMdel h1{
	margin:30px 0 20px 0;
	font-size:50px;
	line-height: 110%;
}

#ourBnssMdel #td1{
	text-align:justify;
	margin:0 0 0 200px;
	width:40%;
}


#ourBnssMdel tr{
	background-image:http://clarexonline.com/dmi/wp-content/uploads/2013/09/line-shadow.png;
}

#afterourBnssMdel{
	margin:0 0 50px 0;
}


/*---- SPACE MEDICINE */
#bxSpace{ background-color:#FFFFFF; }

.myBoxTtle{
	text-align: left;
	position: relative;
}

.myBoxTxt{
	text-align:justify;
	position: relative;
}


@media (max-width: 480px) {
	#homeTopBx{margin-top:20px;}
	#teamCont{margin:0;}
	#ourPpl{ margin:0 0 15px 10%; }
	#teamCont .sbTtl{margin:80px 0 40px 10%;}
        #teamCont img{ position:relative; text-align:none; margin:0; padding:0; top:-40px; }
	.tmL { margin:0 10px 50px 20px; padding:20px; }
	.tmR { margin:0 10px 50px 20px; padding:20px; }
        .tmL p, .tmR p{ margin:60px 30px 10px 30px; padding:0; text-align:left; }
	#spaceTitle2{ display: none; }
	#spaceDoc{ width: 70%; margin:auto; padding: 0px; }
}

@media (max-width: 767px) {
	.slider { margin:40px 0 0 0}
	
	.myBox p{ margin:-5px 0 25px 0;}
	
	.myBoxTtle{ margin:0px; }
	.myBoxTxt{
		position: relative;
		text-align:justify;
	}
	.logo { width:30%; margin:-10px 0 25px 38%; }
	#planeManeuver { padding:40px 0 20px 0; }
    #spaceBox p{
        width: 75%;
        padding: 25px 14% 25px 11%;
        margin: 15px auto 0px auto;
        color: white;
        background-color: rgba(0,0,0,.5);
    }
}

@media (min-width:481px) and (max-width:767px){
	/*Team page----*/
	#ourPpl{
		margin:0 0 50px 17%;
	}
	#teamCont .sbTtl{
		margin:80px 0 40px 17%;
	}
	.tmR {	position:relative;
		width:70%;
		margin:0 0 30px 14%;
		padding:40px;
	}
	.tmL {
		position:relative;
		left:0px;
		width:70%;
		margin:0 0 30px 7%;
		padding:40px;
	}
	.tmL img{
		position:absolute; left:9px; top:-50px;
	}
	.tmR img{
		position:absolute; top:-50px; right:-10px;
	}
	.tmL p{
		margin:0 0 0 210px; text-align:left;
	}
	.tmR p{
		margin:0 210px 0 40px; text-align:left;
	}

	#homeTopBx{margin-top:-40%;}
    #spaceTitle2{ display: none; }
    #spaceDoc{ width: 40%; margin:auto; }
    #liOne{ max-height:95%; }
}/* --- */

@media (min-width:768px){
	/*Team page----*/
		#ourPpl{ margin:0 0 50px 17%; }
		#teamCont .sbTtl{margin:80px 0 40px 17%;}
	.tmR {	position:relative;
		width:70%;
		margin:0 0 30px 14%;
		padding:40px;
	}
	.tmL {	position:relative;
		left:0px;
		width:70%;
		margin:0 0 30px 4%;
		padding:40px;
	}
	.tmL img{ position:absolute; left:9px; top:-50px; }
	.tmR img{ position:absolute; top:-50px; right:-10px; }
	.tmL p{ margin:0 0 0 210px; text-align:left; }
	.tmR p{ margin:0 210px 0 40px; text-align:left; }	
    #spaceTitle1{ display: none; }
    #spaceDoc{ width: 100%; margin:auto; }
    #spaceBox ul li{
        display: inline-block;
        width: 45%;
        margin: auto;
        padding: 0px;
        vertical-align: middle;
    }
    #liOne{ text-align: right; }
    #liTwo{ text-align: left; }
    #spaceTitle2{ padding-left: 8%; }
    #spaceBox p{
        width: 70%;
        padding: 25px 10% 25px 8%;
        margin: 15px auto 0px 0px;
        color: white;
        background-color: rgba(0,0,0,.5);
    }
}


@media (min-width:600px) and (max-width:767px){
	#spcRHartcl{ margin: 200px 0 0 0; }
}

@media (min-width: 768px) and (max-width: 978px) {
	.logo { width:110%; margin:-16px 0 -45px 0;  }
	.nav__primary { width:550px; margin:-13px 0 -45px 0; }
	.sf-menu li ul { width:180%; }
	.slider { margin:54px 0 0 0}
	
	#zeroGtext{  margin:30px auto 30px auto; }
	#spcRHartcl{ margin: 200px 0 0 0; }
		
	.myBoxTtle{
		position: absolute;
		color:#C4C4C4;
		font-size:50px;
		line-height: 110%;
		top: 18px;
		left: 50%;
	}
	
	#eMfirstBlock{
		width:80%;
		margin:0 0 0 20%;
		text-align:center;
	}
	#eMfirstBlock p{ width:80%; text-align:left; }
	#eMtitl{ width:80%; text-align:left; }
	#planeManeuver{ padding:70px 0 20px 0; }
}

@media (min-width: 979px) {
	.logo { margin:-27px 0 -45px 0; }
	.nav__primary { width:650px; margin:-13px 0 -45px 0; }
	.sf-menu li ul { width:120%; }
	#homeTopBx{margin-top:10%;}
	#zeroGtext{  margin:30px auto 30px auto; }
	
	.myBoxTtle{
		position: absolute;
		color:#C4C4C4;
		font-size:50px;
		line-height: 110%;
		top: 18px;
		right: 195px;
	}
	.myBoxTxt{
		color:#FFFFFF;
		position: absolute;
		top: 200px;
		width:380px;
		right:22px;
	}
	#planeManeuver{ padding:70px 0 20px 0; }
    #spaceDoc{ width: 75%; margin:auto; }
    #spaceBox ul li{
        display: inline-block;
        width: 45%;
        margin: auto;
        padding: 0px;
        vertical-align: middle;
    }
    #liOne{ max-height:70%; }
}

@media (min-width: 1200px) {
	#zeroGtext{  margin:30px auto 30px auto; }	
	.logo { margin:-37px 0 -45px 0; }
	.nav__primary { width:830px; margin:-13px 0 -45px 0; }
    #spaceDoc{ width: 50%; margin:auto; }
}


#planeManeuver{
	color:white;
	background: #174677; /* Old browsers */
	background: -moz-linear-gradient(top, #174677 0%, #2989d8 51%, #7db9e8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#174677), color-stop(51%,#2989d8), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #174677 0%,#2989d8 51%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #174677 0%,#2989d8 51%,#7db9e8 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #174677 0%,#2989d8 51%,#7db9e8 100%); /* IE10+ */
	background: linear-gradient(to bottom, #174677 0%,#2989d8 51%,#7db9e8 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#174677', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
}

#teamAtZero {width:100%;}
#teamAtZero img{width:100%;}

#teamAtZero td{
	padding:10px;
	width:35%;
	height:auto;
	vertical-align:top;
}

#careersBox{
	color:#505050;
	background-image:url("http://clarexonline.com/dmi/wp-content/uploads/2013/09/careersBackGrnd.jpg");
}

#interShpsBox{
	color:#505050;
	background-image:url("http://clarexonline.com/dmi/wp-content/uploads/2013/09/careersBackGrnd.jpg");
}

#careersBox .service-box{
	padding-top:0px;
	margin-top:0px;
	color:#505050;
}

#careersBox .title{
	margin:0px;
	padding:0px;
	color:#505050;
}

#interShpsBox{
	color:#505050;
	background-image:url("http://clarexonliane.com/dmi/wp-content/uploads/2013/10/whole_grnTxtr.jpg");
}
#interShpsBox .service-box{
	padding-top:0px;
	margin-top:0px;
	color:#505050;
}
#interShpsBox .title{
	margin-top:0px;
	color:#505050;
}

.clrBlack{ color:#000000; } .clrWhite{ color:#FFFFFF; } .clrGray{ color:#C4C4C4; }
.bkgRsrv{ background-color:rgba(60,60,60,.8); padding:40px; }
.jtfy{ text-align:justify; }

/* QTXP */

#rHealthX1{
	margin: 50px auto 35px auto;
}

.bigger{
	font-size:100px;
}

table, tr, td{
	vertical-align:top;
	margin:auto;
}

.w90{
	width:99%;
}

.billStrapped{
	width:75%;
}

.caption{
	color:#04B4AE;
	margin: 5px auto 20px auto;
}

.a_left{
	text-left;
}

.centered{
	text-align:center;
}

.justified{
	text-align:justify;
}

.thinner1{
	width:450px;
	margin:auto;
}

.w50{
	width:50%;
	margin:auto auto 50px auto;
	padding:0;
}

.leftTab1{
	margin:auto auto auto 45px;
}

.relevanceTable{
	text-align:center;
	vertical-align:center;
	margin:auto;
}

.relevanceTable td{
	padding:20px;
	text-align:justify;
	vertical-align:middle;
}

.links{
	width:300px;
	margin:30px auto auto auto;
}

#preloadBanners{
    display: none;
}

.photoText{
    text-align: center;
}

.photoText h1{
    margin-top: -15px;
    margin-bottom: 20px;
}

.photoText div{
    display: inline-block;
}

.photoText p{
    text-align: justify;
}

.photoText .right{
    width: 30%;
    margin: 20px 20px 20px 35px;
}

.photoText .left{
    width: 50%;
}