/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Lato:400,900');

html,body
{
margin:0px;
padding:0px;
font-family: 'Lato', sans-serif;
font-size:14px;  
background: #E6E6E6; 
}

#page_container
{
max-width:800px;
padding:0;
margin:0;
background:#FAFAFA;
margin:auto;
overflow:hidden;

}

#menu_container
{
max-width:800px;
padding:0;
margin:0;
margin:auto;
background:#0399FF;
overflow:hidden;
}

#content_container
{
width:100%;
padding:10px;
margin:0;
margin:auto;
background:#FAFAFA;
overflow:hidden;
box-sizing: border-box;
}

#content_container_tq
{
width:66%;
padding:10px;
margin:0;
margin:auto;
background:#FAFAFA;
overflow:hidden;
box-sizing: border-box;
float:left;
}

#content_container_q
{
width:33%;
background:#FAFAFA;
/*background:#0399FF;*/
float:left;
box-sizing: border-box;
}




#content_container_r
{
width:100%;
padding:10px;
margin-top:10px;
margin-bottom:10px;
background:#0399FF;
background-image: url('site_images/office_block.png'); 
background-repeat: no-repeat;
background-position: bottom; 
background-size: auto;


overflow:hidden;
box-sizing: border-box;
float:left;
border-radius:10px;
position:relative;

/*border-top-left-radius:10px;
border-bottom-left-radius:10px;*/
}






#footer_container
{
width:100%;
padding:10px;
margin:0;
margin:auto;
background:#666666;
overflow:hidden;
box-sizing: border-box;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
}

#table
{
width:275px;
float:left;
}

#services_container
{
width:385px;
border:1px solid #0399FF;
overflow:hidden;
margin-right:5px;
margin-bottom:10px;
float:left;
box-sizing: border-box;
}

#services_header
{
width:100%;
padding:10px;
background: #0399FF;
color:white;
}

#services_content
{
width:100%;
padding:10px;
background: #fff;
height:320px;
box-sizing: border-box;
}


#table_services
{
width:auto;
margin-bottom:4px;
}

/* New Menu */
li
{
margin-left:0px;
color: #666666;
}


ul 
{
margin: 0;
padding: 0;
list-style: none;
overflow: hidden;
background-color: #0499FF;
}


ul .btn 
{
text-align:right;
display: none;
cursor: pointer;
}

ul li 
{
float: left;
}

ul li a 
{
display: block;
padding: 10px;
border-right: 1px dotted #fff;
text-decoration: none;
color: #fff;

}

li:hover 
{
background:#666666;

}

ul li a:hover 
{
color: #fff;
}
/************************************/

p.regular_black
{ 
  line-height:17px; 
  font-family: 'Lato', sans-serif;
  font-size:14px;
  font-weight: 400;
  color:#000;
  margin-top:0px;
  margin-bottom:0px;
}

p.larger_black
{ 
  line-height:17px; 
  font-family: 'Lato', sans-serif;
  font-size:17px;
  font-weight: 900;
  color:#000;
  margin-top:0px;
  margin-bottom:0px;
}

p.regular_white
{ 
  line-height:17px; 
  font-family: 'Lato', sans-serif;
  font-size:14px;
  color:#fff;
  margin-top:0px;
  margin-bottom:0px;
}

p.regular_blue
{ 
  line-height:17px; 
  font-family: 'Lato', sans-serif;
  font-size:14px;
  font-weight: 900;
  color:#0399FF;
  margin-top:0px;
  margin-bottom:0px;
}

p.larger_blue
{ 
  line-height:17px; 
  font-family: 'Lato', sans-serif;
  font-size:19px;
  font-weight: 900;
  color:#0399FF;
  margin-top:0px;
  margin-bottom:0px;
}

p.large_blue
{ 
  line-height:17px; 
  font-family: 'Lato', sans-serif;
  font-size:15px;
  font-weight: 900;
  color:#0399FF;
  margin-top:0px;
  margin-bottom:0px;
}

#linkedin_logo
{
float:right;
}

@media (max-width: 850px) 
{
  html,body
	{
	margin-top:0px;
	margin-left:5px;
	margin-right:5px;
	}
  
  
  ul li {
    
     float:none; 
    
     

    }
    ul .btn {
      border-right:0px;
      display: block;
              
    }
    ul .menu li a {
    padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
    border-bottom: 1px dotted #fff;
    border-right:0px;

    }
    ul .menu {
        display: none;
                        
    }
    
    ul li:hover .menu {
        display: block;
       
    }
    
    #content_container
	{
	width:100%;
	}

	#content_container_tq
	{
	width:100%;
	}
	
	#content_container_q
	{
	width:100%;	
	}
	
	#content_container_r
	{
	width:100%;
	border-radius:0;
	}
   
}
@media (max-width: 350px) 
{
    html,body
	{
	margin-top:0px;
	margin-left:5px;
	margin-right:5px;
	}
    
    p.regular_white
	{ 
	margin-bottom:8px;
	}
	
	
	#linkedin_logo
	{

	}
}