/* Start of CMSMS style sheet 'Master Stylesheet' */
/* CSS Document--

Created by: Rowan Attenborough
First Created: 12.1.2009
Version: 1.1

 */

/* ---- LAYOUT ELEMENTS ----- */


body{

	background-image:url(images/bg.jpg);
	background-repeat:repeat-x;
	background-position: top left;
	margin: 0px auto;
                text-align:center;
	
	
}

.body{

	background-image:url(images/bg.jpg);
	background-repeat:repeat-x;
	background-position: top left;
	margin: 0px auto;
                text-align:center;
	
}

	
	
div#outercontainer{

	margin: 0px auto;
	width: 100%;
	background-image:url(images/large_M_bg.gif);
	background-repeat: no-repeat;
	background-position: top center;
	float:left;
	text-align:center;
                clear: both;

}


  

div#innercontainer{

	width: 900px;
	height: 100%;
	margin: 0px auto;
                text-align:center;
                clear: both;
              
}


* html 
div#innercontainer{

	width: 900px;
	height: 100%;
	margin: 0px auto;
                text-align:center;
                clear: both;
                padding-left: 200px;
              
}









div#header{

	width: 100%;
	height: 101px;
	text-align:left;
	padding: 8px 0 0 0;
	
}

div#banner{

	width: 1100px;
	height: 148px;
	text-align:right;
	background-image:url(images/banner_bg.jpg);
	background-repeat: no-repeat;
	background-position: top right;
 

}

div#team_banner{

	width: 1100px;
	height: 148px;
	text-align:left;
	background-image:url(images/team_banner_bg.jpg);
	background-repeat: no-repeat;
	background-position: top right;
 

}

div#services_banner{

	width: 1100px;
	height: 148px;
	text-align:left;
	background-image:url(images/services_banner_bg.jpg);
	background-repeat: no-repeat;
	background-position: top right;
 

}

div#clients_banner{

	width: 1100px;
	height: 148px;
	text-align:left;
	background-image:url(images/clients_banner_bg.jpg);
	background-repeat: no-repeat;
	background-position: top right;
 

}

div#people_banner{

	width: 1100px;
	height: 148px;
	text-align:left;
	background-image:url(images/people_banner_bg.jpg);
	background-repeat: no-repeat;
	background-position: top right;
 

}

div#careers_banner{

	width: 1100px;
	height: 148px;
	text-align:left;
	background-image:url(images/careers_banner_bg.jpg);
	background-repeat: no-repeat;
	background-position: top right;
 

}

div#faq_banner{

	width: 1100px;
	height: 148px;
	text-align:left;
	background-image:url(images/faq_banner_bg.jpg);
	background-repeat: no-repeat;
	background-position: top right;
 

}

div#newsletter_banner{

	width: 1100px;
	height: 148px;
	text-align:left;
	background-image:url(images/newsletter_banner_bg.jpg);
	background-repeat: no-repeat;
	background-position: top right;
 

}

div#contact_banner{

	width: 1100px;
	height: 148px;
	text-align:left;
	background-image:url(images/contact_banner_bg.jpg);
	background-repeat: no-repeat;
	background-position: top right;
 

}


div#nav_container{

	width: 280px;
        height: 448px;
	float: left;
        text-align: left;
        background-image:url(images/nav_bg_bottom2.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
        
  	
}

div#nav_bottom_container{

	width: 280px;
	float: left;
        text-align: left;
        display:block;
        height: 161px;
        text-align: left;
        margin-top: 257px;
       <!--[if IE 6]>
       margin-top: 0px;
       <![endif]-->  	
}

div#page{

	width: 585px;
	padding: 15px;
	height: 100%;
	float: left;
	border-right: 1px solid #E4E4E4;
        border-left: 1px solid #E4E4E4;
       	border-top: 4px solid #97D100;
	background-image:url(images/page_bg.gif);
	background-repeat: repeat;
	background-position: top left;
        text-align: left;
        min-height: 460px;
	
}

div#page_bronwyn{

	width: 585px;
	padding: 15px;
	height: 100%;
	float: left;
	border-right: 1px solid #E4E4E4;
        border-left: 1px solid #E4E4E4;
       	border-top: 4px solid #97D100;
	background-image:url(uploads/images/Browyn_Colour_Large.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
        text-align: left;
        min-height: 460px;
	background-color: #FFFFFF;
}


div#page_mick{

	width: 585px;
	padding: 15px;
	height: 100%;
	float: left;
	border-right: 1px solid #E4E4E4;
        border-left: 1px solid #E4E4E4;
       	border-top: 4px solid #97D100;
	background-image:url(uploads/images/Mick_colour_large.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
        text-align: left;
        min-height: 460px;
	background-color: #FFFFFF;
}

div#page_terry{

	width: 585px;
	padding: 15px;
	height: 100%;
	float: left;
	border-right: 1px solid #E4E4E4;
        border-left: 1px solid #E4E4E4;
       	border-top: 4px solid #97D100;
	background-image:url(uploads/images/Terry_colour_large.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
        text-align: left;
        min-height: 460px;
	background-color: #FFFFFF;
}


div#page_fred{

	width: 585px;
	padding: 15px;
	height: 100%;
	float: left;
	border-right: 1px solid #E4E4E4;
        border-left: 1px solid #E4E4E4;
       	border-top: 4px solid #97D100;
	background-image:url(uploads/images/Fred_Colour_Large.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
        text-align: left;
        min-height: 460px;
	background-color: #FFFFFF;
}



div#page_bio{

	width: 585px;
	padding: 15px 15px 0 15px;
	height: 100%;
	float: left;
	border-right: 1px solid #E4E4E4;
        border-left: 1px solid #E4E4E4;
       	border-top: 4px solid #97D100;
	background-image:url(images/page_bg.gif);
	background-repeat: repeat;
	background-position: top left;
        text-align: left;
	
}



div#footer_container{

	width: 100%;
	padding-top: 7px;
	height: 83px;
	float: left;
	border-top: 1px solid #A4BCC1;
	background-image:url(images/footer_bg.jpg);
	background-repeat: repeat;
	background-position: top left;
       /* ---- 
	position:fixed; /* keeps it from moving at all */
	bottom:0;
        ----- */
	text-align:center;
	margin: 0px auto;
	
}

div#footer{

	width: 900px;
	height: 83px;
	text-align:left;
	margin: 0px auto;
        padding-left: 75px;
	
}

div#footer_right{

	width: 400px;
	height: 83px;
	text-align:right;
	float:right;
        padding-right: 41px;

}



/* ----- NAVIGATION BAR ----- */

/* ----- IE 7 HACK ----- */

*:first-child+html ul#nav {
	display: none;
	}


ul#nav_ie7 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	width: 245px;
        float:right;
        z-index: 11;
        line-height:20px;
        height:20px;
	}


ul#nav_ie7 li {
list-style: none;
	position: relative;
        border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #FFFFFF;
        font-family:  Arial, Helvetica, sans-serif;
	font-size :13px;
        font-weight:bold;
        line-height:30px;
        height:30px;
	color:#002F46;
        text-align:left;
        text-indent: 19px;
        z-index: 11;
        background-image:url(images/nav_bg2.jpg);
	background-repeat: no-repeat;
	background-position: top right;
        width: 245px; /* Width of Menu Items */
       margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

.subli {
list-style: none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}


div#nav_container ul li ul {
list-style: none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}



ul#nav_ie7 li ul {
list-style: none;
	position: absolute;
        line-height:30px;
        height:30px;
	top: -1px;
        left: 246px;
	display: none;
        z-index: 11;
        width: 245px; /* Width of Menu Items */
         margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

	}

ul#nav_ie7 ul  {
list-style: none;
	position: absolute;
        line-height:30px;
        height:30px;
	top: 0;
                bottom: 0;
        left: 246px;
	display: none;
        z-index: 11;
        width: 245px; /* Width of Menu Items */
         margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

	}

ul#nav_ie7 li ul li {
list-style: none;
	border-right: 1px solid #808080 ;
        border-bottom: 1px solid #808080 ;
        line-height:30px;
        height:30px;
         margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

	}

ul#nav_ie7 li a {
list-style: none;
	display: block;
	text-decoration: none;
	color: #002F46;
	background-image:url(images/nav_bull.gif);
	background-repeat: no-repeat;
	background-position: top left; /* IE6 Bug */
        z-index: 11; 
        cursor: pointer; 
         margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
         line-height:30px;
        height:30px;

	}

ul#nav_ie7 li a:hover  { 
list-style: none;
	display: block; 
        text-decoration: none;
        color: #FFFFFF;
        background-color:#002F46; 
        background-image:url(images/nav_bull_over.gif);
	background-repeat: no-repeat;
	background-position: top left;
        width: 245px;
        z-index: 11;
        cursor: pointer;
        margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
         line-height:30px;
        height:30px;
        }

ul#nav_ie7 ul li ul a{ 
list-style: none;
	color: #002F46;
        background-image:url(images/nav_ul_li_bull_over.gif);
	background-repeat: no-repeat;
	background-position: top left;
        width: 245px;
        z-index: 11;
        cursor: pointer;
        margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
         line-height:30px;
        height:30px;

        }



ul#nav_ie7 li:hover ul,ul#nav li.over ul { 
list-style: none;
	display: block; 
        text-decoration: none;
        color: #FFFFFF;
        background-color:#002F46; 
        background-image:url(images/nav_bull_over.gif);
	background-repeat: no-repeat;
	background-position: top left;
        width: 245px;
        z-index: 11;
        cursor: pointer;
        margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
         line-height:30px;
        height:30px;

        }

ul#nav_ie7 li.off ul { 
list-style: none;
	display: none; 
        visibility: hidden;
        margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
         line-height:30px;
        height:30px;

        }
.off {
list-style: none;
        display: none; 
        visibility: hidden;
        margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
         line-height:30px;
        height:30px;

        }

ul#nav_ie7 li ul li a.off {
list-style: none;
        display: none; 
        visibility: hidden;
margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
         line-height:30px;
        height:30px;

        }

/* Fix IE. Hide from IE Mac \*/
* html ul#nav li { float: left; height: 1%; }
* html ul#nav li a { height: 1%; }
/* End */



/* ----- END IE 7 HACK ----- */

ul#nav {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	width: 245px;
        float:right;
        z-index: 11;
        line-height:20px;
        height:20px;
	}

ul#nav li {
list-style: none;
	position: relative;
        border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #FFFFFF;
        font-family:  Arial, Helvetica, sans-serif;
	font-size :13px;
        font-weight:bold;
        line-height:30px;
        height:30px;
	color:#002F46;
        text-align:left;
        text-indent: 19px;
        z-index: 11;
        background-image:url(images/nav_bg2.jpg);
	background-repeat: no-repeat;
	background-position: top right;
        width: 245px; /* Width of Menu Items */
       margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

.subli {
list-style: none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}


div#nav_container ul li ul {
list-style: none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}



ul#nav li ul {
list-style: none;
	position: absolute;
        line-height:30px;
        height:30px;
	top: -1px;
        left: 246px;
	display: none;
        z-index: 11;
        width: 245px; /* Width of Menu Items */
         margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

	}

ul#nav ul  {
list-style: none;
	position: absolute;
        line-height:30px;
        height:30px;
	top: 0;
                bottom: 0;
        left: 246px;
	display: none;
        z-index: 11;
        width: 245px; /* Width of Menu Items */
         margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

	}

ul#nav li ul li {
list-style: none;
	border-right: 1px solid #808080 ;
        border-bottom: 1px solid #808080 ;
        line-height:30px;
        height:30px;
         margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

	}

ul#nav li a {
list-style: none;
	display: block;
	text-decoration: none;
	color: #002F46;
	background-image:url(images/nav_bull.gif);
	background-repeat: no-repeat;
	background-position: top left; /* IE6 Bug */
        z-index: 11; 
        cursor: pointer; 
         margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
         line-height:30px;
        height:30px;

	}

ul#nav li a:hover  { 
list-style: none;
	display: block; 
        text-decoration: none;
        color: #FFFFFF;
        background-color:#002F46; 
        background-image:url(images/nav_bull_over.gif);
	background-repeat: no-repeat;
	background-position: top left;
        width: 245px;
        z-index: 11;
        cursor: pointer;
        margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
         line-height:30px;
        height:30px;
        }

ul#nav ul li ul a{ 
list-style: none;
	color: #002F46;
        background-image:url(images/nav_ul_li_bull_over.gif);
	background-repeat: no-repeat;
	background-position: top left;
        width: 245px;
        z-index: 11;
        cursor: pointer;
        margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
         line-height:30px;
        height:30px;

        }



ul#nav li:hover ul,ul#nav li.over ul { 
list-style: none;
	display: block; 
        text-decoration: none;
        color: #FFFFFF;
        background-color:#002F46; 
        background-image:url(images/nav_bull_over.gif);
	background-repeat: no-repeat;
	background-position: top left;
        width: 245px;
        z-index: 11;
        cursor: pointer;
        margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
         line-height:30px;
        height:30px;

        }

ul#nav li.off ul { 
list-style: none;
	display: none; 
        visibility: hidden;
        margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
         line-height:30px;
        height:30px;

        }
.off {
list-style: none;
        display: none; 
        visibility: hidden;
        margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
         line-height:30px;
        height:30px;

        }

ul#nav li ul li a.off {
list-style: none;
        display: none; 
        visibility: hidden;
margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
         line-height:30px;
        height:30px;

        }

/* Fix IE. Hide from IE Mac \*/
* html ul#nav li { float: left; height: 1%; }
* html ul#nav li a { height: 1%; }
/* End */



/* ----- END NAVIGATION BAR ----- */


/* ----- Font Styles ----- */  

h1{

	font-family:  Arial, Helvetica, sans-serif;
	font-size :19px;
	line-height:23px;
	color:#97D100;
	
}


p{

	font-family:  Arial, Helvetica, sans-serif;
	font-size :12px;
	line-height:16px;
	color:#4D4D4D;
	
}

.p{

	font-family:  Arial, Helvetica, sans-serif;
	font-size :12px;
	line-height:16px;
	color:#4D4D4D;
	
}

ul.page_ul {
        
        font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4D4D4D;
	line-height: 16px;
	padding-left: 2px;
        padding-bottom: 20px;
        border-bottom: none;
        font-weight: normal;
        width:  96%;
        left: 0px;
        text-indent: 5px;
        z-index: 10;
        display: block;
        margin: 0;

}

ul li.page_ul {
        background-image:url(images/page_bull.gif);
	background-repeat: no-repeat;
	background-position: middle left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4D4D4D;
	line-height: 22px;
	padding-left: 2px;
        border-bottom: none;
        font-weight: normal;
        width: 100%;
        left: 0px;
        text-indent: 12px;
        z-index: 10;
        display: block;
}


.Text_Green {

	font-family:  Arial, Helvetica, sans-serif;
	font-size :12px;
	line-height:20px;
	color:#97D100;
	

}


.Text_Light_Blue {

	font-family:  Arial, Helvetica, sans-serif;
	font-size :12px;
	line-height:23px;
	color:#80A2B0;

}

.Text_Blue {

	font-family:  Arial, Helvetica, sans-serif;
	font-size :12px;
	line-height:22px;
	color:#002F46;
	font-weight:bold;

}

.Text_Large_White {

	font-family:  Arial, Helvetica, sans-serif;
	font-size :13px;
	line-height:22px;
	color:#FFFFFF;
	font-weight:bold;

}


/* ----- Hover Styles ----- */  


a:hover img {
       opacity: 0.7;
}

a.Link_Blue_Page:link, a.Link_Blue_Page:visited {

	font-family:  Arial, Helvetica, sans-serif;
	font-size :12px;
	line-height:16px;
	color:#002F46;
	text-decoration: underline;
	font-weight:bold;


}

a.Link_Blue_Page:hover, a.Link_Blue_Page:active {

	font-family:  Arial, Helvetica, sans-serif;
	font-size :12px;
	line-height:16px;
	color:#236478;
	text-decoration:none;
	font-weight:bold;

}




a.Link_Blue:link, a.Link_Blue:visited {

	font-family:  Arial, Helvetica, sans-serif;
	font-size :12px;
	line-height:22px;
	color:#002F46;
	text-decoration: underline;
	font-weight:bold;


}

a.Link_Blue:hover, a.Link_Blue:active {

	font-family:  Arial, Helvetica, sans-serif;
	font-size :12px;
	line-height:22px;
	color:#236478;
	text-decoration:none;
	font-weight:bold;

}

/* ----- Border Styles ----- */  

.border_top_grey {

     border-top: 1px solid #CCCCCC;
     padding-top: 5px;
     margin-top: 8px;
}

.border_bottom_grey {

     border-bottom: 1px solid #CCCCCC;
     
}

.border_green {

     border: 1px solid #97D100;

}

.border_blue {

     border: 1px solid #80A2B0;
    
}

.border_blue_bottom_right{

     border-bottom: 1px solid #80A2B0;
     border-right: 1px solid #80A2B0;
}

.border_blue_bottom{

     border-bottom: 1px solid #80A2B0;
}

.border_blue_right_bgGrey{

     border-right: 1px solid #80A2B0;
     background-color:#D2DEE3; 
}

.bgGrey{

     background-color:#D2DEE3; 
}

.border_blue_bottom_right_bgGrey{

     border-bottom: 1px solid #80A2B0;
     border-right: 1px solid #80A2B0;
     background-color:#D2DEE3; 
}

.border_blue_bottom_bgGrey{

     border-bottom: 1px solid #80A2B0;
     background-color:#D2DEE3; 
}

.bg_blue {

     background-color:#002F46; 
}

.bg_dark_blue {

     background-color:#001d2b; 
}

.bg_blue_right_white {

     border-right: 1px solid #FFFFFF;
     background-color:#002F46; 
}
	

/* ----- Custom Styles ----- */  

.newsletter_box {

     border: 1px solid #97D100;
     padding: 10px;

}

.padder_left {

     padding-left: 11px;

}

.padder_left_15 {

     padding-left: 15px;

}


.padder_left_large{

     padding-left: 20px;

}


.Green_padder_left{

     margin-left: 8px;
     border: 1px solid #97D100;

}






/* End of 'Master Stylesheet' */