/* RESETTING EVERYTHING */ *{padding:0;margin:0;} /* SETTING UP BODY BASICS */ body{font-family: 'Open Sans', sans-serif; font-weight: 400; color:#3A2215;background:#FFFFFF;} h2 { color: #3A2215; font-family: 'Open Sans', sans-serif; font-weight: 700; } h3 { color: #3A2215; font-family: 'Open Sans', sans-serif; font-weight: 700; } /* MAKING H1 HAVE A BROWN BACKGROUND ACROSS THE WIDTH OF THE PAGE */ #titleNav {width: 100%; background: #3A2215; height:82px; margin-top: 90px;} h1 { margin-left: 40px; color: #FFFFFF; font-family: 'Open Sans', sans-serif; text-align: left; position: absolute; margin-top: 10px; margin-bottom:0px; } /* CREATING A CENTRED BIT IN THE PAGE FOR THE CONTENT */ #content {width: 940px; margin: 2px auto 0 auto; background: #FFFFFF} /* HEADER STYLING */ .logo {padding: 10px; width:200px;} .header_right {float:right; position:relative; top: -90px; left: -50px; font-size: 1.2em; text-align: center; width: 200px;} .header_right a { font-size: 0.8em; color: #3A2215; text-decoration: none; display: block; width: 90px; padding: 5px 0; background: #FFFFFF; float:right; } .header_right a:hover {color: #AB1B1A; background: #E6E3D0;} #section_graphic {margin: 0 0 20px 0;} /* NAVIGATION */ /* MAIN NAVIGATION BASE STYLING */ .mainNav {position: relative; top:-30px; z-index:5;} ul.mainNav {list-style: none; width: 900px; margin: 0 20px 0 20px; padding: 0; overflow: hidden; float: left;} ul.mainNav li {background: #3A2215; float: left; width: 210px; margin-left: 10px; margin-right: 5px;} ul.mainNav li a {font-size: 1.2em; color: #E6E3D0; text-align: center; text-decoration: none; display: block; width: 210px; padding: 5px 0;} ul.mainNav li a:hover { background: #E6E3D0; color:#3A2215; } /* SUB NAVIGATION BASE SETTINGS */ .subNav {position: relative; top:50px;} ul.subNav {list-style: none; margin: 0 20px 0 20px; padding: 0; overflow: hidden; float: left;} ul.subNav li {background: #3A2215; float: left;} ul.subNav li a {font-size: 0.9em; color: #E6E3D0; text-align: center; text-decoration: none; display: block; width: 150px; padding: 5px 0;} /*BREADCRUMBS TYPE THING FOR SECTION PAGES */ .whereNav {position: relative; top:50px;} ul.whereNav {list-style: none; margin: 0 20px 0 20px; padding: 0; overflow: hidden; float: left;} ul.whereNav li {background: #3A2215; float: left;} ul.whereNav li a {font-size: 0.9em; color: #E6E3D0; text-align: center; text-decoration: none; display: block; width: 110px; padding: 5px 0;} .whereNavAm {position: relative; top:50px;} ul.whereNavAm {list-style: none; margin: 0 20px 0 20px; padding: 0; overflow: hidden; float: left;} ul.whereNavAm li {background: #3A2215; float: left;} ul.whereNavAm li a {font-size: 0.9em; color: #E6E3D0; text-align: center; text-decoration: none; display: block; width: 150px; padding: 5px 0;} /* CONDITIONAL NAV STYLING BASED ON BODY ID - A BIT OF A KLUDGE SORRY */ body#about .header_right a.about {color: #3A2215; background: #E6E3D0;} body#contact .header_right a.contact {color: #3A2215; background: #E6E3D0;} body#research .mainNav a.MNR { color: #3A2215; background: #E6E3D0;} body#investment .mainNav a.MNI { color: #3A2215; background: #E6E3D0;} body#finance .mainNav a.MNF { color: #3A2215; background: #E6E3D0;} body#asset .mainNav a.MNAM { color: #3A2215; background: #E6E3D0;} /* HOMEPAGE CAROUSEL STYLING */ #storyContainer { display: block; width: 850px; height:175px; border: solid 3px #3A2215; margin: 20px auto 20px auto; position: relative; top: 50px;} .storydiv { height:175px; width:850px; margin-right: 430px; top:0px; left:0px; text-align: center; font-size: 1.3em; padding-top: 10px;} .storydiv a {font-family: 'Open Sans', sans-serif; font-weight: bold; font-size: 1.3em; display: block; width: 425px; text-align: center; color: #3A2215; text-decoration: none;} .storydiv a:hover { color: #AB1B1A;} #story1 { background:url(http://www.younggroup.co.uk/images/HPAM.gif) no-repeat;} #story2 { background:url(http://www.younggroup.co.uk/images/HPF.gif) no-repeat; display:none;} #story3 { background:url(http://www.younggroup.co.uk/images/HPR.gif) no-repeat; display:none;} #story4 { background:url(http://www.younggroup.co.uk/images/HPLN.gif) no-repeat; display:none;} .storyDesc { padding-top: 0px; padding-right: 8px; display:block; width: 420px;} .storyDesc a{ font-family: 'Metrophobic', sans-serif; font-size: 0.9em; width: 420px; margin-right: 430px; font-weight: normal;} #nav { display: block; width: 180px; background: #FFFFFF; font-size:12px; position:relative; top:35px; left:695px; padding-left: 6px;} .selStory { background:#eee; border:1px solid #777;} /* HOMEPAGE BODY ITEMS */ #mainContentHP {width: 940px; display: block; height: 440px; padding-top: 30px;} #mainContentHP h2 { font-family: 'Open Sans', sans-serif; text-align: left; margin-left: 40px; display: inline; } #mainContentHP h3 { font-family: 'Open Sans', sans-serif; text-align: left; margin-left: 40px; display: inline; } #mainContentHP hr { width: 420px; margin-left: 245px; color: #3A2215; background-color: #3A2215; height: 2px; border: none; display: block;} #bodyTextHome { position: relative; width: 400px; top: 40px; margin-left: 40px;} #bodyTextHome p {padding-top: 10px; font-size: 1em;} #bodyTextHome a {text-decoration: none; color: #AB1B1A; } #mainBodyImage { width: 300px; position: relative; top: -400px; left: 540px;} #mainBodyImage img { border: none; width: 300px; height: 300px;} /*BODY ITEMS */ #mainContent {width: 940px; display: block; height: 450px;} #mainContent h2 { font-family: 'Open Sans', sans-serif; text-align: left; margin-left: 40px; display: inline; } #mainContent h3 { font-family: 'Open Sans', sans-serif; text-align: left; margin-left: 40px; display: inline; } #mainContent hr { width: 420px; margin-left: 245px; color: #3A2215; background-color: #3A2215; height: 2px; border: none; display: block;} #editableContent {width: 920px; height: 490px; margin-left: 20px;} #editableContent2 {width: 920px; height: 700px; margin-left: 20px;} #editableContent3 {width: 920px; height: 1200px; margin-left: 20px;} #editableContent4 {width: 920px; height: 250px; margin-left: 20px;} #editableContent5 {width: 920px; height: 3500px; margin-left: 20px;} #editableContent6 {width: 920px; height: 490px; margin-left: 20px;} #editableContentg {width: 920px; height: 660px; margin-left: 20px; padding-top: 10px; font-size: 0.95em;} #editableContentNews {width: 920px; height: 700px; margin-left: 20px;} #bodyText { width: 400px; float:left;} #bodyText p {padding-bottom: 5px; font-size: 1em;} #bodyText a {text-decoration: none; color: #AB1B1A; } #editableContentNews p { padding-bottom: 5px; } #mainBodyImage2 { width: 300px; float: left; margin-left: 130px; margin-top: 50px;} #mainBodyImage2 img { border: none; width: 300px; height: 300px;} #tp a {text-decoration: none; color: #Ab1B1A;} #tp a:hover {text-decoration: underline;} #tp { width: 100%; text-align: center;} #verticalLine { width: 2px; height: 150px; background: #3A2215; display: block; overflow: hidden; position: relative; top: -150px; left: 470px;} #footerbody { width: 900px; float:left; height: 1100px;} #footerbody4 { width: 920px; float:left; height: 3200px;} #footerbody6 { width: 920px; float:left; height: 490px;} #footerbody3 { width: 900px; float:left; height: 600px;} #footerbody2 { width: 900px; float:left; height: 250px;} #footerbody ul, #footerbody4 ul {margin-left: 60px; position: relative; top: 0; font-size: 0.9em;} #AAGText {width: 430px; float: left;} #AAGText ul {margin-left: 20px; margin-bottom: 10px;} #AAGPic { width: 490px; float:left; padding-top: 30px;} /* SMT BODY */ #smtbody {width: 920px; display: block; height: 600px;} #smtbody p { padding-bottom: 10px; font-size: 1em; } #smtbody a {text-decoration: none; color: #AB1B1A; } /* LAYING OUT THE PARAGRAPH STYLE */ #main_content p { position: relative; top: 40px; width: 430px; margin-left: 40px; font-size: 0.9em; margin-top: 10px; border: none;} #footerbody p {width: 860px; top: 0; border: none; margin-left: 20px;} #footerbody2 p {width: 860px; top: 0; border: none; margin-left: 20px;} #footerbody3 p {width: 860px; top: 0; border: none; margin-left: 20px;} #footerbody4 p {width: 860px; top: 0; border: none; margin-left: 20px;} #footerbody6 p {width: 860px; top: 0; border: none; margin-left: 20px;} /* ASSET MANAGEMENT BULLETS LAYOUT */ .amleft { width: 75%; } .amright {width: 25%; text-align: right;} /* FOOTER STYLING */ #footer { background-color: #E6E3D0; padding-left: 40px; font-size:0.7em;} #footer img {margin: 10px 10px 10px 0; float: right; padding: 0; border: none;} #footer li {margin-right: 15px; list-style:none; float: left;} #geninf {float:left; margin-top: 10px; margin-bottom: 10px;} #sites {float:left; margin-top: 10px; margin-bottom: 10px;} p.copyright {text-align:center; width: 100%;} /* SMT PAGE */ #rotator { width: 900px; height: 460px; position: relative; background: white; padding: 20px; } #block-1 { background: #EEEEEE; } #block-2 { background: #E6E6E6; } #block-3 { background: #E6E3D0; } #block-4 { background: #F6F6F6; } #block-5 { background: #ffffd8; } #rotator > div { position: absolute; overflow: hidden; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; } #rotator > div > div { padding: 20px; } #rotator > div > div img { float: right; margin: 65px 0 2px 10px; } #rotator .active { position: absolute; top: 20px; left: 20px; display: block; overflow: hidden; width: 900px; height: 340px; } #rotator .non-active-1 { position: absolute; top: 360px; left: 20px; display: block; overflow: hidden; height: 130px; width: 225px; } #rotator .non-active-2 { position: absolute; top: 360px; left: 245px; display: block; overflow: hidden; height: 130px; width: 225px; } #rotator .non-active-3 { position: absolute; top: 360px; left: 470px; display: block; overflow: hidden; height: 130px; width: 225px; } #rotator .non-active-4 { position: absolute; top: 360px; left: 695px; display: block; overflow: hidden; height: 130px; width: 225px; } #rotator .non-active-1:hover, .non-active-2:hover, .non-active-3:hover, .non-active-4:hover{ cursor: pointer; -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.4); -moz-box-shadow: 0 0 10px a(0,0,0,0.4); box-shadow: 0 0 10px rgba(0,0,0,0.4); } #rotator{ cursor: pointer; } .bh { text-align: center; line-height: 25px; margin-bottom: 5px; } #rotator h3 {line-height: 20px;} #rotator .active .bh { display: none; } #rotator h1 { color: #3A2215; font-size: 1.5em; } #rotator abbr { font-size: 0.7em;