#banner {
font-family:Arial;
}
#box {
height:400px;
width:100%;
position:relative;
overflow:hidden;
}
.slider {
width:100%;
height:400px;
float:left;
position:absolute;
top:0;
left:100%;
z-index:2;
}
.slider.on {
left:0;
z-index:1;
}

/* 
If you wish to add extra slides you'll need to code in the background image for it here
*/

.iron-clad {
background:transparent url('./../image/banner1.jpg') top center no-repeat;
}

.rock-solid {
background:transparent url('./../image/banner2.jpg') top center no-repeat;
}

.audit {
background:transparent url('./../image/banner3.jpg') top center no-repeat;
}



.slider h3, .slider p {
/* overflow:hidden; */
text-indent:-500px;
margin-top:200;padding:0;
height:0;
color:#CCCCCC;
}
#blocks {
height:130px;
color:#fff;
font-size:11px;
}
.home-block {
float:left;
width:318px;
height:130px;
text-align:left;
}
#file-security {
width:238px;
padding-left:80px;
}
#db-security {
width:243px;
padding-left:80px;
}
#web-app {
width:239px;
padding-left:80px;
}
.home-block h4 {
text-transform:uppercase;
font-size:18px;
padding:18px 0 8px 0;
margin:0;
color:#fffefe;
}
.home-block p {
padding:0 14px 0 0;
margin:0;
}
.c-center{ width:1000px;  margin:0 auto; position:relative; z-index:5;}
ul#pagination {
padding:0;
margin:0;
list-style:none;
position:absolute;
top:370px;
left:900px;
width:100px;
height:30px;
z-index:5;
}
ul#pagination li {
float:left;
width:15px;
height:15px;
overflow:hidden;
text-indent:-9999px;
cursor:pointer;
margin:0 2px;padding:0;
background:transparent url('./../image/yx_pagination.png') 0 0 no-repeat;
}
ul#pagination li#click1 {
background-position:0 0;
}
ul#pagination li#click1.on {
background-position:0 -15px;
}
ul#pagination li#click2 {
background-position:-19px 0;
}
ul#pagination li#click2.on {
background-position:-19px -15px;
}
ul#pagination li#click3 {
background-position:-37px 0;
}
ul#pagination li#click3.on {
background-position:-37px -15px;
}
ul#pagination li#click4 {
background-position:-57px 0;
}
ul#pagination li#click4.on {
background-position:-57px -15px;
}
ul#pagination li#click5 {
background-position:-77px 0;
}
ul#pagination li#click5.on {
background-position:-77px -15px;
}
a.learn-more {
background:#000;  /* url('./../image//images/homepage/learn-bg.gif') 94px 5px no-repeat */
display:block;
height:24px;
color:#fff;
float:left;
font-weight:700;
line-height:24px;
text-transform:uppercase;
padding:0 12px 0 12px;
margin: 200px 0 0 490px;
text-decoration:none;
font-size:11px;
}
.slider.review-fire a.learn-more {
margin-left:505px;
}
.slider.rock-solid a.learn-more {
margin-left:495px;
}
.slider.thin-air a.learn-more {
margin-left:470px;
}
#blocks a.learn-more {
margin:5px 0 0 115px;
}

/*------------------------------------------------------/
	Mobile Styles for the Banner
/------------------------------------------------------*/
ul#pagination.phat {
top:200px;
left:682px;
width:500px;
}
ul#pagination.phat li {
background:#fff;
width:65px;
height:65px;
line-height:65px;
text-indent:0;
margin:0 5px 0 0;
font-weight:700;
}
ul#pagination.phat li.on {
background:#000;
color:#fff;
}
.b_link{ display:inline-block; width:100%; height:400px; outline:none;}