body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #FFFFFF;
}
#wrapper {
	width: 100%;
	border: 0;
	vertical-align: top;
	margin: auto;
	float: none;
	padding: 0px;
	clear: both;
}
#wrapper #top_panel {
	float: none;
	width: 980px;
	margin: auto;
	padding: 0px;
	height: 83px;
}
#wrapper #top_panel #left_col {
	float: left;
	width: 230px;
	height: 83px;
	margin: 0px;
	padding: 0px;
}
#wrapper #top_panel #right_col {
	float: left;
	width: 750px;
	height: 83px;
	margin: 0px;
	padding: 0px;
	text-align: right;
}
#wrapper #top_panel #right_col #iww_contact_spacer {
	float: left;
	clear: both;
	width: 750px;
	height: 60px;
	margin: 0px;
	padding: 0px;
	text-align: right;
}
#wrapper #top_panel #right_col #iww_buttons {
	float: left;
	clear: both;
	width: 750px;
	height: 23px;
	margin: 0px;
	padding: 0px;
	text-align: right;
}
#wrapper #spacer01 {
	float: none;
	width: 100%;
	margin: auto;
	padding: 0px;
	height: 8px;
	clear: both;
}
#wrapper #red_band {
	float: none;
	width: 100%;
	margin: auto;
	padding: 0px;
	background-color: #770d10;
	height: 183px;
	text-align: center;
	background-image: url(redtiledeep.gif);
	background-repeat: repeat-x;
	clear: both;
}
#wrapper #iww-nav {
	float: none;
	width: 100%;
	margin: auto;
	padding: 0px;
	height: 28px;
	text-align: left;
	background-image: url(nav-repeat.gif);
	background-repeat: repeat-x;
	clear: both;
}
#wrapper #iww-nav-inset {
	float: none;
	width: 980px;
	margin: auto;
	padding: 0px;
	height: 28px;
	text-align: left;
	background-image: url(nav-repeat.gif);
	background-repeat: repeat-x;
	clear: both;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: smaller;
	vertical-align: middle;
	line-height: 26px;
	padding-left: 30px;
}
#wrapper #spacer02 {
	float: none;
	width: 100%;
	margin: auto;
	padding: 0px;
	height: 18px;
	clear: both;
}
#wrapper #spacer-small {
	float: none;
	width: 100%;
	margin: auto;
	padding: 0px;
	height: 1px;
	clear: both;
	font-size:0px;
}
#wrapper #body_panel {
	float: none;
	width: 980px;
	margin: auto;
	padding: 0px;
}
#wrapper #body_panel #body_left_col {
	float: left;
	width: 488px;
	margin: 0px;
}
#wrapper #body_panel #body_left_col #panel_top {
	float: left;
	clear: both;
	width: 488px;
	margin: 0px;
	background-image: url(panel_top_text.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 26px;
}
#wrapper #body_panel #body_left_col #panel_content {
	float: left;
	clear: both;
	width: 456px;
	padding-left: 16px;
	padding-right: 16px;
	margin: 0px;
	text-align: left;
	background-image: url(panel_tile_centre.gif);
	background-repeat: repeat-y;
	background-position: center top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: smaller;
	color: #000000;
}
#wrapper #body_panel #body_left_col #panel_content #fsb {
	float: right;
	text-align: right;
	width: 70px;
	height: 65px;
	text-align: center;
}
#wrapper #body_panel #body_left_col #panel_content #awards {
	float: right;
	text-align: right;
	width: 65px;
	height: 65px;
	text-align: center;
}
#wrapper #body_panel #body_left_col #panel_btm {
	float: left;
	clear: both;
	width: 488px;
	margin: 0px;
	background-image: url(panel_btm_text.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 12px;
}
#wrapper #body_panel #body_mid_col {
	float: left;
	width: 10px;
	margin: 0px;
	padding: 0px;
}
#wrapper #body_panel #body_right_col {
	float: left;
	width: 482px;
	margin: 0px;
	text-align: center;
	padding: 0;
}
#wrapper #body_panel #body_right_col #panelr_top {
	float: left;
	clear: both;
	width: 482px;
	margin: 0px;
	background-image: url(latestnews_and_dev.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 30px;
}
#wrapper #body_panel #body_right_col #panelr_content {
	float: left;
	clear: both;
	width: 482px;
	margin: 0px;
	text-align: center;
	background-image: url(panel_mid_projects.gif);
	background-repeat: repeat-y;
	background-position: center top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: smaller;
	color: #000000;
}
#wrapper #body_panel #body_right_col #panelr_content #site01 {
	margin: auto;
	float: left;
	width: 235px;
	height: 105px;
	text-align: center;
	padding-left: 6px;
	padding-bottom: 8px;
}
#wrapper #body_panel #body_right_col #panelr_content #site02 {
	margin: auto;
	float: right;
	width: 235px;
	height: 105px;
	text-align: center;
	padding-right: 6px;
	padding-bottom: 8px;
}
#wrapper #body_panel #body_right_col #panelr_content #site03 {
	margin: auto;
	float: left;
	width: 235px;
	height: 105px;
	text-align: center;
	padding-left: 6px;
	padding-bottom: 8px;
}
#wrapper #body_panel #body_right_col #panelr_content #site04 {
	margin: auto;
	float: right;
	width: 235px;
	height: 105px;
	text-align: center;
	padding-right: 6px;
	padding-bottom: 8px;
}
#wrapper #body_panel #body_right_col #panelr_content #site05 {
	margin: auto;
	float: left;
	width: 235px;
	height: 105px;
	text-align: center;
	padding-left: 6px;
}
#wrapper #body_panel #body_right_col #panelr_content #site06 {
	margin: auto;
	float: right;
	width: 235px;
	height: 105px;
	text-align: center;
	padding-right: 6px;
}
#wrapper #body_panel #body_right_col #panelr_btm {
	float: left;
	clear: both;
	width: 482px;
	margin: 0px;
	background-image: url(panel_btm_projects.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 12px;
}
#wrapper #body_panel #body_right_col #copyright {
	float: left;
	clear: both;
	width: 482px;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: smaller;
	color: #000000;
}
#wrapper #body_panel #body_right_col #copyright #copyrightSpace {
	float: left;
	clear: both;
	width: 482px;
	height: 10px;
	margin: 0px;
}
#wrapper #body_panel #body_right_col #copyright #copyrightLeft {
	float: left;
	width: 271px;
	height: 30px;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: smaller;
	color: #9B3318;
	text-align: left;
}
#wrapper #body_panel #body_right_col #copyright #copyrightRight {
	float: left;
	width: 211px;
	height: 30px;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: smaller;
	color: #9B3318;
	text-align: right;
}
#wrapper #reg {
	float: none;
	width: 100%;
	margin: auto;
	padding: 0px;
	text-align: center;
	clear: both;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #000000;
}
#wrapper #spacer03 {
	float: none;
	width: 100%;
	margin: auto;
	padding: 0px;
	height: 35px;
	clear: both;
}
input {
	font-size: small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
select {
	font-size: small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.BodyText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: smaller;
	color: #000000; 
}
.BodyText2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #000000; 
}
.BodyText3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000000;
}
.ButtonTextOn {
	color: #003A82;
	text-decoration: underline;
}
.TextinBrackets {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold; 
	color: #4F6484;
}
.choosepage {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold; 
	color: #4F6484;
	padding-left: 12px; 
}
.TextStatement {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #42546F;
}
.TextStatementWhite {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #FFFFFF;
}
.TextStatementBold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold; 
	color: #42546F;
}
.TextStatementBoldIndent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold; 
	color: #42546F;
	padding-left: 22px; 
}
.HeaderText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #FFFFFF;
	vertical-align: middle;
	text-indent: 22px;
}
.PanelHeaderText {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: x-small; color: #000000; 
	font-weight: normal; 
	padding-top: 2px; 
	padding-bottom: 2px; 
}
.TheTeamText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000000;
	padding-right: 12px; 
	padding-left: 12px; 
	padding-top: 12px; 
	padding-bottom: 12px; 
}
.PanelText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #000000;
	padding-left: 12px; 
}
.PanelText2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #B1352B;
}
.credits {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	color: #A02D26; 
}
.TitleText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold; 
	color: #000000;
}
.background1 {
	background-image: url(graphics/background01.jpg);
	background-repeat: no-repeat;
}
.background2 {
	background-image: url(graphics/background03.jpg);
	background-repeat: no-repeat;
}
a:link {
	color: #000000;
	text-decoration: none;
}
a:active {
	color: #000000;
	text-decoration: none;
}
a:visited {
	color: #000000;
	text-decoration: none;
}
a:hover {
	color: #9D250D;
	text-decoration: underline;
}
.ButtonTextOn {
	color: #003A82;
	text-decoration: underline;
}
.SubButtons {
	text-decoration: none;
	font-style: italic;
	padding-left: 6px;
}
.SitemapSubButtons {
	text-decoration: none;
	font-style: italic;
	padding-left: 12px;
}
.SubButtonsOn {
	color: #003A82;
	text-decoration: underline;
	font-style: italic;
	padding-left: 6px;
}
.box {
	background-image: url(graphics/box.gif);
	background-repeat: no-repeat;
	height: 90px;
}
.box2 {
	background-image: url(graphics/box2.gif);
	background-repeat: no-repeat;
	height: 90px;
}
.bodypara {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.shadowRight {
	background-image: url(graphics/shadow_right.gif);
	background-repeat: repeat-y;
}
.shadowBtm {
	background-image: url(graphics/shadow_btm.gif);
	background-repeat: repeat-x;
}
.shadowCorner {
	background-image: url(graphics/shadow_corner.gif);
	background-repeat: no-repeat;
}
.blur {
	background-image: url(graphics/blur.jpg);
	background-repeat: no-repeat;
}
.textpadding {
	padding-left: 14px;
	padding-right: 14px;
}
.banner {
	border-color: #7D1220;
}
li {
	padding-top: 8px;
	padding-bottom: 8px;
}
.clickforportfolio {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: smaller;
	color: #A02D26;
}
#wrapper #body_panel #body_left_col #port {
	float: left;
	clear: both;
	width: 488px;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: smaller;
	color: #A02D26;
}
#wrapper #body_panel #body_right_col #clickforportfolio {
	float: left;
	clear: both;
	width: 482px;
	margin: 0px;
	background-image: url(clickhere_for_portfolio.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 30px;
}
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: #E5E5E5;
	padding: 5px;
	left: -1000px;
	border: 1px dashed gray;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: -150px; /*position where enlarged image should offset horizontally */

}