/*

Corporation Pop.co.uk Master Sheet V.1
Martin @ Corporation Pop
30 June 2010 

*/



/* Master Style Reset*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0}textarea, input{ outline:none;} a {text-decoration:none;} a:focus {outline: 0;}





/* Generic Top Level*/

body{
	font-family:Helvetica, Arial, sans-serif;
	color:#666666;
	font-size:12px;
	}



#container{
	width:960px;
	margin:40px auto 40px auto;
	}

strong {font-weight:bold;}

p {padding:0px 0px 10px 0px;}



/* Master Layout Continers */

#header, #footer{
	width:960px;
	height:40px;
	float:left;
	clear:both;
	}
	
#navigation{
	width:150px;
	height:490px;
	float:left;
	padding:0px 0px 10px 0px;
	}

#body-content{
	width:960px;
	margin:0px auto 0px auto;
	clear:both;
	}
	

#content{
	width:800px;
	padding:10px 0px 0px 0px;
	float:right;
	height:auto;
	}
	

/* Header and Footer Blocks */


.head-left, .footer-left{
	width:150px;
	height:39px;
	float:left;
	text-align:left;
	}	

.head-right, .footer-right{
	width:800px;
	height:39px;
	float:right;
	text-align:left;
	}

.line-top-g{
	border-top:1px solid #666666;
	}
	
.line-bottom-g{
	border-bottom:1px solid #666666;
	}
	
.line-bottom-vlg{
	border-bottom:1px solid #DBDBDB;
	}
	
.line-bottom-w{
	border-bottom:1px solid white;
	}

.social{
	width:230px;
	height:39px;
	float:right;
	text-align:right;
	overflow:hidden;
	}

.head-right img, .head-left img {
	float:left;
	border:none;
	}

.slider-title {
	position:absolute; 
	background-image:url(../layout-images/transparency-80.png); 
	background-repeat:repeat; 
	top:0; 
	left:0; 
	z-index:10; 
	width:470px;
	}

.people-title {
	background-image:url(../layout-images/transparency-80.png); 
	background-repeat:repeat;
	width:790px;
	}

.news-title {
	position:absolute; 
	background-image:url(../layout-images/transparency-80.png); 
	background-repeat:repeat; 
	top:0; 
	left:0; 
	z-index:20; 
	width:790px;
	}
	
.portfolio-title {
	position:absolute; 
	background-image:url(../layout-images/transparency-80.png); 
	background-repeat:repeat; 
	top:0; 
	left:0; 
	z-index:20; 
	width:142px;
	}

.person-title {
	position:absolute; 
	background-image:url(../layout-images/transparency-80.png); 
	background-repeat:repeat; 
	top:0; 
	left:0; 
	z-index:20; 
	width:210px;
	}
	
.person-images-title {
	position:absolute; 
	background-image:url(../layout-images/transparency-80.png); 
	background-repeat:repeat; 
	top:0; 
	left:0; 
	z-index:20; 
	width:270px;
	}


/* Layout Blocks */


.tier {width:800px; clear:left; position:relative; height:auto;}

.one-fifty-w {width:150px;}
.three-ten-w { width:310px;}
.two-hundred-w { width:200px; }
.four-eighty-w { width:480px; }
.eight-hundred-w{ width:800px;}
.two-sixty-w{ width:260px;}
.two-twenty-w{ width:220px;}
.two-eighty-w{ width:280px;}
.two-thirty-w{ width:230px;}
.two-thirty-five-w{ width:235px;}


.two-hundred-h { height:200px; margin:0px 0px 10px 0px; }
.four-ninety-h { height:490px; margin:0px 0px 10px 0px; }
.four-eighty-h { height:480px; margin:0px 0px 10px 0px; }
.four-forty-h { height:440px; margin:0px 0px 10px 0px; }
.eighty-h { height:80px; margin:0px 0px 10px 0px; }

.two-hundred-block {width:200px; height:200px; margin:0px 0px 10px 0px; overflow:hidden; position:relative;}
.two-twenty-block {width:220px; height:220px; margin:0px 0px 10px 0px; overflow:hidden; position:relative;}
.two-eighty-block {width:280px; height:280px; margin:0px 0px 10px 0px; overflow:hidden; position:relative;}	
.one-sixty-block {width:160px; height:160px; overflow:hidden; position:relative; }

.portfolio-block {width:152px; height:152px; position:relative; margin:0px 0px 10px 0px;}

/* Page specific blocks and tweaks */

.cs_p_display {width:490px; height:480px; position:relative; right:0px;}
.ac-list{position:relative; top:-10px; height:auto;}
.profile-block {width:220px; height:200px; margin:0px 0px 0px 0px; overflow:hidden; position:relative;}
.sldevelop {position:absolute; left:490px;}
.people-bg { background-image:url(../layout-images/people-studio-bg.jpg); background-position:top left; background-repeat:no-repeat;}


/* Layout Floats and margins */

.f-right { float:right; }
.f-left { float:left; }
.c-left { clear:left; }

.m-right { margin:0px 10px 0px 0px; }
.m-left { margin:0px 0px 0px 10px; }
.m-top { margin:10px 0px 0px 0px; }
.m-bottom { margin:0px 0px 10px 0px; }
.m-left-bottom { margin:0px 0px 10px 10px; }
.m-left-top { margin:10px 0px 10px 10px; }
.m-right-bottom { margin:0px 10px 10px 0px; }

.p-right { padding:0px 10px 0px 0px; }
.p-left { padding:0px 0px 0px 10px; }
.p-top { padding:10px 0px 0px 0px; }
.p-bottom { padding:0px 0px 10px 0px; }
.p-left-bottom { padding:0px 0px 10px 10px; }
.p-left-top { padding:10px 0px 10px 10px; }
.p-right-bottom { padding:0px 10px 10px 0px; }
.p-right-top { padding:10px 10px 0px 0px; }

.m-bottom-large { padding:0px 0px 40px 0px; }
.m-bottom-medium { padding:0px 0px 20px 0px; }

/* Layout Colour Styles */

.orange-bg { background-color:#ff8700; }

.dark-grey-bg { 
	background-image:url(../layout-images/transparency-80.png); 
	background-repeat:repeat;
	}
	
.mid-grey-bg { 
	background-image:url(../layout-images/transparency-60.png); 
	background-repeat:repeat;
	}

.orange { color:#ff8700; }
.dark-orange { color:#B75300; }
.dark-grey { color:#333333; }
.medium-grey { color:#666666; }
.light-grey { color:#999999; }
.white { color:white; }
.twitter-blue { color:#ff8700; }

/* Layout Text Styles */

.slab{ font-family: "museo-slab-1","museo-slab-2", Helvetica, Arial , sans-serif; }

.column-head {
	line-height:20px;
	height:19px;
	display:block;
	padding:0px 0px 0px 10px;
	/*text-shadow:#B75300 1px 1px 2px;*/
	font-weight:bold;
	}

.column-head-accordian {
	line-height:20px;
	height:19px;
	display:block;
	padding:11px 0px 0px 10px;
	/*text-shadow:#B75300 1px 1px 2px;*/
	font-weight:bold;
	cursor:pointer;
	outline:none;
	}
	
.large-body-copy {
	font-weight:100;
	font-size:33px;
	line-height:31px;
	padding:10px 10px 0px 10px;
	/*text-shadow:#B75300 1px 1px 2px;*/
	letter-spacing:-1.5px;
	}
	
.large-body-copy-heavy {
	font-weight:300;
	font-size:38px;
	line-height:36px;
	padding:10px 10px 0px 10px;
	/*text-shadow:#B75300 1px 1px 2px;*/
	letter-spacing:-2px;
	}
	
.medium-body-copy {
	font-weight:300;
	font-size:19px;
	line-height:21px;
	padding:10px 10px 0px 10px;
	/*text-shadow:#B75300 1px 1px 2px;*/
	letter-spacing:-0.5px;
	}

.medium-small-body-copy {
	font-weight:300;
	font-size:16px;
	line-height:20px;
	padding:10px 10px 0px 10px;
	/*text-shadow:#B75300 1px 1px 2px;*/
	letter-spacing:-0.5px;
	}
	
.small-body-copy {
	font-weight:300;
	font-size:14px;
	line-height:20px;
	padding:10px 10px 0px 10px;
	/*text-shadow:#B75300 1px 1px 2px;*/
	letter-spacing:-1px;
	}
	
.normal-copy {
	font-size:11px;
	line-height:15px;
	padding:10px 10px 0px 10px;
	/*text-shadow:#B75300 1px 1px 2px;*/
	}

.copyright {
	line-height:30px;
	font-size:11px;
	}
	
.column-head-pblock {
	line-height:20px;
	height:18px;
	display:block;
	padding:0px 0px 0px 10px;
	/*text-shadow:#B75300 1px 1px 2px;*/
	font-weight:bold;
	}
	
/* Custom Fields Styles */

.cf p {padding-bottom:10px;}
.cf a {color:#FFFFFF}

.cf-orange a{ text-decoration:underline; color:white; }
.cf-orange a:hover{ color:#B75300; }

.cf-white a{ text-decoration:none; color:#B75300; }

/* Layout Link Styles */

.link-style-one{ text-decoration:underline; color:white; }
.link-style-one:hover{ color:#B75300; }

.link-style-two{ text-decoration:none; color:#333333; }
.link-style-two:hover{ color:#ff8700; }

.normal-copy a { text-decoration:none; color:#333333;}
.normal-copy a:hover { color:#ff8700;}


.home-news{
	position:absolute;
	background-image:url(../layout-images/transparency-80.png);
	background-repeat:repeat;
	top:0;
	text-decoration:none;
	color:white;
	display:inline-block;
	width:180px;
	height:200px;
	padding:30px 10px 0px 10px;
	opacity:1;
	}

.home-news:hover{  
	background-image:url(../layout-images/transparency-80.png);
	opacity:0;
	-webkit-transition:opacity .25s ease-in;
	-moz-transition:opacity .25s ease-in;
	-o-transition:opacity .25s ease-in;
	transition:opacity .25s ease-in;
	background-repeat:repeat;
	padding:230px 10px 0px 10px;
	}
	

/* Navigation */

#navigation h3 { 
	line-height:18px;
	border-bottom:1px solid #666666;
	font-weight:bold;
	cursor:pointer;
	outline:none;
	}
	
#navigation h3 a {
	display:block;
	padding:11px 0px 0px 10px;
	width:140px;
	color:#999999;
	clear:left;
	text-decoration:none;
	outline:none;
	}
	
#navigation ul {
	padding:10px 0px 0px 10px;
	font-size:11px;
	}
	
#navigation ul li {
	color:#333333;
	line-height:19px;
	float:left;
	clear:left;
	}
	
#navigation ul li a {
	display:block;
	padding:0px 0px 0px 10px;
	text-decoration:none;
	color:#333333;
	background-image:url(../layout-images/nav-list-plus.gif);
	background-position:left top;
	background-repeat:no-repeat;
	}

#navigation ul li a:hover {
	text-decoration:none;
	color:#ff8700;
	background-image:url(../layout-images/nav-list-plus.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	}
	

#navigation ul li.current-page a {  /* Active page styling! */
	color:#ff8700;
	background-image:url(../layout-images/nav-list-plus.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	}
	

/* Social and footer */
.social img {
	float:right;
	padding:0px 0px 0px 10px;
	}
	
.social a img{
	display:block;
	border:none;
	}	

.social p a {
	text-decoration:none;
	font-size:11px;
	line-height:50px;
	color:#333333;
	padding:0px 0px 0px 20px;
	}

.social p a:hover {
	text-decoration:none;
	padding:20px 0px 0px 24px;
	background: url(../layout-images/mail-icon.gif) 0px 21px no-repeat;
	color:#FF8900;
	}

.footer-right { text-align:right }


.rss-link{
	float:right;
	display:block;
	width:25px;
	height:31px;
	background:url(../layout-images/rss-icon.gif) left top no-repeat;
	margin:0px 0px 0px 10px;
 }
 
 .rss-link:hover{
	background:url(../layout-images/rss-icon.gif) right top no-repeat;
 }
 
 
 .twitter-link{
 	float:right;
	display:block;
	width:25px;
	height:31px;
	background:url(../layout-images/twitter-icon.gif) left top no-repeat;
	margin:0px 0px 0px 5px;
 }
 
 .twitter-link:hover{
	background:url(../layout-images/twitter-icon.gif) right top no-repeat;
 }
 


/* Related and Link Lists */

.related { padding:10px; font-size:11px; }

.related li { color:#333333; line-height:16px; }

.related li a{ text-decoration:none; color:#333333; }

.related li a:hover{ color:#ff8700; }


/* Twitter Tweak */

	
#twitter_update_list li { list-style:none; }
#twitter_update_list li span { display:block; margin-bottom:5px; }


/* Newsletter and Contact Forms */	

.ml-block {
	width:150px;
	display:block;
	padding:10px 0px 10px 0px;
	float:left;
	font-size:12px;
	}
	
.contact-block-narrow {
	width:150px;
	display:block;
	padding:10px 0px 0px 0px;
	float:left;
	}
	

.ml-field, .contact-field-narrow {
	width:134px;
	height:18px;
	float:left;
	border:1px solid #FFFFFF;
	background:#FFFFFF;
	padding:0px 2px 0px 2px;
	margin:5px 0px 0px 10px;
	color:#666666;
	font-family:Helvetica, Arial, sans-serif;
	font-weight:bold;
	line-height:18px; 
	font-size:11px;
	}
	
.contact-block-wide {
	width:280px;
	display:block;
	padding:0px;
	float:left;
	clear:left;
	}
	
.contact-field-wide {
	width:284px;
	height:18px;
	float:left;
	border:1px solid #FFFFFF;
	background:#FFFFFF;
	padding:0px 2px 0px 2px;
	margin:5px 0px 0px 10px;
	color:#ff8700;
	font-family:Helvetica, Arial, sans-serif;
	font-weight:bold;
	line-height:18px; 
	font-size:11px;
	}
	
.cp{
	margin:5px 0px 0px 10px;
	padding:0px 78px 0px 0px;
	background-color:#FFFFFF;
}

.contact-textarea-wide {
	width:284px;
	height:100px;
	float:left;
	border:1px solid #FFFFFF;
	background:#FFFFFF;
	padding:0px 2px 0px 2px;
	margin:5px 0px 0px 10px;
	color:#666666;
	font-family:Helvetica, Arial, sans-serif;
	font-weight:bold;
	line-height:18px;
	font-size:11px;
	}

.contact-dd {
	width:290px;
	float:left;
	background-color:white;	
	margin:5px 0px 0px 10px;
	border-top: 3px solid #FFFFFF;
	border-left: 2px solid #FFFFFF;
	border-right: 3px solid #FFFFFF;
	border-bottom: 3px solid #FFFFFF;
	font-family:Helvetica, Arial, sans-serif;
	color:#666666;
	font-weight:bold;
	font-size:11px;
	}
	
.ml-submit {
	width:290px;
	height:38px;
	display:block;
	clear:left;
	float:left;
	border:1px solid #FFFFFF;
	color:#FFFFFF;
	text-align:right;
	background-color:#ff8700;
	padding: 0px 40px 0px 0px;
	background-image:url(../layout-images/submit-arrow.gif);
	background-position:right center;
	background-repeat:no-repeat;
	line-height:38px;
	font-size:18px;
	letter-spacing:-0.5px;
	cursor:pointer;
	}
	
.contact-submit {
	width:290px;
	height:38px;
	display:block;
	clear:left;
	float:left;
	border:1px solid #FFFFFF;
	color:#FFFFFF;
	text-align:right;
	background-color:#ff8700;
	padding: 0px 40px 0px 0px;
	margin:10px 0px 0px 0px;
	background-image:url(../layout-images/submit-arrow.gif);
	background-position:right center;
	background-repeat:no-repeat;
	line-height:38px;
	font-size:18px;
	letter-spacing:-0.5px;
	cursor:pointer;
	}
	
/* Contact Styling */	


.contact-address{ height:160px;}
.contact-details{ height:260px;}	
.contact-company-details{ height:30px;}
	

.wpcf7-not-valid-tip-no-ajax, .required-text { font-size:10px; font-weight:bold; color:#B75300; padding:5px 0px 0px 10px;}

.wpcf7-response-output, .wpcf7-validation-errors { clear:left; padding:10px; font-size:11px; line-height:15px; font-weight:bold; color:#FFFFFF; margin-top:20px;}

.required-text { position:absolute; top:455px; clear:left; color:#FFFFFF; margin:10px 0px 0px 0px; }	

/* News Posts */

.post-title h2 {
	font-weight:300;
	font-size:30px;
	line-height:32px;
	padding:10px 10px 10px 10px;
	/*text-shadow:#B75300 1px 1px 2px;*/
	letter-spacing:-1px;
	border-bottom:1px solid #DBDBDB;
	}
	
.post-share {
	width:480px;
	height:36px;
	margin:0px 0px 40px 0px;
	border-top:1px solid #DBDBDB;
	border-bottom:1px solid #DBDBDB;
	}

.post-navigation {
    width:480px;
	position:relative;
	top:-10px;
	height:30px;
	line-height:30px;
	padding:0px 0px 20px 0px;
	}

.post-navigation a {color:#333333;}

.post-nav-left {
	display:block;
	text-align:left;
	position:relative;
	right:10px;
	width:180px;
	height:30px;
	padding:0px 0px 0px 40px;
	background-image:url(../java/lightbox/images/lightbox-btn-prev.gif);
	background-position:center left;
	background-repeat:no-repeat;
	}

.post-nav-right {
	display:block;
	position:relative;
	left:10px;
	text-align:right;
	width:180px;
	height:30px;
	padding:0px 40px 0px 0px;
	background-image:url(../java/lightbox/images/lightbox-btn-next.gif);
	background-position:center right;
	background-repeat:no-repeat;
	}



/* News Type Styles */
	
.post-body h1, .post-body h2, .post-body h3, .post-body h4, .post-body h5, .post-body h6 {
	font-size:11px;
	line-height:15px;
	padding:10px 10px 0px 10px;
	}	

.post-body p {
	font-size:11px;
	line-height:15px;
	padding:10px 10px 0px 10px;
	/*text-shadow:#B75300 1px 1px 2px;*/
	}
	
.post-body p a{ text-decoration:none; color:#333333; }
.post-body p a:hover{ color:#ff8700; }
	

/* Sociable Link Bar */

	
.sociable ul li {
	float:left;
	display:block;
	padding:10px;
	}

/* Logged-In In Page Edit */

.page-edit {
	position:absolute;
	top:40px;
	height:30px;
	left:0px;
	width:115px;
	color:#FFFFFF;
	line-height:30px;
	font-size:14px;
	text-align:left;
	padding:0px 0px 0px 20px;
	background-image:url(../layout-images/edit-page.png);
	background-position:top left;
	background-repeat:no-repeat;
}

.page-edit a{ text-decoration:underline; color:white; }
.page-edit a:hover{ color:#B75300; }