/*
// Key Insurance Group
// Dark Colour // Highlight Colour 
// Dark Colour // Highlight Colour // Highlight Colour */


html{
min-height: 101%;
}


*{
padding: 0px;
margin: 0px;
}


body{
font-family: Verdana, Tahoma, Arial, sans-serif;
font-size: 0.8em;
background-color: #e2e2e2;
padding: 8px 0px;
border: 0px;
margin: 0px;
color: #4b4b4b;
/*
background-image: url(../images/back.png);
background-repeat: no-repeat;
background-position: top center;
*/
}

a{
text-decoration: underline;
color: #4b4b4b;
font-weight: bold;
}

a:hover{
color: #4b4b4b;
}

h1{
font-family: arial;
color: #28373c;
padding-top: 0px;
margin: 0px;
margin-bottom: 6px;
font-size: 1.3em;
font-weight: bold;
}

h2{
font-size: 1.1em;
font-weight: bold;
color: #28373c;
margin: -5px 0px 10px 0px;
}



h3{
font-size: 1.1em;
font-weight: bold;
color: #28373c;
margin: -10px 0px 10px 0px;
}

img{
border: none;
}

textarea.enquiry{
overflow: auto;
}

ul{
padding-left: 20px;
}

a:active{
outline: none;
}




















#container{
width: 950px;
text-align: left;
margin: 0px;
background: white;
overflow: hidden;
}

#content_wrapper{
clear: both;
overflow: auto;
}



#column1{
clear: both;
float: left;
width: 300px;
}

#column2{
float: left;
width: 700px;
height: auto;
text-align: right;
background-image: url(../images/contback.png);
background-repeat: no-repeat;
background-position: top right;
}





#banner{
width: 950px;
height: 200px;
text-align: left;
}

#banner_l{
float: left;
width: 241px;
height: 200px;
margin-right: 1px;
}

#banner_centre{
float: left;
height: 200px;
width: 588px;
}

#banner_r{
float: left;
width: 120px;
height: 200px;
background: #28373c;
}

#banner_upper{
background: white;
height: 110px;
width: 241px;
}

#banner_lower{
background: #b5d334;
height: 80px;
width: 241px;
overflow: hidden;
}



#imgholder{
width: 400px;
height: 400px;
}

#slideshow{
overflow: hidden;
width: 588px;
height: 200px;
}



#content{
text-align: justify;
margin: 10px;
font-size: 11px;
line-height: 12pt;
color: #4b4b4b4;
}

#content p{
padding: 3px;
margin: 2px;
}






#footer{
clear: both;
width: 950px;
color: #e2e2e2;
font-size: 10px;
font-family: "Trebuchet MS", Tahoma, Verdana;
background-color: #28373c;
background-image: url(../images/back_graphic_reverse.png);
background-repeat: no-repeat;
background-position: top left;
}

#footl{
float: left;
width: 300px;
text-align: left;
padding: 5px;
}

#footm{
float: left;
width: 420px;
text-align: center;
padding: 5px;
}

#footr{
float: left;
width: 200px;
text-align: right;
padding: 5px;
}

#footer a{
color: #e2e2e2;
text-decoration: none;
}

#footer a:hover{
color: white;
}












#contact_left{
float: left;
width: 320px;
margin: 10px 30px 10px 40px;
text-align: center;
}

#contact_right{
float: left;
width: 320px;
margin: 10px 0px;
}










    #navigation {
        width: 950px;
        z-index: 99;
        margin: 0px;
    }

    #navigation ul{
        padding: 0;
        margin: 0;
    }

    #navigation li{
        list-style-type: none;
        margin: 0px;
        padding: 0px;
        float: left;
    }
    #navigation a {
        display: block;
        padding: 6px 19px 6px 19px;
        color: #28373c;
        text-decoration: none;
        text-align: left;
        font-size: 0.85em;
        font-weight: bold;
        letter-spacing: 1px;
        background-color: #b5d334;
        float: left;
    }
    #navigation a:hover {
        color: #b5d334;
        background-color: #28373c;
    }
    #navigation a.current {
        color: #b5d334;
        background-color: #28373c;
    }
    #navigation a.current:hover {
        color: #666;
    }









#contact_form label{
clear: both;
float: left;
width: 100px;
text-align: left;
font-weight: bold;
margin-top: 7px;
}

#contact_form input,#contact_form textarea{
float: left;
width: 330px;
margin-top: 7px;
font-family: verdana,arial,tahoma,sans-serif;
font-size: 9pt;
border: 1px solid #cccccc;
padding: 3px;
}

#contact_form textarea{
overflow: auto;
height: 100px;
}

#contact_form input.submit{
width: auto;
padding: 4px 6px;
background: #28373c;
border: 0;
float: left;
text-transform: uppercase;
color: white;
font-size: 0.8em;
font-weight: bold;
margin-right: 2px;
background-repeat: repeat-x;
}


.captcha-container{
width: 100%;
display: block;
clear: both;
float: left;
text-align: center;
padding: 5px;
margin-top: 7px;
border: 1px solid #cccccc;
}

#contact_form div.captcha-container input{
width: 96%;
}

div.captcha-container small{
display: block;
}

div.sub_btns{
clear: both;
padding-right: 15px;
float: right;
}




#panel{
width: 1000px;
border: 1px solid #cccccc;
background: #555555;
color: #e2e2e2;
margin-bottom: 6px;
padding: 8px 2px;
}







.infobar{
width: 370px;
padding: 5px;
color: white;
background: #b5d334;
}

#contright div.infobar{
margin-bottom: 1px;
}



.clear{
clear: both;
height: 0px;
width: 1px;
line-height: 0px;
background: white;
}





#content_left{
float: left;
width: 232px;
margin-bottom: 15px;
}

#content_left h2{
font-weight: normal;
border-bottom: 1px solid #28373c;
margin-bottom: 6px;
margin-top: 0px;
}

#content_left a{
display: block;
border-top: 1px solid #aaa;
padding: 4px 8px;
background: #e2e2e2;
color: #28373c;
text-decoration: none;
}

#content_left a:hover{
background-color: #28373c;
color: #b5d334;
background-image: url(../images/nav_arrow.png);
background-repeat: no-repeat;
background-position: right center;
}

#content_left a.current_cpage{
background-color: #28373c;
background-image: url(../images/nav_arrow.png);
background-repeat: no-repeat;
background-position: right center;
color: #b5d334;
}

#content_left a.current_cpage{
background-color: #28373c;
background-image: url(../images/nav_arrow.png);
background-repeat: no-repeat;
background-position: right center;
color: #b5d334;
}

#content_left a.subpage_link{
padding: 1px 4px;
padding-left: 8px;
font-size: 10px;
border-top: none;
}


#content_right{
float: left;
width: 660px;
margin-left: 15px;
}

#content_right img{
margin-left: 10px;
margin-bottom: 10px;
}





#content_right a.toppage_link{
display: block;
font-size: 13px;
margin-top: 5px;
}

#content_right a.subpage_link{
display: block;
margin-left: 20px;
font-weight: normal;
}









div.cp_nav_box{
float: left;
width: 170px;
overflow: auto;
background: #eaeaea;
margin: 2px;
border: 1px solid #666;
}

div.cp_nav_box img{
float: left;
}

div.cp_nav_box h2{
float: left;
font-size: 17px;
font-weight: bold;
letter-spacing: -1px;
margin-left: 8px;
margin-top: 6px;
color: white;
}

div.cp_nav_title{
background: #666;
padding: 2px 4px;
}




.page_snippet{
border: 1px dotted #aaa;
background: #dcdcdc;
overflow: auto;
margin: 4px;
padding: 2px;
display: block;
}

.page_snippet:hover{
background: #d2d2d2;
}

img.page_snippet_img{
float: left;
width: 32px;
height: 32px;
margin-right: 3px;
}

.page_snippet_text{
float: left;
color: #363636;
overflow: hidden;
font-weight: bold;
letter-spacing: -1px;
}

.page_snippet_text a{
display: block;
float: left;
background: #bbb;
border: 1px solid #999;
padding: 1px 5px;
margin: 0px 2px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}

.page_snippet_text a:hover{
color: #111;
background: #aaa;
}

.page_snippet_text img{
height: 15px;
margin: 0px;
}

.page_snippet_text em{
font-weight: normal;
}

div.page_snippet_separator{
height: 3px;
background: #aaa;
}

#fck_wrapper{
background: #e2e2e2;
padding:8px;
border: 3px double #999;
}





#subscribe{
background-color: #28373c;
color: #b5d334;
padding: 6px 8px;
background-image: url(../images/back_graphic_reverse.png);
background-repeat: no-repeat;
background-position: top left;
}


div.testimonial{
color: #28373c;
background-image: url(../images/speech_bl.png);
background-position: bottom left;
background-repeat: no-repeat;
}

div.testimonial_inner_1{
background-image: url(../images/speech_br.png);
background-position: bottom right;
background-repeat: no-repeat;
padding: 5px 12px;
padding-bottom: 40px;
}

div.testimonial_outer{
width: 300px;
float: left;
margin: 5px 0px;
margin-right: 10px;
padding-top: 20px;
background-color: #b5d334;
background-image: url(../images/speech_top.png);
background-position: top center;
background-repeat: no-repeat;
}

.nomarg{
margin-right: 0;
}


#email:hover{
color: #888;
}










#footnav{
overflow: auto;
border-bottom: 1px solid white;
padding: 10px;
}

#footnav a{
text-decoration: none;
padding: 5px 5px 5px 0px;
}

#footnav ul{
float: left;
width: 118px;
list-style-type: none;
padding: 0px;
margin: 0px 4px;
}

#footnav a.trans{
margin: 0px;
width: 100%;
}

#footnav ul ul{
margin: 0;
}

#footnav li{
width: auto;
margin: 0;
}

#footnav h2{
color: #b5d334;
margin-top: 3px;
}

#footnav a:hover{
color: #dddddd;
}






div.news{
border: 1px solid #ccc;
background: #efefef;
padding: 8px;
margin-bottom: 12px;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}

div.news h2{
font-size: 14px;
font-weight: bold;
padding-bottom: 3px;
border-bottom: 1px solid #ccc;
}

div.news small{
font-weight: bold;
color: #222222;
}

#logout{
margin: 0px;
border: 0;
background: transparent;
padding: 0;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}













#menuholder{
width: 950px;
height: 30px;
background-image: url(../images/navbar_back.png);
background-repeat: no-repeat;
background-position: top left;
border-top: 1px solid white;
}

#menu{
width: 950px;
z-index: 99;
background: #28373c;
margin-left: 0px;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 12em;
float: left;
width: 118px;
z-index: 99;
}

#menu a, #menu h2{
font-family: 'Trebuchet MS', verdana, arial, helvetica, sans-serif;
font-size: 11px;
display: block;
margin: 0;
padding: 7px 21px;
width: auto;
z-index: 99;
}

#menu h2 {
color: white;
cursor: pointer;
border-right: 1px solid white;
z-index: 99;
letter-spacing: 0px;
text-shadow: #999999 0px 0px 1px;
font-weight: bold;
}

#menu a {
color: #000;
cursor: pointer;
text-decoration: none;
z-index: 99;
letter-spacing: 0px;
}

#menu a.toplink {
color: white;
letter-spacing: 0px;
border-right: 1px solid white;
z-index: 99;
text-shadow: #999999 0px 0px 1px;
}

#menu a.current, #menu h2.current{
background: #b5d334;
color: #28373c;
}

#menu a.trans {
color: #e2e2e2;
background: #28373c;
width: 170px;
border: none;
margin-right: 1px;
z-index: 99;
text-align: left;
}

#menu a.transw {
color: #e2e2e2;
background: #28373c;
width: 19em;
border: none;
margin-right: 0px;
text-align: left;
z-index: 99;
}

#menu a.narrower{
width: 75px;
}

#menu a.trans:hover{
background: #b5d334;
color: #28373c;
}

#menu a.transw:hover{
background: #b5d334;
color: #28373c;
}

#menu a:hover {
color: #e1e1e1;
z-index: 99;
}

#menu a.toplink:hover {
color: #28373c;
background: #b5d334;
z-index: 99;
}

#menu h2:hover {
color: #28373c;
background: #b5d334;
z-index: 99;
}

#menu li {position: relative; z-index: 99;}

#menu ul ul {
position: absolute;
left: 0px;
z-index: 99;
width: 172px;
border-bottom: 0px;
}

#menu ul ul.wdr {
width: 249px;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
z-index: 99;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}