/*	-------------------------------------------------------
	Project Name //   System Sense
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	.developer3@silvertrees.net  // 
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
* { margin:0; padding:0; }
a { text-decoration:none; outline:none; color:#555; }
a:hover { text-decoration:none; }
img { border:none; }
hr { border:0 #e3e7ef solid; border-top-width:1px; clear:both; height:0; margin:25px 0 }
p { padding-bottom:7px; line-height:18px; }
h1, h2, h3, h4, h5, h6 { margin-bottom:5px; }
h1 { font-size:30px; }
h2 { font-size:30px; }
h3 { font-size:25px }
h4 { font-size:22px; }
h5 { font-size:20px }
h6 { font-size:18px }
button { background:none; border:0; overflow:visible; cursor:pointer; font-family:Arial, Helvetica, sans-serif; cursor:pointer }
body { font:12px Arial, Helvetica, sans-serif; background:#fff; color:#666}
.note { font-size:11px; color:#666 }
.number { border-radius: 50%; display: block; font-size: 17px; font-weight: 700; height: 13px; line-height: 13px; padding: 13px; text-align: center; width: 13px; }
.clear { font-size:1%; clear:both; height:1%; overflow:hidden; line-height:1px }
.left { float:left; display:inline; }
.right { float:right; display:inline; }
.bold { font-weight:700 }
.shape { color:#999;}

.color-a { color:#cc252e;}
.page-color{ color:#365ea8;}
.page-bgcolor { background:#cc252e;}

/*templates colors*/
.color-red .page-color {color:#cc252f;}
.color-red .page-bgcolor,.nav .color-red >a:hover,  .nav .color-red.active > a, .nav .color-red  li a:hover {background:#cc252e;}

.color-org .page-color {color:#f8a032;}
.color-org .page-bgcolor, .nav .color-org >a:hover,  .nav .color-org.active > a, .nav .color-org  li a:hover {background:#f8a032;}

.color-green .page-color {color:#A3BF46;}
.color-green .page-bgcolor, .nav .color-green >a:hover,  .nav .color-green.active > a, .nav .color-green  li a:hover{background:#A3BF46;}

.color-darkgreen .page-color {color:#009A9A;}
.color-darkgreen .page-bgcolor, .nav .color-darkgreen >a:hover,  .nav .color-darkgreen.active > a, .nav .color-darkgreen  li a:hover{background:#009A9A;}

.color-darkblue .page-color {color:#375ea9;}
.color-darkblue .page-bgcolor, .nav .color-darkblue >a:hover,  .nav .color-darkblue.active > a, .nav .color-darkblue  li a:hover{background:#375ea9;}


.lead-table td{ padding:25px; color:#fff;}
.lead-table td h5{color:#fff;}

.wrap { width:960px; margin:0 auto; position:relative }
.header { border-bottom:10px solid #cc252e }
.logo { padding-bottom:15px; }
.call-us { background: url(img/call-ico.png) no-repeat scroll left center transparent; color: #CC252E; font-size: 30px; font-weight: 700; line-height: 26px; padding-left: 45px; margin: 15px 10px 0; }
.nav { bottom: 0; height: 30px; padding: 10px 0; position: absolute; right: 0; }
.nav ul { list-style:none; }
.nav li { display:inline; float:left; position:relative; padding:0 5px }
.nav li a { border-radius:5px; display: block; font-size: 12px; font-weight: 700; line-height: 30px; padding: 0 10px; color:#3f3f3f; -webkit-transition: all .25s linear;
-moz-transition: all .25s linear;
-o-transition: all .25s linear;
transition: all .25s linear;
text-transform:uppercase }
.nav li a.page-bgcolor { color:#fff ;}

.nav li ul { background:url(img/transparent-b.png); width:170px; left:0; top:30px; position:absolute; z-index:5; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4); display:none; border-radius: 3px; }
.nav li ul li { display:block; float:none; margin:0; padding:0 }
.nav li ul li a { font-size:12px; padding:3px 15px; border-radius:0; height:auto; line-height:18px; color:#fff; font-size:11px; }
.nav li.selected > a{ background:#cc252e; color:#fff}
.nav .active > a { color:#fff;}

.featured-bar { padding:15px 0; background:#d02630; text-align:center; color:#fff }
.featured-bar h4{ margin-bottom:0; font-weight:100}
.home-btns { background:#f1f1f1 url(img/dots-bg.png) no-repeat center; padding:22px 0; text-align:center; }
.home-btns a { padding:0 8px }
.content { padding:25px 0 }

.partners { text-align:center; border-top:1px solid #e3e3e3; padding:20px 0}

/*banners*/
.banners  { overflow:hidden;}
.banners h2{ position:absolute; left:0; top:0; padding:7% 0 0 0; font-size:35px; color:#cc252e; font-weight:700}

.crumbs { position:absolute; right:0; top:0; padding:10px 15px; border:1px solid #e5e5e5;  border-radius: 0 0 10px 10px;}
.crumbs a{ padding:0 10px}
.crumbs a:hover{ color:#000}

.pages { padding:0 0 70px 0; background:url(img/pages-bg.jpg) no-repeat center top}
.pages h1 { margin-bottom:15px; padding-bottom:20px; border-bottom:1px solid #ddd;}
.pages .content { border-left:1px solid #ddd; padding:0 0 0 30px ; width:680px; margin-top:70px; overflow:hidden;}

/*.pages-divider { background:url(img/divider.png) repeat-y 242px 0}*/

.side-bar { width:220px; padding:70px 22px 0 0}
.side-nav h5{ font-size:20px; margin-bottom:0; border-bottom:8px  solid #cc252e; padding:3px 13px; margin-top:-30px; color:#3a3a3a; }
.side-nav ul { list-style:none; border-bottom:8px  solid #cc252e; margin-bottom:95px;}
.side-nav li { display:block; border-top:1px solid #d6d6d6;}
.side-nav li a{ color:#3a3a3a; background:url(img/list-item.png) no-repeat 10px center; padding:12px 10px 12px 30px; display:block; font-size:14px;}
.side-nav li a.selected{font-weight:700}
.side-nav li a:hover{ color:#000}

/*testimonials*/
.testimonials { background:url(img/quote-left.png) no-repeat top left; margin-bottom:45px;}
.testimonials h6{ margin-bottom:5px}
.testimonials-inner { background:url(img/quote-right.png) no-repeat bottom right}
.testimonials-inner .btn-a { margin:10px 2px}
.items-slider { border-top:1px solid #ddd; padding:12px 0; position:relative; zoom:1}
.items-slider .flex-direction-nav { background:#FFF;  height:21px; width:47px;    padding: 0 0 0 10px;    position: absolute;    right: -10px;    top: -11px; z-index:30}
.items-slider .flex-direction-nav li{ display:inline; float:left; height:23px; width:21px;}
.items-slider .flex-direction-nav a { position:static; margin:0; opacity:0.8; height:21px; width:23px; background:url(img/slider_items_nav.png) no-repeat; left:auto; right:auto}
.items-slider .flex-direction-nav a:hover {opacity:1;}
.items-slider .flex-direction-nav a.flex-next { background-position:-23px 0}

/*staff*/
.staff .slider-panel{ padding-top:10px; overflow:hidden}
.staff .slider-panel h6{ font-size:13px; margin-bottom:5px}
.staff-thumb { margin:0 15px 15px 0}

/*img shadows*/
.shadow-a { background:url(img/shadow-a.png) no-repeat bottom; padding-bottom:15px}
.shadow-b { background:url(img/shadow-b.png) no-repeat bottom; padding-bottom:15px}
.shadow-c { background:url(img/shadow-c.png) no-repeat bottom; padding-bottom:15px}
.shadow-d { background:url(img/shadow-d.png) no-repeat bottom; padding-bottom:53px}

/*our-work*/
.our-work { list-style:none; overflow:hidden; width:730px }
.our-work li { float:left; margin-right:25px; width:205px; padding:10px 0}
.our-work li hr { margin:0 0 5px}

/*buttons*/
.btn-a{ background:#f0efef url(img/btn-a.png) repeat-x top; border:1px solid #bababa; padding:5px 10px; text-align:center; display:inline-block; color:#666; font-weight:700; border-radius:3px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); cursor:pointer}

/*pages*/
table hr { margin:0 0 10px 0}
.list-items { list-style:none;}
.list-items li { background:url(img/list-red.png) no-repeat left 0; margin-bottom:15px; padding-left:30px}
.contact-map { margin-bottom:20px}
.contact-form h4{ border-bottom:1px solid #ddd; color:#3a3a3a; padding-bottom:8px; margin-bottom:40px}
.contact-form .contact-snippets{ width:200px; margin-right:40px;}
.contact-form form { overflow:hidden;}
.contact-info p strong { padding-right:10px }
.contact-info h6 { font-family:Arial, Helvetica, sans-serif; padding:7px 0; font-size:16px; font-weight:700 }
.contact-info { width:240px; margin-right:40px; }
table.contact-info { width:540px; margin-bottom:40px }

 .input{ padding-bottom:25px;}
.text input , .textarea textarea { background:#f9f9f9 url(img/input-bg.png) repeat-x top; padding:8px 10px; border:1px solid #c8c8c8; border-radius:3px; font:12px Arial, Helvetica, sans-serif }
.textarea textarea { width:380px;}
.text input{ width:180px}
.input label { font-size:12px; color:#333; display:block; padding:2px 0; font-weight:700}

/*footer*/
.footer { background:#2a3333; padding:20px 0;  height:100%}
.footer h4 { margin-bottom:15px; font-size:14px}
.footer p { font-size:12px; line-height:18px}
.footer p, .footer h4 { color:#fff; }
.footer .abstract { width:440px; margin-right:50px;}
.contact-info p strong { padding-right:10px}
.contact-info { width:240px; margin-right:40px;}
.social-ico a{ margin-right:5px;}

.staff-list { display:block; overflow:hidden;}
.staff-list > ul { list-style: none;    margin-left: -40px;}
.staff-list > ul li { display: inline; float: left; margin:15px 0 20px 40px; width: 200px; border-bottom:1px solid #ccc; padding-bottom:25px;}
.staff-list .staff-img { display:block}
.staff-list .contact-btn { margin-top:20px}

/*paging*/
.paging { overflow:hidden; padding:10px 0 }
.paging ul { list-style:none; float:right }
.paging ul li { float:left }
.paging ul li a { float:left; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; margin: 1px 2px; padding: 5px 10px; display: inline-block; border: 1px solid #ddd;  color: #717171; text-shadow: white 0 1px 0; background-color: #f5f5f5; background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#eaeaea)); background-image: -webkit-linear-gradient(top, #f9f9f9, #eaeaea); background-image: -moz-linear-gradient(top, #f9f9f9, #eaeaea); background-image: -ms-linear-gradient(top, #f9f9f9, #eaeaea); background-image: -o-linear-gradient(top, #f9f9f9, #eaeaea); background-image: linear-gradient(top, #f9f9f9, #eaeaea); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f9f9f9', EndColorStr='#eaeaea');
}
.paging ul li a:hover, .paging ul li a:focus { background-color: #fdfdfd; background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#fafafa)); background-image: -webkit-linear-gradient(top, #fefefe, #fafafa); background-image: -moz-linear-gradient(top, #fefefe, #fafafa); background-image: -ms-linear-gradient(top, #fefefe, #fafafa); background-image: -o-linear-gradient(top, #fefefe, #fafafa); background-image: linear-gradient(top, #fefefe, #fafafa); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fefefe', EndColorStr='#fafafa');
}
.paging ul li a.current { -moz-box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.75); -webkit-box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.75); -o-box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.75); box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.75); border-color: #505050; color: #f2f2f2; text-shadow: black 0 1px 0; background-color: #676767; background-image: -webkit-gradient(linear, left top, left bottom, from(#5f5f5f), to(#5c5c5c)); background-image: -webkit-linear-gradient(top, #5f5f5f, #5c5c5c); background-image: -moz-linear-gradient(top, #5f5f5f, #5c5c5c); background-image: -ms-linear-gradient(top, #5f5f5f, #5c5c5c); background-image: -o-linear-gradient(top, #5f5f5f, #5c5c5c); background-image: linear-gradient(top, #5f5f5f, #5c5c5c); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#5f5f5f', EndColorStr='#5c5c5c');}