/*

	ERSKINE DESIGN v2.0
	VERSION 1.0
	
	CASE STUDIES CSS
	
*/



/* 1.FRIEZE
---------------------------------------------------------------------- */

body.frieze { background:url(../images/casestudies/frieze/body_bg.jpg) no-repeat center 115px; }
.frieze div#content_wrapper { padding:0; }

.frieze div#introduction { width:440px; padding:0 0 40px 0; margin-bottom:30px; }
.frieze div#introduction h2 { width:183px; height:46px; text-indent:-9999px; background:url(../images/casestudies/frieze/intro_h2.gif) no-repeat 0 0; margin:0 5px 0 0; padding:0; float:left; }
.frieze div#introduction p { padding-top:32px; margin:0; }
.frieze div#introduction strong { display:block; width:468px; height:15px; text-indent:-9999px; background:url(../images/casestudies/frieze/intro_strong.gif) no-repeat 0 bottom; padding-top:20px; }

.frieze div#screenshots { width:241px; padding-left:304px; float:left; position:relative; margin-bottom:30px; }
.frieze div#screenshots img { position:absolute; top:0; left:0; padding:14px; }
.frieze div#screenshots ul { list-style:none; font-size:11px; line-height:17px; position:relative; z-index:2; margin:0; }
.frieze div#screenshots ul li { margin:0; border-left:none; }
.frieze div#screenshots ul li a { display:block; padding:16px; text-decoration:none; color:#999; }
.frieze div#screenshots ul li a:hover,
.frieze div#screenshots ul li a:focus { color:#666; }
.frieze div#screenshots ul li.cur { border:1px solid #ccc; border-left-color:#fff; }
.frieze div#screenshots ul li.cur a { color:#333; padding:15px; }

.frieze div#general_about { width:305px; float:right; margin-bottom:10px; }
.frieze div#general_about p strong { display:block; width:55px; height:50px; text-indent:-9999px; background:url(../images/casestudies/frieze/dropcap_w.gif); float:left; margin:5px 5px 0 0; }
.frieze div#general_about img { border:none; float:right; margin:-5px 0 0 0; }

.frieze hr { clear:both; margin-bottom:30px; }

.frieze div#paperpixels { width:305px; float:left; }
.frieze div#paperpixels h3 { width:120px; height:12px; text-indent:-9999px; background:url(../images/casestudies/frieze/paperpixels_h3.gif) no-repeat left top; margin-bottom:15px; }
.frieze div#paperpixels img { float:right; border:none; margin:5px 0 0 5px; }

.frieze div#shopsubsads { width:545px; float:right; }
.frieze div#shopsubsads h3 { width:265px; height:14px; text-indent:-9999px; background:url(../images/casestudies/frieze/shopsubsads_h3.gif) no-repeat left top; margin-bottom:13px; }
.frieze div#shopsubsads blockquote { border:none; width:225px; padding:0 0 10px 0; float:right; margin:0 0 15px 5px; font-size:13px; line-height:20px; color:#666; background:url(../images/site/erskine_line1.gif) repeat-x left bottom; }
.frieze div#shopsubsads blockquote p.quote { padding:0 15px; }
.frieze div#shopsubsads blockquote cite { display:block; width:225px; height:9px; background:url(../images/casestudies/frieze/shopsubsads_cite.gif) no-repeat 0 0; position:relative; }
.frieze div#shopsubsads blockquote cite a { display:block; width:93px; height:9px; text-indent:-9999px; position:absolute; left:116px; top:0; }
.frieze div#shopsubsads blockquote cite a:hover,
.frieze div#shopsubsads blockquote cite a:focus { background:url(../images/casestudies/frieze/shopsubsads_cite.gif) no-repeat -116px -9px; }

.frieze div#metainfo { clear:both; width:560px; height:150px; padding:53px 0 0 418px; background:url(../images/casestudies/frieze/metainfo_bg.jpg) no-repeat 0 0; margin:0 0 0 -18px; position:relative; }
.frieze div#metainfo h3 { width:112px; height:12px; text-indent:-9999px; background:url(../images/casestudies/frieze/metainfo_h3.gif) no-repeat 0 0; position:absolute; left:30px; top:62px; }
.frieze div#metainfo ul#site_urls { list-style:none; font-size:16px; line-height:24px; font-weight:bold; position:absolute; left:178px; top:56px; margin:0; }
.frieze div#metainfo ul#site_urls li { margin:0; }
.frieze div#metainfo ul#site_urls li a { border-bottom:2px dotted #666; text-decoration:none; color:#666; }
.frieze div#metainfo ul#site_urls li a:hover,
.frieze div#metainfo ul#site_urls li a:focus { border-style:solid; color:#444; }

.frieze div#metainfo h4 { font-style:normal; margin-bottom:0; }
.frieze div#metainfo ul#project_team { position:relative; list-style:none; font-size:11px; padding-left:130px; }
.frieze div#metainfo ul#project_team li { margin:0; }
.frieze div#metainfo ul#project_team li a:link,
.frieze div#metainfo ul#project_team li a:visited { color:#666; border-bottom:1px dotted #9c9c9c; text-decoration:none; }
.frieze div#metainfo ul#project_team li a:hover,
.frieze div#metainfo ul#project_team li a:focus { color:#555; border-bottom:1px solid #777; }
.frieze div#metainfo ul#project_team li img { width:45px; border:1px solid #ccc; position:absolute; top:5px; left:0px; padding:2px; background:#fff; }
.frieze div#metainfo ul#project_team li a:hover img,
.frieze div#metainfo ul#project_team li a:focus img { border-color:#999; }

.frieze div#metainfo ul#project_team li img.count2 { left:65px; }
.frieze div#metainfo ul#project_team li img.count3 { left:130px; }

.frieze div#siteinfo { background:none; height:17px; }
.frieze div#siteinfo p#copyright,
.frieze div#siteinfo ul { top:0; }
.frieze div#siteinfo p#to_top { height:17px; }
.frieze div#siteinfo p#to_top a { height:13px; background-position:0 -67px; }
.frieze div#siteinfo p#to_top a:hover,
.frieze div#siteinfo p#to_top a:focus { background-position:0 -147px; }



/* 2.BEN SAUNDERS
---------------------------------------------------------------------- */

.bensaunders { background:url(../images/casestudies/bensaunders/intro_widescreenimage.jpg) no-repeat center 45px; }
.bensaunders h1#branding { margin-bottom:10px; }

.bensaunders div#content_wrapper { padding:0; }

.bensaunders div#introduction { height:305px; padding-top:100px;  margin:0 0 30px 0; }
.bensaunders div#introduction h3,
.bensaunders div#introduction h1,
.bensaunders div#introduction p { width:545px; }
.bensaunders div#introduction h3 { color:#6c738f; font-size:15px; }
.bensaunders div#introduction h1 { color:#272a50; font-size:76px; font-weight:bold; letter-spacing:-3px; line-height:70px; position:relative; left:-5px; }
.bensaunders div#introduction p { color:#6c738f; font-size:17px; line-height:22px; font-weight:bold; }

.bensaunders div#npsr { background:url(../images/site/erskine_line1.png) repeat-x left bottom; width:945px; padding-bottom:15px; float:left; }
.bensaunders div#npsr_writeup { width:465px; float:left; }
.bensaunders div#npsr_writeup img { border:none; float:left; margin:-10px 15px 0 -7px; }
.bensaunders div#npsr_writeup hr {  }
.bensaunders div#npsr_writeup h3 { width:160px; height:12px; padding-top:10px; text-indent:-9999px; background:url(../images/casestudies/bensaunders/bloggingfromice_h3.gif) no-repeat left bottom; margin-bottom:15px; }

.bensaunders div#npsr_design { width:385px; float:right; }
.bensaunders div#npsr_design ul { list-style:none; height:20px; margin-bottom:10px; }
.bensaunders div#npsr_design ul li { margin:0; float:left; }
.bensaunders div#npsr_design ul li a { display:block; height:20px; text-indent:-9999px; }
.bensaunders div#npsr_design ul li#thumb_home a { width:75px; background:url(../images/casestudies/bensaunders/thumb_home.gif) no-repeat 0 0; }
.bensaunders div#npsr_design ul li#thumb_home a:hover,
.bensaunders div#npsr_design ul li#thumb_home a:focus { background-position:0 -20px; }
.bensaunders div#npsr_design ul li#thumb_home.cur a { background-position:0 -40px; }
.bensaunders div#npsr_design ul li#thumb_about a { width:52px; background:url(../images/casestudies/bensaunders/thumb_about.gif) no-repeat 0 0; }
.bensaunders div#npsr_design ul li#thumb_about a:hover,
.bensaunders div#npsr_design ul li#thumb_about a:focus { background-position:0 -20px; }
.bensaunders div#npsr_design ul li#thumb_about.cur a { background-position:0 -40px; }
.bensaunders div#npsr_design ul li#thumb_equipment a { width:80px; background:url(../images/casestudies/bensaunders/thumb_equipment.gif) no-repeat 0 0; }
.bensaunders div#npsr_design ul li#thumb_equipment a:hover,
.bensaunders div#npsr_design ul li#thumb_equipment a:focus { background-position:0 -20px; }
.bensaunders div#npsr_design ul li#thumb_equipment.cur a { background-position:0 -40px; }
.bensaunders div#npsr_design p { font-size:11px; line-height:17px; }

.bensaunders div#otherbits { clear:both; padding-top:25px; }

.bensaunders div#landing { width:545px; float:right; }
.bensaunders div#landing img { margin-bottom:5px; border:none; }
.bensaunders div#landing p { width:382px; font-size:11px; line-height:15px; font-style:italic; margin:0; }

.bensaunders div#testimonial { width:305px; float:left; }
.bensaunders div#testimonial blockquote { padding:0; border:none; font-family:Helvetica,Arial,sans-serif; line-height:20px; }
.bensaunders div#testimonial p#watchthisspace { width:265px; padding:18px 24px; margin:0 0 0 -10px; background:url(../images/casestudies/bensaunders/watchthisspace_bg.gif) no-repeat 0 0; font-size:12px; line-height:18px; font-style:italic; text-indent:18px; }
.bensaunders div#testimonial p#watchthisspace em { font-weight:bold; }



/* 3.FRITH STREET GALLERY
---------------------------------------------------------------------- */

.frithstreetgallery div#casestudy { font-family:"Times New Roman",serif; font-size:14px; text-align:justify; }

.frithstreetgallery div#introduction { padding:0 640px 20px 0; margin-bottom:40px; position:relative; border-bottom:1px solid #ccc; }
.frithstreetgallery div#introduction h2 { width:307px; height:45px; text-indent:-9999px; background:url(../images/casestudies/fsg/intro_h2.gif) no-repeat 0 0; margin-bottom:5px; }
.frithstreetgallery div#introduction h2 + p:first-line { text-transform:uppercase; font-size:12px; letter-spacing:1px; }
.frithstreetgallery div#introduction p span { display:block; width:31px; height:29px; float:left; text-indent:-9999px; background:url(../images/casestudies/fsg/intro_dropcap.gif) no-repeat 0 0; margin:6px 5px 0 0; }
.frithstreetgallery div#introduction h4 { margin:0; color:#333; font-style:normal; font-size:12px; }
.frithstreetgallery div#introduction img { border:none; position:absolute; right:0; top:10px; }

.frithstreetgallery div#about_galleries { padding:0 560px 20px 0; margin-bottom:40px; position:relative; border-bottom:1px solid #ccc; }
.frithstreetgallery div#about_galleries h3 { width:183px; height:25px; text-indent:-9999px; background:url(../images/casestudies/fsg/artgallery_h3.gif) no-repeat 0 0; margin-bottom:15px; }
.frithstreetgallery div#about_galleries blockquote { padding:0; border:none; background:url(../images/casestudies/fsg/artgallery_quote.gif) no-repeat 0 0; width:465px; height:232px; text-indent:-9999px; position:absolute; right:0; top:40px; }

.frithstreetgallery div#fsg_solutions img { margin-bottom:15px; }
.frithstreetgallery div#fsg_solutions h3 { width:383px; height:18px; text-indent:-9999px; background:url(../images/casestudies/fsg/solutions_h3.gif) no-repeat 0 0; margin-bottom:15px; }
.frithstreetgallery div#technical_solutions { width:465px; float:left; }
.frithstreetgallery div#technical_solutions h4 { width:73; height:14px; text-indent:-9999px; background:url(../images/casestudies/fsg/solutions_technical_h4.gif) no-repeat 0 0; margin-bottom:10px; }
.frithstreetgallery div#technical_solutions ul { list-style:url(../images/casestudies/fsg/bullet.gif); }
.frithstreetgallery div#technical_solutions ul li { list-style-position:inside; margin:0; }

.frithstreetgallery div#aesthetic_solutions { width:385px; float:right; }
.frithstreetgallery div#aesthetic_solutions h4 { width:79px; height:14px; text-indent:-9999px; background:url(../images/casestudies/fsg/solutions_aesthetics_h4.gif) no-repeat 0 0; margin-bottom:10px; }
.frithstreetgallery div#aesthetic_solutions p img { display:inline; border:none; margin-bottom:1px; }
.frithstreetgallery div#aesthetic_solutions p + p { border-bottom:1px dotted #ccc; padding-bottom:20px; }

.frithstreetgallery div#metainfo { background:#eee url(../images/casestudies/fsg/metainfo_bg.gif) no-repeat left bottom; padding:15px 10px 40px 10px; }
.frithstreetgallery div#metainfo h3 { width:auto; height:auto; text-indent:0; background:none; }
.frithstreetgallery div#metainfo h3 a { display:block; width:251px; height:25px; text-indent:-9999px; background:url(../images/casestudies/fsg/metainfo_h3.gif) no-repeat right top; margin-left:114px; }
.frithstreetgallery div#metainfo h3 a:hover,
.frithstreetgallery div#metainfo h3 a:focus { background-position:right -25px; }
.frithstreetgallery div#metainfo p { font-size:18px; color:#666; text-align:right; margin-bottom:0; }
.frithstreetgallery div#metainfo p a { color:#666; text-decoration:none; border-bottom:1px dotted #999; }
.frithstreetgallery div#metainfo p a:hover,
.frithstreetgallery div#metainfo p a:focus { color:#444; border-style:solid; }



/* 4.CSR360
---------------------------------------------------------------------- */

.csr360 div#introduction { position:relative; padding-right:480px; margin-bottom:40px; }
.csr360 div#introduction h1 { width:242px; height:82px; text-indent:-9999px; background:url(../images/casestudies/csr360/intro_h1.gif) no-repeat 0 0; margin-bottom:30px; }
.csr360 div#introduction p.intro { font-size:16px; line-height:24px; font-weight:bold; margin-bottom:30px; }
.csr360 div#introduction img { position:absolute; top:0; right:0; }
.csr360 div#introduction h3 { width:74px; height:11px; text-indent:-9999px; background:url(../images/casestudies/csr360/intro_h3.gif) no-repeat 0 0; margin-bottom:15px; }
.csr360 div#introduction p.funnel { width:385px; padding:22px 110px 28px 35px; font-size:12px; background:url(../images/casestudies/csr360/intro_funnel_bg.gif) no-repeat 0 0; margin:0 0 0 -25px; }
.csr360 div#introduction p.funnel a { color:#831026; }
.csr360 div#introduction p.funnel a:hover,
.csr360 div#introduction p.funnel a:focus { color:#333; }

.csr360 div#process { margin-bottom:30px; overflow:hidden; }
.csr360 div#process h3 { width:945px; height:28px; text-indent:-9999px; background:url(../images/casestudies/csr360/process_h3.gif) no-repeat 0 0; margin-bottom:20px; }
.csr360 div#process_kickoff { width:385px; float:left; }
.csr360 div#process_kickoff p { margin-bottom:8px; }
.csr360 div#process_kickoff img { border:2px solid #bcbcbc; padding:1px; background:#ccc; margin-bottom:8px; }
.csr360 div#process_planning { width:465px; float:right; }

.csr360 div#technology { clear:both; margin-bottom:65px; }
.csr360 div#technology h3 { width:945px; height:29px; text-indent:-9999px; background:url(../images/casestudies/csr360/technology_h3.gif) no-repeat 0 0; margin-bottom:20px; }
.csr360 div#technology p { -moz-column-count:3; -moz-column-gap:15px; -webkit-column-count:3; -webkit-column-gap:15px; margin:0; }

.csr360 div#solutions { position:relative; margin-bottom:35px; }
.csr360 div#solutions h3 { display:none; }
.csr360 div#solutions p { width:945px; height:67px; text-indent:-9999px; font-size:1px; background:url(../images/casestudies/csr360/solutions_p.gif) no-repeat 0 0; margin-bottom:40px; }
.csr360 div#solutions h4 { width:311px; height:11px; text-indent:-9999px; background:url(../images/casestudies/csr360/solutions_h4.gif) no-repeat 0 0; margin-bottom:10px; }
.csr360 div#solutions ul {  width:505px; }

.csr360 div#solutions div#metainfo { width:305px; padding:22px 28px 20px 35px; background:url(../images/casestudies/csr360/solutions_team_bg.gif) no-repeat 0 0; font-size:11px; line-height:17px; position:absolute; right:-28px; top:95px; }
.csr360 div#solutions div#metainfo h5 { margin:0 0 5px 0; color:#999; }
.csr360 div#solutions div#metainfo ul#project_team { width:305px; position:relative; list-style:none; padding-top:55px;  }
.csr360 div#solutions div#metainfo ul#project_team li { margin:0; }
.csr360 div#solutions div#metainfo ul#project_team li a:link,
.csr360 div#solutions div#metainfo ul#project_team li a:visited { font-weight:bold; color:#666; border-bottom:1px dotted #9c9c9c; text-decoration:none; }
.csr360 div#solutions div#metainfo ul#project_team li a:hover,
.csr360 div#solutions div#metainfo ul#project_team li a:focus { color:#555; border-bottom:1px solid #777; }
.csr360 div#solutions div#metainfo ul#project_team li img { width:42px; border:1px solid #ccc; position:absolute; top:0; left:0; padding:2px; background:#fff; }
.csr360 div#solutions div#metainfo ul#project_team li a:hover img,
.csr360 div#solutions div#metainfo ul#project_team li a:focus img { border-color:#999; }

.csr360 div#solutions div#metainfo ul#project_team.count5 li img.count2 { left:64px; }
.csr360 div#solutions div#metainfo ul#project_team.count5 li img.count3 { left:128px; }  
.csr360 div#solutions div#metainfo ul#project_team.count5 li img.count4 { left:192px; }
.csr360 div#solutions div#metainfo ul#project_team.count5 li img.count5 { left:257px; }

.csr360 div#siteinfo { background-position:0 0; height:36px; }
.csr360 div#siteinfo p#copyright,
.csr360 div#siteinfo ul { top:21px; }
.csr360 div#siteinfo p#to_top { height:17px; top:21px; }
.csr360 div#siteinfo p#to_top a { height:13px; background-position:0 -67px; }
.csr360 div#siteinfo p#to_top a:hover,
.csr360 div#siteinfo p#to_top a:focus { background-position:0 -147px; }