/* CSS Document */
html {margin-bottom:1px; height:100%;}

body {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#525252; margin:0px; padding:0px; background:#DDDDDD;}

a,a:link,a:visited { color: #ff8e15; text-decoration:underline; }
a:hover { color: #555; }

table { margin-bottom: 25px;padding:5px }
thead {background-color:#cccccc;font-weight:bold}
tbody {background-color:#ffffff;}
td { vertical-align: top;border-bottom: 1px solid #ccc }

#wrapper {width:882px; margin:0px auto;}
#header {width:860px; float:left; background:url(images/main-strip.gif) repeat-y 0px 0px; padding:0px 11px 0px 11px;}
#container {width:882px; float:left; background:url(images/main-strip.gif) repeat-y 0px 0px;}
#content-top {width:622px; float:left; background:url(images/bg-strip1.gif) repeat-x 0px 0px; margin:0px 10px 0px 10px !important; margin:0px 5px 0px 5px; height:30px; padding:5px 0px 0px 240px;}
#content-bot {width:862px; float:left; background:url(images/bg.gif) no-repeat 11px bottom; padding:0px 10px 0px 10px;}
#content-bot2 {width:862px; float:left; background:url(images/bg-repeat.gif) repeat-y 10px 0px; padding:0px 0px 0px 0px;}
#header-top {width:860px; float:left;}
#header-bot {width:620px; float:left; background:url(images/banner.gif) no-repeat 0px 0px; height:92px; padding:35px 0px 0px 240px; font-size: 16px;}
#header-about {width:620px; float:left; background:url(images/banner-aboutus.gif) no-repeat 0px 0px; height:92px; padding:35px 0px 0px 240px; font-size: 16px;}
#header-case {width:620px; float:left; background:url(images/banner-casestudies.gif) no-repeat 0px 0px; height:92px; padding:35px 0px 0px 240px; font-size: 16px;}
#header-aboutus {width:620px; float:left; background:url(images/banner-aboutus.gif) no-repeat 0px 0px; height:92px; padding:35px 0px 0px 240px; font-size: 16px;}

#footer {width:882px; float:left;}
#footer a, #footer a:visited { color:#525252; text-decoration:none; }
#footer a:hover { text-decoration:underline; }
#footer-top {width:882px; float:left;}
#footer-bot {width:882px; float:left;}
#footer .footer-left {width:300px; float:left; font-size:10px; padding:5px 0px 20px 38px;}
#footer .footer-right {width:490px; float:right; text-align:right; font-size:10px; padding:5px 38px 20px 0px;}
#footer cite { font-style: normal; margin-left: 25px; }

.header {width:860px; float:left;}
.header a, .header a:visited { color: #525252; text-decoration:none; }
.header a:hover { color: #ff8e15; }
.top-bar {width:882px; float:left; padding:30px 0px 0px 0px;}

ul.nav {margin:0px 0px 0px 0px; padding:0px 0px 0px 240px;}
ul.nav li {background:url(images/nav-norm.gif) no-repeat 0px 0px; font-size:15px; color:#FFFFFF; list-style-type:none; display:block; float:left; width:144px; height:25px; text-align:center; padding:0px 2px 0px 0px;}
ul.nav li a,ul.nav li a:visited{background:url(images/nav-norm.gif) no-repeat 0px 0px; font-size:15px; color:#FFFFFF; list-style-type:none; display:block; float:left; width:144px; height:20px; padding:5px 0px 0px 0px; text-align:center; text-decoration:none;}
ul.nav li a:hover, ul.nav li a.on{background:url(images/nav-hover.gif) no-repeat 0px 0px; color:#FFFFFF; padding:5px 0px 0px 0px; text-align:center; text-decoration:none;}

.logo {width:503px; float:left; padding:42px 0px 36px 23px;}
.enquiry {width:334px; float:left; padding:40px 0px 0px 0px;}

h1 {font-family:'Arial MT', Arial, Helvetica, sans-serif; font-size:23px; color:#FFFFFF; margin:0px; padding:0px; font-weight:normal;}
h2 {font-family:'Arial MT', Arial, Helvetica, sans-serif; font-size:19px; color:#ff8e15; margin:0px; padding:0px; line-height:24px; font-weight:normal;}
h3 {font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:16px; color:#ff8e15; margin:0px; padding:0 0 4px 0; line-height:20px;}
h3 a, h3 a:visited {color:#474747; text-decoration:none;}
h3 a:hover {color:#ff8e15; text-decoration:none;}
h4 {font-size:15px; color:#FFFFFF; margin:0px; padding:10px 0px 0px 0px; font-weight:normal; line-height:22px;}
h4 span{font-size:15px; color:#FFFFFF; margin:0px; padding:0px 0px 0px 35px; font-weight:normal;}
h4 span a, h4 span a:visited{font-size:15px; color:#FFFFFF; margin:0px; font-weight:normal; text-decoration:underline;}
h4 span a:hover{font-size:15px; color:#FFFFFF; margin:0px; font-weight:normal; text-decoration:none;}
h5 {font-size:15px; color:#525252; margin:0px; text-decoration:none; padding:10px 0px 7px 0px;}
h6 {font-size:15px; color:#525252; margin:0px; padding:0px 0px 0px 0px; font-weight:normal;}

.content-left {width:239px; float:left;}
.content-mid {width:400px; float:left; padding:35px 20px 30px 0px;}
.content-right {width:203px; float:left; padding:23px 0px 0px 0px;}
.content-rt-top {width:194px; float:left; background:url(images/shade.gif) no-repeat 0px 0px; height:103px; padding:16px 0px 0px 9px;}
.content-rt-bot {width:133px; float:left; margin:0px 32px 0px 0px; background:#FF8E15; padding:0px 23px 20px 15px;}
.content-rt-bot a, .content-rt-bot a:visited { color: #fff; text-decoration:underline; }
.content-rt-bot a:hover { color: #c55104; text-decoration:underline; }

p {font-size:13px; line-height:18px; margin:0px; padding:0px 0px 25px 0px;}
ul,ol { margin: 0; padding: 0 0 10px 25px;line-height:18px; }
ul ul,ul ol,ol ul { padding-bottom: 0; }

ul.leftnav {margin:0px 0px 0px 0px; padding:35px 0px 0px 45px;}
ul.leftnav li {background:url(images/arrow.gif) no-repeat 0px 5px; list-style-type:none; padding:0px 0px 10px 20px;font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:14px; color:#474747;}
ul.leftnav li a{color:#474747; text-decoration:none;}
ul.leftnav li a:hover,ul.leftnav li a.on{color:#ff8e15;}
ul.leftnav ul { list-style-type:none; margin: 0; padding: 0; }
ul.leftnav ul li { padding: 10px 0 0 20px; background-position: 0 15px; }

.img-align {vertical-align:middle; padding:0px 3px 0px 0px;}

.boxA { float: left; width: 47%; height: 400px; border: solid 1px #ddd; background-color: #fff; } * html .boxA { height: 300px; }
.boxA-even { float: right; }
.boxA .inner { padding: 10px 10px 0; }

/*HIREBOX*/
.hirebox {float:left;vertical-align:top;background-color:#ffffff;width:392px;height:165px;padding:10px; border: solid 1px #ddd; }
.hirebox ul li {color:#474747; font:normal normal 13px arial;line-height:150%}

/* CSS for Case Studies */

.div1 {width:400px; float:left; padding:0px 0px 0px 0px;}
.div2 {width:400px; float:left; padding:0px 0px 0px 0px;}
.div3 {width:400px; float:left; padding:0px 0px 20px 0px;}
.div4 {width:386px; float:left; padding:0px 0px 0px 0px; border:1px solid #9B9B9B;}
.div5 {width:388px; float:left; padding:0px 0px 0px 0px;}
.div6 {width:113px; float:left; padding:0px 0px 0px 0px; border:1px solid #9B9B9B; margin:0px 15px 0px 0px;}
.div7 {width:120px; float:left; padding:5px 0px 0px 0px; font-size:13px; text-align:center; margin:0px 9px 0px 0px;}
.div7 a{color:#525252; text-decoration:none;}
.div7 a:hover{color:#ff8e15; text-decoration:none;}
.div9 {width:100px; float:left; padding:0px 0px 0px 0px; font-size:13px;}
.div10 {width:300px; float:left; padding:0px 0px 8px 0px;}
.div11 {width:150px; float:left; font-size: 11px;line-height:normal;}

/*.content-cs {width:400px; float:left; padding:35px 20px 7px 0px;}
.content-cs2 {width:400px; float:left; padding:35px 20px 0px 0px;}*/

.pad1 {padding:0px 0px 0px 5px;}

input.norm {width:230px; border:1px solid #A5ACB2; margin:0;}
textarea.norm {width:230px; height:80px; border:1px solid #A5ACB2; margin:0;}
input.checkbox {float: left;vertical-align: middle;}

fieldset.div11 {margin: 0;padding: 0;border: none;}
fieldset.div11 ul, fieldset.div11 ul li {list-style: none;margin: 0;padding: 0;}
fieldset.div11 ul li {clear: left;width: 100%;} 
fieldset.div11 label {float: left;width: 125px;margin-left: 3px;padding-top: 3px;}