body 
{
    margin: 0 auto;
    font:0.8em Lucida Sans, Verdana, Tahoma;
    color:#003875;
    background: url(assets/bg.jpg) repeat-x;
}

img
{
    border:none;
}

.map
{
    margin-top:20px;
    padding:20px;
    width:350px;
    height:auto;
    border:1px #92b3bd solid;
    background-color:#f4f5f6;
}

.map a
{
    color:#003875;
    text-decoration:none;
    border-bottom:1px #003875 dotted;
}

.map a:hover
{
    color:#87c136;
    text-decoration:none;
    border-bottom:1px #003875 solid;
}

p
{
    line-height:1.8em;
    margin:0px 0px 12px 0px;
}

p a
{
    color:#003875;
    text-decoration:none;
    border-bottom:1px #003875 dotted;
}

p a:hover
{
    color:#87c136;
    text-decoration:none;
    border-bottom:1px #003875 solid;
}

.def3 a
{
    color:#003875;
    text-decoration:none;
    border-bottom:1px #003875 dotted;}

.def3 a:hover
{
    color:#87c136;
    text-decoration:none;
    border-bottom:1px #003875 solid;}

.bigbox2
{
    width:328px;
    height:410px;
    padding:20px;
    /*padding-left:0px;*/
    background:url('assets/boxA.jpg') no-repeat;
}

.bigbox2 a
{
    color:#003875;
    text-decoration:none;
    border-bottom:1px #003875 dotted;
}

.bigbox2 a:hover
{
    color:#87c136;
    text-decoration:none;
    border-bottom:1px #003875 solid;
}

.bigbox
{
    width:490px;
    height:312px;
    padding:20px;
    background:url('assets/boxM.jpg') no-repeat;
}

.bigbox a
{
    color:#003875;
    text-decoration:none;
    border-bottom:1px #003875 dotted;
}

.bigbox a:hover
{
    color:#87c136;
    text-decoration:none;
    border-bottom:1px #003875 solid;
}

.bigbox3
{
    width:648px;
    height:288px;
    padding:20px;
    background:url('assets/boxS.jpg') no-repeat;
}

.bigbox3 a
{
    color:#003875;
    text-decoration:none;
    border-bottom:1px #003875 dotted;
}

.bigbox3 a:hover
{
    color:#87c136;
    text-decoration:none;
    border-bottom:1px #003875 solid;
}

strong
{
        
}

strong a
{
    /*font-size:1.08em;*/
    color:#003875;
    text-decoration:none;
    border-bottom:1px #003875 dotted;
}

strong a:hover
{
    color:#87c136;
    text-decoration:none;
    border-bottom:1px #003875 solid;
}



.more
{
    margin-bottom:1px;
    margin-top:8px;
    float:right;
}

h1
{
    margin:0px 0px 8px 0px;
    font-size:2.0em;
}

/*---main containers---*/

.maincontainer
{
    width:808px;
    height:auto;
    margin: 0 auto;
    
    /*border:1px #aaa solid;*/
}

.top
{   width:99%;
    margin: 0 auto 4px auto;
    height:120px;

    /*border-bottom:1px #20759e solid;*/
}

.rot
{
    background:none; /*url('assets/bigbox2.jpg') center no-repeat;*/
    width:808px;
    height:402px;
    margin: 0 auto;
}

.contenthome
{
    width:98%;
    margin: 20px auto 4px auto;
    min-height:170px;
}

.container
{
    margin:5px auto 0px auto;
    border-top:1px #20759e solid;
    width:99%;
    min-height:560px;
    
    background: url('assets/upsidedown.jpg') top right no-repeat;
    padding-top:30px;
}
.container1
{
    margin:15px auto 0px auto;
    border-top:1px #20759e solid;
    width:99%;
    min-height:560px;

    padding-top:30px;
}
.clients
{
    /*background: url('assets/footer_clients.jpg') no-repeat;*/
    float:left;
    padding:0px;
    margin: 0px 0px 0px 0px;

}

.footer
{
    float:left;
    font-size:0.8em;
    width:808px;
    margin: 10px auto 4px auto;
    height:40px;
    border-top:1px #20759e solid;
}

.footer p a
{
    text-decoration:none;
    border:none;
}


.footer p a:hover
{
    text-decoration:none;
    border:none;
}

/*---end main containers---*/

.logo
{
    padding-top:58px;
    float:left;
}

.nav
{
    width: 550px;
    height: auto;
    margin: 107px 0px 5px 0px;
    float: right;
    color: #20759e;
}

.nav li
{   
    margin:0px 0px 0px 0px;
    display:inline;
}

ul
{
    list-style-image: url('assets/bullet.gif');
    list-style-position:inside;
    margin-bottom:30px;
    margin-top:10px;
    margin-left:  -1px;
    padding-left: 0px;
    line-height:1.6em;
}

li
{
    margin-bottom:4px;
    margin-top: 4px;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
}

.noPlus
{
   list-style-image:none;
   list-style-type:none; 
}

.portfolio
{
    list-style:none;
    display:inline;
    margin-right:30px;    
}

.radItems
{
    margin:0px 0px 10px 30px;
    cursor:pointer !important;
    padding:0px 0px 0px 0px;
}

.radSub
{
    cursor:pointer !important;
    margin:0px 0px 0px 30px;
    padding:0px 0px 0px 0px;
    font-size:10px;
    text-decoration:none;
    margin-left:5px;
    
}
.radSub a
{
    
    }

.homeleft
{
    width:65%;
    float:left;
}

.homeright
{
    width:32%;
    float:right;
}

.box1
{
    background: url('assets/box1.jpg') no-repeat;
    width:411px;
    height:185px;
    float:left;
}

/*---form---*/

.lbl
{
    width:40px;
    height:14px;
    float:left;
    text-align:right;
    padding:0px 4px 0px 0px;
    color:#20759e;
}

.lbl2
{
    width:120px;
    height:14px;
    float:left;
    text-align:right;
    padding:0px 4px 0px 0px;
    /*color:#91c548;*/
}

.lbl3
{
    width:200px;
    height:14px;
    float:left;
    text-align:right;
    padding:0px 4px 0px 0px;
    /*color:#91c548;*/
    font:0.85em Verdana;
    margin:2px 0px 0px 0px;
}

.txtbox
{
    width:120px;
    height:14px;
    font:0.9em Verdana;
    color:#808080;
    background-color:#f4f5f6;
    border:1px #92b3bd solid;
    margin-bottom:2px;
}

.txtbox2
{
    width:140px;
    height:14px;
    font:0.9em Verdana;
    color:#808080;
    background-color:#f4f5f6;
    border:1px #92b3bd solid;
    margin-bottom:4px;
}

.ddl
{
    width:144px;
    height:auto;
    font:0.9em Verdana;
    line-height:1.2em;
    color:#808080;
    background-color:#f4f5f6;
    border:1px #92b3bd solid;
    margin-bottom:2px;
}

.ddl2
{
    width:160px;
    height:auto;
    font:0.85em Verdana;
    line-height:1.2em;
    color:#003875;
    background-color:#f4f5f6;
    border:1px #92b3bd solid;
    margin-bottom:4px;
}

.radio
{
   font:0.85em Verdana;
   margin:0px 0px 0px 0px;
   padding:0px 0px 0px 0px;
   width:50px;
   height:14px;
}

.txtArea
{
    width:210px;
    height:120px;
    font:0.9em Verdana;
    color:#808080;
    background-color:#f4f5f6;
    border:1px #92b3bd solid !important;
    margin-bottom:2px;
}

.txtArea2
{
    width:250px;
    height:100px;
    font:0.9em Verdana;
    color:#808080;
    background-color:#f4f5f6;
    border:1px #92b3bd solid !important;
    margin-bottom:2px;
}

.error
{
     font:0.9em Verdana;
     color:#176287 !important;
}

.call_wrap
{    float:left;
    width:360px;
    height:135px;
    margin-bottom:30px;
}

.callout
{
    background:url('assets/callout.jpg') no-repeat;
    width:336px;
    height:84px;
    padding:12px;
    line-height:1.6em;

}

.btn_1
{

    float:left;
}

.btn_2
{
    margin:0px 0px 0px 25px;
    float:left;
}

.btn_3
{
    float:right;
}

.modal
{
    width:100%;
    height:100%;
    /*filter: alpha(opacity=50);*/
    background:url('assets/bg.png');        
}

.map1
{
    background:transparent url('assets/map_camberley.jpg') no-repeat center center;
    width:600px;
    height:434px;
    border:6px #222 solid;
    margin:100px auto;   
}

.map2
{
    background:transparent url('assets/map_newmalden.jpg') no-repeat center center;
    width:600px;
    height:434px;
    border:6px #222 solid;
    margin:100px auto;   
}

.map3
{
    background:transparent url('assets/map_woking.jpg') no-repeat center center;
    width:600px;
    height:434px;

    border:6px #222 solid;
    margin:100px auto;   
}

.close
{
    position:relative;
    top:410px;
    left:530px;
}

/*-- callout Validator --*/

.high
{
    background-color:#fffacd;
}

.call div,
.call td 
{
    border:solid 1px blue;
    background-color:#ff0000;
}
.call table tr td div
{
    border:solid 1px green;
    background-color:yellow;
}
.call tr
{
    background-color:#ffdd00;
}