/*
    Theme Name: LSO INC
    Theme URI: www.lsoinc.ca
    Author: JohnMuncaster.com
    Author URI: http://johnmuncaster.com
    Description: Logical Solutions Online WP Theme
    Version: 1.1
*/


/* STANDARD ***************************************************************************************************************/

html {
    overflow-y: scroll;
}

a, img {
    border: none;
}

img { border: none; width: 100%; height:  100%;}

body {
    background: #ffffff;
    padding: 0px;
    margin: 0px;
    font-family: 'Arial';
    font-size: 14px;
    background-color: #454545;
    background-image: url(assets/images/background.jpg);
    background-repeat: repeat-x; 
}

.clear_both{
    clear: both;        
}

.clear_left{
    clear: left;        
}

.clear_right{
    clear: right;        
}

.clearfix {
  *zoom: 1;
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}

.clearfix:after {
  clear: both;
}

.seperator {
    height: 35px;
    width: 100%;
}

/* LINKS */

a
{
    font-family: 'Open Sans';
	border-bottom: 0px dotted #e86b11;	
	text-decoration: none;
	outline: none;
    color: #e86b11;
}

a:hover
{	
    border-bottom: 1px dotted #e86b11;
    color: #e86b11;
}

/* --- HEADINGS --- */

p
{
	font-family: 'Open Sans';   
	color: #333333;
    font-size: 16px;
    line-height: 24px;
    margin-top: 10px;
}

h1, h2, h3, h4, h5
{
	font-family: 'Open Sans';
	margin: 0;
	padding: 0;
	font-weight: 100;
	color: #0f4f68;
}


h1
{
	font-weight:500;    
    font-size: 25px;
    color: #e86b11;
}

h2
{
	font-weight:500;    
    font-size: 20px;        
}

h3
{	
    font-size: 16px;
}

h4
{
	font-size: 16px;
}

h5
{
	font-size: 13px;
}


strong { font-weight: bold; }

em { font-style: italic; }

ol {
    padding: 0;
    margin: 0;
    font-size: 16px;
    line-height: 28px;
    color: #313030;     
}

ol li {
    list-style: decimal;
    padding: 0 0 10px 0;
    margin: 20px 0 0 40px;
    line-height: 24px;
}

ul {
    padding: 0 0 25px 0;
    margin: 5px 0 0  50px;
    list-style-type: disc;
    font-size: 16px;
    line-height: 28px;
    color: #313030; 
}


/* --- CONTAINERS --- */

.site_container {
    width: 960px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    padding-bottom: 20px;
    background-color: #ffffff;
}

.header
{
    width: 960px;
    height: 150px;
    background-image: url(assets/images/header.jpg);
    background-repeat: no-repeat;                 
}

.company_logo {
    float:  left;
    margin-top: 20px;
    margin-left: 20px;      
}

.company_logo a:hover {
    border: none;     
} 

.company_contact {
    float:  right;
    margin-top: 35px;
    margin-right: 20px;         
}

.company_contact p {
    font-size: 21px;
    line-height: 34px;   
    text-align: right;
    color: #e86b11;   
}

/* --- MENU --- */

.menu {        
    height: 40px;
}

.nav {
	width: 960px;
	float: left;
	margin: 0 0 0 0;
	padding: 0;
	list-style: none;
    background-color: #0f4f68;    
}

.nav ul{        
    list-style: none;
	margin: 0 0 0 0;
	padding: 0;        
}

.nav li {
    float: left;
    height: 41px;
    
}

.nav li a {
    font-family: 'Open Sans';
    font-size: 22px;
    color: #fff;
    display: block;
    text-decoration: none;
    border: none;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #0f4f68;
    padding-top: 5px;
    padding-bottom: 8px;
}

.nav li a:hover {
	color: #e86b11;            	                     
}

.nav li.current_page_item a,
.nav li.current-page-ancestor a,
.nav li.current-menu-item a,
.nav li.current-menu-ancestor a, 
.nav li.current-post-parent a,
.nav li.current_page_parent a
{background-color: #e86b11; color: #fff;}
    



/* --- CONTENT --- */

.content {
    width: 916px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;             
}


/* --- BANNER --- */

.banner {
    width: 916px;    
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;            
    margin-bottom: 20px;
}

.atd {
    width: 960px;
    height: 200px;
    margin-left: auto;
    margin-right: auto;        
    margin-top: 15px;
    margin-bottom: 15px;    
    border-bottom: 1px solid #d3d0ca;  
    text-align: center;
}

.atd img {
    width: 916px;
    height: 200px;    
}

    
/* LSO Cloud Services */

.cs_col{
    float: left;    
    margin-left: 20px;            
}

.cs_col_first{margin-left: 0px;}
.cs_col_middle{width: 396px;}

.cs_item{
    text-align: center;        
    width: 215px;        
    margin-left: auto;
    margin-right: auto; 
    margin-bottom: 20px;
    padding: 10px 10px 10px 10px;        
    border: 2px dotted rgba(232,107,17,1.00);
    background-color: rgba(232,107,17,0.10);
}
   
.cs_item_text p{
	font-family: 'Open Sans';   
	color: #333333;
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;                  
}

.cs_services{
    text-align: center;        
    width: 290px;        
    margin-left: auto;
    margin-right: auto; 
    margin-bottom: 20px;
    margin-top: 20px;
    padding: 10px 10px 10px 10px;            
    background-image: url(assets/images/lso-cloud-services.png);
    background-repeat: no-repeat;      
}

.cs_services_text{margin-top: 47px;}

.cs_services_text p{
    font-family: 'Open Sans';   
	color: #fff;
    font-size: 25px;
    line-height: 32px; 
}

/* ACCORDION */

.ui-accordion-content > ul {
    margin-left: 21px;
    padding:  0;
}

.ui-accordion-header {
    margin-bottom: 10px !important;
}

.ui-accordion-content {
    margin-top: -20px !important;
    margin-bottom: 10px !important; 
}

.item_content_row_accordion {
    float: left;
    width: 916px;
    margin-left: 21px !important;                
}

/* ITEM CONTENT */

/* ITEM CONTENT COLUMNS - START */

.item_grid {
    margin-top: 20px;
}

.item_page_details {
    width: 916px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;       
}

.item_page_details_heading {
    width: 75%;
    float: left;
}     
           
.item_page_details_download {    
    float: right;
    width:  108px;
    height: 107px;
}

.item_page_details_download a {
    border-bottom: none;
}

.item_page_details_download img {
    border: 1px solid #e86b11;
}
        
.item_content {
    float: left;
    width: 290px;    
    margin-left: 21px;
    margin-bottom: 20px;     
}

.item_content_image {
    width: 100%;
    height: 200px;
	border: 1px solid #dfdfdf;
}

.item_content p {
	font-family: 'Open Sans';   
	color: #333333;
    font-size: 16px;
    line-height: 24px;          
}

ul.item_list {
    padding: 0;
	margin: 0;
    list-style: none; 
}

.item_list li {
	float: left;
    margin-left: 0px;                 
}
/* ITEM CONTENT COLUMNS - END */

/* ITEM CONTENT SINGLE ROW - START */

.backto {       
    padding-bottom:  25px;
}

.item_content_row {
    float: left;
    width: 916px;
    margin-left: 21px;
    margin-bottom: 20px;      
}

.item_content_image_row {
    float: left;
    left: 0;
    width: 290px;
    height: 200px;
	border: 1px solid #dfdfdf;
}

.item_content_details_row {
    float: left;
    left: 0;
    margin-left: 85px;
    width: 500px;    
}

ul.item_list_row {
    padding: 0;
	margin: 0;
    list-style: none; 
}

.item_list_row li {
	     
    margin-left: 0px;                 
}

/* ITEM CONTENT SINGLE ROW - END */


/* CONTACT PAGE */

.item_content_contact_map_row {
    float: left;
    left: 0;
    width: 290px;
    height: 250px;
}

.item_content_contact_details_row {
    float: left;
    left: 0;
    margin-left: 50px;
    width: 235px;
    border: 0px solid #000;
}

.item_content_contact_details_op_row {
    float: left;
    left: 0;
    margin-left: 35px;
    width: 230px;
    border-left: 1px solid #dfdfdf;
    padding-left: 50px;
}

.item_content_contact_details_op_row p{
    font-family: 'Open Sans';
    color: #333333;
    font-size: 16px;
    padding: 0;
    margin: 0;            
}

.day p, .time p, .today p{
    font-family: 'Open Sans';
    color: #333333;
    font-size: 16px;
    padding: 0;
    margin: 0;            
}

.today p{
    color: #e86b11;
    font-weight: 700;
}

.days_hours {
    margin-top: 10px;
}

.day {
    float: left;
    left: 0;
    width:  50%;
}

.time {
    float: right;
    right: 0;
    width:  50%;
    text-align: right;
}

/* GOOGLE MAPS Styles
***************************************************************/

a.map {
    color: #2d67b2 !important;
    font-weight: normal;   
}

a.map:hover {
    color: #2d67b2 !important;   
    font-weight: normal;
}

.GoogleMapLarge {        
    width: 290px;
    height: 250px;             
}

#map_canvas {
    width: 100%;
    height: 100%;  
    background-color: #CCC;
}

.gm-style-cc {
    display:  none;
}

/* --- FOOTER --- */

.footer
{
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}

.footer p {
    font-size: 12px;
    color: #efefef;
    line-height: 15px;   
}

.footer_left
{
	float: left;
    width:  425px;
}

.footer_right
{
    float: right;
    display:  none;
}

/* --- PARTNER LOGOS FOOTER --- */

.footer_partner_logo_wrapper {
    width: 100%;    
    text-align: center;
    background-color: #fff;
    border-top: 1px solid #dfdfdf;
}

.footer_partner_logo {
    width: 84px;
    height: 56px;
    display: inline-block;
    margin-right: 10px;
    padding-top: 15px;
    padding-bottom: 15px;    
}

/* 404 */

.error404 {
    text-align: center;    
}

.error404 h1{
    font-size: 100px;  
}

.error404 h2{
    margin-top:  25px;
    font-size: 25px;  
}