*{ margin: 0; outline: 0; }
body { font: 15px "Lato", Sans-Serif; background: #fff; color: #888; }
img { border: 0; }

h1 { font-size: 22px; color: #fff; background: #0056a5;line-height: 100%;padding:20px 5px; border-radius:5px;text-transform:uppercase; }
h2 { font-weight: 500; font-size: 18px; font-weight: 900; margin: 0 0 30px; color:#fff;background: #0056a5;  line-height: 140%; border-radius:5px;padding:10px; }
h2 a { color: #0056a5; }
h3 { float: left; font-size: 14px; border-bottom: 1px solid #00A1E3; }

a { color: #5983AC; text-decoration: none; }
a:hover { transition: all 0.2s ease-in-out; }

p { line-height: 21px; margin: 0 0 20px; }

/* clear */
.x:before, .x:after { content: " "; display: table; }  
.x:after { clear: both; }  
.x { *zoom: 1; margin-top:20px;}

/* content holder */
.w { width: 1160px; margin: 0 auto;  margin-top:15px;}

/* top section */
#top { height: 150px; padding: 0px 0 0; background: url(/common/template/images/background_header.jpg) repeat-x; border-top: 2px solid #B1C6DA; }
#logo { float: left; margin: 0px; }

/* call now notice */
#callnow { float: right; margin: 25px 20px 40px; color: #fff; font-size: 24px; font-weight: 700; letter-spacing:1px; }
#callnow span { color: #fff; }


#top-wrap { float:right;  width:690px;  }

/* main menu */
#menu { clear: right; float: left; height: 80px;  padding:0px; margin-top:50px;  }
#menu ul { text-transform: uppercase; }
#menu li { float: left; list-style: none; text-transform: uppercase; font-size: 12px; font-weight: 700; }
#menu li a { color:#fff; display: block; padding: 15px 5px; line-height: 20px;   border-radius:5px; margin: 10px 3px 0px 3px;font-size:15px; }



#menu li a:hover, #menu ul li:hover a, #menu li a.current { color: #fff; background: #00a9ed; text-shadow: #A0B8CF 1px 1px; height:30px; }
#menu li ul { background: #FF0000; display: none; height: auto; padding: 0; position: absolute; z-index: 190; margin: 0 0 0 1px; }
#menu li:hover ul { display: block; background:color: #00a9ed; }
#menu li li { display: block; float: none; font-size: 12px; }
#menu li ul a { display: block; color: #3399CC; padding: 10px 40px 10px 24px; text-shadow: none; border: 0;  border-radius:0px; }
#menu li ul a:hover, #menu li ul li:hover a { background: #BFCFDF; }

/* pitch slideshow */
#blue { background: #E3EAF1 url(/common/template/images/pitch.png) repeat-x; height: 400px; border-bottom: 5px solid #B1C6DA; }
#pitch  { clear: both; float: left; position: relative; margin: 0 0 10px; height: 400px; overflow: hidden; }
.slideshow { position: relative; height: 400px;  }
.slideshow img { position: absolute; left: 0; top: 0; }
#pitch .overlay { position: absolute; bottom: 35px; left: 30px; width: 420px; }
#pitch h1 { color: #fff; font-size: 50px; letter-spacing: -1px; text-shadow: 1px 1px 2px rgba(0, 0, 0, 1); margin: 0 0 2px; }
#pitch p { color: #fff; z-index: 100; opacity: .8; }

/* 1/3 columns */
.caption { font-weight: 900; color: #104C9C; }
.third { float: left; width: 150px; margin: 0 40px 20px 0; font-size: 13px; color:#0056a5; }
.third img { float: left; margin: 0 0 10px; }
.third.last { float: right; margin-right: 0; }
.third p { clear: both; }
.third h3, .double h3 { margin: 0 0 20px; padding: 0 0 10px; color: #0056a5; font-weight: 900; text-transform: uppercase; line-height: 100%;}
.third:hover .icon { background-color: #006895; transition: all 0.2s ease-in-out; }

/* line separator */
.line { clear: both; padding: 10px 0 0; border-bottom: 3px double #ddd; margin: 0 0 50px; }

/* double third column */
.double { float: left; width: 700px; padding: 0 10px 0 0; margin: 0px 0 60px; border-right: 1px solid #ddd; line-height: 150%; letter-spacing:1px; }
.round { float: left; background: #ccc url(../images/1.jpg) no-repeat; border-radius: 9999px; width: 100px; height: 100px; margin: 0 20px 15px 0; }
.round.last { margin-right: 0; }

/* icons */
.icon { float: left; margin: -54px 0 4px 110px; border: 10px solid #fff; z-index: 1000; width: 60px; height: 60px; text-align: center; background: #5983AC url(/common/template/images/icon1.png) no-repeat center; border-radius: 9999px; }
.icon img { float: left; }
.icon.icon2 { background: #5983AC url(/common/template/images/icon2.png) no-repeat center; }
.icon.icon3 { background: #5983AC url(/common/template/images/icon3.png) no-repeat center; }

/* news */
#news h4 { margin: 0 0 4px; font-size: 13px; font-weight: 900; }
#news h4 a { color: #222; }
#news p { margin: 0 0 14px; }

#side-menu p.top {background:#053965 ; margin-top:10px;}
#side-menu p.top:hover {background:#053965 ; margin-top:10px;}
#side-menu p {background:#5983ac ;color:#fff; margin:0px; padding:10px; border-bottom:1px solid #CCC;}
#side-menu p:hover {background:#a0c5e5 ;color:#5983ac; }
#side-menu a { color:#fff; }

#header { clear: both; background: #0056a5; padding: 10px 50px ; font-size: 13px; width:1050px; margin:auto; }

/* footer */
#footer { clear: both; background: #0056a5; padding: 10px 50px ; font-size: 13px; width:1050px; margin:auto; }
#footer img { float: left; }

/* copy */
#copy { float: left; padding: 0; margin: 0 70px 0 0; font-size:13px; }
#copy p { margin: 0 0 4px;  color:#fff;}
#copy a { margin: 0 0 4px;  color:#fff;}


/* social icons */
#social { clear: right; float: right; margin: 23px 0 0; }
#social img { opacity: .2; margin: 0 0 0 10px;  }
#social img:hover { opacity: .6; transition: all 0.2s ease-in-out; }


table { 
 color: #333;
 font-family: Helvetica, Arial, sans-serif;
 width: 530px; 
 border-collapse: 
 collapse; border-spacing: 0; 
}
 
td, th { 
 border: 1px solid transparent; /* No more visible border */
 height: 30px; 
 transition: all 0.3s;  /* Simple transition for hover effect */
}
 
th {
 background: #DFDFDF;  /* Darken header a bit */
 font-weight: bold;
}
 
td {
 background: #FAFAFA;
 text-align: center;
 font-size:13px;
}

/* Cells in even rows (2,4,6...) are one color */ 
tr:nth-child(even) td { background: #F1F1F1; }   

/* Cells in odd rows (1,3,5...) are another (excludes header cells)  */ 
tr:nth-child(odd) td { background: #FEFEFE; }  
 
tr td:hover { background: #666; color: #FFF; } /* Hover cell effect! */