/* #################### Navigation #################### */

.nav{position:relative;margin: 8px 5px;;padding:0;font-size:11px !important;font-weight:bold;font-family:"Trebuchet MS",Arial,Helvetica,sans-serif !important;z-index:400;position:absolute;top:0px;right:0px;}
.nav ul,.menu li{list-style-type:none;text-align:left;overflow:visible;margin:0;padding:0;display:block;}
.nav ul{clear:both;}
.nav a{display:block;color:#FFF}
.nav a:visited,.menu a:active{color:#FFF}
.menu .topmenuli #active:hover{text-decoration:none}
.menu{margin:0;list-style-image:none;text-align:right;margin:0 1px;clear:both;position:relative;}
.menu .topmenuli{list-style-type:none;padding:0;float:left;border-right:1px solid #FFF;margin:0px;position:relative;}
.menu .topmenuli a{ padding: 0 12px;text-decoration:none;margin:0px;}
.menu .topmenuli a:visited{text-decoration:none}
.menu .topmenuli:hover ul,.menu .topmenuli.over ul{visibility:visible;z-index:6000;clear:left;}
.nav .menu{line-height: 30px;display:block;position:relative;}
.nav .menu .topmenuli>a:hover,.nav .menu .topmenuli:hover>a,.nav .menu .topmenuli>#active{background:#689BD9;color:#FFF;border:none}

.menu ul{visibility:hidden;position:absolute;margin:0;padding:0;z-index:600;min-width:160px;max-width:235px;width:160px;font-weight:normal;overflow:visible;float:left;display:block}
.menu ul li{margin:0;padding:0px;text-indent:4px;width:100%;position:relative;}
.menu ul li a{margin:0px;white-space:nowrap;z-index:1000;padding:0px;margin:0px;width:100%;border-bottom:1px solid #FFF;background:#689BD9;color:#FFF;}
.menu ul li a:hover{background:#224386;}

/* ACTIVE ITEM */
.menu .topmenuli.active{background:#F63;border:none}
.menu .topmenuli.active ul,.menu .topmenuli.active ul li a{background:#689BD9}
.menu .topmenuli.active ul{z-index:10 !important}
.menu .topmenuli.active:hover ul li a{background:#689BD9}
.menu .topmenuli.active ul li a:hover{background:#224386}
.menu .topmenuli li.active a{text-decoration:underline !important}
.menu .topmenuli.active:hover{background:#F63}
/* END ACTIVE ITEM */

/* IE 6 fixes */
* html .menu .topmenuli a{float:left}
* html .menu ul{white-space:nowrap;width:150px;margin:0;padding:0}
* html .menu ul li{margin:0;padding:0}
* html .menu ul li a{position:relative;z-index:1000;width:100%;margin:0;padding:0 10px 0 0}
* html .nav{padding-left:0px! important}

#nav7{border-right:none;}
#nav7 ul{right:25px;}
#nav7 ul li{text-align:right;}/* #################### Style #################### */
/* GLOBAL ELEMENTS */
html{font-size:15px}
body{text-align:center;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-weight:normal;font-size:0.8em;padding:0 0 2.5em;margin:0;color:#494949;position:relative;background:#689BD9 url(/img/core/background.gif) repeat-y center;}
h1 span,#shadowtop img,.rhs,.search,div,#logo,#logo span,.clearboth,.clearboth2,h1,h2,h3,h4,table,form,span,p{margin:0px;padding:0px;font-size:1em}
.clearboth,.clearboth2{clear:both;font-size:1px;height:1px;width:1px;border:none;overflow:hidden}
h1 span{display:block;position:relative;z-index:1;cursor:pointer} 
h1,h2,h3{font-weight:bold;color:#2E6AB3}
h3,h4{margin:0;padding:0;font-weight:bold}
h1,h2,#side>h3{margin:0 0 .5em;padding:0 0 .25em;}
h1{font-size:1.6em}
h2{font-size:1.3em}
h3{font-size:1.15em}
#side>h3{font-size:1.3em}
h4{font-size:1.1em;margin:0;color:#333}

/* LINKS */
a{color:#3366CC;text-decoration:underline}
a:hover{color:#375210}
img{border:0}
table,p{line-height:1.35em}
p{margin:0.75em 0 1.5em}
td,tr{text-align:left}

/* GLOBAL LAYOUT */
#container{position:relative;text-align:left;margin:0 auto;padding:10px 0 0}
#container,.footcontainer{width:900px;background:#FFF}
/*#content{position:relative;float:left;margin:0 10px;text-align:left;z-index:3;padding:0 0 30px;width:960px}*/

#content {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:left;
        width:100%;				/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
		text-align:left;z-index:1;
		margin-top:10px;
		
}

.colmid {
        float:left;
        width:200%;
        margin-left:-170px; 	/* Width of right column */
        position:relative;
        right:100%;
		z-index:1;
		
    }
.colleft {
        float:left;
        width:100%;
        margin-left:-50%;
        position:relative;
        left:370px;         	/* Left column width + right column width */
		display:inline
    }

#copy_wrap  {
        float:left;
	    width:50%;
	    position:relative;
	    right:200px;        	/* Width of left column */
	    padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
		display:inline
	}
/*#copy{width:500px;padding:0 15px 0 ;margin:10px 0 0 250px;float:left;font-size:1.1em}*/
#copy {
        margin:0 210px 0 230px;     	/* Centre column side padding:
                            	Left padding = left column width + centre column left padding width
                            	Right padding = right column width + centre column right padding width */
        position:relative;
	    left:200%;
	    overflow:hidden;
		font-size:1.1em;
		background-color:#E6EFF9; border: solid #2E6AB3; border-width:1px 0;padding:10px;
	}
#lhs {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:200px;        	/* Width of left column content (left column width minus left and right padding) */
        position:relative;
        left:10px;         	/* Width of the left-had side padding on the left column */
		display:inline
    }
#side {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:180px;        	/* Width of right column content (right column width minus left and right padding) */
        margin-right:10px;  	/* Width of right column right-hand padding + left column left and right padding */
        position:relative;
        left:50%;
		display:inline
    }
#out-team p img{float:right;margin:0 0 10px 10px;}
#board p img{float:right;margin:0 0 10px 10px;}
#copy table {background:#FFF;border:1px solid #689BD9;width:100%}
#copy table td{border:0px;padding:5px 10px;vertical-align:top;}
#site-map #copy ul li{margin-left:20px;}


/* SIDE */
/*#side{float:right;position:relative;margin-top:10px;width:180px;padding:0}*/
#side .clearboth{padding:.5em 0}
.addthis_toolbox{float:right;position:relative;width:270px;height:10px;padding:5px 10px}
.side-box {background-color:#E6EFF9; border: solid #2E6AB3; border-width:1px 0;padding:10px;}
.side-box h3{overflow:hidden;padding:0 0 0 15px;background:url(/img/core/bullet_o.gif) no-repeat 1px 4px;font-size:1.1em;margin:0 0 10px -5px;}

/* LHS */

#lhs object{margin:0 0 20px;}
.qlink{padding:0 0 0 10px;margin:0 0 10px 10px;list-style-image: url(/img/core/bullet_g.gif);}
* html .qlink {margin-left:0px;padding-left:0px;}
.orangelist{list-style-image: url(/img/core/bullet_o2.gif);}
.clientlist li{margin:0 0 20px 0;list-style-image: url(/img/core/bullet_o3.gif);}
.clientlist li span{padding:5px;}
#legals{margin:20px 0;color:#666;font-size:11px;}
/* NEWS */
.news{padding:0 0 0 10px;margin:0px;list-style-image: url(/img/core/bullet_g.gif)}
.news li{margin:0 0 10px 0;}
.news li a{font-weight:bold;color:00F;}
.date2{color:#999;}

/* CSS 'Table' */
div.row{clear:both;margin:0;padding:.75em 0;position:relative}
div.row p{margin:0;padding:0;font-size:1em}
div.row span{float:left;padding:0}
span.label,span.label_r,span.label_d{margin:0 10px 0 0;width:25%;color:#666}
span.label{text-align:left}
span.label_d{width:75%}
span.formw{margin:0;width:70%}

/* HEADER */
.header{position:relative;height:111px;background:url(/img/core/bg-nav.jpg) repeat-x;margin:0 10px;width:880px;display:block;clear:both;z-index:3}
.header h1{overflow:hidden}
#logo{position:absolute;top:10px;left:10px;z-index:2}
#logo, #logo span{width:480px;height:80px}
#logo span {background:url(/img/core/logo.png) no-repeat}


#socials{color:#FFF;position:absolute;bottom:5px;right:10px;width:300px;text-align:right;}
#socials img{display:inline-block;margin-left:5px;}

/* SUBNAV */
#subnav_cont{float:left;position:relative;width:220px;margin-right:20px;}
#subnav{position:relative;background:#D5E7F7;padding:0 0 40px;width:220px}
#subnav>ul{padding:0;margin-left:0;width:220px;float:left;margin:0 20px 0 0;font-size:1.1em;padding-bottom:10px;background:#D5E7F7;}
#subnav li{list-style:none;margin:0}
#subnav li a{display:block;padding:.5em;border-left:.6em solid #C3DCF3;background:#D5E7F7;margin:0;border-bottom:1px solid #FFF;text-decoration:none;color:#0069A9;font-weight:bold}
#subnav li a:hover,#subnav .active{border-left-color:#C6006F;color:#FFF;background:#0069A9}
#subnav>ul>li>ul{margin:0;padding:5px 0;background:#E4F1FA;border-left:.6em solid #E08BAA}
#subnav>ul>li>ul a:hover,#subnav>ul>li>ul .active{color:#000;text-decoration:underline;background:none}
#subpages li a{background:#E4F1FA;margin:0px;color:#333;padding:2px 0 0 .5em;font-weight:normal;font-size:0.9em;border:0px}


/* FOOTER */
.footcontainer{margin:0 auto 10px;padding:0;width:880px}
.footer{text-align:left;font-size:0.85em;color:#666;position:relative;padding:0;margin:0}
.foottext{margin:0 0 10px;padding:0;text-align:left;font-family:Arial, Helvetica, sans-serif;border-bottom:2px solid #FF6600}
.foottext p{margin:.25em 0 .5em}
#footright{position:absolute;right:5px;top:5px}
.rp{position:absolute;bottom:-25px;right:-10px}
.rp a{color:#333;text-decoration:none;padding:.35em .5em;display:block;}
.rp a:hover{color:#FFF;background-color:#000;text-decoration:underline}

/* MISC */
.errors{font-size:1em;font-weight:bold;color:#C00;margin:0;padding:0 0 0 18px;list-style-type:square}
.clientimg{width:120px;height:120px;padding:10px;display:table-cell;vertical-align:middle;text-align:center}
.moreinfo{text-align:right}
.moreinfo a{text-decoration:none;color:#666}
.moreinfo a:hover{text-decoration:underline}
.visit-us{float:left;width:280px}

div.contact{background:#FFF;margin:20px -10px -20px;padding:10px;border-top:1px solid #2E6AB3;}
.button{font-size:0.9em;background-color:#F5FBFC; border:1px solid #2E6AB3;color:#2E6AB3;height:20px;font-weight:bold;margin-top:1.5em;}

/* GMAP */
#gmap{position:relative;width:200px;height:300px;margin:0 0 20px;border: solid #2E6AB3; border-width:1px 0;}
.contact_map{position:relative;width:600px;height:400px}
#gmapLarge{width:680px;height:700px;margin:30px 0}
#gmap-caption{font-size:0.9em;margin:0 0 5px;color:#666;}

/* ALTERNATIVE LAYOUT */
.inline .frmradiocont .frmradio{float:left;padding:0 15px 0 0}
.inline .frmrow .frmlabel{display:block;clear:both;float:none;text-align:left;margin:0 0 3px;width:auto}
.inline .frmrow{clear:none;float:left;margin-right:10px}
.twoup{width:45%;float:left;margin-right:1.25em}
