a           
{	
color:#6699cc;
color:#6F8DA9;
text-decoration:none;  
}

a:hover    
{ 
color:#6699cc;
color:#6F8DA9;
text-decoration:underline;  
}

body
{	
font: 16px/1.4 'Open Sans', Arial, Helvetica, sans-serif;
letter-spacing:0.2px;
color:#000000;
} 

p
{
padding:2px 0;	
}

.cent
{
text-align:center;
}

.cent-italic
{
text-align:center;
font-style:italic;
}

.bold
{
font-weight:bold;
}

.cent-bold
{
font-weight:bold;
text-align:center;
}

.cent-lg
{
text-align:center;
font-size:1.1em;	
}

.larger
{
font-size:larger;	
}

.line
{
text-decoration:underline;	
}

.flrt
{
float:right;
margin:2px 0 2px 2%;
}

.fllt
{
float:left;
margin:10px 2% 2px 0;
}

.flrt-tm
{
float:right;
margin:2px 0 2px 2%;
}

.proj
{
float:left;
margin-left:0;
padding:10px 0 5px 0;
font-size:0.9em;
}

.red
{
color:red;
}

.green
{
color:green;
}

.normal
{
color:#333;	
}

a.box-hd          
{	
color:#000000;
text-decoration:none;  
}

a:hover.box-hd   
{ 
color:#000000;
text-decoration:none; 
}

h1
{
font: 2.0em/1.4 'Open Sans', Arial, Helvetica, sans-serif;
color:#000000;
padding-left:2%;
margin-bottom:10px;
clear:both;
}

h2
{
font: 1.6em/1.9 'Open Sans', Arial, Helvetica, sans-serif;
color:#000000;
background-color:#6699cc;
background-color:#9CBAD6;	
padding-left:2%;
margin-bottom:2px;
clear:both;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-o-border-top-left-radius: 5px;
-o-border-top-right-radius: 5px;
border-radius: 5px 5px 0 0;
}

h3
{
font: bold 1.1em/1.4 'Open Sans', Arial, Helvetica, sans-serif;
color:#6699cc;
color:#6F8DA9;
background-color:#ffffff;	
margin:15px 0 0 0;;
clear:both;
}

.lg-text
{
font-size:1.4em;	
}

#wrapper
{
width:98%;
padding-left:1%;
padding-right:1%;
max-width:1200px;
margin-left: auto;
margin-right: auto;
margin-top:7px;
margin-bottom:7px;
}

.header
{
float:left;
width:100%;
height:110px;
}

#title
{
float:left;
padding-top:20px;
padding-left:2%;
width:69%;
height:60px;
font: 2.8em/1.4 'Open Sans', Arial, Helvetica, sans-serif;
color:#000000;
}

#title a
{
color:#000000;
}

#title a:hover
{
text-decoration:none;
}

.tel
{
float:right;
display:block;
width:27%;
padding:30px 0 0 0;
margin-right:1%;
color:#000000;
font-size:1.2em;
text-align:center;
}

.navigation
{
clear:both;
display:block;
width:100%;
background-color:#9CBAD6;	
text-align:center;
}

.navigation ul
{ 
width:100%;
height:auto;
display:block;
} 

.navigation li
{
display:inline;
}

.navigation a
{
float:left;
display:block;	
padding:0 3.1%;
color:#000000;
background-color:#9CBAD6;	
line-height:3;
-moz-transition: all 0.4s ease-in;
-webkit-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
}

.navigation a:hover
{
color:#000000;
background-color:#ffffff;	
text-decoration:none;
-moz-transition: all 0.4s ease-out;
-webkit-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}

.navigation a.onpage
{
display:block;	
color:#000000;
background-image:none;
background-color:#ffffff;	
font-weight:bold;
}

.head-image
{
width:100%;
height:240px;
}

#hd1
{
clear:both;
display:block;
width:100%;
height:240px;
background:#ffffff url('images/head1mh.jpg') 50% no-repeat;
background-size:cover
}

#hd2
{
clear:both;
display:block;
width:100%;
height:240px;
background:#ffffff url('images/head2mh.jpg') 50% no-repeat;
background-size:cover
}

#hd3
{
clear:both;
display:block;
width:100%;
height:240px;
background:#ffffff url('images/head3mh.jpg') 50% no-repeat;
background-size:cover
}

#hd4
{
clear:both;
display:block;
width:100%;
height:240px;
background:#ffffff url('images/head4mh.jpg') 50% no-repeat;
background-size:cover
}

#hd5
{
clear:both;
display:block;
width:100%;
height:240px;
background:#ffffff url('images/head5mh.jpg') 50% no-repeat;
background-size:cover
}

#hd6
{
clear:both;
display:block;
width:100%;
height:240px;
background:#ffffff url('images/head6mh.jpg') 50% no-repeat;
background-size:cover
}

#hd7
{
clear:both;
display:block;
width:100%;
height:240px;
background:#ffffff url('images/head7mh.jpg') 50% no-repeat;
background-size:cover
}

#hd8
{
clear:both;
display:block;
width:100%;
height:240px;
background:#ffffff url('images/head8mh.jpg') top left no-repeat;
background-size:cover
}

#hd9
{
clear:both;
display:block;
width:100%;
height:240px;
background:#ffffff url('images/head9mh.jpg') top left no-repeat;
background-size:cover
}

#hd10
{
clear:both;
display:block;
width:100%;
height:240px;
background:#ffffff url('images/head10mh.jpg') top left no-repeat;
background-size:cover
}

.sidebar
{
float:right;
width:24%;
margin-top:64px;
margin-bottom:20px;
}

.box1
{
float:right;
width:100%;
border:2px solid #9CBAD6;
margin-bottom:2px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-o-border-top-left-radius: 5px;
-o-border-top-right-radius: 5px;
border-radius: 5px 5px 0 0;
}

.box1 ul.links
{
width:96%;
margin:4px 2%;
line-height:1.5;
}

.box1 a
{
display:block;
color:#000000;
background-color:#B3BA34;	
text-decoration:none;
padding-left:2%;
margin:2px 0;
line-height:3;
font-size:1em;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
-o-border-top-left-radius: 3px;
-o-border-top-right-radius: 3px;
border-radius: 3px 3px 0 0;
}

.box1 a:hover
{
background-color:#ffffff;	
color:#000000;
text-decoration:none;
}

.box1 h2
{
text-align:center;
width:100%;
color:#000000;
background-color:#9CBAD6;	
padding:0;
margin:0;
font-size:1.2em;
line-height:2.5;
text-transform:uppercase;
-webkit-border-top-left-radius: 0;
-webkit-border-top-right-radius: 0;
-moz-border-radius-topleft: 0;
-moz-border-radius-topright: 0;
-o-border-top-left-radius: 0;
-o-border-top-right-radius: 0;
border-radius: 0 0 0 0;

}

#lower-left
{
clear:right;
float:right;
width:23%;
margin-top:20px;
margin-bottom:20px;
}

#main-content
{
float:left;
width:74%;
padding:0;
min-height:600px;
margin-top:10px;
margin-bottom:40px;
}

#main-content a
{
color:#006699;
}

#main-content ul
{
margin:10px 0 10px 10%;
list-style-type:none;
}

#main-content ul.square
{
list-style-type:square;
}

#main-content-wide
{
float:left;
width:100%;
padding:0;
min-height:600px;
margin-top:10px;
margin-bottom:40px;
}

#main-content-wide ul
{
margin:10px 0 10px 10%;
list-style-type:none;
}

#main-content-wide ul.dark-link a
{
color:#333;
font-weight:bold;
}


#main-content-wide ul.square
{
list-style-type:square;
}

.row
{
clear:both;
width:100%;	
}

.col1
{
float:left;
width:48%;	
padding:0;
}

.col2
{
float:right;
width:48%;	
padding:0;
}

.clear
{
clear:both;
width:100%;
display:block;
line-height:1;
margin:0;
padding:0;	
}

sup.news
{
font: 11px 'Open Sans', Arial, Helvetica, sans-serif;
color:#ff0000;
}

sup 
{
height: 0;
line-height: 1;
position: relative;
top: -0.5em;
vertical-align: baseline;
vertical-align: bottom;
}

sub
{
font-size: 10px;
height: 0;
line-height: 1;
position: relative;
bottom: -2px;
vertical-align: baseline !important;
vertical-align: bottom;
}

table 
{
width:100%;
color: black;
background-color:#ffffff;
border: 2px solid black;
}

.table_narrow
{
padding:0;
margin:0;
width:100%;
color:black;
background-color:#ffffff;
margin-top:5px;
margin-bottom:5px;
border: 2px solid #999;
}

td 
{
border: 1px solid #999;
padding:0;
}

.width1 
{
text-align: center;
color: #000000;
background-color:#ffffff;
padding:5px;
}

table.partners
{
text-align:center;
color:#000000;
background-color:#ffffff;
clear:both;
float:left;
width:100%;
border:none;
}

table.partners td
{
border:1px solid #999;
background-color:#ffffff;
}

table.partners td.width
{
float:left;
display:block;
width:24.6%;
height:170px;
}

table.partners td.width3
{
float:left;
display:block;
width:24.6%;
height:170px;
}

footer
{
clear:both;
width:100%;
font: 0.8em Arial, Helvetica, sans-serif;
text-align:center;
padding:5px 0;
}

footer ul
{
list-style-type:none;	
padding:10px 0;
text-align:center;
}

footer li
{
display:inline;
padding:0 10px;
}

footer a           
{	
color:#000000; 
text-align:center;
}

footer a:hover    
{ 
text-decoration:underline;
text-align:center;
}


#tablearea 
{
width:100%;
padding-bottom:20px;
}


table 
{
width:100%;
color: black;
background-color: white;
border: 2px solid black;
}


td 
{
border: 1px solid black;
padding:0;
}

.head 
{
background-color: white;
}

.width1 
{
text-align: center;
color: #006600;
background-color: #ccffcc;
padding:5px;
}

.width1n
{
text-align: center;
color: #006600;
background-color:#ccffcc;
padding:5px;
}

.width2 
{
text-align: center;
color: black;
padding:5px;
}

img
{
max-width:100%;	
height:auto !important;
}

#mobile-nav
{
clear:both;
float:left;
display:block;
width:100%;
margin-bottom:5px;
}

#mobile-nav ul li
{
display:block;
width:100%;
}

#mobile-nav a
{
display:block;
width:100%;
color:black;
background-color:#9CBAD6;	
background:#9cb9d6 url('images/navicon-wt.jpg') 5% 50% no-repeat;
line-height:2.4;
}

#mobile-nav a:hover
{
color:black;
background:#ffffff url('images/navicon-wt.jpg') no-repeat 5% 50%;
text-decoration:none;
}

@media screen and (min-width: 768px)
{
#mobile-nav {display:none;}
}

@media screen and (min-device-width: 768px)
{
#mobile-nav {display:none;}
}

@media screen and (min-width: 240px) and (max-width: 767px) , (min-device-width: 240px) and (max-device-width: 767px)
{
body {background-image:none; background-color:#ffffff; font-size:1.2em;} 
#wrapper {margin-top:0; margin-bottom:0; width:100%; background-color:#ffffff; padding:0; }
.logo-box {float:right; display:block; padding:0; margin-right:10%; background-color:transparent;}
.header {width:100%; height:80px;}
#title {padding:0; padding-top:10px; margin:0; width:100%; height:100px; font-size:2.0em; text-align:center; }
.tel {display:none;}
h1 { font-size:1.5em;}
h2 { font-size:1.2em;}
#hd1 {height:160px;}
#hd2 {height:160px;}
#hd3 {height:160px;}
#hd4 {height:160px;}
#hd5 {height:160px;}
#hd6 {height:160px;}
#hd7 {height:160px;}
#hd8 {height:160px;}
#hd9 {height:160px;}
#hd10 {height:160px;}
nav {display:none}
.navigation {display:none}
.sidebar {clear:both; width:90%; min-height:10px; margin-left:5%; margin-right:5%;}
.box1 {width:70%; margin-left:15%; margin-right:15%;}
.box1 a {margin:2px 0; line-height:2.6; font-size:0.9em;}
.lg-text {font-size:1.2em;}
#main-content {width:96%; min-height:100px; padding-left:2%; padding-right:2%;}
#main-content-wide {width:96%; min-height:100px; padding-left:2%; padding-right:2%;}
.col1 {float:left; width:98%; margin-left:1%; margin-right:1%; padding:0;}
.col2 {clear:both; width:98%; margin-left:1%; margin-right:1%; padding:0;}
.col1-clients {float:left; width:98%; margin-left:1%; margin-right:1%; padding:0;}
.col2-clients {clear:both; width:98%; margin-left:1%; margin-right:1%; padding:0;}
table.partners td.width {clear:both; margin-bottom:2px; width:50%; margin-left:25%; margin-right:25%;}
table.partners td.width3 {clear:both; width:50%; margin-bottom:2px; margin-left:25%; margin-right:25%;}
footer {display:none;}
img.flrt {width:50%; margin-left:25%; margin-right:25%; padding-bottom:10px; }
img.fllt {width:50%; margin-left:25%; margin-right:25%; padding-bottom:10px;}
#mobile-nav {display:block;}
}

@media screen and (min-device-width : 768px) and (max-device-width : 1024px) , (min-width: 768px) and (max-width: 1024px) 
{

}

@media screen and (min-width: 768px) and (orientation:portrait) , (min-device-width: 768px) and (orientation:portrait)
{
.navigation ul li a {font-size:0.9em;}
.box1 a {margin:2px 0; line-height:2.6; font-size:0.9em;}
}

@media screen and and (min-width: 240px) and (max-width: 380px) , (min-device-width: 240px) and (max-device-width: 380px) 
{
.box1 {width:80%; margin-left:10%; margin-right:10%;}
.box1 a {margin:2px 0; line-height:2.6; font-size:0.9em;}
img.flrt-tm {float:right; margin:2px 0 2px 2%; width:40%;}
}