@charset "UTF-8";

/* CSS Document */
/* CGL Global Locomotive - Sam Beckingsale 2009*/

/* EDITOR START */
hr{
border-top:1px solid #777777;
border-bottom:1px solid #ffffff;
border-left:1px solid #ffffff;
border-right:1px solid #ffffff;
margin-top:15px;
margin-bottom:15px}

h1{
font-size:20px;
color:#005387;  
margin-bottom:12px}

h2{
font-size:16px;
color:#777777;
margin-top:5px;
margin-bottom:5px}

h3{
font-size:14px;
color:#005387;
margin-top:5px;
margin-bottom:5px}

h4{
font-size:13px;
color:#777777;
margin-top:5px;
margin-bottom:5px}

h5{
font-size:14px;
color:#ffffff;
margin-top:5px;
margin-bottom:5px}

h6{
font-size:12px;
color:#bab9b9;
margin-top:1px;
margin-bottom:1px}

h7{
font-size:13px;
color:#ffffff;
margin-top:5px;
margin-bottom:5px}

a{
color:#82a6c7;
text-decoration:none}

a:hover{
color:#82a6c7;
text-decoration:underline}

p{
margin-bottom:10px}

ul{
padding:10px 0 10px 20px}

li{
padding:0}

.grey{
color:#777777}

.blue{
color:#005387}

.green{
color:#8cc63f}

.red{
color:#ff2144}

body{
font-size:13px;
font-weight:200;
line-height:20px;
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
background:#003159 url(assets/bg.jpg) repeat-x top center}

/* EDITOR END */

*{
margin:0;
padding:0}

img{
border:0}

img, div, input { behavior: url("iepngfix.htc") }

/* --------- Main Container --------- */
#wrapper{
width:1000px;
height:1000%;
padding:0;
margin:0 auto}

#main_container{
width:1000px;
height:100%;
padding:0;
float:left;
margin:0}

/* --------- Masthead ---------*/
#masthead{
width:1000px;
height:221px;
margin:0;
padding:0}

.masthead_logo{
width:490px;
height:134px;
margin:41px 0 0 0;_margin:39px 0 0 0;
padding:0;
float:right}

/* --------- Mainarea ---------*/

#mainarea{
width:1000px;
height:100%;
float:left;
background:url(assets/main_area.png) repeat-y;
margin:0;
padding:0}

.textarea{
width:670px;
float:left;
padding:0;
margin:15px 0 0 55px;_margin:8px 0 0 27px;
height:100%}

#right_column{
width:222px;
float:left;
height:100%;
margin:0 0 0 35px;
padding:0}

/* --------- Slideshow ---------*/
.slideshow{
width:1000px;
height:247px;
float:left;
padding:0 0 0 22px;
margin:0;
background:url(assets/slideshow_bg.png) no-repeat}

.slideshow_area{
width:960px;
background:url(assets/slideshow_area.jpg) no-repeat;
height:247px}

/* --------- Top Nav ---------*/
.navigation_top {
width:600px;
height:43px;
float:left;
line-height:52px;
text-align:left;
padding:0 0 0 48px;
margin:0}

.navigation_top ul {
margin:0px;
padding:0}	

.navigation_top li{
display:inline;
float:left;
text-align:center;
padding:0 0 0 10px;
display:inline}

.navigation_top a {
text-decoration:none;
color:#ffffff;
padding:0;
width:115px;
height:43px;
display:block;
background:url(assets/default.png) no-repeat;_background:url(assets/default.gif) no-repeat;}

.navigation_top a:hover {
text-decoration:none;
color:#ffffff;
padding:0;
width:115px;
height:43px;
display:block;
background:url(assets/hover.png) no-repeat;_background:url(assets/hover.gif) no-repeat ;}

.navigation_top .active a {
text-decoration:underline;
color:#ffffff;
padding:0;
width:115px;
height:43px;
display:block;
background:url(assets/active.png) no-repeat;_background:url(assets/active.gif) no-repeat;} 

/* Navigation Right Services */

.right_nav{
width:197px;
float:left;
text-align:left;
padding:0;
margin:0 0 15px 4px;_margin:0 0 15px 2px;}

.right_nav h3{
padding:5px 0 0 15px;_
margin:0;
float:left;
background:url(assets/services.png) no-repeat;_background:url(assets/services.gif) no-repeat;
width:211px;
height:36px;
color:#ffffff}

.right_nav ul{
margin:0;
padding:0;
width:197px}

.right_nav li{
list-style:none;
margin:0 0 0 15px;
line-height:16px;
border-bottom:1px solid #888888;
padding:5px 0 7px 0}

.right_nav a{
text-decoration:none;
color:#ffffff;
margin:0;
padding:0}

.right_nav a:hover{
text-decoration:underline;
color:#c0bcbc;
margin:0;
padding:0}

.right_nav #active{
text-decoration:none;
color:#ec1b2e;
font-weight:bold}

.right_nav #active a{
text-decoration:none;
color:#ec1b2e;
font-weight:bold}

.right_nav #active a:hover{
text-decoration:none;
color:#ec1b2e;
font-weight:bold}

/* --------- right Column ---------*/

#Left_nav {
width:222px;
float:left;
height:100%;
margin:0;
padding:0 0 0 3px}

#read_more {
width:175px;
height:26px;
padding:5px 0 0 0;
margin:15px 0 0 0;
border-top: solid 1px #ffffff}

.random {
width:212px;
height:175px;
float:left;
padding:0;
background:url(assets/random1.png);
margin:0}

#testimonials {
width:186px;
float:left;
height:100%;
margin:0;
padding:0 0 0 20px}

.testimonials_text {
width:190px;
height:100%;
float:left;
padding:0;
color:#ffffff;
line-height:20px;
margin:0}
/* --------- Footer --------- */
#footer{
width:1000px;
height:53px;
padding:0;
margin:0;
background:url(assets/footer.png) no-repeat;
float:left}

.footer_bottom{
width:1000px;
height:25px;
text-decoration:none;
text-align:center;
font-size:9px;
padding:40px 0 0 0;
color:#ffffff}

.footer_bottom a{
text-decoration:none;
color:#ffffff}

.footer_bottom a:hover{
text-decoration:underline;
color:#ffffff}