/* 7S WEBSITE MAIN CSS */	
   * {
		margin: 0;
		padding:0;
	}
	a:focus{
		outline:none;
	}
	html, body {    	
		width: 100%;
		background:#FFFFFF;		
	}	
	body {
		padding: 0px 0px 0px 0px;
		margin: 0px;		
	}
	html, body, #wrap {
		height: 100%;
	}	
	body > #wrap {
		height: auto; 
		min-height: 100%;
	}
	#main {
		padding-bottom: 167px;
	} 

	#footer {
		position: relative;
		margin-top: -167px; 
		width:100%;
		height: 167px;		
		clear:both;
		padding-top:20px;		
	}
	#footerInner{		
		width:100%;
		height:167px;		
		background-position:bottom;		
	} 
	#footerImages{
		width:940px;
		height:167px;
		margin:0 auto;
		background:url(http://www.sevenstones.co.uk/themes/7S/images/inner_footer.png) no-repeat;
		background-position:center;
	}

	/* CLEAR FIX*/
	.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		}
	.clearfix {
		display: inline-block;
		}
	/* Hides from IE-mac \*/
	* html .clearfix { 
		height: 1%;
		}
	.clearfix {
		display: block;
		}

	/* HEADER */
	#headerWrapper{
		width:100%;
		min-width:940px;
		height:167px;
		background-repeat:repeat-x;		
	}
	
	#companyName{			
		width:940px;	
		height:50px;
		margin:0 auto;
		background:url(http://www.sevenstones.co.uk/themes/7S/images/companyName.png) no-repeat;
	}
	
	/* NAV MENU */
	#navigationMenu{
		position:relative;
		width:940px;		
		margin:25px auto;
	}
		
	#navigationMenu ul.navMenu{
		padding:0;
		margin:0;
	}
	
	#navigationMenu li{
		display:inline;
		padding-right:25px;
		font-size:18px;
		color:#FFFFFF;
	}
	#navigationMenu li a{
		color:#FFFFFF;
		text-decoration:none;
	}
	
	#navigationMenu li.nav-selected {
		color:#FFFFFF;
		background: url(http://www.sevenstones.co.uk/themes/7S/images/menu_line.png) no-repeat transparent;
		background-position: 0px 3px;
		padding-left: 4px;
		
	}
	
	/*CONTENT WRAPPER*/
	#contentWrapper{
		position:relative;
		margin: -55px auto;
		width:940px;	
		height:auto;
		padding-bottom:55px;
		color:#000000;	
		background:#ffffff;	
	}	
	#headerImage{
		width:940px;
		height:auto;
		border:none;		
	}
	
	#columnLeft{
		position:relative;
		left:0px;
		top:0px;
		width:360px;
	}
	
	.spacer{
		width:100%;
		height:15px;	
	}
	
	/* HOME LAYOUT */	
	#centerTitle{
		width:100%;
		padding-top:15px;
		padding-bottom:10px;
		margin-bottom:5px;	
	}
	#centerTitle.default{
		border-bottom: 1px solid #98C33A;
	}
	#centerTitle.red{
		border-bottom: 1px solid #da0303;
	}
	#centerTitle.blue{
		border-bottom: 1px solid #36b4db;
	}
	#centerTitle.brown{
		border-bottom: 1px solid #562121;
	}	
	
	/* HOME column LEFT */
	#columnsWrapper{		
		width:940px;
		height:auto;				
	}
	#columnLeftHome{
		float:left;		
		width:633px;	
	}
	
	#columnLeftHome.default{
		border-right:3px solid #98C33A;	
	}
	#columnLeftHome.red{		
		border-right:3px solid #da0303;
	}
	#columnLeftHome.blue{		
		border-right:3px solid #36b4db;
	}	
		#columnLeftHome.brown{		
		border-right:3px solid #562121;
	}
	
	/* Articles */			
	#columnLeftHome .article{
		width:97%;		
		padding-top:10px;
	}	
	#columnLeftHome .article.default{
		border-bottom: 1px solid #98C33A;
	}
	#columnLeftHome .article.red{
		border-bottom: 1px solid #da0303;
	}
	#columnLeftHome .article.blue{
		border-bottom: 1px solid #36b4db;
	}
	#columnLeftHome .article.brown{
		border-bottom: 1px solid #562121;
	}		
	#columnLeftHome .artTopic, #columnLeftHome .artMonth{
		float:left;		
		font-size:12px;
		text-align:left;
	}	
	#columnLeftHome .artTopic{		
		padding-right:10px;
		border-bottom: none;
	}
	#columnLeftHome .artTopic.default{		
		color:#98C33A;		
	}
	#columnLeftHome .artTopic.red{		
		color:#da0303;		
	}
	#columnLeftHome .artTopic.blue{		
		color:#36b4db;		
	}	
	#columnLeftHome .artTopic.brown{		
		color:#562121;		
	}	
	#columnLeftHome .artMonth{		
		color:#666666;		
	}	
	#columnLeftHome .artTitle{
		padding-top:15px;
	}	
	#columnLeftHome .artPreviewWrapper{
		padding-bottom:18px;	
		height:30px;
		overflow:hidden;
	}	
	#columnLeftHome .artPreview p{
		color:#666666;
	}
	
	#columnLeftHome .artPreview img{
		border: none;
		margin-bottom: 14px;
	}
	
	.messageApproval{
		margin:0 auto;
		text-align:center;
	}
	/*Comments*/	
	#columnLeftHome .artComments, #columnLeftHome .artMore, .articlePeople .artMore{
		font-size:14px;
		cursor:pointer;
		color: #000000;
	}
	#columnLeftHome .artComments{
		padding-top:15px;
	}
	#columnLeftHome .alertMessage{		
		font-weight:lighter;	
		height:20px;
		background-color:#f9f8b8;
		margin-top:5px;
		display:none;		
	}
	#columnLeftHome .artMore{
		padding-bottom:5px;
	}		
	#columnLeftHome .artComments a{
		text-decoration:none;
		color:#000000;	
	}
		
	#columnLeftHome .artMore{
		text-align:right;
		color:#000000;			
	}
	
	#columnLeftHome .articleCommentPopUp, #columnLeftHome .artCommentsList, 
	#columnLeftHome .artBID, #columnLeftHome .serviceURL, #columnLeftHome .contactURL, #pageMode, .serviceURL{
		display:none;
	}		
	#columnLeftHome ul.artList{		
		font-size:14px;
		padding: 10px 15px 20px 0px;
		margin:0px; 			
	}
	#columnLeftHome ul.artList li{
		list-style:none;
		color:#666666;
	}
	#columnLeftHome ul.artList li.title{
		padding-bottom:5px;
		color: #98C33A;
	}	
	#columnLeftHome ul.artList li a{
		text-decoration:none;
	}
	
	/* HOME column RIGHT */

	#columnRightHome{
		float:left;	
		width:287px;
		padding-left:10px;	
	}
	
	#columnRightHome .articleRight{
		padding-bottom:30px;
	}	
	#columnRightHome .artImageRight{
		padding-bottom:15px;	
	}	
	#columnRightHome .artTitleRight{
		font-size:18px;
		font-weight:bolder;
		padding-bottom:10px;
	}
	
	#columnRightHome div{
		padding-bottom: 30px;
	}
	
	#columnRightHome p{
		padding:5px;
		padding-left:5px;	
	}	
	#columnRightHome p strong{
		color:#555555;
		font-weight:normal;
		
	}
	#columnRightHome p a{
		text-decoration:none;
		color:#555555;
		margin-bottom: 10px;
	}
	
	#columnRightHome a:hover p, #columnRightHome a:hover h3{
		text-decoration:none;
		color:#98C33A;
	}

	/* TWO COLUMNS LAYOUT - PEOPLE */	
	#columnLeftTwo{
		width:280px;		
		padding-right:30px;
		float:left;
	}
	#columnRightTwo{
		width:630px;
		float:left;
	}
	.articlePeople{
		width:100%;		
		padding-top:0px;
		padding-bottom:5px;
		border-bottom: 1px solid #98C33A;
	}	
	.articlePeople .artPreviewWrapper{	
		padding-bottom:18px;		
		height:130px;
		overflow:hidden;
	}	
	.articlePeople .artPreview p{
		color:#666666;
	}	
	.articlePeople.pink{
		border-bottom: 1px solid #E6367C;
	}
	.articlePeople.purple{
		border-bottom: 1px solid #C22884;
	}
	.articlePeople .artMore{
		font-size:14px;
		text-align:right;
		color:#000000;		
	}
	
	/* LANDSCAPE LAYOUT */
	#landscapeContent, #landscapeContentFooter{
		width:940px;
		height:auto;			
	}
	#landscapeContent .clientsLogos{
		margin-top:75px;
	}
	#landscapeContent .workSlider{
		width:820px;				
		margin-top:15px;
		margin-left:65px;			
		padding-right:5px;		
		float:left;
		display:inline;
	}	
	#landscapeContent .workSliderNav{	
		width:23px;			
		float:left;			
		display:none;
	}
	#landscapeContent .workSliderNav .next{
		position:relative;
		top:325px; 
		left:0px;
		width:23px;
		height:30px;
		background:url(http://www.sevenstones.co.uk/themes/7S/images/arrow.png) no-repeat;
		cursor:pointer;
	}
	#landscapeContent .workDescription{
		width:350px;
		margin-left:65px;	
		display:none;
	}
	#landscapeContent .backToWorkLandscape{		
		padding-top:75px;		
		margin-left:65px;
		font-size:12px;
		font-family:Verdana;
		font-weight:bolder;				
	}
	#landscapeContent .backToWorkLandscape a{
		color:#36b4db;
		text-decoration:none;
	}
	
	#landscapeContent .backToWorkLandscape a:hover {    
		color: #555555;
		text-decoration: none;
	}
	
	#landscapeContent p{
		padding-left:20px;
		padding-right:20px;
	}
	#landscapeContent h2, #landscapeContentFooter h2{
		padding: 70px 0px 5px 20px;
	}
	#landscapeContentFooter p{
		padding-left:20px;
		padding-right:70px;
	}
	#landscapeContentFooter .miniSurveyView{
		padding:20px;
	}
	
		
	/* PORTRAIT LAYOUT */
	#portraitContent{
		width:940px;
		height:100%;				
	}	
	#portraitContent .workSlider{	
		width:450px;			
		margin-top:15px;	
		margin-left:245px;
		padding-right:15px;
		float:left;
		display:inline;
	}
	#portraitContent .workSliderNav{	
		width:30px;			
		float:left;	
		display:none;		
	}
	#portraitContent .workSliderNav .next{
		position:relative;
		top:360px; 
		left:0px;
		width:23px;
		height:30px;
		background:url(http://www.sevenstones.co.uk/themes/7S/images/arrow.png) no-repeat;
		cursor:pointer;
	}
	#portraitContent .workDescription{
		width:350px;
		margin-left:65px;
		display:none;	
	}
	#portraitContent .backToWorkPortrait{
		padding-top:75px;		
		margin-left:245px;
		font-size:12px;
		font-family:Verdana;
		font-weight:bolder;	
	}	
	#portraitContent .backToWorkPortrait a{		
		color:#36b4db;
		text-decoration:none;	
	}

	#portraitContent .backToWorkPortrait a:hover {    
		color: #555555;
		text-decoration: none;
	}
	
	#portraitContent .wsImage{
		width:450px;
	}
	/* TWO COLUMNS NO HEADER LAYOUT */
	#columnsWrapperNoHeader{
		position:relative;
		width:940px;			
		/*top:50px;*/
		left:0px;
	}
	#columnsWrapperNoHeader #columnLeft{
		width:280px;
		padding-right:30px;
		margin-top:60px;		
		float:left;			
	}
	#columnsWrapperNoHeader #columnRight{
		margin-top:50px;
		padding-left: 10px;
		width:620px;
		float:left;
	}
	
	/* FORM CSS */
	.cForm{
		color:#000000;
		padding: 10px 20px 10px 20px;
		margin:0;
	}
	.cForm label{
		font-size:16px;		
	}
	form.nyroModal{
		padding-top:10px;
	}
	.cForm input{
		border: 1px solid #000000;
		margin-left:5px;
	}
	.cForm textarea{
		border: 1px solid #000000;
		margin-left:50px;
	}
	.cForm .inputButton{
		margin-left:50px;
	}
	.formBlockSurveyTable{
		color:#666666;
	}
	/* PAGE LIST -PORTFOLIO- */
	.ccm-page-list{
		width:610px;
		height:auto;
		margin:10px auto;	
	}
	.page_list_item{		
		width:270px;
		float:left;	
		padding-left:10px;
		padding-bottom:10px;	
	}
	/* PARTNERS */
	.partnerItem{
		padding-top:10px;
		padding-bottom:10px;
	}
	.partnerItem img{
		padding-left:5px;
	}
	/*BOOK CLUB*/
	.bookClubLogo{
		margin-top:50px;
	}
	.bookRow {
		width:350px;	
		padding:5px;	
	}
	#bookClubGrid{
		position:relative;
		top: 0px;
		left: 0px;
		width:100%;
		height:600px;
		margin-top:65px;		
	}
	.bookWinners{
		display:none;
	}
	.bookClubGridRow{
		width:105px;
		height:135px;
		padding-bottom:70px;
		float:left;
	}
	.bookClubGridRow .bookImageWrapper{
		position:relative;
		height:135px;		
	}
	.bookImageWrapper img{
		position:absolute;
		bottom:0px;
		left:0px;	
		max-height:135px;
		cursor:pointer;		
	}
	.bookYear{
		padding-top:20px;
		font-size:14px;
	}
	.bookYear.yearSelected{
		font-weight:bolder;
		color:#ECC920;
	}
	#bookClubWinners{		
		width:250px;		
		position:absolute;	
		left:-280px;
		top:-5px;		
	}
	#bookClubWinners h2{
		padding-top:0px
	}
	#bookSynopsis #bookTitle h4 {
		padding-bottom: 10px;
	}
	#bookSynopsis #bookDescription {
		border-top: 1px solid #ECC920;
	}
	#bookSynopsis #bookDescription p {
		padding-top: 10px;
	}
	.bookWinnersList li{
		list-style:none;	
		padding-bottom:3px;
		font-size:14px;
	}
	
	.headerSlider .headerImageTitle {
		position: absolute;
		background-color:#98C33A;
		left: 0px;
		bottom: 0px;
		padding: 5px 8px 6px 10px;
		color:#FFFFFF;
		font-size:18px;
	}
	
	/*WHERE PAGE*/
	#locationsList{
		padding:0;
		margin:0;
	}
	#locationsList li{		
		padding-bottom:16px;
		margin-left:25px;
		list-style-image:url(http://www.sevenstones.co.uk/themes/7S/images/tube_logo.png);
		color:#666666;
		font-size:14px;
	}
	#locationsList li a{
		padding-left:5px;
		text-decoration:none;
		color:#666666;
	}