/*  ======================================= master set and reset*/
h1, p {
    margin:0;
}
a,
a:visited {
    color:#B01F24
}
    a:hover {

        text-decoration:none;

    }

/*
 button {
background: #393939 url(img/ard1.png) no-repeat 10px center;
border: 1px solid #262626;
border-radius: 6px;
box-shadow: 0px 0px 4px #262626 inset;
color: #F1F1F1; 
font-weight: 700;
margin: 6px;
text-shadow: 0px 0px 2px #000000;
text-transform: capitalize;
vertical-align: top;
padding:8px 36px
}

body > center {
  /*display:none;
}
*/

ul {
    margin:0;
    padding:0;
}
li {
    list-style:none;

}
/* Layout */
* {
    
}
body ,html{
 
 width:100%;
 min-height:100%;
 margin:0; 

}
.row1 {
     
    height:80px;

}
.row2 { /* about / product */ 
    margin-top:40px; 
}
.row3 {
    /* padding-bottom:385px; */

}
.row4 {
    height:160px;
}
.row5 {
    min-height:400px;
    width:100%;
    bottom:0px;
    left:0px;
}
#wrap { 
   
    margin:0;
    position:relative;
    min-height:100%;
    width:100%; 

}
    #wrap > * {
        position:relative;
    }
     #wrap > .row5 {
        /* position:absolute; */
    }
   


 
.row3 { /* news */
        min-height:200px;
        margin-top:20px;  
        
}
    
.row5 /* clients *//* footer */ {
  
}

header,
footer,
.wrap2 {
    max-width:960px;  
    margin: auto;
    position:relative; 

}
.row2 .wrap2 {
    max-width:896px;
}
.wrap2.wrapCareers p {
    margin: 2em 0;
    text-align: center;
    
}
.wrap2.wrapCareers ul li{
    text-align: center;
}
header {
   height:100%;
}
footer {
    height: auto;
    min-height:auto;
}

/* ============================================= backgrounds patterns and textures */

body {
     background:-o-linear-gradient(#fbfbfb,#fff 380px);
}
 
#wrap {
     background:url(img/web.png) right repeat-y;
}
.row2 {
    /*background:-o-linear-gradient(#B01F24,#81171A);*/ 
  background: url("img/123.png") 0% 28%/cover transparent;
    background-size:cover;
    box-shadow:0px -0px 4px #222;
    border-top:1px solid #ef7a7e;
}
    .row2 .ptrn {
        width:100%;
        height:100%;
         background:url(img/webt.png) left repeat-y;
         position:absolute;
    }
    .row2 h1 a {
        background:url(img/arr.png)  right center no-repeat;
    }
.image {
    background:url(img/dc5.png) no-repeat 50% 50%;
    display:none;
}
.row30 {
    background: url(img/skyline-bg.png) repeat-x;
    background-position:50% 100%;
}
.row4 {
    background:url(img/pw_maze_white.png)
}
.row4.row45 {
    background:#efefef;
}
 .curlbot,
 .curltop {
    background:url(img/edgy.png) bottom repeat-x 
}
 
.row5 {
    background:#333 url(img/skyline-bg.png) 50% 100% repeat-x;
}
footer {
     
}
header {
    background:url(img/daislogo.png) left bottom no-repeat;
}
 
.textarea p {
    background:rgba(0,0,0,0.4);
    margin-right:300px;
    padding:10px;
}

/* ============================================= TYPO and font colours */

body {
  font-family:'Segoe UI','Trebuchet MS',Verdana ; 
  font-size:1em;
}

  nav,
.row3 li {
    text-transform:uppercase;
    letter-spacing:-1px;
    font-size:1.1em;

}
footer nav {
     font-size:0.8em;
}
.row3 .timeline li {
     font-size:1.3em;
     color:#555;
}
.row2,
footer {
    color:#fff;
    
}
    footer p {
        font-size:0.8em;
    }
    h1 {
        font-size:4em;
        font-weight:800;
        letter-spacing:-0.1em;
        text-shadow:0px 0px 2px #444;
       
    }
.row3 h1 {
    color:#ddd;
    text-shadow:1px 1px 1px #fff;
}
 
     h2 {
        letter-spacing:-1px;
    }

        .row2 h1 span {
            font-style:italic;
            font-weight:100;
            text-transform:lowercase;
        }


.row31 {
    font-size:0.8em;
}
    .row31 h3 {
        color:#ccc;
        font-size:1.6em;
        font-weight:400;
        text-transform:capitalize; 
    }
        .row31 h3 span {
            font-size:0.8em;
            color:#666;
             font-weight:400;
            line-height:2em;
            letter-spacing:0em;
        }

    .row31 div.scrlto h3 {
        color:#81171A
    }




/* ============================================= inner wrappers and elements layout */

 .row2 .wrap2 {
   padding: 32px 8px 8px 8px ;
    overflow:hidden;
}
.wrap20 {
    width:200%;
}
    .wrap20 > div {
        width:50%;
        overflow:hidden;
    }
        .wrap20 > div > div {
            width:200%;
        }
    .wrap20 h1,
    div.textarea  {
        float:left;
        width:50%;

    }
.wrap21  {
   overflow:hidden;
}
   
    header nav {
         
        position:absolute;
        right:32px;
        bottom:0px;

    }
         nav li {
            display:inline-block;
            padding:6px 18px;
               cursor:pointer;
        }
        .lte9  nav li {
         
            display:block;
            float:left;
            margin:0 3px;
        }

.row2 p {
    margin-right:300px;
    text-shadow: 1px 1px 1px #696969;
}
.row2 h1 {
     position:relative;
     
}
.row2 ul {
    height:22px;
    margin-top:10px;
    position:relative;
    text-align:right
}
.row2 ul li {
    position:relative;
    width:40px;
    height:20px;
    display:inline-block;
     cursor:pointer;
}
.lte9 .row2 ul li {
     display:block;
     float:right;
     
}
 .row2 ul li span {
     background:#aaa;
        padding:6px;
         position:absolute; 
        border-radius:20px;
        box-shadow:0px 0px 0px 6px #f6f6f6 ;
        display:block;
        width:0px;
        height:0px;
       
}

     .row2 li:hover span,
    .row2 li.selected span {
        background:#FF7F00;
    }

.row3 h1 { 
}
.row3 ul {
    text-align:center;
     margin: 40px 32px ;
     padding-bottom:6px;
}
.row3 li {
    display:inline-block;
    vertical-align:middle;
}
.row3 {
      overflow:hidden;
}
.row3 ul {
    
    
    
}
.timeline li {
    /* padding-right:30px; */
    cursor:pointer;
    color:#ccc;
    border-bottom:1px dashed #ccc;
    /* border-right:1px dashed #ccc; */
    position:relative;
    width:140px;
    vertical-align:bottom;
    margin:0 1px;
    
}
    .timeline li:nth-child(odd) {
        height:30px;
    }
    .timeline li:nth-child(even) {
        height:45px;
    }
   .timeline li:first-child {
        width:70px;
        
    } 
    .timeline li:last-child {
        width:70px;
      
    } 
    .timeline li:first-child > span {
        left:0px;
    }
    .timeline li:last-child > span {
        left:100%;
    }
.timeline li:hover {
    color:#666;
}
.timeline li > div {
    display:none;
}
    .timeline li a { 
        display: none;
        position:absolute;
        top:-30px;
        right:-20px;
    }


    .timeline li span  {
        background:#aaa;
        padding:6px;
         position:absolute;
         bottom:-6px;

         /* right:-6px; */
         left:50%;

        border-radius:20px;
        box-shadow:0px 0px 0px 6px #f6f6f6 ;
        display:block;
        width:0px;
        height:0px;
    }
    .timeline li:hover span,
    .timeline li.selected span {
        background:#FF7F00;
    }
.row30 {
    overflow:hidden;
    max-height:500px;
}
.row31 {
    width:1000%;
    overflow:hidden;
	
}
.row31 > div {
    display:inline-block;
    width:240px;
    vertical-align:top;
    margin:20px;
    color:#ccc
}
    .row31 > div.scrlto {
        color:#555;
    }

    .row31 h3 span {
        display:none;
    }
.row4 {
     
    position:relative;
}
.curltop,
.curlbot {
    position:absolute;
    width:100%;
    height:20px;

}
.curltop {
    top:-11px;
}
.curlbot {
    bottom:-11px;
}
footer {
    padding: 6px 32px;
}
    footer p {
        width:240px;
    }
    footer nav ul {
       
        margin-top:10px;
      text-align:right;
    }
        footer nav ul li {
             border-top:1px solid #ccc;
        }

.wrap20:after {
    content: ' '
}

.framer {
    position:fixed!important;
    border:1px dashed #f00;
    width:1024px;
    height:768px;
}

#topLink {
    position:fixed;
    width:100%;
    z-index:8000; 
   

}
    #topLink > div {
        max-width:960px;
        position:relative;
    }
#topLink a {
    display:none;
    float:right;  
    background:#333;
    padding:10px;
    color:#fff;

}
/* kmn changes */

.row31 {
    padding-left:470px;
	
}

.timeline li:nth-child(even) {
	height: 20px;
}

.row3 {
	/* padding-bottom: 480px; */
}

.row3 ul {
	text-align: center;
	margin: 30px auto 10px;
	padding-bottom: 0;
}

.row31 > div {
	margin-top: 0;
}

.row4 {
	height:auto;
	border-top: 2px solid #CCC;
	border-bottom: 2px solid #CCC;
	box-shadow: 0 0 0px 10px #DDD;
}
	
.row2 .wrap2 {
	padding: 30px 0;
	overflow: hidden;
}

.textarea button {
	
}

.textarea h4 {
	background: rgba(0, 0, 0, 0.4);
	margin-right: 300px;
	margin: 0;
	padding: 0 15px;
	width: 260px;
	margin-bottom: 1px;
	left: 0px;
	line-height: 2.3em;
	position: relative;
}

.textarea p {
	background: rgba(0, 0, 0, 0.4);
	margin-right: 300px;
	padding: 15px;
	line-height: 1.4em;
	position: relative;
	left: 0px;
	text-shadow:none;
}

.row2 h1 {
	/*background: rgba(0, 0, 0, 0.4);
	padding: 0 15px;*/
	width: 270px;
	font-size: 3.8em;
	text-shadow: 1px 1px 2px #333;
	margin-bottom: 1px;
}

.row2 h1:first-child {
	margin-right: 435px;
	width: 460px;

}
.row4 h1 {
	font-size: 2.4em;
	text-shadow: 2px 2px 6px #333;
	margin: 0;
	color: #fff;
}

table.clients
{
	padding: 0;
}

table.clients  td
{
	width:25%;
	height:50px;
	text-align:center;
	vertical-align:middle;
	padding: 20px 0;
}

.clients ul  li img
{
	
}

.row5 {
	/* height: 480px; */
}

.row31 h3 {
	font-family: Corbel;
	font-weight: 800;
	font-size: 1.4em;
	line-height: 1.2em;
}

.row4 h2 {
	font-style:italic;
	margin-bottom: 0;
	margin-left: 5px;
}

button {
	background: rgba(0, 0, 0, 0.4);
	padding: 6px;
	padding-left: 10px;
	border: 0 none;
	color: white;
	text-transform: capitalize;
	
}
button.about, button.ebank  {
	position: absolute;
	cursor:pointer
}

button.about  {
	bottom:-1px;
	right:-1px
}

button.ebank  {
	bottom:-1px;
	right:-1px
}

#toplink a {
	background: rgba(0, 0, 0, 0.7);
	cursor:pointer
}

footer {
	padding: 60px 0;
}

footer p , div.copyright{
	width: auto;
	text-align:center;
	font-size:0.8em;
	margin-bottom:8px;
}

div.copyright{
	position:absolute;
	bottom:0
}



footer nav, footer h2 {
	display: none;
}

/* SMALL SCREEN */
#wrap.small .row2 p {
    margin-right:0;
}
#wrap.small .timeline li {
    width:30px;
}