/*

base: ;
menu_count: -1;
leftcol: ;
silvermenu: ;

*/

body {
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	width: 99.999%;
}

img{
	border: 0;
}

p {
	line-height: 120%;
}

h1 {
	font-size: 100%;
	
}

#page, #page2 {
	padding: 0;
	margin: 0;
	clear: both;
}
#page .link a, #page2 .link a {
	color: #B1232F;
	text-decoration: none;
}
#page .link a:hover, #page2 .link a:hover {
	/* color: #B1232F; */
	text-decoration: underline;
}

#line {
	background-color: #99AFCC;
	border-bottom: 1px solid #FFF;
	padding: 0;
	margin: 0;
	height: 10px;
	font-size: 0;
}

.wsp1, .wsp2 {
	background-image: url( /images/gradient.png );
	background-repeat: repeat-x;
	background-position: top;
	margin: 0;
	padding: 0;
	height: 280px;
}
.wsp1 {
}
.wsp2 {
	height: 230px;
}
#line1 {
/*	border-bottom: 1px solid #FFF;*/
	width: 761px;
}
#line1 #logo{
	float: left;
/*	background-image: url( /images/fireport.png );
	background-repeat: no-repeat; */
	height: 146px;
	width: 216px;
	border-bottom: 1px solid #FFF;
}
#wsp2 #logo {
	height: 140px;
	border-bottom: 0;
}
#line1 #square1 {
	float: left;
	background-image: url( /images/square1.png );
	background-repeat: no-repeat;
	height: 146px;
	width: 355px;
	border-right: 2px solid #FFF;
	border-bottom: 1px solid #FFF;
}
#line1 #square2 {
	float: left;
	background-image: url( /images/square2.png );
	background-repeat: no-repeat;
	height: 146px;
	width: 186px;
	border-right: 2px solid #FFF;
	border-bottom: 1px solid #FFF;
	font-size: 0.6em;
}

#line1 #blob1 {
	float: left;
	background-image: url( /images/blob1.png );
	background-repeat: no-repeat;
	height: 147px;
	width: 355px;
/*	border-right: 2px solid #FFF;
	border-bottom: 1px solid #FFF;*/
	border-right: 0;
	border-bottom: 0;
}
#line1 #blob2 {
	float: left;
	background-image: url( /images/blob2.png );
	background-repeat: no-repeat;
	height: 147px;
	width: 186px;
	border-right: 0;
	border-bottom: 0;
	font-size: 0.6em;
}
#line1 #blob2 .link {
	position: relative;
	top: 100px;
	left: -10px;
	color: #FFF;
	text-align: right;
	padding: 0;
}
#line2 {
	float: left;
	width: 761px;
	background-color: #FFF;
}
#line3 {
	float: left;
	background-color: #FFF;
	height: 90px;
}
#menu {
	float: left;
/*	background-image: url( /images/menu.png ); */
	background-repeat: no-repeat;
	height: 133px;
	width: 216px;
	border-bottom: 1px solid #FFF;
}
#line2 #shape1 {
	float: left;
	background-image: url( /images/shape1.png );
	background-repeat: no-repeat;
	height: 133px;
	width: 286px;
	border-right: 1px solid #DDE2E9;
}
#line3 #sshape1 {
/*	float: left;
	height: 133px;
	padding: 10px;*/

	/* margin-top: 15px; */
	margin-left: 216px;
	margin-top: 15px;
	padding-left: 15px;
	/* padding-bottom: 12px; */

	color: #505050;
	font-size: 11px;

/*
	line-height: 120%;
	background-image: url( /images/sidegrad.png );
	background-repeat: no-repeat;
*/
}

/*
#sidegrad {
	background-image: url( /images/sidegrad.png );
	background-repeat: no-repeat;
	float: left;
	margin-left: 1px;
	height: 118px;
	width: 21px;
}
*/

#line3 #sshape1 p {
	margin-left: 10px;
	padding-left: 10px;
	width: auto;
	margin-left: -16px;
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 10px;
	padding-bottom: 0;
}
#line3 #sshape1 .heading {
	color: #B1232F;
	font-weight: 700;
}
#line2 #shape2 {
	float: left;
	background-image: url( /images/shape2.png );
	background-repeat: no-repeat;
	border-right: 2px solid #FFF;
	height: 133px;
	width: 256px;
	font-size: 0.6em;
	color: #FFF;
	text-align: right;
}
#line3 #sshape2 {
	float: left;
	height: 133px;
	width: 256px;
}

#line2 #shape2 .text {
	margin-top: 15px;
	font-size: 90%;
	padding: 10px 10px 0 0;
}
#line2 #shape2 .link {
	padding: 34px 17px 0 0;
}

#success {
	border-left: 5px solid #3C4657;
	float: right;
	width: 240px;
	background-color: #EEF1F4;
	padding: 5px;
	padding-bottom: 0;
	font-size: 70%;
	font-size: 0.7em;
	margin-top: 10px;
	margin-right: 0;
}
#success p {
	margin-top: 0;
	margin-bottom: 5px;
}
#success a {
	font-weight: 700;
	font-size: 80%;
	font-size: 0.9em;
	color:  #B1232F;
	text-decoration: none;
}
#success a:hover {
	text-decoration: underline;
}
.subsilverMenu, .silverMenu {
	padding: 0;
	padding-top: 1px;
	margin: 0;
	font-weight: 700;
	font-size: 0.65em;
	/* border: 1px solid #D3D3D3;
	float: left; */

}

.subsilverMenu {
	height: 88px;
}
.silverMenu {
	background-image: url( /images/menu.png );
	background-repeat: no-repeat;
	height: 100%;
	
}
.subsilverMenu li, .silverMenu li {
	list-style-type: none;
	border-bottom: 1px solid #8C8C8B;
	border-top: 1px solid #DBDBDB;
	height: 16px;
	padding-top: 5px;
	padding-bottom: 0;
	padding-left: 42px;
	position: relative;
/* 	width: 174px; */
	vertical-align: bottom; /* for IE5/win */
/*	background-image: url( /images/menu_middle_item.png ); */
	background-image: url( /images/menu_begin_item.png );
	background-repeat: no-repeat;
}
.subsilverMenu .begin, .silverMenu .begin {
	background-image: url( /images/menu_begin_item.png );
}
.subsilverMenu .end, .silverMenu .end {
	/* background-image: url( /images/menu_end_item.png ); */
	background-image: url( /images/menu_begin_item.png );
}

.subsilverMenu li:hover, .silverMenu li:hover {
	background-image: url( /images/menu_sitem.png );
}
.subsilverMenu ul {
	padding: 0;
	margin: 0;
	background: #FFF;
	font-weight: 700;
	border: 1px solid #F9F6F6;
	position: absolute;
	left: -1px;
	top: 22px;
	width: 216px;
}
.silverMenu ul {
	position: absolute;
	left: 0;
	top: 0;
	background: #FFF;
	display: none;
	padding: 0;
	margin: 0;
	font-weight: 700;

	border: 1px solid #F9F6F6;
	/*

	background-image: url( /images/menu.png );
	background-repeat: no-repeat;
	font-size: 0.65em;
	height: 100%; */

}	/* flyout elements need a background image or color to avoid bugs in IE/win */


/* Side of */
.silverMenu li:hover ul {
	display: block;
	position: relative;
	left: 174px;
	top: -19px;
}

.subsilverMenu ul li, .silverMenu ul li {
	/* z-index: 10;
	position: relative; */
	border: 0;
	background-image: none;
	background-color: #384150;
	color: #FFF;
	float: none;
}
.subsilverMenu a, .silverMenu a {
	color: #000;
	text-decoration: none;
	display: block;
	vertical-align: bottom; /* needed for IE5/win */
}
.subsilverMenu ul a, .silverMenu ul a {
	color: #FFF;
}
.subsilverMenu ul li:hover, .silverMenu ul li:hover {
	background-image: none;
	background-color: #A2B1C6;
	position: relative;
}
.subsilverMenu a:hover, .silverMenu a:hover {
	text-decoration: underline;
}

.silverMenuLiHover ul {
	position: relative;
	left: 174px;
	top: -19px;
	background-color: #384150;
	display: block;
}


/* \*/ /*/
.silverMenu li ul {position: static;}
/* */

/* The block above hides the rule inside so that only IE5/Mac can see it.
This rule causes the menus to be fully expanded vertically in that browser,
allowing those users to access the navigation without needing to hover it. */

#page2 #content {
	float:left;
	/* margin-top:-60px; */
	width: 65%;
}

#content {
	margin-left: 216px;
	margin-right: 216px;
	padding-left: 10px;
	padding-right: 10px;

	font-size: 80%;
	font-size: 0.8em;
	color: #505050;
}


/*
#content a {

	color: #505050;
}
*/
#page2 #content {
	margin-right: 0;
	/*
	position: absolute;
	top: 300px;
	left: 12px;
	width: 50em;*/
}
.heading  {
	font-weight: 700;

}
/*
.anchor  {
	font-weight: 700;
	text-decoration: none;
}
*/
#leftcolumn {
	position: absolute;
	float: left;
	width: 216px;

	font-size: 0.7em;
	left:-5px;
}

.event {
	padding-left: 15px;
	padding-right: 10px;
	margin-bottom: 30px;
}
.event .date {
	font-weight: 700;
}
.event .mesg {
	margin-top: 7px;
	/* line-height: 120%; */
}
.event .link {
	margin-top: 6px;
	margin-bottom: 16px;
}
.event .link a {
	color: #B1232F;
	text-decoration: none;
}
.event .link a:hover {
	text-decoration: underline;
}
.header {
	background-color: #99AFCC;
	color: #FFF;
	font-weight: 700;
	padding: 3px;
	margin-bottom: 6px;
}
/*
.heading a {
	color: #000000;
}
*/
.header, .project, .projects {
	padding-left: 15px;
}
.project {
	margin-bottom: 2px;
}
.projects {
	margin-top: 6px;
	margin-bottom: 16px;
}
.projects a {
	color: #B1232F;
	text-decoration: none;
}
.projects a:hover {
	text-decoration: underline;
}

.quotes {
	margin-bottom: 6px;
	background-color: #EEF2F5;
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.quotes p {
	padding-bottom: 4px;
}
.quotes .title {
	font-weight: 700;
}
.quotes a {
	color: #B1232F;
	text-decoration: none;
}
.quotes a:hover {
	text-decoration: underline;
}

#rightcolumn {
	float: right;
	width: 216px;
	font-size: 0.7em;
	/*margin-top: 150px;*/
}

#footer_menu {
	background-color: #99AFCC;
	padding-top: 4px;
	padding-bottom: 2px;
	text-align: center;
	color: #FFF;
	font-size: 80%;
	font-size: 0.85em;

	height: 20px;
	margin-top: 10px;
}
#footer_menu td {
	text-align: center;
}
#footer_menu a {
	text-decoration: none;
	color: #FFF;
}
#footer_menu a:hover {
	text-decoration: underline;
	color: #FFF;
}
#copyright {
	font-size: 70%;
	font-size: 0.7em;
	text-align: center;
	margin-top: 10px;
	padding-bottom: 10px;
}
#copyright {
	clear: both;
}
#copyright a {
	color: #505050;
}

#blob2 .link a, #shape2 .link a {
	color: #FFF;
	text-decoration: none;
}
#blob2 .link a:hover, #shape2 .link a {
	color: #EEE;
	text-decoration: underline;
}

td.name, td.phone, td.email, td.message, td.jobtitle, td.company, td.line0, td.fline2, td.fline3, td.postcode, td.website {
	text-align: right;
	padding-right: 10px;
	width: 200px;
}

td.rewards {
	text-align: right;
	padding-right: 10px;
	width: 200px;
}

.terms {
	font-size: 0.8em;
}

.dotted_line {
	height: 1px;
	margin: 0;
	padding: 0;
	margin-top: 2px;
	font-size: 1px;
}
.dotted_line, .dotted_linetitle {
	background-image: url( /images/dotted_line.png );
	background-repeat: repeat-x;
	margin-bottom: 5px;
	margin-right: 20px;
	background-position: bottom;
}
.dotted_linetitle {
	font-weight: 700;
	color:  #B1232F;
	text-align: right;
	padding-bottom: 3px;
	margin-top: 5px;
}

.portfolio_image {
	border: 1px solid #C3C9C5;
	padding: 1px;
}

.portfolio_title {
	font-weight: 700;
	color: #677C97;
	padding-bottom: 10px;
}
.portfolio_title a {
	font-weight: 700;
	color: #677C97;
	text-decoration: none;
}
.portfolio_title a:hover {
	text-decoration: underline;
}
.portfolio_blurb {
	padding-bottom: 10px;
	font-size: 80%;
	font-size: 0.9em;
}

.portfolio_linkdetails a {
	font-weight: 700;
	font-size: 80%;
	font-size: 0.9em;
	color: #677C99;
	text-decoration: none;
}

.portfolio_linklive a {
	font-weight: 700;
	font-size: 80%;
	font-size: 0.9em;
	color:  #B1232F;
	text-decoration: none;
}

.portfolio_linkdetails a:hover {
	font-weight: 700;
	font-size: 80%;
	font-size: 0.9em;
	color: #677C99;
	text-decoration: underline;
}

.portfolio_linklive a:hover {
	font-weight: 700;
	font-size: 80%;
	font-size: 0.9em;
	color:  #B1232F;
	text-decoration: underline;
}

.portfolio_linkdetails img, .portfolio_linklive img {
	vertical-align: middle;
}

.portfolio_tools {
	font-weight: 700;
}

.portfolio_mainimage {
	margin-top: 5px;
	margin-bottom: 10px;
	border: 1px solid #C9C9C9;
	padding: 1px;
	width: 338px;
}

#sitemap a {
	color: #505050;
	text-decoration: none;
}

#sitemap ul a {
	color: #B1232F;
	text-decoration: none;
}

#sitemap a:hover {
	color: #B1232F;
	text-decoration: underline;
}

#sitemap li {
	padding-left: 10px;
	margin-top: 5px;
}
#sitemap {
	font-size: 120%;
	font-size: 1em;
	font-weight: 700;
	list-style: none;
	margin-bottom: 15px;

	margin-left: 20px;
	padding-left: 0;

}
#sitemap ul {
	list-style: disc inside;
	font-size: 70%;
	font-size: 0.7em;
	margin-bottom: 15px;
	margin-left: 0;
	padding-left: 20px;
}

.totop {
	font-size: 0.7em;
	/* width: 10em; */
}

#bottom {
	/*
	width: 100%;
	clear: both;
	position: absolute;
	bottom: -120px;
	*/
}