


.contBlock {
    width:960px;
    height: 100%;
    margin: 0 auto;
    position: relative;
}



#shadow-top {
    width: 100%;
    height: 28px;
    background: url('../images/elements/shadow-top.png') repeat-x;
}



#select, #documentation {
    margin:0 auto;
    padding-top:50px;
    width:200px;
    height: 50px;
    position: relative;
    font-size:18px;
    color:#fff;
    font-weight: 600;
    position: relative;
}

#documentation {
    padding-top:36px;
    width: 125px;
}

#select a, #documentation a, a:visited, a:active {
    color:#fff;
    text-decoration: none;
}

#select a.active, #select a:hover, #documentation a.active, #documentation a:hover {
    color:#659eea;
}

p.mode {
    font-size: 22px;
    text-align: center;
}

div.select-img {
    background: url('../images/elements/select.png') no-repeat;
    width:65px;
    height: 29px;
    margin:5px auto 0;
}

a.bullets {
    position:absolute;
    bottom:0;
    left:0;
}

a.gallery {
    position:absolute;
    bottom:0;
    right:0;
}

.sep {
    background: url('../images/elements/sep.png') center center no-repeat;
    width:960px;
    height: 2px;
    margin-bottom: 15px;
}



.list-block {
    width:460px;
    display: block;
    float:left;
    padding-bottom: 35px;
    padding-left: 20px;
}

.icon {
    width:115px;
    height: 81px;
    float:left;
}

#flexible .icon {background: url('../images/elements/cog-r.png') right top no-repeat;}
#code .icon {background: url('../images/elements/code-r.png') right top no-repeat;}
#highlight .icon {background: url('../images/elements/brush-r.png') right top no-repeat;}
#perfected .icon {background: url('../images/elements/perfected-r.png') right top no-repeat;}
#layout .icon {background: url('../images/elements/layout-r.png') right top no-repeat;}
#modes .icon {background: url('../images/elements/modes-r.png') right top no-repeat;}

.text {width:290px; display:inline-block; padding-left: 20px;}

.item-heading {
    font-size: 24px;
    color:#525252;
    padding-bottom: 12px;
    text-transform: capitalize;
}

.item-text {
    font-size: 14px;
    color:#525252;
}



#shadow-bottom {
    width: 100%;
    height: 26px;
    background: url('../images/elements/shadow-bottom.png') repeat-x;
    margin-top: 75px;
}

#footer {
    height: 85px;
    width:100%;
    background: url('../images/elements/panels-bg.png') repeat;
    position: relative;
}

#footer .light {
    width: 100%;
    height: 88px;
    background: url('../images/elements/light-bottom.png') center center no-repeat;
    position: absolute;
    top:-3px;
}

#ia {
    float:right;
    background: url('../images/elements/ia.png') no-repeat;
    width:91px;
    height: 57px;
    position: relative;
    top:18px;
}

#browsers {
    width: 320px;
    height: 63px;
    margin:-25px auto;
    background: url('../images/elements/browsers.png') no-repeat;
}

/*  Social plugin css  */

#social{
float:left;
margin:6px;
}
.sharrre{
margin:10px;
float:left;
}
.sharrre .box a:hover{
text-decoration:none;
}
.sharrre .count {
color:#525b67;
display:block;
font-size:14px;
font-weight:bold;
line-height:22px;
height:22px;
position:relative;
text-align:center;
width:32px;
margin-left: 9px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
border:1px solid #b2c6cc;
background: #fbfbfb; /* Old browsers */
background: -moz-linear-gradient(top, #fbfbfb 0%, #f6f6f6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fbfbfb 0%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fbfbfb 0%,#f6f6f6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fbfbfb 0%,#f6f6f6 100%); /* IE10+ */
background: linear-gradient(top, #fbfbfb 0%,#f6f6f6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
}
.sharrre .count:before, .sharrre .count:after {
content:'';
display:block;
position:absolute;
left:49%;
width:0;
height:0;
}
.sharrre .count:before {
border:solid 7px transparent;
border-top-color:#b2c6cc;
margin-left:-7px;
bottom: -14px;
}
.sharrre .count:after {
border:solid 6px transparent;
margin-left:-6px;
bottom:-12px;
border-top-color:#fbfbfb;
}
.sharrre .share {
color:#FFFFFF;
display:block;
font-size:12px;
font-weight:bold;
height:20px;
line-height:20px;
margin-top:8px;
padding:0;
text-align:center;
text-decoration:none;
width:50px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}
#twitter .share {
text-shadow: 1px 0px 0px #0077be;
filter: dropshadow(color=#0077be, offx=1, offy=0);
border:1px solid #0075c5;
background: #26c3eb;
background: -moz-linear-gradient(top, #26c3eb 0%, #26b3e6 50%, #00a2e1 51%, #0080d6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#26c3eb), color-stop(50%,#26b3e6), color-stop(51%,#00a2e1), color-stop(100%,#0080d6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #26c3eb 0%,#26b3e6 50%,#00a2e1 51%,#0080d6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #26c3eb 0%,#26b3e6 50%,#00a2e1 51%,#0080d6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #26c3eb 0%,#26b3e6 50%,#00a2e1 51%,#0080d6 100%); /* IE10+ */
background: linear-gradient(top, #26c3eb 0%,#26b3e6 50%,#00a2e1 51%,#0080d6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26c3eb', endColorstr='#0080d6',GradientType=0 ); /* IE6-9 */
box-shadow: 0 1px 4px #DDDDDD, 0 1px 0 #5cd3f1 inset;
}
#facebook .share {
text-shadow: 1px 0px 0px #26427e;
filter: dropshadow(color=#26427e, offx=1, offy=0);
border:1px solid #24417c;
background: #5582c9; /* Old browsers */
background: -moz-linear-gradient(top, #5582c9 0%, #33539a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5582c9), color-stop(100%,#33539a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #5582c9 0%,#33539a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #5582c9 0%,#33539a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #5582c9 0%,#33539a 100%); /* IE10+ */
background: linear-gradient(top, #5582c9 0%,#33539a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5582c9', endColorstr='#33539a',GradientType=0 ); /* IE6-9 */
box-shadow: 0 1px 4px #DDDDDD, 0 1px 0 #80a1d6 inset;
}
#googleplus .share {
text-shadow: 1px 0px 0px #222222;
filter: dropshadow(color=#222222, offx=1, offy=0);
border:1px solid #262626;
background: #6d6d6d; /* Old browsers */
background: -moz-linear-gradient(top, #6d6d6d 0%, #434343 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6d6d6d), color-stop(100%,#434343)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #6d6d6d 0%,#434343 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #6d6d6d 0%,#434343 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #6d6d6d 0%,#434343 100%); /* IE10+ */
background: linear-gradient(top, #6d6d6d 0%,#434343 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d6d6d', endColorstr='#434343',GradientType=0 ); /* IE6-9 */
box-shadow: 0 1px 4px #DDDDDD, 0 1px 0 #929292 inset;
}