/* light blue 4599F5 
dark grey 6C6D72
*/
BODY {background-color:#9B9E9F;font-family:'Lucida Grande', Verdana, Arial, Helvetica, sans-serif; font-size:70%;color:#495558;}
.clear {clear:both;}

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

A:Hover {color:#333333}

h2 {font-size:130%;font-weight:400}
H1.head {margin:0 0 4px 0;padding: 56px 0 0 0;overflow:hidden;background-repeat:no-repeat;height: 0px !important;height /**/:56px;}
H2.right {margin:0px 0 15px 0;padding: 11px 0 0 0;overflow:hidden;background-repeat:no-repeat;height: 0px !important;height /**/:11px;}
H2.left {margin:0 0 15px 0;padding: 23px 0 0 0;overflow:hidden;background-repeat:no-repeat;height: 0px !important;height /**/:11px;}
H3 {font-size:120%;font-weight:600;margin:3px 0 3px 0}
H2.us {margin:20px 0 2px 0}
H2.news {margin:0px 0px 6px 0px;padding: 11px 17px 0 12px;background:url(images/arrow.gif) no-repeat left 12px}


.line {background-image:URL(images/line.gif);background-repeat:no-repeat;height:12px;border:0px;margin-top:20px}
.red {color:#FF0000}

INPUT {border:1px solid #BDBDBD;color:#666666;padding:3px;margin-bottom:3px;font-size:95%}
SELECT {border:1px solid #BDBDBD;color:#666666;padding:3px;margin-bottom:3px;font-size:95%}
TEXTAREA {border:1px solid #BDBDBD;color:#666666;padding:3px;margin-bottom:3px;}
INPUT.submit {background-color:#B7B7B8;color:#FFFFFF;padding:1px;border:1px solid #9FA0A0;}

UL {margin: 9px; padding: 0px; list-style-type: none; }
UL LI {background:url(images/arrow.gif) left top no-repeat; padding: 0px 4px 4px 15px;margin:0 0 3px 0}
UL LI.up {background:url(images/arrow_up.gif) left top no-repeat; padding: 0px 4px 4px 15px;margin:0 0 3px 0}

UL.contactlist {margin: 9px; padding: 0px; list-style-type: none; }
UL LI.email {background:url(images/email_icon.gif) left top no-repeat; padding: 0px 6px 4px 25px;margin:0 5px 3px 0}
UL LI.phone {background:url(images/phone_icon.gif) 2px top no-repeat; padding: 0px 6px 4px 25px;margin:0 5px 3px 0}
UL LI.address {background:url(images/home_icon.gif) 2px 3px no-repeat; padding: 0px 6px 4px 15px;margin:0 5px 3px 0}

UL.home_back {margin: 0px; padding: 0px;position:relative;list-style-type: none; }
UL LI.home {background:url(images/home_icon.gif) left 3px no-repeat;position:absolute;padding: 0px 6px 4px 12px;margin:0 5px 3px 0}
UL LI.back {background:url(images/arrow_back.gif) left 3px no-repeat;position:absolute;left:55px;padding: 0px 6px 4px 12px;margin:0 5px 3px 0}

UL.dis_list {margin: 0px; padding: 0px;position:relative;list-style-type: none; }
UL LI.dis_list {padding: 0px 2px 4px 12px;margin:0 5px 3px 0}

#colright_panel UL {margin: 9px; padding: 0px; list-style-type: none; }
#colright_panel UL LI {background-image: url(images/arrow.gif);border-bottom:1px dashed #BEBEC1; background-position: left top; background-repeat: no-repeat; padding: 0px 4px 8px 15px;margin:0 0 8px 0}
#colright_panel UL LI.archive {background-image: url(images/news_archive.gif);}

#colright_panel UL LI P {display:block; text-decoration:none; width:100%;}

UL.project {margin:0px; padding: 0px; list-style-type: none;position:relative; }
UL LI.project {background-image: url(images/arrow.gif);background-position: left top;position:absolute;background-repeat: no-repeat; padding: 0px 4px 8px 15px;margin:0 0 8px 0}
UL LI.project2 {left:160px;background-image: url(images/arrow.gif);background-position: left top;position:absolute;background-repeat: no-repeat; padding: 0px 4px 8px 15px;margin:0 0 8px 0}

#canvas {margin-left:auto; margin-right:auto;text-align:left; width:800px;}
#container {float:left;background-color:#FFFFFF;padding:15px 20px 0px 20px;border:solid 1px #818089}
#header {float:left;width:733px;height:56px;margin-bottom:4px;background-image:URL(images/fluid_head.gif);}
#footer {float:left;width:733px;height:28px;margin-top:10px;background-image:URL(images/footer_bg.jpg);background-repeat: no-repeat;}
#nav_bar {background:url(images/nav_bar.gif) no-repeat left top;width:733px;height:69px}
#colleft {float:left;width:473px}
#colright {float:left;width:236px;margin-left:24px}
#colright_panel {float:right;margin-top:7px;background-image:URL(images/right_col_bg.jpg);border:1px solid #E1E0E9;width:232px}
.colright_panel_inner {padding:12px 5px 8px 5px}
#colright_panel2 {float:right;margin-top:7px;border:1px solid #E1E0E9;width:232px}
#signup {position:relative;width:150px;left:510px;top:-66px;height:70px;z-index:10}
INPUT.signup {width:148px}
#signup_submit {width:50px;position:relative;left:693px;top:-10px;padding:26px 0 0 0}
.signup_button {padding-top:14px;background-repeat:no-repeat;border:0px;width:52px;overflow:hidden;height: 0px !important;height /**/:14px;}
#icons {margin:12px 0 0px 12px;padding:42px 0 0 0;overflow:hidden;background-repeat:no-repeat;height: 0px !important;height /**/:42px;}
.icontx {font-size:95%}
.news_date {color:#6C6D72;font-size:90%}
#home_project {margin:12px 0 0px 0px;position:relative;left:-8px;width:495px;height:246px;}
#detail_project {position:relative;left:-8px;}
.search_button {padding-top:14px;border:0px;background-repeat:no-repeat;width:52px;overflow:hidden;height:0px !important;height /**/:14px;}
.project_teaser {width:280px;float:left;}
.project_teaser H2 {font-size:120%;margin:0px;padding:0px}
.project_teaser_title {float:left;width:280px;margin-bottom:8px;border-right:1px solid #CCCECE;padding:0 5px 0 15px;background: url(images/arrow.gif) no-repeat left top;}
.mini_web_icon {float:left;background:url(images/mini_web.gif) no-repeat left 2px;height:14px;padding:0 10px 0 19px}
.mini_brand_icon {float:left;background:url(images/mini_brand.gif) no-repeat left 2px;height:14px;padding:0 10px 0 19px}
.project_teaser_info {float:right;width:160px}
.project_teaser_info P {margin:0px; padding:0 0 6px 0}
.arrow_icon {float:left;width:12px;height:12px;background:url(images/arrow.gif) no-repeat}
.dis_left {float:left;margin:10px 10px 0 10px;width:120px;height:100px;background-repeat:no-repeat;background-position:left top;}
.dis_right {float:left;width:320px;margin:10px 0 0 0;line-height:14px}
.dis_box {float:left;width:250px;border:1px solid #C5C6C8;padding:4px}
.enquire_form {float:left;width:320px}
.enquire_form INPUT {margin-bottom:0 0 6px 0}
.news_holder P {margin:0 0 6px 11px}
.news_story_body {line-height:16px}


/* Top Nav Bar */
DIV#nav_bar UL#menu {padding:0px;margin:0px;width:733px;position:relative;height:69px}
DIV#nav_bar UL#menu LI {padding:0px;margin:0px;LIST-STYLE-TYPE: none;position:absolute;TOP:0px}

UL#menu LI {display:block;height:41px}
UL#menu A {display:block;height:41px}

DIV#nav_bar UL#menu LI A {text-indent:-9999px;text-decoration: none}

#company {left:8px;width:78px;background: url(images/nav_company.gif) no-repeat}
#company A:hover {background: url(images/nav_company_on.gif) no-repeat}
BODY#companyon #company {background: url(images/nav_company_on.gif)}
#work {left:97px;width:74px;background: url(images/nav_work.gif) no-repeat}
#work A:hover {background: url(images/nav_work_on.gif) no-repeat}
BODY#workon #work {background: url(images/nav_work_on.gif)}
#discipline {left:181px;width:117px;background: url(images/nav_discipline.gif) no-repeat}
#discipline A:hover {background: url(images/nav_discipline_on.gif) no-repeat}
BODY#disciplineon #discipline {background: url(images/nav_discipline_on.gif)}
#client {left:311px;width:86px;background: url(images/nav_client.gif) no-repeat}
#client A:hover {background: url(images/nav_client_on.gif) no-repeat}
BODY#clienton #discipline {background: url(images/nav_client_on.gif)}
#contact {left:411px;width:65px;background: url(images/nav_contact.gif) no-repeat}
#contact A:hover {background: url(images/nav_contact_on.gif) no-repeat}
BODY#contacton #contact {background: url(images/nav_contact_on.gif)}