body{
background:url(../img/bg.jpg) fixed repeat-x;
font-size:62.5%;
}
#container{
margin:0px auto auto;
padding:0px;
width:680px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.0em;
}
h1{
font-size:1.6em;
color:#383C79;
font-weight:normal;
margin:0px;
padding:0px;
}

h2{
font-size:1.4em;
color:#383C79;
font-weight:bold;
margin:0px;
padding:0px;
padding-bottom:10px;
}


p{
margin-bottom:5px;
margin-top:5px;
padding:0px;
}

.p5{
margin-bottom:5px;
}

.p10{
margin-bottom:10px;
}

.p20{
margin-bottom:20px;
}

/**********************************************************************/
/****************************** HEADER ********************************/
/**********************************************************************/

.strap{
font-size:1.2em;
color:#A8B6D2;
}

.strap2{
font-size:1.2em;
color:#383C79;
}
.strap2 a{
color:#383C79;
text-decoration:none;
}
.strap2 a:hover{
color:#A8B6D2;
text-decoration:none;
}
.title{
float:left;
width:400px;
text-align:left;
}
.time{
float:right;
text-align:right;
width:200px;
color:#999999;
}
#top{
margin:0px auto auto;
padding:0px;
width:670px;
padding:0px 10px 10px 0px;
float:right;
text-align:right;
color:#FFCC00;
}

#header{
margin:0px auto auto;
padding:0px;
width:680px;
}

/**********************************************************************/
/**************************** NAVIGATION ******************************/
/**********************************************************************/

#navigation{
margin:0px auto auto;
padding:0px;
background:url(../img/menu_bg.jpg) no-repeat;
width:680px;
height:30px;
color:#FFFFFF;
display:block;
overflow:hidden;
}
#nav{
display:block;
overflow:hidden;
text-align:center;
width:680px;
}

ul#nav { margin: 0px; padding: 8px 0px 0px 20px !important; text-align:center; }
#nav li { display: inline; float: left; height: 15px; border-right:1px solid #303F60; padding-right:19px; margin-right:19px;}
#nav a { overflow: hidden; text-decoration:none; color:#383C79;}
#nav a:active {	margin-top: 0px; color:#669DC4;}
/*background-position: bottom center !important;*/
#nav .on a, #nav a:hover {background-position: bottom center !important; color:#669DC4;}
.nav_btn { height: 20px; width:95px; display: block; color:#303F60; text-decoration:none; text-align:center; padding-top:0px;}
.nav_btn_sml { height: 30px; width:95px; display: block; color:#303F60; text-decoration:none; text-align:center; padding-top:0px;}

.products_nav li, ul{
list-style:none;
color:#FFA200;
font-size:1.0em;
margin:0px;
padding:0px 0px 5px 0px;
}
.products_nav li a{
color:#FFA200;
text-decoration:none;
}
.products_nav li a:hover{
color:#FFA200;
text-decoration:none;
}
.products_nav{
padding-bottom:20px;
text-decoration:none;
}
.products_nav a{
padding-bottom:20px;
text-decoration:none;
}
.products_nav a:hover{
padding-bottom:20px;
text-decoration:none;
}


/**********************************************************************/
/******************************* MAIN *********************************/
/**********************************************************************/


#main{
display:block;
overflow:hidden;
background-color:#FFFFFF;
width:640px;
padding:10px 20px 10px 20px;
}

.main1{
display:block;
overflow:hidden;
background-color:#FFFFFF;
width:640px;
padding:0px;
padding-top:10px;
}
.main_left{
float:left;
width:170px;
}
.main_right{
float:right;
width:450px;
text-align:left;
line-height:15px;
}

.main_right a{
text-decoration:none;
}

.main_right a:hover{
color:#FFA200;
text-decoration:none;
}

.block{
display:block;
overflow:hidden;
}
.left{
float:left;
}
.right{
float:right;
text-align:left;
}

.blue_box_middle{
background-color:#96A2D6;
width:423px;
padding:0px 10px 0px 10px;
margin:0px;
}
.blue_box_top{
background:#FFFFFF url(../img/blue_box_top.jpg) no-repeat;
width:444px;
height:27px;
padding:0px;
margin:0px;
}
.blue_box_btm{
background:#FFFFFF url(../img/blue_box_btm.jpg) no-repeat;
width:444px;
height:27px;
padding:0px;
margin:0px;
}

/**********************************************************************/
/****************************** COLOURS *******************************/
/**********************************************************************/

.blue{
color:#383C79;
}
.yellow{
color:#FFCC00;
}
.yellow a{
color:#FFCC00;
text-decoration:none;
}
.yellow a:hover{
color:#FFCC00;
text-decoration:none;
}

.orange{
color:#FFA200;
}

.grey{
color:#666666;
}

/**********************************************************************/
/****************************** FOOTER ********************************/
/**********************************************************************/

#footer{
margin:0px auto auto;
padding:0px;
background:url(../img/btm.gif) no-repeat;
width:680px;
height:40px;
display:block;
overflow:hidden;
}
.footer_left{
width:490px;
float:left;
color:#26ACEA;
padding:10px 0px 0px 30px;
}
.footer_right{
width:130px;
float:left;
text-align:left;
padding-left:20px;
padding-top:5px;
color:#2A275E;
}
#footer2{
margin:0px auto auto;
padding:0px;
width:680px;
height:40px;
color:#0066FF;
text-align:center;
padding-top:10px;
}

#footer2 a{
color:#383C79;
text-decoration:none;
}

#footer2 a:hover{
color:#FFA200;
text-decoration:none;
}

.products_and_services a{
color:#FFA200;
text-decoration:none;
}

.products_and_services a:hover{
color:#383C79;
text-decoration:none;
}

.category a{
color:#383C79;
text-decoration:none;
}

.category a:hover{
color:#A8B6D2;
text-decoration:none;
}

.gallery a{
 width:42px;
 height:42px;  
 border:3px solid #252279;
 display:block;
 overflow:hidden;
}

.gallery a:hover{
width:42px;
height:42px;  
border:3px solid #FFA200;
display:block;
overflow:hidden;
}