body {font-size: x-small; /* for IE5/Win */voice-family: "\"}\"";voice-family: inherit;font-size: small;font-family: Arial, sans-serif;	text-align: center;	background: #292b29;padding-bottom: 100px;}
html>body { /* be nice to Opera */font-size: small;}

/* Global White Space Reset
----------------------------------------------- */
html, body, dl, dt, dd, h1, h2, h3, h4, h5, h6,
table, thead, tbody, tfoot, th, td, form, fieldset, legend, 
p, blockquote, pre {margin: 0; padding: 0;}

/* BASIC/HTML TAGS
----------------------------------------------- */
	
h1 {font-size: 130%;padding: 0 0 10px 0;color: #fff;font-weight: bold;font-family: "Helvetica Neue", Arial, sans-serif;}
h2 {font-size: 180%;padding: 0 0 10px 0;color: #000;font-weight: normal;font-family: "Helvetica Neue", Arial, sans-serif;}
h3, h4, div.head {font-size: 125%;padding: 0 0 2px 0;margin: 0 0 5px 0;color: #475d20;font-weight: bold;text-transform: uppercase;font-family: "Helvetica Neue", Arial, sans-serif;background: transparent url(../Images/dotted.jpg) repeat-x bottom left;}
p {font-size: 100%;padding: 0 0 10px 0;color: #555;font-weight: normal;}
a {	font-size: 200%;padding: 0 0 10px 0;color: #733089;font-weight: bold;text-decoration: underline;outline: none;cursor: pointer; cursor: hand;}
a:hover {text-decoration: none;}
a:active {}
a:visited {}
p a {font-size: 100%;}
ul {color: #000; font-size: 100%;}
ol {color: #000; font-size: 100%;}
	
/*---------------------------------------------*/
em {}
strong {font-weight: bold;}

.clear {clear: both;}
.left {float: left;}
.right {float: right;}
.altAlign {text-align: right;}
.fifty {width: 50%;}
.mini {font-size: 80%;}
a img {border: none;}
em.textHide {display: none;}
.padd {float: left; padding: 10px;}
.paddH {float: left; padding: 0 10px;}
.paddR {float: left; padding: 0 10px 0 0;}
.paddL {float: left; padding: 0 0 0 10px;}
.paddV {float: left; padding: 10px 0;}

/* STRUCTURE
------------------------------------------------ */

.WrapOuter {float: left;width: 100%;}
.Wrap, .Foot {position: relative;margin: 0 auto;padding: 0 10px;width: 986px; text-align: left;/*margin: auto fix for IE6*/}
.WrapInner {float: left;width: 986px;background: #0c120e;}


/*HEADER ----------- */
#OneWrapOuter.WrapOuter {background: #7da041;}
#OneWrapOuter.WrapOuter .Wrap  {background: transparent url(../Images/sides.png) repeat-y top left;}
#OneWrapOuter.WrapOuter .Wrap .WrapInner{background: #f4f4f4 url(../Images/head-body-background.jpg) repeat-x top left;}
#Header {float: left;width: 986px;}	

/*LOGO + NAV ----------- */
#TwoWrapOuter.WrapOuter {background: #0c120e;}
#TwoWrapOuter.WrapOuter .Wrap {padding:0 10px;}
#TwoWrapOuter.WrapOuter .Wrap .WrapInner{background: #0c120e;}

/*HOMEPAGE CONTAINERS ----------- */
#ThreeWrapOuter.WrapOuter  {background: #f4f4f4 url(../Images/outer-body-background.jpg) repeat-x top left;}
#ThreeWrapOuter.WrapOuter .Wrap  {background: transparent url(../Images/main-content-background.png) repeat-y top left; width: 1005px; clear: both;}
#ThreeWrapOuter.WrapOuter .Wrap .WrapInner{background: transparent url(../Images/sides.png) repeat-y top left;width: 985px;padding: 0 10px;}
#ThreeWrapOuter.WrapOuter .Wrap .WrapInner #MainBody {background: transparent url(../Images/main-body-background.jpg) repeat-x top left;width: 986px;z-index: 99;}
#ThreeWrapOuter.WrapOuter .Foot{clear: both; background: #ff0000 url(../Images/foot.png) no-repeat top left;width: 1005px; padding: 0 10px;height: 30px;margin-bottom: 50px;padding:0;}

/*PAGE CONTAINERS ----------- */
#FiveWrapOuter.WrapOuter  {background: #f4f4f4 url(../Images/main-content-background.jpg) repeat-x top left;}
#FiveWrapOuter.WrapOuter .Wrap  { width: 1005px; clear: both;}
#FiveWrapOuter.WrapOuter .Wrap .WrapInner{background: transparent url(../Images/sides.png) repeat-y top left;width: 985px;padding: 0 10px;}
#FiveWrapOuter.WrapOuter .Wrap .WrapInner #MainBody {background: transparent url(../Images/maincontentbody-background.jpg) repeat-x top left;width: 986px;z-index: 99;}
#FiveWrapOuter.WrapOuter .Foot{clear: both; background: transparent url(../Images/foot.png) no-repeat top left;width: 985px; height: 30px;margin-bottom: 50px;}

/*PAGE CONTAINERS ----------- 
#FiveWrapOuter.WrapOuter {background: #f4f4f4 url(../Images/main-content-background.jpg) repeat-x top left;}
#FiveWrapOuter.WrapOuter .Wrap  {  width: 1005px;}
#FiveWrapOuter.WrapOuter .Wrap .WrapInner{background: transparent url(../Images/sides.png) repeat-y top left;width: 986px;}
#MainContentBody {float: left;width:988px;padding: 0; margin:0;clear: both;background: transparent url(../Images/maincontentbody-background.jpg) repeat-x top left;}
#FiveWrapOuter.WrapOuter .Foot{margin: 0 auto; clear:both;background: #ff0000 url(../Images/foot.png) no-repeat top left;width: 1005px; height: 30px;margin-bottom: 50px; padding: 0;}
*/

/*FOOTER ----------- */
#FourWrapOuter.WrapOuter {background: transparent url(../Images/footer-background.jpg) repeat-x top left;padding-bottom: 200px;}
#FourWrapOuter.WrapOuter .WrapInner {width: 986px;}


/* NAVIGATION 
------------------------------------------------ */

#MainNav {float: right;width: 986px;background: #0c120e;margin:35px 0 0 0;padding: 0;}
#MainNav ul {margin: 0; padding: 0 0 0 148px; list-style: none;}
#MainNav ul li {float: left;margin: 0;padding: 0; display: inline;}
#MainNav ul li a {float: left;padding: 0; }
#MainNav ul li a em{display:none;}
#MainNav ul li a span{display:none;padding:0;}
#MainNav ul li.selected a {}
#MainNav ul li a:hover {}

#MainNav ul li#homenav a {float: left; background: transparent url(../Images/ns-home.jpg) no-repeat top left; width: 115px; height: 36px;}
#MainNav ul li#aboutus a {float: left; background: transparent url(../Images/nav-aboutus.jpg) no-repeat top left; width: 132px; height: 36px;}
#MainNav ul li#whynorfolkshore a {float: left; background: transparent url(../Images/nav-whynorfolkshore.jpg) no-repeat top left; width: 200px; height: 36px;}
#MainNav ul li#highjump a {float: left; background: transparent url(../Images/nav-highjump.jpg) no-repeat top left; width: 135px; height: 36px;}
#MainNav ul li#casestudies a {float: left; background: transparent url(../Images/nav-casestudies.jpg) no-repeat top left; width: 140px; height: 36px;}
#MainNav ul li#contact a {float: left; background: transparent url(../Images/nav-contact.jpg) no-repeat top left; width: 115px; height: 36px;}

/* MAINBODY / SIDEBARS
------------------------------------------------ */
	
#MainBody {float: left;width:1000px;padding: 0; margin:0;clear: both;}
#SidebarOne  {float: left;width: 200px;}

#SidebarTwo {float: left;width: 400px;}
#video, #content {float: left; margin: 20px 10px 20px 20px;width: 500px;display:inline;clear: both;z-index: 100;position: relative;}

/* FOOTER
------------------------------------------------ */
	
#Footer {clear: both;float: left;width: 986px;border-top: solid 1px #000;background: #232422;}
#Footer p {margin: 15px;color: #fff;display:inline;}
#Footer a {color: #fff;}

/* ARTICLE LISTS 
------------------------------------------------ */
.articleList {float: left; width: 100%;}
#home {float: right; margin: 20px 10px 20px 0px; width: 440px;display:inline;}
#home p.first {color: #fff;}
#home .product {float: left; width: 214px;background: transparent;margin-bottom: 10px;}
#home .product p{color: #444;}
#home .product#one {margin-right: 5px;}
#home .product#two {}

.articleList .article {float: left; clear: left; padding-bottom: 10px; width: 100%;}
.articleList .article .summary {float: left; width: 100%;}

.title {width: 1000px;float :left; clear: both;}
.title img {float: left; margin: 15px;}
.title h1 {margin: 15px 15px 0px 15px;}
.title p {color:#fff;}

/* FORMS
------------------------------------------------ */
.contactform {float: left; width: 440px;}
.item, .radios {float: left; clear: left; margin: 0 0 10px 0; padding: 0; width: 100%;}
.item input, .radios input {float: left; margin: 0; padding: 1px; font-size: 100%;}
label, .radios label {float: left; margin: 0 10px 4px 10px; display: inline; /*to fix double margin in IE6*/ padding: 0; color: #000; font-weight: bold; font-size: 100%;}
.item select, .radios select {float: left; margin: 0 10px 0 0; padding: 0; width: 212px; border: solid 1px #000; font-size: 100%;}
input.textinput, .radios input.textinput {margin-right: 10px; display: inline; /*to fix double margin in IE6*/ width: 208px; border: solid 1px #000;padding: 2px;margin-bottom: 4px;}
textarea, .radios textarea { margin-right: 10px; display: inline; /*to fix double margin in IE6*/ padding: 1px; width: 268px; border: solid 1px #000; font-size: 100%;}
.item input.checkbox {}
input.submitbutton {padding: 2px 6px 3px 6px; font-size: 100%; color: #FFF; border: none; background: #000;float :left; clear: both;margin-left: 140px;margin-top: 15px;}
input.submitButton:hover {background: #e1e1e1;}
a.submitButton {float: left; margin: 0; padding: 2px 6px 3px 6px; font-size: 100%; color: #FFF; font-size: 100%; font-weight: normal; text-decoration: none; border: none; background: #000;}
a.submitButton:hover {background: #e1e1e1;}

/* ------------------------------------------------ */
.article {float: left;}

/* TABLES
------------------------------------------------ */

table {font-size: 100%;}
table tr th {vertical-align: top;}
table tr td {vertical-align: top;}
table tr th {}
table tr th a {}
table tr.alt td {}
table tr td a {}
table tr.alt td a {}
table tr td h2 {}

/* MISC
------------------------------------------------ */

.logo {float: left; margin:  10px 10px 0 15px;}
p.tel, p.welcome {float: right; color: #fff; font-size: 18px;padding:  5px 12px 5px 5px; font-weight: bold;}
p.welcome { font-size: 28px; text-align: right; padding-top: 25px; width: 500px;}
.siteBy {float: right;}
.siteBy a {font-weight: bold;text-decoration: none;font-size: 100%;}

/* LOGIN 
------------------------------------------------ */
label {width: 120px;}
.login-box p {font-size: 16px;color: #222;padding: 4px; }
.login-box span, p.message {font-weight: bold;color: #ff0000;font-size: 12px;}
p.message {border: solid 1px #ff0000;margin: 2px 0 4px 0;background:#f8f7e3;}
.login-box {margin: 90px auto;  background :#f9f9f9; padding: 20px;width: 220px;text-align: left;}

/* TITLE IMAGES 
------------------------------------------------ */

.lifecycle {background: url(../Images/lifecycle-logo.png) no-repeat top left; width:216px; height: 133px;float: left;margin: 10px;}
.capital {background: url(../Images/capital-logo.png) no-repeat top left; width:216px; height: 133px;float: left;margin: 10px;}
.about {background: url(../Images/aboutus.png) no-repeat top left; width:216px; height: 133px;float: left;margin: 10px;}
.whynorfolkshore {background: url(../Images/whynorfolkshore.png) no-repeat top left; width:216px; height: 133px;float: left;margin: 10px;}
.highjump {background: url(../Images/highjump.png) no-repeat top left; width:216px; height: 133px;float: left;margin: 10px;}
.casestudies {background: url(../Images/casestudy.png) no-repeat top left; width:216px; height: 133px;float: left;margin: 10px;}
.contactus {background: url(../Images/contactus.png) no-repeat top left; width:216px; height: 133px;float: left;margin: 10px;}

.featured {float: left; clear: both; width: 100%;}
.featured ul {clear: both;}
.cross {float: left; clear: both; width: 100%;}

.featured ul li {float: left; padding-left: 23px; background: transparent url(../Images/tick.jpg) no-repeat 0 0;list-style-type:none;width: 400px;margin-bottom: 4px;}
.cross ul li {float: left; padding-left: 23px; background: transparent url(../Images/cross.jpg) no-repeat 0 0;list-style-type:none;width: 400px;margin-bottom: 4px;}