/*-----------------------------------------------------------------------
#package     Rox Xyst Template
#version     1.0
#author      ThemeRox http://www.themerox.com
#copyright   Copyright under commercial licence (C) 2010 - 2011 ThemeRox
#license     http://www.gnu.org/licenses/gpl-3.0.html GNU/GPLv3
------------------------------------------------------------------------*/

/*------------------------------------------------------------------------
#Helix Framework Credit
# Author - JoomShaper http://www.joomshaper.com
# Copyright (C) 2010 - 2012 JoomShaper.com. All Rights Reserved.
# license - PHP files are licensed under  GNU/GPL V2
# license - CSS  - JS - IMAGE files  are Copyrighted material 
# Websites: http://www.joomshaper.com
--------------------------------------------------------------------------*/
a,.mod-wrapper h3.header{color:#333}
a:hover,a:active,a:focus{color:#008AC3}
div.gkTweet > div a:hover{color:#008AC3 !important}
.page-header h2, h1{color:#008AC3;}
/*logo*/
a#logo{background:url(../../images/styles/blue/logo.png) no-repeat 0 50%}
/*Styling subnav*/
#sublevel {background:#f5f5f5;}

/*Parent list item hover and active*/
#hornav ul.level-0 > li:hover,#hornav ul.level-0 > li.menu-item.active,
#sublevel ul.level-1 > li:hover,#sublevel ul.level-1 > li.menu-item.active{background-color:#008AC3 !important;}
/*Submenu*/
#hornav ul li .submenu-inner,#sublevel ul li .submenu-inner {background: rgba(0,138,195,0.9);color:#333;border:2px solid #fff !important}
/*Suffix menu*/
.module.menu ul.menu li:hover,
.module.menu ul.menu li.active {background:#fbfbfb}

/* user_content */
#sp-content{background:#008AC3;}

/*bottom position*/
img.sp_simple_gallery:hover{background:#008AC3;}

#sp-bottom input:focus, #sp-bottom textarea:focus, #sp-bottom textarea#message:focus{background:#f3f3f3;color:#888}
input#sp_qc_submit{background:#008AC3;color:#FFF;}
input#sp_qc_submit:hover{background:#008AC3 !important;}
#sp-bottom ul li:hover{color:#008AC3;}
/*our team*/
h3.team-title{color:#008AC3;}
.our-team-text h2 {color:#008AC3;}
.team-member h3 {color:#008AC3;}
/* Contact Us */
#sp-bottom-top input, #sp-bottom-top textarea#message{background:#e8e8e8;color:#888;}
#sp-bottom-top input:hover, #sp-bottom-top textarea#message:hover{background:#dcdcdc;color:#888;}
#sp-bottom-top #sp_qc_submit{background:#008AC3;color:#FFF;}
ul.pxs_thumbnails li.selected img {background:#008AC3 !important;}
/* Client Testimonial page */
.testimonial-text h2{color:#008AC3;}

/* sp-content-grid-bottom */
.rox_xyst_org{background:#F5F5F5;}
.rox_xyst_org:hover{background:#242424;color:#FEFEFE;}

/* 1 Column portfolio page */
.folio-text a{background-color:#008AC3;color: #fff;}

/* Image Gellary page */
.rox-gallery {background:#FFF;}

/* Module Variation */

/* _default */
._default .mod-wrapper{background-color:#FFF;}
._default h3{color:#008AC3;background-color:rgb(253, 252, 252);}

/* _light_blue */
._light_blue .mod-wrapper{background-color:#DBEAF1;}
._light_blue h3{background-color:rgba(220, 231, 236)}
._light_blue p{color:#008AC3;}

/* _light_sepia */
._light_sepia .mod-wrapper{background-color:#EBF0DC;}
._light_sepia h3{color:#8d9a6d;background-color:rgb(229, 235, 212)}
._light_sepia p{color:#8d9a6d}

/* _light_grey */
._light_grey .mod-wrapper{background-color:#DDDDDD;}
._light_grey h3{background-color: rgb(219, 218, 218);}


/* Dark Blue */
._dark_blue .mod-wrapper{background-color: #3372a2;color: #C4E3FC;}
._dark_blue h3{background: #4384B6;color: #C4E3FC!important;border-bottom:}
._dark_blue p{color:#C4E3FC;}

/* Dark Gray*/
._dark_gray .mod-wrapper{background-color: #757575;color: #ddd;}
._dark_gray h3{background: #464646;color: #ddd!important;}
._dark_gray p{color:#DDD !important;}


/* Grass */
._grass .mod-wrapper{background-color: #78A24F;color: #fff;}
._grass h3{background: #689041;color: #fff!important;}
._grass p{color:#FFF;}

/* Maroon */
._maroon .mod-wrapper{background-color:#946050;}
._maroon h3{color:#DDC1B9!important;background-color:#7F4C3C}
._maroon p{color:#DDC1B9;}


/* Carousel layout Page */
.carousel-img {background:url(../../images/xyst/coursel_shadow.png) no-repeat 0 100%;}
.carousel-img img{background:#FFF}
.carousel-img img:hover{background:#008AC3}
.carousel-layout h2{color:#008AC3;}

/* Social Icons */

#sp-footer-nav p a.facebook{background:url(../../images/styles/blue/social/facebook.png) no-repeat}
#sp-footer-nav p a.bing{background:url(../../images/styles/blue/social/linked-in.png) no-repeat}
#sp-footer-nav p a.rss{background:url(../../images/styles/blue/social/skype.png) no-repeat}
#sp-footer-nav p a.skype{background:url(../../images/styles/blue/social/rss.png) no-repeat}
#sp-footer-nav p a.twitter{background:url(../../images/styles/blue/social/twitter.png) no-repeat}
#sp-footer-nav p a.flicker{background:url(../../images/styles/blue/social/flicker.png) no-repeat}
a#topofpage{background:url(../../images/styles/blue/go_to_top.png) no-repeat 0 0;}
/*blog*/
div.catItemReadMore a {color:#008AC3 !important;}

/*slide*/
.rox_obcontent .slide3 h1 span, .rox_obcontent .intro h1 span, .rox_obcontent .slide2 h1 span{color:#008AC3 !important;}
.rox_obcontent .slide3 p span, .rox_obcontent .intro p span, .rox_obcontent .slide2 p span {color:#008AC3 !important;}
div.rox-nav-obj span.active {background:url(../../images/styles/blue/active.png) no-repeat 0 0 !important;}
div.rox-nav-obj span {background: url(../../images/styles/blue/non-active.png) no-repeat 0 0 !important;}

#sp-slides2{border-bottom:3px solid #008AC3;}
.iosSlider .prev{background: url(../../images/styles/blue/controls.png) no-repeat center top !important;}
.iosSlider .next {background: url(../../images/styles/blue/controls.png) no-repeat center bottom !important;}
.iosSlider .item .caption .main_title {border-left: 5px solid #008AC3;}
.iosSlider .item .caption.fromright .main_title {border-right: 5px solid #008AC3;}
.iosSlider .item .caption.style2 .title_big, .iosSlider .item .caption.style2 .title_small{border-left: 5px solid #008AC3;}
.iosSlider .item .caption.style2.fromright .title_big, .iosSlider .item .caption.style2.fromright .title_small {border-right: 5px solid #008AC3;}
/*cyclone slide*/
#carousel-left {	background:url(../../images/styles/blue/controls.png) no-repeat 0 0 !important;}
#carousel-right {background:url(../../images/styles/blue/controls.png) no-repeat 0 100% !important;}
/*Historic Timeline*/
div.rox_timeline_present p {background:#008AC3 !important;}
div.rox_timeline_date_right p, div.rox_timeline_date_left p {background:#008AC3 !important;}
div.rox_timeline_bg_left:hover, div.rox_timeline_bg_right:hover {background:#008AC3 !important;}
div.userBlock img {background:#008AC3}
.rox-gallery-wrapper a.item-preview{background:url(../../images/styles/blue/gallery-hover.png) no-repeat 50%}
.rox-gallery-wrapper a.item-preview2{background:url(../../images/styles/blue/gallery2cl.png) no-repeat 50%}
.rox-gallery-wrapper a.item-preview3{background:url(../../images/styles/blue/gallery_hover3.png) no-repeat 50%}
.rox-gallery-wrapper a.item-preview4{background:url(../../images/styles/blue/galleryhover4cl.png) no-repeat 50%}
div.itemCommentsForm form input#submitCommentButton {background: #008AC3}
div.itemComments ul.itemCommentsList li img {background:#008AC3}
div.itemCommentsForm form textarea.inputbox:hover, div.itemCommentsForm form input.inputbox:hover,#sp-bottom input:hover, #sp-bottom textarea:hover, #sp-bottom textarea#message:hover{background:rgba(0,138,195,0.2);}
div.itemContentFooter {color:#008AC3;}

/*Modified Home Page*/
.company_activits .mod-wrapper h3.header{color:#008AC3;border-bottom:1px solid #008AC3;}
.sprocket-mosaic .sprocket-mosaic-header {background:url(../../images/styles/blue/pattern1.png) 0% 0% repeat;}
.sprocket-mosaic-item .sprocket-mosaic-title a{color:#008AC3;}
.sprocket-mosaic-loadmore {background:url(../../images/styles/blue/loadmore.png) 2px 0% no-repeat !important}
div.tweet  .mod-wrapper{background:#3ba3ce  url(../../images/styles/blue/twiter.png)no-repeat 95% 95%;border:6px solid #008AC3 }
div.tweet  .mod-wrapper h3.header{color:#fff}

/*Mask Hover*/
div.rox-mask{background:rgba(0,138,195,0.7);border:6px solid #000;}

.dark {border: 6px solid #008AC3 !important;}
.dark li > h2 span{background: rgba(0,138,195,0.8) !important;}
.dark h2.selected span, .dark h2.selected span:hover{background: rgba(0,138,195,0.9) !important;}