/*Hello. We're glad you like the Prospekt website enough to look at the style sheet. We were pretty pleased with it too. We're called Ragged Edge Design and you can see more of our work by visiting www.raggededgedesign.com . If you want to get in touch, email info@raggededgedesign.com or call +44 20 7491 1400. We hope you enjoy the code.*/
* {
	padding: 0;
	margin: 0;
}
img {
	border: 0;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333;
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align:center;
}
p {
	line-height: 19px;
	padding-top: 10px;
}
a, a:hover {
	color: #3366CC;
}
p a {
	padding: 2px;
}
p a:hover {
	background-color: #CFDDFB;
	padding: 2px;
}
h1 {
	font-family: Georgia, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	font-size:18px;
	color: #226ACA;
	font-weight: normal;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 20px 0px 0px;
	font-size: 14px;
	font-weight: bold;
	line-height: 14px;
}
h1.homepage {
	overflow:hidden;
	line-height:1000px;
	height: 0px;
}
#boxWrapper {
	padding: 0px 0px 0px 20px;
	float: right;
	width: 200px;
}
#boxWrapper a{
	font-size: 11px;
	color: #FFF;

}
#boxWrapper a:hover{
	background-color: #FFF;
	color: #226ACA;
	padding: 4px;
}
#boxBlue, #boxGrey {
	width: 143px;
	height: 240px;
	padding: 20px;
}
#boxBlue {
	float: right;
	background-image: url(/images/interface/backgroundBoxBlue.gif);
	background-repeat: no-repeat;
	background-position:top left;
	color: #FFF;
}
#boxGrey {
	float: left;
	background-image: url(/images/interface/backgroundBoxGrey.gif);
	background-repeat: no-repeat;
	background-position:top left;
	color: #333;
	margin-left: 5px;
}
ul.boxList {
	list-style-type: square;
	padding: 10px 0px 0px 20px;
}
ul.boxList li{
	padding: 8px 0px 0px 0px;
}
ul.normal {
	list-style-type: square;
	padding: 20px 0px 0px 20px;
	font-size: 12px;
}
ul.normal li{
	padding: 10px 0px 10px 0px;
}
ul.normal2 {
	list-style-type: square;
	padding: 20px 0px 0px 20px;
	font-size: 12px;
}
ul.normal2 li{
	padding: 10px 0px 5px 0px;
}
.textButton, .formButton{
	font-weight: bold;
	text-decoration:none;
	font-size: 12px;
	color: #666;
	background:url("/images/interface/backgroundButton2.gif") left top repeat-x;
	border: 1px solid #B3B3B3;
	font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
	position: relative;
	bottom: 10px;
}

.textButton {
	padding: 4px 5px;
	height: 30px;
}

.formButton {
	height: 25px;
	border: 1px solid #B3B3B3;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 0px 4px;

}
.formButton {
	margin: 10px 0px 0px 200px;
}

#pageHeader {
	height: 213px;
	background-repeat: repeat-x;
	background-position:top left;
	padding: 0;
	margin: 0;
}
#pageHeader h1 {
	padding: 167px 0px 10px 30px;
	margin: 0;
	font-size: 32px;
	color: #FFFFFF;
}
#mainWrapper {
	width: 826px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	text-align:left;
}
#topWrapper {
	width: 826px;
	height: 121px;
	padding: 0;
	margin: 0;
}

#imageOuterWrapper {
	width:813px;
	background-color: #3366CC;
	padding: 4px;
}
#imageInnerWrapper {
	width:805px;
	background-color: #F5F7F8;
	padding: 4px;
}
#topNavMain ul {
	padding: 0;
	margin: 0;
	list-style-type:none;
	float:left;
	width: 826px;
}
#topNavMain li {
	padding: 0;
	margin: 0;
	float:left;
}
#topNavMain li a {
	height:26px;
	overflow:hidden;
	line-height:1000px;
	display:block;
	background-repeat: no-repeat;
	border: 1px blue;
	padding-right: 8px;
}

#topNavMain li a.home {
	width:77px;
	background-image: url(/images/topNav/home.gif);
	background-position: top left;
}
#topNavMain li a.home:hover, #topNavMain li a.homeSelected {
	width:77px;
	background-image: url(/images/topNav/homeOver.gif);
}
#topNavMain li a.about {
	width:106px;
	background-image: url(/images/topNav/aboutUs.gif);
}
#topNavMain li a.about:hover, #topNavMain li a.aboutSelected {
	width:106px;
	background-image: url(/images/topNav/aboutUsOver.gif);
}
#topNavMain li a.careers {
	width:91px;
	background-image: url(/images/topNav/careers.gif);
}
#topNavMain li a.careers:hover, #topNavMain li a.careersSelected {
	width:91px;
	background-image: url(/images/topNav/careersOver.gif);
}
#topNavMain li a.ourPeople {
	width:121px;
	background-image: url(/images/topNav/ourPeople.gif);
}
#topNavMain li a.ourPeople:hover, #topNavMain li a.ourPeopleSelected {
	width:121px;
	background-image: url(/images/topNav/ourPeopleOver.gif);
}
#topNavMain li a.contact {
	width:106px;
	background-image: url(/images/topNav/contact.gif);
	padding-right: 0;
}
#topNavMain li a.contact:hover, #topNavMain li a.contactSelected {
	width:106px;
	background-image: url(/images/topNav/contactOver.gif);
	padding-right: 0;
}
#topNavMain li a.whatWeDo {
	width:131px;
	background-image: url(/images/topNav/whatWeDo.gif);
}
#topNavMain li a.whatWeDo:hover, #topNavMain li a.whatWeDoSelected {
	width:131px;
	background-image: url(/images/topNav/whatWeDoOver.gif);
}
#topNavMain li a.ourApproach {
	width:141px;
	background-image: url(/images/topNav/ourApproach.gif);
}
#topNavMain li a.ourApproach:hover, #topNavMain li a.ourApproachSelected {
	width:141px;
	background-image: url(/images/topNav/ourApproachOver.gif);
}
#topNav{
	padding: 20px 0px ;
}
#topNav ul {
	text-align:center;
	font-weight: bold;
	text-transform: none;
	font-size:18px;
	height:19px;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
}
#topNav li {
	display:inline;
	margin: 0;
	padding: 8px 25px 5px 25px;
}
#topNav li a {
	color: #FFFFFF;
	text-decoration: none;
}
#topNav li a.selected {
	color: #FFFFFF;
	text-decoration: underline;
}
#topNav li a.selected:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
#topNav li a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
#topRight {
	float:right;
	padding:20px 25px 0px 0px;
	height: 20px;
}
#flashWrapper {
	padding:0;
	margin:0;
	width: 805px;
	height: 237px;
}
#contentWrapper {
	font-family: Helvetica, Garamond, Verdana, Arial, sans-serif;
	width: 819px;
	margin-top:0;
	text-align:left;
	padding-top: 5px;
}
p.contentsBullet {
	background-image: url(/images/interface/bullet.gif);
	background-repeat: no-repeat;
	background-position:top left;
	padding-left: 20px;
	padding-bottom: 5px;
	margin: 0;
}
p.contentsBullet2 {
	background-image: url(/images/interface/bullet.gif);
	background-repeat: no-repeat;
	background-position:top left;
	padding-left: 20px;
	line-height: 18px;
	margin: 0;
}
p.contentsBullet3 {
	background-image: url(/images/interface/bullet.gif);
	background-repeat: no-repeat;
	background-position:top left;
	padding-left: 20px;
	padding-bottom: 3px;
	line-height: 18px;
	margin: 0;
}
#leftColumnWrapper {
	float: left;
	width: 410px;
	margin: 0;
	padding: 0;
}
#rightColumnWrapper {
	float: right;
	width: 377px;
	margin: 0;
	padding: 0;
}
#leftColumn {
	background-image: url(/images/interface/gradientTextAreaTop.gif);
	background-position: top;
	background-repeat: repeat-x;
	padding: 20px 10px 0px 0px;
	margin: 0;
	float: left;
	width: 410px;
}
#rightColumn {
	background-image: url(/images/interface/gradientTextAreaTop.gif);
	background-position: top;
	background-repeat: repeat-x;
	padding: 20px 5px 0px 0px;
	margin: 0;
	float: right;
	width: 377px;
}
#singleColumn {
	background-image: url(/images/interface/gradientTextAreaTop.gif);
	background-position: top;
	background-repeat: repeat-x;
	padding: 20px 0px;
	margin: 0;
	width: 819px;
}
.columnFooter {
	background-image: url(/images/interface/gradientTextAreaBottom.gif);
	background-position: top;
	background-repeat: repeat-x;
	width: 370px;
	height: 40px;
	margin:0;
	padding: 0px 0px 10px 0px;
}
.singleColumnFooter {
	background-image: url(/images/interface/gradientTextAreaBottom.gif);
	background-position: top;
	background-repeat: repeat-x;
	width: 826px;
	height: 40px;
	margin:0;
	padding: 0px 0px 10px 0px;
}
.columnHeaderWrapper {
	float:right;
	width: 349px;
	height: 54px;
	background-image: url(/images/interface/backgroundTextHeader.gif);
	background-position: top;
	background-repeat: repeat-x;
}
.columnHeaderLeft {
	float: left;
	width: 20px;
	height: 54px;
	background-image: url(/images/interface/gradient54px.gif);
	background-position: top;
	background-repeat: repeat-x;
}
.clearBoth {
	clear:both;
	height: 1px;
}
#bottomWrapper {
	width: 826px;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:right;
	clear:both;
	background-color: #226ACA;
	height: 5px;
}
#bottomWrapper a {
	color: #999;
	text-decoration: none;
}
#bottomWrapper a:hover {
	color: #999;
	text-decoration: underline;
}
#leftList {
	padding: 5px 5px 0px 0px;
	margin: 0;
	float: left;
	width: 395px;
}
#rightList {
	padding: 5px 5px 0px 5px;
	margin: 0;
	float: right;
	width: 330px;
}
fieldset {
	border:none;
	padding:10px;
	font-size: 13px;
	margin: 0;
}
fieldset.genericForm label.normal {
	float:left;
	width:230px;
	margin-top:3px;
	border: none;
	font-weight: bold;
}
input.singleLineTextBox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #FFFFFF;
	padding: 2px;
	border: 1px solid #CCCCCC;
	width:250px;
}
textarea.multiLineTextBox {
	padding:2px;
	width:250px;
	height:50px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #000000;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	margin:0;
}
fieldset.genericForm p {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #efefef;
	padding-top:3px;
	margin: 0px;
	padding-bottom: 3px;
}
.formOuterWrapper {
	background:url(/images/interface/backgroundForm.gif) left top repeat-y;
	background-color: #F0EFEF;
	border: 1px solid #DDD;
	padding: 3px;
}
.formInnerWrapper {
	background-color: #E2E2E2;
	border: 2px solid #DDD;
	padding: 10px;
}
.pageContent {
	display:block;
	width:590px;
	float:left;
	}
.cb20 {
	display:block;
	height:20px;
	overflow:hidden;
	}
