@charset "UTF-8";
/* CSS Document */

<style type="text/css">
/* ------------------------------ CONTAINER PROPERTIES ------------------------------ */
body {
background-color:#343434;
height:100%;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
} 
#full_container{
width:100%;
height:100%;
background-color:#000000;
}
/* ------------------------------ HEADER DIVS ---------------------------------------- */
#header{
width:100%;
height:252px;
background-image:url(images/background_header.jpg);
margin-top: 0pt;
margin-right: auto;
margin-bottom: 0pt;
margin-left: auto;
position: relative;
float:left;
}
#header_container{
width:1020px;
height:252px;
margin-left: auto ;
margin-right: auto ;
}
#logo_box{
width:281px;
height:252px;
background-image:url(images/background_logo_box.gif);
float:left;
}
#header_right{
width:739px;
height:252px;
float:right;
}
#tcaan_box{
width:739px;
height:48px;
float:right;
background-image:url(images/background_tcaan_bar.jpg);
}
#header_centre{
width:739px;
height:115px;
float:right;
background-image:url(images/background_header_centre.jpg);
}
/* ------------------------------ MENU CLASSES AND DIVS -------------------------------- */
#tab_box{
width:443px;
height:89px;
float:left;
background-image:url(images/background_tabs.jpg);
margin-top: 0pt;
margin-right: 0pt;
margin-bottom: 0pt;
margin-left: 0pt;
}
.menu{
width:443px;
height:89px;
float:left;
}
.menu ul{
font: 12px Arial;
list-style-type: none;
float:left;
list-style:none;
padding:0;
margin:0;
}
.menu li{
text-decoration:none;
list-style:none;
float:left;
overflow:hidden;

}
.menu li a{
text-align: center;
line-height: 95px;
float: left;
display: block;
text-decoration: none;
margin-top: 0pt;
margin-right: 0pt;
margin-bottom: 0pt;
margin-left: 0pt;
padding-top: 0pt;
padding-right: 0pt;
padding-bottom: 0pt;
padding-left: 0pt;
color: white;
}
.menu li a:hover{
line-height: 90px;
}
/* ------------- WHO WE ARE TAB ------------------ */
.menu li .who a{
background-image: url(images/tab_whoweare_box.jpg);
background-repeat:no-repeat;
background-position:top;
width:111px;
height:89px;
}
.menu li a:visited{
color: white;
}
.menu li .who a:hover, .menu li.who .selected a{
background-image: url(images/tab_whoweare_box_over.jpg);
}
/* ------------- WHAT WE DO TAB ------------------ */
.menu li .what a{
background-image: url(images/tab_whatwedo_box.jpg);
background-position:top;
width:108px;
height:89px;
}
.menu li a:visited{
color: white;
}
.menu li .what a:hover, .menu li.what .selected a{
background-image: url(images/tab_whatwedo_box_over.jpg);
}
/* ------------- OUR WORK TAB --------------------- */
.menu li .work a{
background-image: url(images/tab_ourwork_box.jpg);
background-position:top;
width:110px;
height:89px;
}
.menu li a:visited{
color: white;
}
.menu li .work a:hover, .menu li.work .selected a{
background-image: url(images/tab_ourwork_box_over.jpg);
}
/* ------------- CONTACT US TAB --------------------- */
.menu li .contact a{
background-image: url(images/tab_contactus_box.jpg);
background-position:top;
width:116px;
height:89px;
}
.menu li a:visited{
color: white;
}
.menu li .contact a:hover, .menu li.contact .selected a{
background-image: url(images/tab_contactus_box_over.jpg);
}
/* ------------------------------ ADDRESS AND BUTTON BAR -------------------------------- */
#address_bar{
width:296px;
height:89px;
float:right;
background-image:url(images/background_address_bar.gif);
}
/* ------------------------------ CONTENT AREA DIVS ------------------------------------- */
#content{
width:100%;
height:auto;
background-image:url(images/background_content.jpg);
float:left;
position: relative;
}
#content_container{
width:1020px;
height:auto;
overflow: auto;
background-image:url(images/background_content_container.jpg);
margin-left: auto;
margin-right: auto;
}
#button_bar{
width:49px;
height:auto;
float:left;
}
#left_bar{
width:40px;
height:10px;
float:left;
}
#content_area{
width:635px;
float:left;
}
/* ------------------------------ RIGHT SIDE BAR DIVS ---------------------------------- */
#right_container{
width:296px;
height:auto;
float:right;
}
#right_top{
width:296px;
height:auto;
float:left;
background-image:url(images/background_right.jpg);
}
#right_bottom{
width:296px;
height:112px;
float:left;
background-image:url(images/background_right_bottom.jpg);
background-repeat:no-repeat;
}
/* -------------------------------- FOOTER AND DIVS ------------------------------------ */
#footer{


width:100%;
height:118px;
background-image:url(images/background_footer.jpg);
background-repeat:repeat-x;
float:left;
position: relative;
}
#footer_inside{
width:1020px;
height:117px;
background-image:url(images/background_footer_inside.gif);
background-repeat:no-repeat;
margin-left: auto;
margin-right: auto;
background-position:left;
}
/* ---------------------------------- TEXT STYLES --------------------------------------- */
a{
text-decoration: none;
color:#b7bf33;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
.title{
color:#b7bf33;
font-size:14px;
font-weight:600;
}
.more_link{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#b7bf33;
font-weight:600;
}

#staff_gallery {width:605px; height:250px; position:relative;  }
#staff_gallery ul {list-style:none; padding:5px; margin:0; width:215px; float:right; height:250px; overflow:auto;}
#staff_gallery ul li {display:inline; width:50px; height:50px; float:right; margin:0 9px 9px 0; border:1px solid #fff; cursor:pointer;}
#staff_gallery ul li img {display:block; width:50px; height:50px;}

/* required for IE5.x and IE6 to display the start image size correctly */
#staff_gallery ul li.click i img.default {margin:5px auto 0 auto; width:400; height:235; border:1px solid #fff;}
#staff_gallery ul li.click i img.default.click { display:inherit;}

#staff_gallery ul li.off {margin:5px auto 0 auto; width:400; height:235; border:1px solid #fff; display:list-item;}

#staff_gallery ul li.click {border-color:#fff; background:#fff; cursor:default;}

#staff_gallery ul li.click i {position:absolute; left:0; top:0; width:auto; height:auto;}

#staff_gallery ul li.click i img {margin:5px auto 0 auto; width:auto; height:auto; border:1px solid #fff;}
#staff_gallery ul li i img.click {margin:5px auto 0 auto; width:auto; height:auto; border:1px solid #fff;}