* { margin:0; }
html,body { font-family:"Times New Roman", Times, serif; text-align:center; font-size:80%; outline:0; }
body { font-size:10px; background-color:#FFF; background-image:url(../images/backpatt.jpg); background-repeat:repeat-x; font-family:"Times New Roman", Times, serif; text-align:center; }
/*Font-size: 1.0em = 10px when browser default size is 16px*/
.page-container { width:900px; margin:0 auto 20px; text-align:left; }
#menulogo { width:450px; height:59px; border:0; padding:0; }
.news { width:200px; position:relative; float:right; margin:auto; }
.main-navigation { float:left; overflow:/*Firefox*/visible!important; overflow:/*IE6*/hidden; margin-top:0; width: 900px }
.main-content { float:left; overflow:/*Firefox*/visible!important; overflow:/*IE6*/hidden; background-color:#FFF; display:inline; min-height:400px; clear:left; }
.main-content img { border:0; }
.main-content img a { border:0; }
.main-content img a:hover { border:0; }
.footer1 { clear:both; width:100%; border-top:dotted #322111 1px; margin-top:40px; position:relative; }
.footer2 { width:900px; overflow:
/*IE6*/
hidden; background-color:#FFF; height:20px; color:#322111; margin:10px auto 0; font-size:120%; }
.footer1 a { color:#322111; text-decoration:none; }
.footer1 a:link a:visited { text-decoration:none; }
.footer1 a:hover { text-decoration:underline; }
/* HEADER */
.header { border:0; width:900px; font-family:"Times New Roman", Times, serif; }
.header-top { width:100%; top:0; }
.headerinner { margin:0 auto; width:900px; height:100px; }
.header-middle { width:900px; height:100px; }
/******************/
/* MAIN SECTION */
/******************/
.flash-unit { width:600px; margin-bottom:/*Non-IE6*/10px!important; margin-bottom:/*IE6*/5px; float:right; padding:10px; height:420px; margin-top:10px; border:0; z-index:1; }
.column1-unit { width:660px; margin-bottom:/*Non-IE6*/10px!important; margin-bottom:/*IE6*/5px; margin-top:10px; float:left; padding:10px; }
.column1-unit-centre { width:680px; position: relative; margin-bottom:/*IE6*/5px; margin-top:20px; float:left; text-align:center; }
.column1-unit-centre h1 { clear:both; font-family:"Times New Roman", Times, serif; color:#322111; font-size:250%; letter-spacing:2px; font-weight:lighter; }
.column1-unitflash { width:890px; float:left; margin-top:10px; padding:10px 0 5px 10px; height:20px; border-bottom:dotted #322111 1px; }
.column2-unit-left { float:left; width:310px; margin-bottom:
/*Non-IE6*/
10px!important; margin-bottom:
/*IE6*/
5px; text-align:right; background-color:#FFF; padding:10px; margin-top:10px; }
.column2-unit-right { float:left; width:310px; margin-bottom:
/*Non-IE6*/
10px!important; margin-bottom:
/*IE6*/
5px; margin-left:20px; text-align:left; padding:10px; margin-top:10px; display:block; }
.column2-unit-right2 { float:left; width:290px; margin-bottom:
/*Non-IE6*/
10px!important; margin-bottom:
/*IE6*/
5px; margin-left:20px; text-align:left; background-color:#FFF; padding:10px; margin-top:10px; display:block; }
.column2-unit-leftflash { float:left; width:260px; margin-bottom:
/*Non-IE6*/
10px!important; margin-bottom:
/*IE6*/
5px; text-align:left; background-color:#FFF; padding:10px; margin-top:10px; }
.column3-unit-left { float:left; width:310px; margin-bottom:
/*Non-IE6*/
10px!important; margin-bottom:
/*IE6*/
5px; text-align:right; background-color:#FFF; padding:10px; margin-top:10px; }
.column3-unit-left2 { float:left; width:320px; margin-bottom:
/*Non-IE6*/
10px!important; margin-bottom:
/*IE6*/
5px; text-align:right; padding:10px; margin-top:10px; }
.column3-unit-middle { float:left; width:310px; margin-bottom:
/*Non-IE6*/
10px!important; margin-bottom:
/*IE6*/
5px; margin-left:20px; text-align:left; background-color:#FFF; padding:10px; margin-top:10px; display:block; }
.column3-unit-right { width:200px; margin-bottom:
/*IE6*/
5px; float:right; }
.fulltext { margin-top:20px; width:250px; background-color:#FFF; color:#322111; position:absolute; }
.fulltext ul { padding:5px; float:right; }
.fulltext li { display:inline; list-style:none; }
.column1-unit-centre #proj-selection {width: 183px; height: 35px; padding: 6px 0 0 0; font-size: 1.4em; margin: 0 0 0 250px; }
.column1-unit-centre #proj-selection a {color: #342113; text-decoration: none; padding: 0 0 5px 2px; margin: 0 10px 0 0}
.column1-unit-centre #proj-selection a:hover {text-decoration: underline}
.checkbox, .radio {
width: 12px;
height: 30px;
padding: 0 20px 10px 0;
background: url(../images/checkbox.gif) no-repeat;
}
.radio {
background: url(../images/radio.gif) no-repeat;
}
/********************/
/* MENU */
/********************/
#menu { padding:0; margin:0; list-style:none; font-family:"Times New Roman", Times, serif; }
#menu li {float: left; margin: 0; padding: 0}
#menu #nav-about a {width: 128px; height:30px; display: block; background: url(../images/buttons/nav-about.gif); text-indent: -9999px}
#menu #nav-about a:hover, #menu #nav-about #current {background: url(../images/buttons/nav-about.gif) 0 30px}
#menu #nav-projects a {width: 128px; height:30px; display: block; background: url(../images/buttons/nav-projects.gif); text-indent: -9999px}
#menu #nav-projects a:hover, #menu #nav-projects #current {background: url(../images/buttons/nav-projects.gif) 0 30px}
#menu #nav-principles a {width: 128px; height:30px; display: block; background: url(../images/buttons/nav-principles.gif); text-indent: -9999px}
#menu #nav-principles a:hover, #menu #nav-principles #current {background: url(../images/buttons/nav-principles.gif) 0 30px}
#menu #nav-forum a {width: 128px; height:30px; display: block; background: url(../images/buttons/nav-forum.gif); text-indent: -9999px}
#menu #nav-forum a:hover, #menu #nav-forum #current {background: url(../images/buttons/nav-forum.gif) 0 30px}
#menu #nav-recruitment a {width: 128px; height:30px; display: block; background: url(../images/buttons/nav-recruitment.gif); text-indent: -9999px}
#menu #nav-recruitment a:hover, #menu #nav-recruitment #current {background: url(../images/buttons/nav-recruitment.gif) 0 30px}
#menu #nav-inspiration a {width: 128px; height:30px; display: block; background: url(../images/buttons/nav-inspiration.gif); text-indent: -9999px}
#menu #nav-inspiration a:hover, #menu #nav-inspiration #current {background: url(../images/buttons/nav-inspiration.gif) 0 30px}
#menu #nav-contact a {width: 128px; height:30px; display: block; background: url(../images/buttons/nav-contact.gif); text-indent: -9999px}
#menu #nav-contact a:hover, #menu #nav-contact #current {background: url(../images/buttons/nav-contact.gif) 0 30px}
/********************/
/* PROJECTS DROPDOWN */
/********************/
#navdrop { height:24px; margin:0; padding: 0; float:left; font-weight:normal; z-index:2; }
#menudrop { height:24px; position:relative; font-size:12px; margin:0; padding: 0; z-index:1000; }
#menudrop table.ie6 { border-collapse:collapse; margin:0; padding:0; }
#menudrop ul { padding:0; margin:0; list-style:none; }
#menudrop ul li { float:left; }
#menudrop ul li a { display:block; padding:0; text-decoration:none; }
#menudrop ul li a b { display:block; float:left; padding:0; text-decoration:none; font-size:11px; cursor:pointer; }
#menudrop ul li div.holder { position:absolute; left:-9999px; }
#menudrop ul li div .leftSide { float:left; background:#322111; }
#menudrop ul li div .rightSide { float:left; margin-left:10px; display:inline; padding:0; }
#menudrop table { background:#322111; width:890px; padding:0; margin:10px 0 0; border-collapse:collapse; }
#menudrop tr { background:#322111; border:0; vertical-align:top; float:left; }
#menudrop td { background:#322111; border:0; width:260px; vertical-align:top; }
#menudrop ul li:hover { height:24px; width:111px; margin: 0; padding: 0; border:0}
#menudrop ul li a:hover { color:#fff; background:#322111; white-space:nowrap; position:relative; }
#menudrop ul li a:hover b { margin: 0; padding: 0; border:0}
#menudrop ul li a.sub:hover { height:24px; width:111px; margin: 0; padding: 0; border:0}
#menudrop ul li a.sub:hover b { height:24px; width:111px; margin: 0; padding: 0; border:0}
#menudrop ul li:hover > a { margin: 0; padding: 0; border:0}
#menudrop ul li:hover a.sub { height:24px; width:111px; float: right; background: url(../images/buttons/other-projects.gif) 0 24px; margin: 0; padding: 0; border:0}
#menudrop ul a.sub { height:24px; width:111px; display:block; text-indent: -9999px; background: url(../images/buttons/other-projects.gif); margin: 0; padding: 0; float: right }
#menudrop ul li:hover a.sub > b { color:#fff; background-image:none }
#menudrop ul :hover div.holder { position:absolute; top:22px; left:-790px; margin:0; padding:0; background-image:none}
#menudrop ul li.right a:hover div.holder { left:auto; right:3px; top:0; background:#322111; background-image:none}
#menudrop ul li.right:hover div.holder { left:auto; right:4px; top:0; background:#322111; background-image:none}
#menudrop ul dl { width:auto; background:#322111; margin:5px 0 10px; padding:0 5px; list-style:none; background-image:none}
#menudrop ul dl dt { font-weight:500; padding:0 10px; margin:0 0 10px; line-height:20px; background:#322111; color:#fff; font-size:14px; letter-spacing:2px; white-space:nowrap; background-image:none}
#menudrop ul dl dd { display:block; padding:0; margin:0; background:#322111; background-image:none; background-image:none}
#menudrop ul dd a { font-size:14px; background:#322111; background-image:none; display:block; height:20px; line-height:20px; color:#fff; text-align:left; margin:0; padding:0 10px; font-weight:normal; white-space:nowrap; float:none; cursor:pointer; }
#menudrop ul dd a:hover { color:#fff; text-decoration:underline; background-image:none}
/********************/
/* FOOTER SECTION */
/********************/
.footer p { line-height:1.1em; text-align:center; color:#322111; font-size:110%; letter-spacing:2px; }
.footer p.credits { font-weight:normal; }
.footer a { color:#666666; text-decoration:none; }
.footer a:hover { text-decoration:underline; color:#666666; }
.footer a:visited { color:#666666; }
/******************/
/* CLEAR FLOATS */
/******************/
.page-container:after,.header:after,.header-breadcrumbs:after,.main:after,.main-navigation:after,.main-content:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.column1-unit:after,.column2-unit-left:after,.column2-unit-right:after,.column3-unit-left:after,.column3-unit-middle:after,.column3-unit-right:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.footer:after,p:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clear-contentunit { clear:both; width:640px; height:.1em; border:none; background:rgb(210,210,210); color:rgb(210,210,210); }
/********************************/
/* PRINTING and MISCELLANEOUS */
/********************************/
form#login { background-color:#FFF; color:#312110; font-family:"Times New Roman", Times, serif; font-size:10px; text-align:left; padding:10px; width:660px; border:2px; border-color:#322111; }
.text { font-family:"Times New Roman", Times, serif; font-size:12px; color:#312110; background-color:#FFF; padding:3px; width:440px; border:1px #312110 solid; }
.title { font-size:12px; width:570px; float:left; margin-top:-4px; }
.buttons { font-family:"Times New Roman", Times, serif; font-size:12px; background-color:#312110; color:#FFFFFF; margin-right:6px; width:80px; height:30px; font-weight:bold; margin-left:150px; }
#form { background-color:#FFF; color:#312110; font-family:"Times New Roman", Times, serif; font-size:12px; text-align:left; padding:10px; width:660px; border:2px; border-color:#322111; }
#form td { background-color:#FFF; }
#extra-info { width: 210px; float:right; list-style: none; height: 24px; margin: -1px 0 0 0; padding: 0}
#extra-info li { float:left; list-style: none; margin: 0; padding: 0 }
#extra-info .pdf { height:24px; width:90px; background: url(../images/buttons/full-text.gif); display:block; float:left; text-indent: -9999px; margin: 0; padding: 0 }
#extra-info .pdf a:hover { background: url(../images/buttons/full-text.gif) 0 24px; }
.textbox { background-color:#000000; height:200px; }
.ribaad { height:64px; width:160px; display:block; }
.ribaad img { border:0; }
.required { font-weight:bold; color:#312110; }
.error-div { border:1px solid #ffffff; background-color:#ffffff; padding:10px; margin-bottom:5px; color:#ffffff; }
.success-div { border:1px solid #ffffff; background-color:#ffffff; padding:10px; margin-bottom:5px; color:#ffffff; }
.input { width:400px; }
/********************************/
/* WELCOME GALLERY */
/********************************/
#slider { width:900px;
/* important to be same as image width */
height:500px;
/* important to be same as image height */
position:relative;
/* important */
overflow:hidden;
/* important */
}
#sliderContent { width:410px;
/* important to be same as image width or wider */
position:absolute; top:0; margin-left:0; }
.sliderImage { float:left; position:relative; display:none; border:0; }
.sliderImage span { position:absolute; margin:0 0 0 550px; padding:10px 13px; width:300px; font-size:80%; letter-spacing:2px; color:#322111; display:none; }
.clear { clear:both; }
.sliderImage span strong { font-size:14px; }
.top { top:0; left:0; }
.bottom { bottom:10px; left:0; }
ul { list-style-type:none; }
/********************************/
/* SEARCH */
/********************************/
/*Top categories*/
.main_cat1 { font-size:16px; font-weight:bold; color:#0000FF; }
.main_cat2 { font-size:12px; font-weight:bold; color:#0000FF; }
.cat1:visited { font-size:16px; font-weight:bold; color:#5555AA; }
/*Small urls*/
.url { color:#322111; font-size:11px; }
#results a { font-size:16px; color:#322111; text-decoration:none; padding:0; margin:20px 0 0; }
#results a:hover { color:#322111; text-decoration:underline; background:none; }
a:visited { color:#5555AA; }
/*hr{color:#000066}*/
/*Page descriptions*/
.description { font-size:12px; color:#322111; clear:both; }
/* */
td { font-family:"Times New Roman", Times, serif; font-size:11px; }
/* Title/link of pages */
.title { display:inline; font-size:18px; }
#searchbox { width:200px; height:45px; display:block; position:absolute; left:50%; margin:0 0 0 230px; padding:5px 10px; }
.searchinput { outline:0; width:190px; height:18px; border:0; padding:5px; display:block; background-image:url(../images/searchbar.gif); background-repeat:no-repeat; background-color:#322111; color:#322111; font-family:"Times New Roman", Times, serif; font-size:12px; }
.searchinput:focus { border:0; }
.searchbutton { width:20px; height:20px; border:0; z-index:20; margin:-22px 0 0 170px; background-image:url(../images/mag.gif); position:absolute; background-repeat:no-repeat; background-color:#fff; }
.searchresults { color:#322111; font-family:"Times New Roman", Times, serif; text-align:left; margin:28px 0 0; }
#result_report { text-align:left; padding:3px; font-weight:bold; margin-bottom:14px; font-size:11px; }
.catBanner { padding:3px; margin-top:15px; }
.webPageBanner { padding:3px; margin-top:20px; }
hr { color:#000066; }
hr.powered { width:550px; color:#000066; }
/*main results table */
#results { width:780px; }
#other_pages { text-align:center; font-size:12px; margin-top:30px; }
#common_report { text-align:center; }
#cat_table { width:600px; margin-top:20px; padding-top:10px; padding-bottom:20px; border-top:1px solid #AAAAAA; border-bottom:1px solid #AAAAAA; }
#cat_main { font-weight:bold; }
.divline { margin-top:20px; margin-bottom:-5px; }
#sub_cat { font-size:12px; }
.idented { margin-left:30px; }
#did_you_mean { font-size:14px; text-align:center; margin:10px; }
/*Quote Slider*/
#slider ul,#slider li,#slider2 ul,#slider2 li { margin:0; padding:0; list-style:none; }
#slider2 { margin-top:1em; }
#slider li,#slider2 li {
/*
define width and height of list item (slide)
entire slider area will adjust according to the parameters provided here
*/
width:315px; height:auto; overflow:hidden; font-size:100%; }
#prevBtn,#nextBtn,#slider1next,#slider1prev { display:block; width:30px; height:77px; position:absolute; left:-30px; top:0; z-index:1000; }
#nextBtn,#slider1next { left:696px; }
#prevBtn a,#nextBtn a,#slider1next a,#slider1prev a { display:block; position:relative; width:30px; height:77px; background:url(../images/btn_prev.gif) no-repeat 0 0; }
#nextBtn a,#slider1next a { background:url(../images/btn_next.gif) no-repeat 0 0; }
#slider h4 {font-size: 1.6em; line-height: 1.3em}
/* numeric controls */
ol#controls { margin:10px auto 20px; padding:0; height:30px; float:right; display:block; }
ol#controls li { margin:0 5px 0 0; padding:0; float:left; list-style:none; height:16px; }
ol#controls li a { float:left; height:16px; line-height:15px; border:1px solid #ccc; background:#fff; color:#332113; padding:0 10px; text-decoration:none; }
ol#controls li a:hover { background:#332113; color:#fff; }
ol#controls li.current a { background:#332113; color:#fff; }
ol#controls li a:focus,#prevBtn a:focus,#nextBtn a:focus { outline:none; }