@charset "utf-8";

body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
	color: #000;
	font-size:14px;	
}

p{
	font-size:14px;
	line-height:20px;
}

img, img a{
	border:none;
}

article li{
	line-height:20px;
	list-style-image:url(http://didaskogroup.com/assets/images/bullet-pink.png);
}

.megaButtons1{
	text-align:right;
	display:inline;
	float:left;
	width:50%;
	height:320px;
}

.megaButtons1 img{
	padding-right:12px;
}

.megaButtons2{
	text-align:left;
	display:inline;	
	float:left;
	width:50%;
	height:320px;
}

.megaButtons2 img{
	padding-left:12px;
}


h1{
	font-size:30px;
	color:#003a63;
	margin-bottom:5px;
}

h2{
	font-size:25px;
	color:#003a63;
	margin-bottom:5px;
}

h3{
	font-size:18px;
	color:#003a63;
	margin-bottom:0px;
}

h4{
	font-size:14px;
	color:#ec008c;
	margin-bottom:0px;
}

h5{
	font-size:15px;
	color:#003a63;
	margin-bottom:5px;
}

hr{
	border:none 0px #FFFFFF;
	margin-top:25px;
}

a{
	text-decoration:none;
	color:#25a9de; /*darker cyan*/
}

a:hover{
	text-decoration:underline;
	color:#25a9de;
}

header{
	display:block;
	width:100%;
	height:125px;	
}

nav{
	clear:both;
	display:block;
	width:100%;
	height:54px;
	font-size:12px;
	background:#003a63;
	border-radius:10px;
	margin-bottom:25px;
}

aside{
	clear:left;
	display:block;
	width:30%;
	float:right;
	margin-top:25px;
	margin-bottom:25px;
}

section{
	display:block;
	width:70%;
	float:left;
	margin-bottom:25px;
}

.fullWidthSection{
	display:block;
	width:100%;
	float:left;
}

footer{
	font-size:12px;
	display:block;
	width:100%;
	background:#003a63;
	height:120px;
	clear:both;
	color:#FFFFFF;
	min-height:150px;
	margin-top:25px;
}

footer a, footer ul, footer li{
	color:#FFFFFF;
	list-style:none;
	line-height:20px;
	display:inline;
	padding:5px;
}

#footerMenu{
	padding-top:40px;
	text-align:center;
}

#wrapper{
	width:1000px;
	margin:0 auto;
}

#copyrightInfo{
	padding-top:10px;
	text-align:center;
	color:#09C;
}

#logo{
	width:50%;
	height:76px;
	float:left;
	margin-top:10px;
	text-align:left;
}

#social{
	width:50%;
	height:30px;
	display:inline;
	float:left;
	text-align:right;
}

#searchAll{
	width:auto;
	display:inline;
	float:right;
}

.roundedGrayBox{
	display:inline-block;
	width:100%;
	background:url(../images/gray-wave-bg.jpg) #eff2f7 no-repeat bottom left;
	border-radius:10px;
}

.roundedGrayBox h1{
	margin-top:0px;
	margin-bottom:10px;
}

.roundedGrayBox h2{
	margin-top:0px;
	margin-bottom:10px;
}

.roundedGrayBox h3{
	margin-top:0px;
	font-size:16px;
}

.roundedGrayBox h4{
	font-size:13px;
	margin-bottom:0px;
	color:#003a63;
}


.boxPadding1{
	padding:15px;
}

.boxPadding2{
	padding:7px;
}

.indentSection{
	padding-right:25px;	
}

#leftColumn{
	float:left;
	width:65%;
	display:block;
}

#rightColumn{
	float:right;
	width:30%;
	display:inline-block;
}



/*** heroes ***/

#heroWrapper{
	position:absolute;
	left:0px;
	width:100%;
	background:#eff2f7;
	height:200px;
	text-align:center;
}

#heroDLR{
	width:100%;
	background:url(../images/hero-dlr.jpg) no-repeat center top;
	height:200px;
	overflow:hidden;
	text-align:center;
	z-index:2;
	border-bottom:1px solid #c2cad7;
	border-top:1px solid #c2cad7;
}

#heroDPS{
	width:100%;
	background:url(../images/hero-dps.jpg) no-repeat center top;
	height:200px;
	overflow:hidden;
	text-align:center;
	z-index:2;
	border-bottom:1px solid #c2cad7;
	border-top:1px solid #c2cad7;
}

#heroCPI{
	width:100%;
	background:url(../images/hero-cpi.jpg) no-repeat center top;
	height:200px;
	overflow:hidden;
	text-align:center;
	z-index:2;
	border-bottom:1px solid #c2cad7;
	border-top:1px solid #c2cad7;
}

#heroDIB{
	width:100%;
	background:url(../images/hero-dib.jpg) no-repeat center top;
	height:200px;
	overflow:hidden;
	text-align:center;
	z-index:2;
	border-bottom:1px solid #c2cad7;
	border-top:1px solid #c2cad7;
}

#heroDG{
	width:100%;
	background:url(../images/hero-dg.jpg) no-repeat center top;
	height:200px;
	overflow:hidden;
	text-align:center;
	z-index:2;
	border-bottom:1px solid #c2cad7;
	border-top:1px solid #c2cad7;
}

#heroLCT{
	width:100%;
	background:url(../images/hero-lct.jpg) no-repeat center top;
	height:200px;
	overflow:hidden;
	text-align:center;
	z-index:2;
	border-bottom:1px solid #c2cad7;
	border-top:1px solid #c2cad7;
}

#heroSpacer{
	height:200px;	
}

#gradient{
	background: -webkit-linear-gradient(#fff, #FFFFFF); /* For Safari */
	background: -o-linear-gradient(#fff, #FFFFFF); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#fff, #FFFFFF); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#fff, #FFFFFF); /* Standard syntax */
	width:100%;
	height:300px;
	position:relative;
	left:0px;
	top:0px;
	z-index:-1;
}


/*** Form CSS ***/

.didaskoButtonsSuper{
	background: -webkit-linear-gradient(#64c8eb, #31a1d0); /* For Safari */
	background: -o-linear-gradient(#64c8eb, #31a1d0); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#64c8eb, #31a1d0); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#64c8eb, #31a1d0); /* Standard syntax */
	border-radius:7px;
	font-weight:bold;
	color:#FFFFFF;
	font-size:16px;
	padding:20px 30px 20px 30px;
	cursor:pointer;
	border: 0px;
	outline: 0;
	display:inline-block;
}

.didaskoButtonsSuper:hover{
	background: -webkit-linear-gradient(#a4def6, #31a1d0); /* For Safari */
	background: -o-linear-gradient(#a4def6, #31a1d0); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#a4def6, #31a1d0); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#a4def6, #31a1d0); /* Standard syntax */
	border-radius:7px;
	font-weight:bold;
	color:#FFFFFF;
	font-size:16px;
	padding:20px 30px 20px 30px;
	cursor:pointer;
	border: 0px;
	outline: 0;
}

.didaskoButtonsNormal{
	background: -webkit-linear-gradient(#64c8eb, #31a1d0); /* For Safari */
	background: -o-linear-gradient(#64c8eb, #31a1d0); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#64c8eb, #31a1d0); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#64c8eb, #31a1d0); /* Standard syntax */
	border-radius:5px;
	font-weight:normal;
	color:#FFFFFF;
	font-size:13px;
	padding:10px 20px 10px 20px;
	cursor:pointer;
	border: 0px;
	outline: 0;
}

.didaskoButtonsNormal:hover{
	background: -webkit-linear-gradient(#a4def6, #31a1d0); /* For Safari */
	background: -o-linear-gradient(#a4def6, #31a1d0); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#a4def6, #31a1d0); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#a4def6, #31a1d0); /* Standard syntax */
	border-radius:5px;
	font-weight:normal;
	color:#FFFFFF;
	font-size:13px;
	padding:10px 20px 10px 20px;
	cursor:pointer;
	border: 0px;
	outline: 0;
}

#enquireForm {
	line-height: 30px;
	font-weight:bold;
	font-size:12px;
	color:#666;
	border:none;
	margin:0px;
	padding:0px;
}

#enquireForm .fields{
	font-size:16px;
	border: 1px solid #CCC;
	border-radius:7px;
	padding:8px;
}

#enquireForm .fields:focus{
	font-size:16px;
	border: 1px solid #FF0000;
	border-radius:7px;
	padding:8px;
	outline: 0;
}

#enquireForm select{
	font-size:16px;
	border: 1px solid #CCC;
	border-radius:7px;
	padding:8px;
	outline: 0;
}

#searchWebsite .fields{
	font-size:16px;
	border: 1px solid #CCC;
	border-radius:7px;
	padding:8px;
}

::-webkit-input-placeholder {
   font-style:italic;
}
:-moz-placeholder { /* Firefox 18- */
   font-style:italic; 
}
::-moz-placeholder {  /* Firefox 19+ */
   font-style:italic;  
}
:-ms-input-placeholder {  
   font-style:italic; 
}

.error{
	color:#ff0000;	
}

.success{
	color:#44c5e3;	
}

.requiredAsterix{
	color:#F00;	
}


/***Pull out ***/

.midParaPic{
	float:left;
	width:200px;
	padding-right:30px;
}

.pullOut{
	color:#66727a;
	font-family:Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
	font-size:24px;
	font-style:italic;	
	line-height:29px;
}

.pullOutRule{
	border-top:1px dotted #ccc;
}


.badgeListIcon{
	display:table-cell;
	background: -webkit-linear-gradient(#eff2f7, #FFFFFF); /* For Safari */
	background: -o-linear-gradient(#eff2f7, #FFFFFF); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#eff2f7, #FFFFFF); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#eff2f7, #FFFFFF); /* Standard syntax */
	width:100px;
	height:100px;
	border-radius:7px;
	border:1px #ccc solid;
	padding:15px;
	text-align:center;
}

.badgeListText{
	display:table-cell;
	padding-left:25px;
	text-align:left;
	vertical-align:middle;
}

#fullWidthHighlightWrapper{
	position:absolute;
	left:0px;
	width:100%;
	background: -webkit-linear-gradient(#c2cad7, #e3e8ef); /* For Safari */
	background: -o-linear-gradient(#c2cad7, #e3e8ef); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#c2cad7, #e3e8ef); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#c2cad7, #e3e8ef); /* Standard syntax */
	height:200px;
	text-align:center;
	border-bottom:1px solid #c2cad7;
}

#fullWidthHighlightSpacer{
	height:200px;	
}

#fullWidthHighlightWrapper h1{
	color:#ec008c;
	margin:5px;
	font-size:40px;
}

.readmorebtn{
	cursor:pointer;	
}

.generalOnSideWrapper{
	margin-bottom:25px;
}

.entityLogo{
	margin-top:25px;	
}