/*
    File Name: style_cf.css
    Only Color and Background Values Of All Elements
    
*/

/* body */
    body {
        background-color:#eeeeee;
        color:#333333;
		-moz-user-select:none;
    }

/* Layout general*/
/* Backgrounds */
    #container{
        background:#fff;
    }  

    #container1{
        background:#fff url(../images/background_repeat.jpg) 0 50px repeat-x;
    }
    
    #container2{
        background:transparent url(../images/background2.jpg) center 25px no-repeat;
    }
 
/* main layout */

    /* page curv top */
    .page_curv_top{
        background:transparent url(../images/page_curv_top.png) center no-repeat;
    }
    
    .content_con{
        background:transparent url(../images/page_content.png) center repeat-y;
    } 

	.box1, .box2, .box3{
		width:304px;
		height:330px;
		float:left;
		margin:10px 5px;
		border:solid 1px #c5c5c5;
		position:relative;
	}
	
	.box1{margin-left:10px;}
	.box3{margin-right:10px;}
	
	.box1 a#readmore, .box2 a#readmore, .box3 a#readmore{float:right; position:relative; bottom:10px; right:10px;color:#fff;background:#A50000;border:1px solid #A50000;text-decoration:none; margin-top:-11px; width:85px;text-align:center;}
	
	.box1 h3, .box2 h3, .box3 h3{ border-bottom:solid 1px #c5c5c5; padding: 10px 0 10px 35px; margin-bottom:10px; color:#fff; }
	
	.box1 h3{background:url(../images/new-icon.png) no-repeat left center #078eed; }
	
	.box2 h3{background:url(../images/industry.png) no-repeat left center #078eed; }
	
	.box3 h3{background:url(../images/ask-help.png) no-repeat left center #078eed; }
	
	.box1 p, .box2 p, .box3 p{text-align:justify; }
	
	div.pad5x{ padding:5px; }
	div.pad5x ul li{ margin-bottom:5px; text-align:justify; }
	
	a#readmore{color:#c93738;}
	a#readmore:hover{border:1px solid #CA0000;background:#fff;color:#CA0000;}

    /* sidebar */
    .sidebar{
        background: transparent url(../images/side_bar_shadow_repeat.jpg) left repeat-y;
    }

    /* layers for side shadow */
    .sidebars1{ 
        background:transparent url(../images/sidebar_shadow_bottom.jpg) left bottom no-repeat;
    }

    .sidebars2{ 
        /*background:transparent url(../images/sidebar_shadow_top.jpg) left top no-repeat;*/
    }
 
 /* Featured Boxes */
 
    /* border of heading on featured boxes (home page, side bars)   */        
    .box.small h4, .box.small h5, .box.single h3,  .box.side h4, .box.side h3{
       /* border-bottom:1px dotted #D5D5D5;*/
	   margin-bottom:5px;
    }
    
    /* different color in home page welcome text */  
    .box.single h3 span{
        color:#e93a3a;/*#6dd1fb;*/
    }
 
 /* Products detail tabs */

    #tabs ul.tabnav li{
        background:url(../images/tab.jpg) right top;
    }   

    #tabs ul.tabnav li a{
        background:url(../images/tab.jpg) left top;
        color: #777;
    }
    
    /* tab color hover state */
    #tabs .tabnav li.ui-tabs-selected a,#tabs .tabnav li.ui-tabs-selected a:hover,  #tabs ul li a:hover, #tabs ul li.ui-tabs-selected{
        color:#107fae;        
    }

    /* tab color active state */
     #tabs ul li.ui-tabs-selected{
        color:#107fae;
    }

    /* for product photos tab images */
    #photos img{
        border:1px solid #eeeeee;
    }


/* Product List Page*/

     /* Product Box*/
    .box.product{
        background:url(../images/small_box_middle.jpg) repeat-y;
    }
        
    /* Price */         
    .box.product .textarea .price{
        color:#D5D5D5;
    }
    
/* Product Detail Page */

     /* Tab Area*/   
    .box.full{
        background:url(../images/full_box_middle.jpg) repeat-y;
    }

    /* Product Detail Page*/
    .box.full .box.product {
        border-bottom:1px dotted #D5D5D5;
    }

    /* Product Photos in Tabs (related products) */
    .box.full .box.product .product_image{
        border:1px dotted #D5D5D5;
    }
        
/* Blog */
    
    /* post image */
    .box.blog .post_image{
        border-bottom:1px dotted #D5D5D5;
        border-top:1px dotted #D5D5D5;
    }
    
    /* Date and Categories Bar */
    .box.blog .dateandcategories{
        border-bottom:1px dotted #D5D5D5;
        border-top:1px dotted #D5D5D5;
        color:#989898;
    }

    /* Links For Date and Categories */
    .box.blog .dateandcategories a{
        color:#989898;
    }
    
    .box.blog .dateandcategories a:hover{
        color:#6dd1fb;
    }
        
        
/* Portfolio */
    .box.big_box{
        background:url(../images/big_box_middle.jpg) repeat-y;
    }

    /* Portfolio Categories Bar*/        
    .portfolio_categories{
        background:url(../images/portf_categories.jpg) no-repeat;
    }
        
    /* Left Side Text */     
    .portfolio_categories h5{
        color:#B5B5B5;
    }

    /* Category Links Style*/ 
    .portfolio_categories ul li a{
        color:#B5B5B5;
    }        

    .portfolio_categories ul li a:hover{
        color:#6dd1fb;
    }

    /* Category Links Active Page Style */ 
    .portfolio_categories ul li a.active{
        color:#6dd1fb;
    }

    .portfolio_categories ul li a.active:hover{
        color:#107fae;
    }

/* Portfolio Slider */

    /* Content Area */
    .portfolio_slide_content{
        background:#1384b4 url(../images/portfolio_light.png) top left no-repeat;
    }
        
    /* Slide Title */
    .portfolio_slide_content .title{
       border-bottom:1px dashed #CCEBFB;
       color:#c5dce6;
   }
 
    /* Title Link */
    .portfolio_slide_content .title  a{
        color:#fff;
    }
    
    .portfolio_slide_content .title  a:hover{
        color:#c5dce6;
    }

    /* Category Link */    
    .portfolio_slide_content .title  a.cat{
        color:#c5dce6;
    }

    .portfolio_slide_content .title  a.cat:hover{
        color:#fff;
    }

    /* Content Link */
    .portfolio_slide_content .text a{
        color:#fff;
    }
    
    .portfolio_slide_content .text a:hover{
        color:#fff;
    }
        
    /* Content Text */
    .portfolio_slide_content .text{
        color:#fff;
    }
       
    /* Slider Arrows */ 

    .portfolio_slider_arrows .left{
        background:url(../images/portfolio_slider_arrows.png) left no-repeat;
    }

    .portfolio_slider_arrows .right{
        background:url(../images/portfolio_slider_arrows.png) right no-repeat;            
    }
    
    /* Play and Zoom Icon */    
    .play{
      background:url(../images/play.png) center no-repeat;
    }
    
    .magnifier{
      background:url(../images/magnifier.png) center no-repeat;
    }
    
/* Paging */


    /* paging link*/
   .paging ul li a, .paging ul li.active a{
       background:url(../images/paging_buttons.jpg) 104px 0 ;
       color:#C3C3C3;
   }
   
    /* paging mouseover*/
    .paging ul li.active a, .paging ul li a:hover{
       color:#fff;
       background:url(../images/paging_buttons.jpg) 200px 0 ;
    }
     
    /* Arrow Left */   
    .paging ul li.arrowleft a{
         background:url(../images/paging_buttons.jpg) 72px 0 ;
    }
        
    /* Arrow Left Hover State */
    .paging ul li.arrowleft a:hover{
         background:url(../images/paging_buttons.jpg) 168px 0 ;
    }        

    /* Arrow Right  */
    .paging ul li.arrowright a{
         background:url(../images/paging_buttons.jpg) 40px 0 ;
        
    }
    
    /* Arrow Right Hover State */    
    .paging ul li.arrowright a:hover{
         background:url(../images/paging_buttons.jpg) 136px 0 ;
    } 
 
/* News Box */
    .news_line{
        background:transparent url(../images/line_silver.jpg) repeat-x;
    }

    .news_date{
        color:#C3C3C3;
    }

    a.news {
        color:#107fa4;
    }

    a.news:hover {
    }
    
        
/* Home Page Slider */
   
        
    /* slider right side */
    #slider_area .right_side{
        background:#107fae url(../images/slider_right_color.jpg) top left no-repeat;
        border-left:10px solid white;
        color:#fff;
    }

    #slider_area .right_side a{
        color:#fff;
    }    
        
    #slider_area .right_side a:hover{
        color:#fff;
    }
    
    .slider_curv{
        background:transparent url(../images/slider_curv.png) center no-repeat;
		display:none;
    }

    /* slider numbers*/
    /* active number style*/
    #numbers    a{ 
        background: transparent url(../images/slider-pt.png) right top no-repeat;
    }
    
    #numbers   a:hover{ 
        background: transparent url(../images/slider-pt.png) left top no-repeat;
    }
    
    #numbers   a.activeSlide{ 
        background: transparent url(../images/slider-pt.png) left top no-repeat;
    }


/* sub navigation */

    /*Sub page list*/
    #sub_menu  li{	
        border-bottom:1px dotted #D5D5D5;
    }
    
    /*Sub page menu*/
    #sub_menu  li a{
        background:transparent url(../images/side_arrow_off.jpg) no-repeat;
        color:#444;               
    }
    
    #sub_menu  li a:hover,#sub_menu  li a.curActive{
        background:transparent url(../images/side_arrow_on.jpg) no-repeat;
        color:#10729c;
    }
        

/* Footer */
    #footer {
        background:transparent url(../images/footer_repeat.jpg) repeat-x;
        color:#9D9D9D;
    }
    
    #footer .footer_con{
        background:transparent url(../images/footer.jpg) center top no-repeat;                
    }
    
    /* footer1 links */
    #footer  a{
        color:#9D9D9D;
    }
    
    #footer  a:hover{
    }

/*  sub page header */
    .sub_header{
        border-bottom:1px solid #E4E4E4;
    }
        
/* Breadcrumb Menu */
    .breadcrumb{
        color:#444;
    }
    
    .breadcrumb  a{	
        color:#444;
		font-size:12px;
    }
    
/* search bar */
    .search_bar{
        background:url(../images/search.jpg) no-repeat;
    }
    
    .search_bar form input{
        color:#adadad;
    }
    
/* Navigation */
    .navigation{
        background: transparent; /*background of menu bar (default state)*/
    }
    
    /*Top level menu link items style*/
    .navigation ul li a{
        color:#FFF;/*#bf0303;*/
		text-transform:uppercase;
    }
    
    .navigation ul li ul li a{
        border-bottom:1px dashed #fff; 
    }
    
    .navigation ul li .first_ul li a:hover, .navigation ul li ul a.selected{
        color:#F7D712;/*#ff8c8c;*/
    }
    
    .navigation ul li ul li {
        background: transparent url(../images/drop_down_middle1.png) left repeat-y;
    }           
    
    
    /* active state & hover state */         
    .li_active, .navigation ul .active, ul.navigation li.current_page_item{
        /*background: #fff url(../images/menu_button1.jpg) right top no-repeat;*/
        color:#fff;
    }        
    
    .navigation ul li .a_active, .navigation ul .active a, ul.navigation li.current_page_item a{
        /*background: #fff url(../images/menu_button1.jpg) left top no-repeat;*/
        color:#F7D712;
    }
    
    ul.navigation li.current_page_item ul li a,  ul.navigation li ul li a{
        background:none;
        color:#fff;
    }
    
    .navigation ul .active ul a{
        background: none;
    }
    
    
    /*first ul background*/
    .navigation ul li .first_ul{
        /*background: transparent url(../images/drop_down_bottom1.png) bottom left no-repeat;*/
    }  
    
    .navigation ul li ul .first_li{
       /* background: transparent url(../images/drop_down_top1.png) top left no-repeat;*/
    }                     

/* Lists */
    .content.sub ul ul, .content.sub ol ol{
        border-top:0px solid #EBEBEB;;
    }
    
    .content.sub ul ul li, .content.sub ol ol li{
        border-bottom:0px solid #EBEBEB;
    }
    
    .content.sub ul, .sub.content ol  {	
        border-top:1px solid #EBEBEB;
    }
    
    .sub.content li{
        border-bottom:1px solid #EBEBEB;
    }
    
    /* No Bulet List*/     
    
    /* sidebar list */
    
    .sidebar .box  li{	
        border-bottom:1px solid #EBEBEB;
    }
        
/* Links */	 
    a{
        color:#107fae;
    }
    
    a:hover{
        color:#0C00FF;
    }
    .about ul li a.product{
		color:#fff;
		text-decoration:none;
	}
	.about ul li a.product:hover{
		color:#000;
		text-decoration:none;
	}

    h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{
        color:#CA0000;
    }
    
    h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover{
        color:#0C00FF;
    }
        
/* Headings*/
    h1,h2,h3,h4,h5,h6{
        color:#0c00ff;
    }
    
/* Text Elements */
    blockquote {
        background:transparent url(../images/blockquote.png) left top no-repeat;
        color:#10729c;
    }
        
/*contact form */
/*contact form validation*/
    #validate_form label{
        color:#A50000;
    }
    
    #validate_form label.error {
        color: red;
        border: 0px solid red;
    }
    
    #validate_form .error{
        color: red;
        border: 1px solid red;
    }
    
/* Form Messages*/
    .ok_box{
        border:1px  dashed green;
        color:green;
    }    

    .ok_box h3{
        color:green;
    }    
    .error_box, #loader{
        border:1px  dashed red;
        color:red;
    }
    
/* Forms */
    input, select, textarea{
        color:#696969;
        /*border:1px solid #EBEBEB;*/
		/*border:1px solid #c1c1c1;*/
    }
    
    .button{
        color:#fff;
        background:#A50000;
        border:1px solid #A50000;
    }
    
    .button:hover{
        border:1px solid #CA0000;
        background:#fff;
        color:#CA0000;
    }
        
        
/* Tables */
    tbody tr:hover td
    {
    }
    
    table{
        border: 1px dotted #d2d2d2;
    }
    
    table th {
        background:#e2e2e2;
    }
    
    table td {
        border: 1px dotted #d2d2d2;
    }
    
    /*tbody tr:hover td
    {
        background:#F5F5F5;
    } */       
	
/* table */

table.clients h2{
	margin-top:0;
	text-align:center;
}

table.clients td img{
	border:solid 3px #d0d0d0;
	/*margin-left:20px;*/
	margin:0 15px;
}

/*Vission and mission*/

ul.mission{
	border: solid 0px white !important;
	list-style-type:none;
}

ul.mission li{
	border-bottom:solid 0px white !important;
	background:url(../images/checkbox.png) no-repeat center left;
	padding:3px;
	padding-left:30px;
}

.w300{ width:300px; margin:10px; }

li.title{font-size:14px; color:#a50000; border-bottom:none !important; margin:10px 0; }