@charset "utf-8";
/* CSS Document */


/*
Design: http://specialdesignstudio.com
Build: http://portman2.com
Author: Kate Portman
Site: http://specialdesignstudio.com
Last updated: 10th July 2009 
*/


/* RESETS */
body {margin: 0; text-align: left; background: #000000; padding-top: 55px; }
h1, h2, h3, p, ol, ul {margin: 0; clear: both; text-align: left;}
img {border: none; }
a {text-decoration: none; outline: none;}
h6 {margin: 0; padding: 0; font-weight: normal; font: 10px Arial, Helvetica, sans-serif; color: #00ffff;}
	h6.a:link, h6.link:visited, h6.link:hover {color: #00ffff;}


/* COMMON ELEMENTS */
p, li {font: 10px Arial, Helvetica, sans-serif; color: #B2B2B2;}
p a:link, p a:visited {color: #ffffff; text-decoration:none}
h2 {font: 13px Arial, Helvetica, sans-serif; color: #ff0033; font-weight: bold;}
li a:link, li a:visited {color: #ffffff;}
li a:hover {color: #ff0033; }
p span.red {color: #ff0033; }
a.active {color: #ff0033;}


/* COMMON CLASSES */
.hide {position: absolute; left: -9999px;}
.noshow {display: none;}
.clearboth {clear: both;}


/* ALL PAGES (AS WELL AS DIV ID=HOMEPAGE THEY NOW HAVE CLASS=PAGE) */

.page {width: 100%; margin: 5px 0 0 0; position: relative;}
#home_page, #services_page {height: 740px;}


/* CONTACT DETAILS PLACED AT THE TOP */
#contact_details {position: absolute; left: 0px; top: 30px; height: 33px; background: url(images/border.png) 30px 32px no-repeat; width: 100%; }
#contact_details ul {list-style-type: none; padding: 0; margin: 0 0 0 30px;}
#contact_details li {float: left; display: inline; }
#contact_details li a {display: block; height: 31px; text-indent: -9999px;}
#contact_details li.phone {width: 233px; height: 31px; background: url(images/contact_tel.png) no-repeat; text-indent: -9999px;}
#contact_details li.email a:link, #contact_details li.email a:visited { height: 21px; width: 202px; background: url(images/contact_email.png) no-repeat;}
#contact_details li.email a:hover {background: url(images/contact_email.png) 0 -22px no-repeat;}
#contact_details li.mailing a:link, #contact_details li.mailing a:visited {height: 21px; width: 142px; background: url(images/contact_mailinglist.png) no-repeat;}
#contact_details li.mailing a:hover {background: url(images/contact_mailinglist.png) 0 -22px no-repeat;}
#contact_details li.contact a {width: 85px; background: url(images/contact.gif) no-repeat;}
#contact_details li.contact a {}




/* HEADER */
#header {position: relative; height: 110px;}
#header h1 {position: absolute; left: 30px; top: 15px; background: url(images/special_logo.gif) no-repeat; text-indent: -9999px; }
#header h1 a {display: block; width: 120px; height: 55px; }


/* MAIN NAVIGATION */
#main_nav {position: absolute; left: 0; top: 110px; width: 100%;}
#main_nav ul {height: 27px; list-style-type: none; padding: 0; margin: 0 0 0 30px;}
#main_nav li {float: left; height: 21px; display: inline; width: 138px; margin-right: 10px;  padding: 0 0px 5px 0; border-bottom: 1px solid #474747; }
li#testimonialsli {width: 258px;}
#main_nav li a {display: block; height: 16px; text-indent: -9999px;}
a#services:link, a#services:visited {width: 59px; background: url(images/services.png) no-repeat;}
a#services.active, a#services:hover {background: url(images/services.png) 0 -16px no-repeat;}
a#about:link, a#about:visited {width: 51px; background: url(images/about.png) no-repeat;}
a#about.active, a#about:hover {background: url(images/about.png) 0 -16px no-repeat;}
a#portfolio:link, a#portfolio:visited {height: 21px; width: 66px; background: url(images/portfolio.png) no-repeat;}
a#portfolio.active, a#portfolio:hover {background: url(images/portfolio.png) 0 -21px no-repeat;}
a#blog:link, a#blog:visited {height: 21px; width: 79px; background: url(images/blognews.png) no-repeat;}
a#blog.active, a#blog:hover {background: url(images/blognews.png) 0 -21px no-repeat;}
a#testimonials:link, a#testimonials:visited {width: 245px; background: url(images/testimonials.png) no-repeat;}
a#testimonials.active, a#testimonials:hover {background: url(images/testimonials.png) 0 -16px no-repeat;}

/* LAST UPDATED TEXT ABOVE THE BLOG NEWS LINK */
#bloglastupdated {overflow: hidden; position: absolute; top: 43px; left: 474px; width: 120px; height: 50px;}
/*Above, note the overflow is hidden to prevent longer titles from spilling over the grey line below... */
#portfolio_page #bloglastupdated p, #bloglastupdated p {font-size: 10px; line-height: 12px; margin: 0;}
/* Above, needs the #portfolio_page bit to override the margin-bottom given to all portfolio Ps... */
#portfolio_page #bloglastupdated p.blue, #bloglastupdated p.blue, #portfolio_page #bloglastupdated p.blue a, #bloglastupdated p.blue a {font-size: 10px; color: #00CFCF;}

/* The below lines deal with grey lines associated with the navigation-ish... */
#servicesnav_line {position: relative; left: 30px; top: 27px; width: 100px; height: 18px; border-left: 1px solid #474747;}
#aboutline {position: absolute; top: 137px; left: 195px; width: 100px; height: 222px; border-left: 1px solid #474747;}
#testimonialsline {position: absolute; top: 137px; left: 638px; width: 100px; height: 45px; border-left: 1px solid #474747;}
#blognewsline {position: absolute; top: 95px; left: 474px; width: 120px; height: 40px; border-right: 1px solid #474747; border-top: 1px solid #474747;}

/* SERVICES NAV */
#services_nav {position: relative; left: 30px; top: 33px; width: 200px;}
#services_nav ul {list-style-type: none; padding: 0; margin: 0;}
#services_nav li {font: 10px Arial, Helvetica, sans-serif; color: #ffffff;}
#services_nav a.active {color: #ff0033;}
#astar {position: relative; left: 30px; top: 233px;}
#astar li a {display: block; width: 135px; height: 19px; text-indent: -9999px;}
a#astar:link {width: 135px; height: 19px; background: url(images/Astar.gif) no-repeat;}
a#astar:hover {background: url(images/Astar_red.gif) no-repeat;}
#content {position: relative; top: 0px; margin-left: 30px;}


/* HOME */
#intro_text {position: relative; margin: 120px 575px 0 85px;}
#intro_text p {margin: 0 0 5px 0; color: #00ffff; width: 220px; font: 11px Arial, Helvetica, sans-serif; }







/* SERVICES */
#services_text p {position: relative; margin: 110px 490px 0 190px; width: 220px;}
#services_text p.end {position: relative; margin: 10px 490px 0 190px;}
#large_text {position: relative; margin: 10px 0 10px 185px; width: 369px; height: 149px; background:url(images/large_text.gif) no-repeat; text-indent: -9999px;}
#large_text ul {list-style-type: none; padding: 0; margin: 0;}

#quote {position: absolute; left: 620px; top: 190px; width: 200px;}
#quote p {margin-bottom: 10px;}
#quote p span.white {color: #ffffff;}
#quote a:link, a:visited {color: #00ffff;}

#services_description {position: absolute; top: 170px; left: 178px; width: 215px;}
#services_description p {margin: 0 0 10px 0; color: #B2B2B2;}
#services_description p span.blue {color: #00ffff;}
#services_description p span.example {color: #00ffff;}
#services_description p span.red {color: #ff0033;}
#services_description p.link a {color: #ff0033; font-weight: bold;}
#services_description a:link, #services_description a:visited {color: #00ffff;}
#stripe_background {position: absolute; top: 178px; left: 420px; z-index: 0;}

#services_image {width: 475px; height: 530px; position: absolute; top: 173px; left: 410px;}
#services_image img {border: none; padding: 0; margin: 0 12px 12px 0;}
#services_image_top {width: 476px; height: 532px; position: absolute; top: 173px; left: 410px; background: url(images/grey_stripes_1.gif) no-repeat;}
#services_image_top p.top_link a {color: #00ffff; position: absolute; top: 8px; left: 10px; z-index: 10; }
#services_image_top img {position: absolute; top: 50px; left: 40px;}
#services_image_consultancy {width: 475px; position: absolute; top: 173px; left: 460px;}
#services_image_consultancy img {border: none; padding: 0; margin: 0 12px 12px 0;}
#services_image_magazine {position: absolute; top: 173px; left: 450px;}


/* PORTFOLIO */
#portfolio_page p {margin-bottom: 10px;}
#portfolio_page p.back a:link, p.back a:visited {color: #ff0033; font-weight: bold; }
#portfolio_page p.back a:link, p.back a:visited {color: #ff0033; font-weight: bold; }

#portfolio_nav {position: relative; margin: 45px 0 10px 0; padding: 0 0 10px 0; height: 108px; width: 100%; border-bottom: 1px solid #666666;}
#portfolio_nav ul {list-style-type: none; padding: 0; margin: 0 15px 10px 0; display: block; }
#pnav1 {position: absolute; left: 0; top: 0;}
#pnav2 {position: absolute; left: 148px; top: 0;}
#pnav3 {position: absolute; left: 297px; top: 0;}
#pnav4 {position: absolute; left: 446px; top: 0;}
#pnav5 {position: absolute; left: 595px; top: 0;}
#portfolio_nav li a {}
#portfolio_nav li a:hover {color: #00ffff;}
div.pfrapper {padding-top: 10px;}
.portfolio_item {width: 100%; position: relative; padding: 35px 0 0 0; height: 565px; border-top: 1px solid #666666;}
.latestportfolio_item {width: 100%; position: relative; margin: 30px 0 10px 0; padding: 0;}
.portfolio_stripe_background {position: absolute; top: 30px; left: 250px; z-index: 0;}
.portfolio_stripe_background p.top_link a {color: #00ffff; position: absolute; top: 17px; left: 12px; z-index: 10; }
.portfolio_stripe_background_2 {position: absolute; top: 30px; left: 250px; z-index: 0;}
.portfolio_stripe_background_2 p.top_link a {color: #00ffff; position: absolute; top: 17px; left: 12px; z-index: 10; }
.portfolio_stripe_background_3 {position: absolute; top: 130px; left: 250px; z-index: 0;}
.portfolio_stripe_background_3 p.top_link a {color: #00ffff; position: absolute; top: 17px; left: 12px; z-index: 10; }

.portfolio_item a, .latestportfolio_item a {color: #00ffff;}
.portfolio_item p, .latestportfolio_item p {margin: 0 0 10px 0; width: 220px; line-height: 12px;}
#content span.blue a {color: #00ffff;}











/* STRIPE BG FOR IMAGES IN PORTFOLIO FROM CAPSTONE WILEY ONWARDS */
/* Note: set height according to images within specific div for that item in the portfolio */
.stripeBG {position: absolute; top: 0; left: 0;
	background: url(images/stripeBG.gif) repeat;
	text-align: center;}
	.stripeBG h6 {margin: 5px 5px 60px; padding: 2px 5px;
		background: #333;
		text-align: left;}
	.stripeBG img {margin: 0 auto 60px;}


/* A2 */
#a2 {height: 580px !important; padding: 22px 0 0;
	position: relative;
	border-bottom: 1px solid #666666;}
	#a2 p {width: 220px; }
		img#a2logo {margin: 38px 0 0;}
	
	#a2 div.stripeBG {left: 254px; top: 30px; height: 530px;}
	#a2 div.stripeBG h6 {margin: 5px 5px 20px;}
	#a2 div.stripeBG img {margin: 0 40px 30px;}

/* CAPSTONE WILEY */
#capstone {height: 575px !important; padding: 30px 0 0;
	position: relative;
	border-bottom: 1px solid #666666;}
	#capstone p {width: 220px; }
	#capstone img {position: absolute; left: 360px; top: 35px;}

/* CRED */
#cred {height: 1480px !important;}
	#cred p {width: 220px;}
	#book_cover {position: absolute; left: 0px; top: 357px;}
	#socccBook {position: absolute; left: 320px; top: 0; }
	#book_1 {position: absolute; left: 0px; top: 595px;}
	#book_2 {position: absolute; left: 320px; top: 595px;}
	#book_3 {position: absolute; left: 650px; top: 595px;}
	#cred1 {position: absolute; left: 0px; top: 1245px;}
	#credExtra {position: absolute; top: 915px; left: 0;} /* the extra text */
	#cred .portfolio_stripe_background {top: 910px; left: 250px; z-index: 0;}
	#credManBike {position: absolute; left: 45px; top: 90px; z-index: 5;}

/* HEMSBY */
#hemsby {height: 590px;}
#hemsby h3 {margin: 60px 0 10px 0; font: 13px Arial, Helvetica, sans-serif; color: #00ffff; font-weight: bold;}
#hemsby1 {position: absolute; left: 450px; top: 10px;}
#hemsby_video {width: 300px; height: 197px; margin: 25px 0 10px 0;}
#knock_down_ginger p, #haymarket p, #john_harragan p, #special_sound_unit p, #city_silenced_records p {width: 220px;}
/* LEADING TO CHANGE */
#leading_to_change {height: 690px;}
#ltc1 {position: absolute; left: 355px; top: 40px;}
#ltc2 {position: absolute; left: 45px; top: 40px; z-index: 5;}
/* CASE BY CASE */
#case_by_case {height: 690px;}
#case_by_case .portfolio_stripe_background {}
#cxc1 {position: absolute; left: 0px; top: 352px;}
#cxc2 {position: absolute; left: 355px; top: 40px;}
#cxc3 {position: absolute; left: 45px; top: 40px; z-index: 5;}
/* WHITE DM */
#whitedm1 {position: absolute; left: 0px; top: 357px;}
#whitedm2 {position: absolute; left: 360px; top: 40px;}
/* KNOCK DOWN GINGER */
#knock_down_ginger {height: 890px;}
#kdg1 {position: absolute; left: 0px; top: 647px;}
#kdg2 {position: absolute; left: 45px; top: 40px; z-index: 5;}
#kdg3 {position: absolute; left: 250px; top: 570px;}
/* HAYMARKET */
#haymarket1 {position: absolute; left: 0px; top: 417px;}
#haymarket2 {position: absolute; left: 350px; top: 40px;}
/* SHAKER */
#shaker1 {position: absolute; left: 0px; top: 357px;}
#shaker2 {position: absolute; left: 250px; top: 40px;}
/* MBMC */
#mbmc {height: 1160px;}
#mbmc1 {position: absolute; left: 0px; top: 317px;}
#mbmc2 {position: absolute; left: 45px; top: 125px; z-index: 5;}
#mbmc3 {position: absolute; left: 350px; top: 595px;}
/* BSG */
#brand_strategy_guru {height: 890px;}
#bsg1 {position: absolute; left: 0px; top: 365px;}
#bsg2 {position: absolute; left: 270px; top: 40px;}
#bsg3 {position: absolute; left: 0px; top: 590px;}
#bsg4 {position: absolute; left: 220px; top: 590px;}
#bsg5 {position: absolute; left: 645px; top: 590px;}
/* JH */
#john_harragan1 {position: absolute; left: 0px; top: 357px;}
#john_harragan2 {position: absolute; left: 45px; top: 90px; z-index: 5;}
/* NORFOLK 1 */
#norfolk1 {position: absolute; left: 430px; top: 50px;}
/* SSU */
#special1 {position: absolute; left: 0px; top: 447px;}
#special2 {position: absolute; left: 285px; top: 40px;}
/* COTMAN */
#cotman_housing {height: 920px; }
#cotman1 {position: absolute; left: 0; top: 357px;}
#cotman2 {position: absolute; left: 45px; top: 38px; z-index: 5;}
#cotman3 {position: absolute; left: 0; top: 590px;}
#cotman4 {position: absolute; left: 213px; top: 590px;}
#cotman5 {position: absolute; left: 427px; top: 590px;}
#cotman6 {position: absolute; left: 641px; top: 590px;}
/* MY NORFOLK */
#mynorfolk1 {position: absolute; left: 0; top: 357px;}
#mynorfolk2 {position: absolute; left: 250px; top: 40px;}
/* LIZ HOLLIS */
#lizhollis1 {position: absolute; left: 250px; top: 40px;}
/* CENTAUR */
#centaur_media {height: 1150px; }
#centaur1 {position: absolute; left: 0; top: 257px;}
#centaur2 {position: absolute; left: 250px; top: 40px;}
#centaur3 {position: absolute; left: 250px; top: 590px;}
/* CSR */
#city_silenced_records {position: relative; margin: 10px 0 10px; padding: 0 0 0px; height: 990px; border: none;}
#csr1 {position: absolute; left: 0; top: 257px;}
#csr2 {position: absolute; left: 250px; top: 40px;}
#csr3 {position: absolute; left: 250px; top: 510px;}


/* BLOG PAGE */
#blog_page #content {padding-top: 50px;}
#blog_page h3 {position: relative; margin: 20px 0 0 0; width: 185px; font: 16px "Times New Roman", Times, serif; color: #00ffff; font-style: italic;}
#left {position: absolute; left: 0; top: 30px;}
#left h5 {font: 12px Arial, Helvetica, sans-serif; font-weight: bold; color: #B2B2B2; width: 140px; padding: 0 0 10px 0; border-bottom: 1px solid #b2b2b2;}
#left ul {list-style-type: none; margin: 0; padding: 0;}
#left ul li {color: #E6E6E6;}
#right {margin-left: 300px; padding-bottom: 40px;}
#right img {border: 5px solid #E6e6e6;}
.post {padding-bottom: 10px;}
#right h2 {font: 22px "Times New Roman", Times, serif; color: #ff0033; padding: 0 0 10px 0;}
#right h4 {font: 12px Arial, Helvetica, sans-serif; font-weight: bold; color: #E6E6E6;}
#right p {width: 335px; font: 12px Arial, Helvetica, sans-serif; color: #E6E6E6; padding: 10px 0;}
#right p.labels {font: 10px Arial, Helvetica, sans-serif; padding: 0 0 20px 0; }
#right p.author {font: 10px "Times New Roman", Times, serif; font-style: italic; padding: 0;}
#right p.comment {font: 10px Arial, Helvetica, sans-serif; font-weight: bold; color: #00ffff; padding: 0 0 20px 0; border-bottom: 1px solid #B2B2B2;}

/* ABOUT PAGE */
#about_page {height: 600px;}
#about_page h2 {font: 11px Arial, Helvetica, sans-serif; color: #ffffff; font-weight: bold; padding-bottom: 10px;}
#text_left {position: relative; margin: 60px 490px 0 0; width: 220px;}
#text_left h2 {padding: 0 0 20px 0;}
#text_left p {margin: 0 0 20px 0;}
#text_left ul {list-style-type: none; padding: 0; margin: 20px 0;} 
#text_left ul li span.red {color: #ff0033; padding-right: 3px;}

#text_right {position: absolute; left: 260px; top: 0; width: 220px; }
#text_right h3 {font: 11px Arial, Helvetica, sans-serif; color: #ffffff; font-weight: bold; padding: 0;}
#text_right h3.blue {color: #00ffff;}
#text_right p {margin: 0 0 10px 0;}
#text_right a {color: #00ffff;}
#about_image {position: absolute; left: 510px; top: 0;}

#special p {width: 842px; height: 27px; background: url(images/specialtext.png) no-repeat; margin: 20px 0; text-indent:-9999px;}


/* TESTIMONIALS PAGE */
#testimonials_page {height: 770px;}
#testimonials_page p.quotes {margin-bottom: 5px;}
#testimonials_page p.author {color: #ffffff; margin-bottom: 15px;}
#col1 {position: relative; margin: 60px 490px 0 0; width: 220px;}
#col2 {position: absolute; left: 260px; top: 0; width: 220px;}
#col3 {position: absolute; left: 525px; top: 0; width: 220px;}
#col1 a, #col2 a, #col3 a {color: #00ffff; margin: 0 0 10px 0; }


/* CONTACT */
#contact {width: 215px; height: 300px; position: relative; margin: 60px 490px 250px 0;}
#contact h3 {font: 11px Arial, Helvetica, sans-serif; font-weight: bold; color: #ffffff; margin-bottom: 15px;}
#contact p {color: #B2B2B2; margin: 0 0 15px 0;}
#contact p.white {color: #ffffff;}
#contact p span.red {color: #ff0033; font-weight: bold;}
#map {position: absolute; left: 270px; top: 0;}


/* ENVIRONMENTAL POLICY PAGE */
#environmental_page {height: 570px;}
#environmental_page a.active {color: #ff0033;}
#environmental_page h2 {position: relative; margin: 60px 0 0px 0; font: 11px Arial, Helvetica, sans-serif; color: #ffffff; font-weight: bold;} 
#environmental_page h2 a {color: #00ffff;}
#environmental_page h3 {font: 11px Arial, Helvetica, sans-serif; color: #ffffff; font-weight: bold;}
#environmental_page #content p {margin-bottom: 15px}
#environmental_page #content ul {list-style-type: none; margin: 0; padding: 0;}
#environmental_page #content ul li {margin-bottom: 15px;}
#environmental_page #content ul li span.red {color: #ff0033; padding-right: 2px;}
#env_left {position: absolute; left: 0px; top: 30px; width: 220px;}
#env_right {position: absolute; left: 250px; top: 30px; width: 220px;}
#env_right a {color: #00ffff;}


/* TERMS & CONDITIONS PAGE */
#terms_page {height: 1200px;}
#terms_page h2 {position: relative; margin: 60px 0 0; font: 11px Arial, Helvetica, sans-serif; color: #ffffff; font-weight: bold;} 
#terms_page h2 a {color: #00ffff;}
#terms_page h3 {font: 11px Arial, Helvetica, sans-serif; color: #ffffff; font-weight: bold;}
#terms_page #content ul {list-style-type: none; margin: 0; padding: 0 0 15px 0;}
#terms_page #content ul li span.red {color: #ff0033; padding-right: 2px;}
#terms_left {position: absolute; left: 0px; top: 30px; width: 220px;}
#terms_centre {position: absolute; left: 250px; top: 30px; width: 220px;}
#terms_right {position: absolute; left: 500px; top: 30px; width: 220px;}


/* SITEMAP PAGE */
#sitemap_page {height: 570px;}
#sitemap_content {position: relative; top: 0px; margin-left: 30px;}
#sitemap_col1 {position: relative; margin: 60px 490px 0 0; width: 220px;}
#sitemap_col2 {position: absolute; left: 265px; top: 0; width: 220px;}
#sitemap_page h2 {font: 11px Arial, Helvetica, sans-serif; color: #ffffff; font-weight: bold; padding-bottom: 10px;}

#sitemap_content ul {list-style-type: none; margin: 0; padding: 0 0 5px 0;}
#sitemap_content ul li {color: #00ffff; font: 10px Arial, Helvetica, sans-serif;}





/*FOOTER */

#footer {width: 100%; margin: 0 0 40px 0; padding: 0 0 20px 0;}
	li#footerReadMore a {display: none;}
	li#footerReadMore a:link, li#footerReadMore a:visited {font-style: italic; color: #4D4D4D;}

#footericons {position: absolute; list-style-type: none; margin: 0 0 0 30px; padding: 0;}
	#footericons li {margin: 0; padding: 0;}
	li#twitterlink {}
		li#twitterlink a {display: block; width: 150px; height: 21px;
			background: url(images/twittericon.gif) no-repeat; text-indent: -9999px;}
	li#ssulink {position: absolute; top: 3px; left: 160px;}
		li#ssulink a{display: block; width: 173px; height: 15px; margin: 0 0 5px; 
			background: url(images/ssu.gif) no-repeat; text-indent: -9999px;}
			
#magictext {display: none; margin: 50px 0 0 30px; width: 750px;}
	#magictext h4 {margin: 0; padding: 0;
		font: bold 11px Arial, Helvetica, sans-serif; color: #808080;}
	#magictext p {margin: 0 0 3px; padding: 0;
		font: normal 11px Arial, Helvetica, sans-serif; color: #4d4d4d;}
			
#address { height: 22px; margin: 0 0 10px 0; padding: 0 0 8px 0; background: url(images/border.png) 30px 22px no-repeat;}
#address p {width: 483px; height: 18px; margin-left: 30px; background: url(images/contact_address.png) no-repeat; text-indent: -9999px;}
#credits {position: relative; left: 0px; top: -30px;}
#credits ul {list-style-type: none; padding: 10px 0 0 0; margin: 0 0 0 30px;}
#credits ul li {float: left; display: inline; margin: 8px 10px 0px 0; line-height: 10px; color: #999999;}
#credits a:link, #credits a:visited {color: #999999;}
#credits a:hover {color: #ff0033;}
#credits a.active {color: #ff0033;}









/************************** UPDATES BY CLIVE ***********************/
#recent_project {position: absolute; left: 325px; top: 150px;}
#recent_project h2 {width: 137px; height: 29px; background: url(images/h2.png) no-repeat; text-indent: -9999px; }
#recent_project h3 {font: 9px Arial, Helvetica, sans-serif; margin: 5px 0 0 5px; color: #ccff00;} 
#recent_project p {color: #00ffff; margin: 0 0 0 5px;}
#recent_project a:link, #recent_project a:visited {color: #00ffff;}
#recent_project a:hover {color: #00ffff; text-decoration: underline;}

/*#latestWork {position: absolute; top: 228px; left: 438px;
	background: url(images/stripeBG.gif) repeat;}*/
#latestWork {position: absolute; top: 238px; left: 405px;}
	#latestWork h6 {margin: 5px 5px 25px; padding: 2px 5px;
		background: #333;
		text-align: left;}
	#latestWork img {margin: 0 20px 35px;}

/* STRIPE BG FOR IMAGES IN PORTFOLIO FROM CAPSTONE WILEY ONWARDS */
/* Note: set height according to images within specific div for that item in the portfolio */
.stripeBG {position: absolute; top: 0; left: 0;
	background: url(images/stripeBG.gif) repeat;
	text-align: center;}
	.stripeBG h6 {margin: 5px 5px 60px; padding: 2px 5px;
		background: #333;
		text-align: left;}
	.stripeBG img {margin: 0 auto 60px;}
	
	
	




/* LOWESTOFT  PROSPECTUS / WEBSITE*/
#lowestoft-sixth-form-college-prospectus-website {height: 2550px !important; padding: 15px 0 0;
	position: relative;
	border-bottom: 1px solid #666666;}
	#lowestoft-sixth-form-college-prospectus-website p {width: 220px; }
		img#l6fc-prospectus {position: absolute; left: 254px; top: 15px;}
		img#l6fc-badges { position: absolute; left: 254px; top: 1385px;}
	
	#lowestoft-sixth-form-college-prospectus-website div.stripeBG {left: 254px; top: 2013px; width: 598px;}
	#lowestoft-sixth-form-college-prospectus-website div.stripeBG h6 {margin: 5px 5px 35px;}
	#lowestoft-sixth-form-college-prospectus-website div.stripeBG img {margin: 0 40px 35px;}


/* LOWESTOFT */
#lowestoft-sixth-form-college {height: 840px !important; padding: 40px 0 0;
	position: relative;
	border-bottom: 1px solid #666666;}
	#lowestoft-sixth-form-college p {width: 220px; }
		img#l6fc-logo {position: absolute; left: 254px; top: 40px;}
		img#l6fc-facebook { position: absolute; left: 0px; top: 445px;}
		img#l6fc-elevation {position: absolute; left: 254px; top: 580px;}


/* LUCAS HICKMAN SMITH */
#lucas-hickman-smith {height: 1125px !important; padding: 40px 0 0;
	position: relative;
	border-bottom: 1px solid #666666;}
	#lucas-hickman-smith p {width: 220px; }
		img#lucas-hickman-smith-logo {position: absolute; left: 254px; top: 40px; }
	
	#lucas-hickman-smith div.stripeBG {left: 254px; top: 610px; width: 598px;}
	#lucas-hickman-smith div.stripeBG h6 {margin: 5px 5px 35px;}
	#lucas-hickman-smith div.stripeBG img {margin: 0 40px 35px;}
	
/* WREN */
#wren {height: 580px !important; padding: 25px 0 0;
	position: relative;
	border-bottom: 1px solid #666666;}
	#wren p {width: 220px; }
	#wren img#wren-cover {position: absolute; left: 360px; top: 25px;}
	#wren img#wren-logo {position: absolute; left: 0px; top: 435px;}
	
/* Cotman Housing */
#cotman-housing-association {height: 570px !important; padding: 40px 0 0;
	position: relative;
	border-bottom: 1px solid #666666;}
	#cotman-housing-association p {width: 220px; }
	#cotman-housing-association img#cha-cover {position: absolute; left: 360px; top: 40px;}
	#cotman-housing-association img#cha-logo {position: absolute; left: 0px; top: 353px;}

/* CAPSTONE WILEY */
#capstone-wiley {height: 1135px !important; padding: 30px 0 0;
	position: relative;
	border-bottom: 1px solid #666666;}
	#capstone-wiley p {width: 220px; }
	#capstone-wiley img#cw-btf {position: absolute; left: 360px; top: 35px;}
	#capstone-wiley img#cw-bab {position: absolute; left: 360px; top: 660px;}

/* Charity Backroom */
#charity-backroom {height: 568px !important; padding: 40px 0 0;
	position: relative;
	border-bottom: 1px solid #666666;}
	#charity-backroom p {width: 220px; }
		img#cb-logo {position: absolute; left: 254px; top: 40px; }

/* HFH */
#holidays-from-home {height: 1125px !important; padding: 40px 0 0;
	position: relative;
	border-bottom: 1px solid #666666;}
	#holidays-from-home p {width: 220px; }
		img#hfh-logo {position: absolute; left: 254px; top: 40px; }
	
	#holidays-from-home div.stripeBG {left: 254px; top: 610px; width: 598px;}
	#holidays-from-home div.stripeBG h6 {margin: 5px 5px 35px;}
	#holidays-from-home div.stripeBG img {margin: 0 40px 35px;}

/* WAGNER & ME */
#wagner {height: 576px !important; padding: 15px 0 0;
	position: relative;
	border-bottom: 1px solid #666666;}
	#wagner p {width: 220px; }
		img#wagnerpostcard {margin: 14px 0 0;}
	
	#wagner img#wagnerposter {position: absolute; left: 310px; top: 20px;}
	
/* A2 */
#a2 {height: 580px !important; padding: 22px 0 0;
	position: relative;
	border-bottom: 1px solid #666666;}
	#a2 p {width: 220px; }
		img#a2logo {margin: 38px 0 0;}
	
	#a2 div.stripeBG {left: 254px; top: 30px; height: 530px;}
	#a2 div.stripeBG h6 {margin: 5px 5px 20px;}
	#a2 div.stripeBG img {margin: 0 40px 30px;}