body {margin:0; font-family:verdana,helvetica,san-serif;}
img {border:0;}
a {color:#6eb43f; text-decoration:none;}
a:hover {color:#6eb43f; text-decoration:underline;}
p, li {color:#4b4b4b; font-size:12px;}
table {width:100%; border-collapse:collapse; color:#4b4b4b; font-size:12px;}
td.middle {padding:0 5px 0 5px; width:5px; vertical-align:top;}
td.leftside {text-align:right;}
td.rightside {text-align:left;}

#content {text-align:center;}
#nav {position:absolute; left:10px; top:10px;}
#copy {width:99%; left:170px; margin-top:80px;}
#copy strong {color:#6eb43f;}
#footer {background:#6eb43f; padding:30px 0 5px 0; font-size:10px; color:#86C94E;}
#printfooter {display:none;}


#who {margin-right:10px; height:37px; width:125px; text-indent:-90000px; overflow:hidden; background:url(../images/nav/who_are.gif) no-repeat; display:block; float:left;}
#who:hover {background:url(../images/nav/who_are_on.gif) no-repeat;}
#what {margin-right:10px; height:37px; width:126px; text-indent:-90000px; overflow:hidden; background:url(../images/nav/what_do.gif) no-repeat; display:block; float:left;}
#what:hover {background:url(../images/nav/what_do_on.gif) no-repeat;}
#work {margin-right:10px; height:37px; width:102px; text-indent:-90000px; overflow:hidden; background:url(../images/nav/our_work.gif) no-repeat; display:block; float:left;}
#work:hover {background:url(../images/nav/our_work_on.gif) no-repeat;}
#contact {margin:0; height:37px; width:81px; text-indent:-90000px; overflow:hidden; background:url(../images/nav/contact.gif) no-repeat; display:block; float:left;}
#contact:hover {background:url(../images/nav/contact_on.gif) no-repeat;}

body#whoOn a#who {background:url(../images/nav/who_are_on.gif) no-repeat;}
body#whatOn a#what {background:url(../images/nav/what_do_on.gif) no-repeat;}
body#workOn a#work {background:url(../images/nav/our_work_on.gif) no-repeat;}
body#contactOn a#contact {background:url(../images/nav/contact_on.gif) no-repeat;}

#header {margin-bottom:25px; width:170px; height:45px; text-align:center;}

body#whoOn #header {background:url(../images/header_who.gif) no-repeat;}
body#whatOn #header {background:url(../images/header_what.gif) no-repeat;}
body#workOn #header {background:url(../images/header_work.gif) no-repeat;}
body#contactOn #header {background:url(../images/header_contact.gif) no-repeat;}

#who_on {margin:0;height:37px;width:125px;text-indent: -90000px;overflow: hidden;background: url(../images/nav/who_are_on.gif) top left no-repeat;display:block;}
#what_on {margin:0;height:37px;width:126px;text-indent: -90000px;overflow: hidden;background: url(../images/nav/what_do_on.gif) top left no-repeat;display:block;}
#work_on {margin:0;height:37px;width:102px;text-indent: -90000px;overflow: hidden;background: url(../images/nav/our_work_on.gif) top left no-repeat;display:block;}
#contact_on {margin:0;height:37px;width:81px;text-indent: -90000px;overflow: hidden;background: url(../images/nav/contact_on.gif) top left no-repeat;display:block;}

.thumbnails {width:650px; margin-top:20px; text-align:center;}
.thumbnailspacing {margin:0 5px 0 0;}
.logo {margin-bottom:5px;}
.text {width:500px; text-align:justify; margin-bottom:25px;}
.text1 {display:inline; width:320px; text-align:justify; margin-bottom:25px; float:left;}
.text2 {display:inline; width:320px; text-align:justify; margin-bottom:25px; float:right;}
.left {float:left;}
.clear {clear:both;height:0;}