/* Remove the navbar"s default margin-bottom and rounded borders */ 
    .navbar {
      margin-bottom: 15px;
      border-radius: 0;
	co lor: #ffffff;
	background: rgb(220,220,220); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(240,240,240,1) 36%, rgba(220,220,220,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(250,250,250,1) 0%,rgba(240,240,240,1) 36%,rgba(220,220,220,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(250,250,250,1) 0%,rgba(240,240,240,1) 36%,rgba(220,220,220,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	fil ter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#28343b',GradientType=0 ); /* IE6-9 */
    }


    .navbar-default .navbar-brand {
     color: #555;
    }       
    /* Set height of the grid so .sidenav can be 100% (adjust as needed) */
    .ro w.content {height: 550px}
    
    /* Set gray background color and 100% height */
    .sidenav {
      margin-top: -16px;
      padding-top: 10px;
      back ground-color: #f1f1f1;
      background-color: #f9f9f9;
      height: 100%;
    }
    
    html { height: 100%; }

    body {
       min-height:100%; 
       position:relative; 
       padding-bottom:100px; 
       font-size:12px;
   }

    /* Set black background color, white text and some padding */
    footer {
      background-color: #555;
      color: white;
      padding: 15px;
      position: absolute;
      left: 0 ; right: 0; bottom: 0;
      height:100px;




    }
    .table{
     margin-bottom:0;
     color:#555;
    } 
    .table-responsive{
        
      b order:1px solid #ddd; 
     }	 
    .site{
    background-color:#eee; 
    }
    .table th{
    color:#555;
    background-color:#eee; 
    fo nt-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-family:inherit;
    font-size:	14px;
    font-weight:normal;
    } 
    .table tbody td{
    padding: 2px;
    }
    .panel-body{
      padding:0;
    }
    .panel-heading{
     background: linear-gradient(to bottom, rgba(250,250,250,1) 0%,rgba(240,240,240,1) 36%,rgba(220,220,220,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     padding: 10px 4px;
   }
    .panel-default .panel-heading{  
     background-color: #eee;
     color: #555; 
    }


    /* On small screens, set height to "auto" for sidenav and grid */
    @media screen and (max-width: 767px) {
      .sidenav {
        height: auto;
        padding: 15px;
      }
      .r ow.content {height:auto;} 
    }
	
	.header {
		position:relative;
		top:0;
		left:0;
		#right:0;
		height:200px;
		wi dth:100%;
		padding:0px;
		margin:0px;
		backg round-color:#ffdd33;
		bac kground: url(banner.jpg);
		bac kground-size:1920px 200px;
		bac kground-repeat:repeat;
                background: url(banner.jpg),url(banner_edge.jpg);
                background-size:1920px 200px,40px 200px;
                background-repeat:no-repeat,repeat;
	}
	.header-logo{
		to p:20;
		height:139px;
		width:370px;
		margin-top:30px;
		margin-left:65px;
		background-repeat:no-repeat;
		background: url(RZ-Logo-atelios24_370.png);
	}
	.footer-bottom{
		pos ition:absolute;
		bot tom:0px ;
		width:100%;
		heig ht:auto;
		mar gin:0px;
	}

	.panel-heading .expand:before {
    		font-family: "Glyphicons Halflings";
    		content: "\e113";
    		float: right;
    		co lor: grey;
	}
	.panel-heading .expand.collapsed:before {
    		content: "\e114";
	}
	@media (min-width: 767px) {
  		ul.nav li.dropdown:hover > ul.dropdown-menu {
    			display: block;
  			}
	}

	@media (max-width: 767px) {
    
		.header-logo{
                to p:20;
                height:70px;
                width:185px;
                margin-top:15px;
                margin-left:40px;
                background-repeat:no-repeat;
                background: url(RZ-Logo-atelios24_370.png);
		background-size:100%;
                }
	.header {
		position:relative;
		top:0;
		left:0;
		#right:0;
		height:100px;
		wi dth:100%;
		padding:0px;
		margin:0px;
		backg round-color:#ffdd33;
		background: url(banner.jpg);
		background-size:960px 100px;
		background-repeat:repeat;
		}

	}




/* Tile definition */
 
       .tile{
        height:         200px;
        width:          200px;
        padding-top:    30px;
        margin-bottom:  4px;
       }
       .tileimg{
        height: 80px;
       }

       @media (max-width: 767px) {

 	.tile{
        height:         150px;
        width:          150px;
        padding-top:    30px;
        margin-bottom:  4px;
        font-size:	small;
	 }
       .tileimg{
        height: 50px;
       }
       }