/* 
  ## Site:		Caboodle Digital
  ## Version:	0.1
  ## Author:	Ash Crooks
  ## Created:	12/07/10
  ## Modified:	
  
  =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
  || TABLE OF CONTENTS														||
  =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
 
  =00 : IMPORTS
  =00 : BASE
  =00 : LAYOUT

*/

/* -------------------------------------------------------------- 
   
   =00 : IMPORTS
   
-------------------------------------------------------------- */

@import url("css/reset.css");


/* -------------------------------------------------------------- 
   
   =00 : BASE
   
-------------------------------------------------------------- */

/* Default font settings. 
   The font-size percentage is of 16px. (0.625 * 16px = 10px) */
body{
  	background: #f5f5f5 url(img/bg.png) repeat-y center top;
	color: #414141;
	font: normal 62.5%/1 Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
}

#GRID{
	background: url(http://www.caboodledigital.co.uk/images/GRID.png) repeat-y center top;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.alt-font	{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
.main-font	{ font-family: Helvetica, Arial, sans-serif; }

.clear		{ clear: both; }

.hidden{
	position: absolute;
	left: -9999px;
	top: -9999px;
	display: none;
}

a:link,
a:visited{
	color: #414141;
	text-decoration: none;
}

a:hover,
a:active{
	color: #666;
	text-decoration: none;
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/* -------------------------------------------------------------- 
   
   =00 : LAYOUT
   
-------------------------------------------------------------- */

#wrapper{
	width: 940px;
	margin: 0 auto;
	text-align: left;
}

	#header{
		width: 940px;
		position: relative;
		border-bottom: 1px dotted #b7b7b7;
		padding-bottom: 20px;
		padding-top: 20px;
	}
	
		a.logo{
			display: block;
			text-indent: -9999px;
			width: 366px;
			height: 90px;
			background: url(img/logo.png) no-repeat left 6px;
		}
	
		.callus{
			position: absolute;
			top: 20px;
			left: 700px;
			width: 240px;
			text-align: right;
			font-weight: bold;
			font-size: 1.6em;
		}
		
			.callus span{
				display: block;
				font-size: 1.9em;
				color: #e55c00;
				margin: 4px 0 2px;
			}
			
			.callus em{
				font-size: 0.7em;
				font-style: italic;
				font-weight: normal;
			}
		
		#nav{
			list-style: none;
			height: 30px;
		}
		
			#nav li{
				display: inline;
			}
			
				#nav li a{
					display: block;
					float: left;
					height: 30px;
					width: 100px;
					padding: 0;
					text-align: center;
					background: url(img/sprite1.png) no-repeat right 0px;
					color: #fff;
					line-height: 30px;
					font-size: 1.3em;
					text-shadow: -1px -1px 1px #000;
				}
				
				#nav li a:hover{
					background-position: right -40px;
					color: #000;
					text-shadow: none;
				}
				
				#nav li.first a{
					-moz-border-radius: 6px 0 0 0;
					-webkit-border-radius: 6px 0 0 0;
					border-radius: 6px 0 0 0;
				}
				
				#nav li.last a{
					-moz-border-radius: 0 6px 0 0;
					-webkit-border-radius: 0 6px 0 0;
					border-radius: 0 6px 0 0;
					background-position: -440px 0px;
				}
				
				#nav li.last a:hover{
					background-position: -440px -40px;
				}
				
				#nav li.current a{
					font-weight: bold;
				}
				
		#home-banner{
			border-top: 1px solid #fff;
			height: 329px;
			width: 700px;
			position: relative;
		}
		
			#home-banner .slides div{ display: none; }
			#home-banner .slides div.s1{ display: block; }
		
			#home-banner .buttons{
				position: absolute;
				bottom: 0px;
				right: 0px;
			}
			
				#home-banner .buttons p{
					display: inline-block;
					float: right;
					margin: 0 10px 10px 0;
					padding: 0 22px;
					line-height: 30px;
					color: #E95C00;
					background: #fff;
					background: rgba(255, 255, 255, 0.9);
					font-size: 1.3em;
					font-weight: bold;
					-moz-border-radius: 6px;
					-webkit-border-radius: 6px;
					border-radius: 6px;	
				}
				
				#home-banner .buttons ul{
					display: inline;
					float: right;
					margin: 0 10px 10px 0;
					padding-left: 10px;
					padding-right: 5px;
					list-style: none;
					background: #fff;
					height: 30px;
					-moz-border-radius: 6px;
					-webkit-border-radius: 6px;
					border-radius: 6px;	
				}
				
					#home-banner .buttons ul li{
						display: inline;
					}
					
						#home-banner .buttons ul li a{
							display: inline;
							float: left;
							width: 20px;
							height: 20px;
							margin: 5px 5px 0 0;
							color: #fff;
							font-size: 1.5em;
							text-align: center;
							line-height: 18px;
							background: #999;
							-moz-border-radius: 10px;
							-webkit-border-radius: 10px;
							border-radius: 10px;							
							text-indent: -9999px;
							background: url(img/sprite1.png) no-repeat -254px 0;
						}
						
							#home-banner .buttons ul li.b1 a{ background-position: -254px 0; }
							#home-banner .buttons ul li.b1 a:hover,
							#home-banner .buttons ul li.b1 a.current{ background-position: -284px 0; }
							
							#home-banner .buttons ul li.b2 a{ background-position: -305px 0; }
							#home-banner .buttons ul li.b2 a:hover,
							#home-banner .buttons ul li.b2 a.current{ background-position: -335px 0; }
							
							#home-banner .buttons ul li.b3 a{ background-position: -356px 0; }
							#home-banner .buttons ul li.b3 a:hover,
							#home-banner .buttons ul li.b3 a.current{ background-position: -386px 0; }
							
							#home-banner .buttons ul li.b4 a{ background-position: -254px -21px; }
							#home-banner .buttons ul li.b4 a:hover,
							#home-banner .buttons ul li.b4 a.current{ background-position: -284px -21px; }
							
							#home-banner .buttons ul li.b5 a{ background-position: -305px -21px; }
							#home-banner .buttons ul li.b5 a:hover,
							#home-banner .buttons ul li.b5 a.current{ background-position: -335px -21px; }
							
							#home-banner .buttons ul li.b6 a{ background-position: -356px -21px; }
							#home-banner .buttons ul li.b6 a:hover,
							#home-banner .buttons ul li.b6 a.current{ background-position: -386px -21px; }

			
		#header #ourproducts{
			position: absolute;
			right: 0px;
			top: 110px;
		}
		
		#ourproducts{
			width: 220px;
		}
		
			#ourproducts h2{
				height: 40px;
				background: url(img/sprite1.png) no-repeat 0 0;
			}
			
			#ourproducts ul{
				list-style: none;
			}
			
				#ourproducts ul li{
					display: block;
					background: transparent;
				}
				
					#ourproducts ul li a{
						display: block;
						padding-left: 40px;
						height: 33px;
						line-height: 33px;
						font-size: 1.2em;
						border-bottom: 1px dotted #b7b7b7;
						background: url(img/product-icons.png) no-repeat 0 8px;
					}
					
						#ourproducts ul li.last a{
							border-bottom: 0;
						}
						
						#ourproducts ul li.webdes a{ background-position: 0 8px; }
						#ourproducts ul li.webdev a{ background-position: 0 -26px; }
						#ourproducts ul li.ecomer a{ background-position: 0 -60px; }
						#ourproducts ul li.social a{ background-position: 0 -94px; }
						#ourproducts ul li.cmssys a{ background-position: 0 -128px; }
						#ourproducts ul li.search a{ background-position: 0 -164px; }
						#ourproducts ul li.emailm a{ background-position: 0 -198px; }
						
						#ourproducts ul li.hosting a{ background-position: 0 -231px; }
						#ourproducts ul li.webmarketing a{ background-position: 0 -334px; }

						
	#content{
		padding: 20px 0;
	}
	
		.box{
			width: 220px;
		}
		
		#content .box{
			float: left;
			margin-right: 20px;
			margin-bottom: 20px;
		}
		
			#content .box .inside-box{
				background: #eeeeee;
				height: 259px;
				overflow: hidden;
				-moz-border-radius: 0 0 8px 8px;
				-webkit-border-radius: 0 0 8px 8px;
				border-radius: 0 0 8px 8px;
			}
			
			.inside-fade{
				box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5);
   			-webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5);
   			-moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5);
			}
		
			.box h2{
				height: 40px;
				border-bottom: 1px solid #fff;
				background: url(img/sprite1.png) no-repeat 0 0;
				font-size: 2em;
				text-shadow: 1px 1px 1px #fff;
				font-weight: normal;
				line-height: 40px;
				padding-left: 14px;
			}
			
			.box h2.viewall{
				background-position: 0 -40px;
			}
			
			.box h2.hilite{
				background-position: 0 -80px;
			}
			
				.box h2 a{
					display: block;
				}
				
				.box h2.hilite a,
				a.requestcallback{
					color: #fff;
					text-shadow: 1px 1px 1px #e37e2c;
				}
				
					.box h2 a span{
						padding-right: 20px;
						background: url(img/sprite1.png) no-repeat right -99px;
					}
					
					.box h2.hilite a span{
						background: url(img/sprite1.png) no-repeat right -122px;
					}
					
			.portfolio-changing a{
				display: block;
				color: #414141;
				background: #ececec;
			}
			
				.portfolio-changing a img{
					display: none;
				}
				
			#content .box ul.portfolio-changer{
				background: #37383a;
				padding-top: 13px;
				height: 246px;
				width: 220px;
				position: relative;
				overflow: visible;
			}
			
				ul.portfolio-changer li{
					display: block;
				}
				
					ul.portfolio-changer li a{
						display: block;
						position: absolute;
						right: 0px;
						top: 13px;
						font-size: 1.6em;
						color: #fff;
						height: 59px;
						width: 226px;
						padding-right: 14px;
						text-align: right;
						line-height: 56px;
						font-weight: bold;
						text-shadow: -1px -1px 0 rgba(100, 100, 100, 0.7);
						background: url(img/sprite1.png) no-repeat 40px -245px;
					}
					
						ul.portfolio-changer li a:hover,
						ul.portfolio-changer li a.current{
							font-size: 1.8em;
							color: #fff;
						}
					
					ul.portfolio-changer li a#go-pc1:hover,
					ul.portfolio-changer li a#go-pc1.current{ background-position: 0px -245px; }	
					ul.portfolio-changer li a#go-pc2{ background-position: 40px -304px; top: 72px; }
					ul.portfolio-changer li a#go-pc2:hover,
					ul.portfolio-changer li a#go-pc2.current{ background-position: 0px -304px; }
					ul.portfolio-changer li a#go-pc3{ background-position: 40px -363px; top: 131px; }
					ul.portfolio-changer li a#go-pc3:hover,
					ul.portfolio-changer li a#go-pc3.current{ background-position: 0px -363px; }
					ul.portfolio-changer li a#go-pc4{ background-position: 40px -422px; top: 190px; }
					ul.portfolio-changer li a#go-pc4:hover,
					ul.portfolio-changer li a#go-pc4.current{ background-position: 0px -422px; }
					
			.wheredoistart,
			.boxbanner{
				text-align: center;
				position: relative;
			}
			
				.wheredoistart p{
					font-size: 1.4em;
					line-height: 1.3;
					padding: 14px 20px;
				}
			
				.box a.btn{
					display: block;
					text-shadow: -1px -1px 0 rgba(100, 100, 100, 0.7);
					color: #fff;
					font-size: 1.4em;
					width: 114px;
					height: 33px;
					line-height: 28px;
					margin: 0 auto;
					background: url(img/sprite1.png) no-repeat -254px -50px;
					text-align: center;
				}
				
				.wheredoistart a.pickyourpackage{
					display: block;
					position: absolute;
					bottom: 0;
					left: 0;
					color: #fff;
					font-size: 1.4em;
					font-weight: bold;
					text-align: right;
					width: 196px;
					height: 23px;
					padding: 128px 24px 0 0;
					background: url(img/pickyourpackage.jpg) no-repeat 0 0;
				}
				
		ul.drawn{
			list-style: none;
			position: absolute;
			bottom: 10px;
			z-index: 999;
			width: 220px;
			text-align: center;
		}
		
			ul.drawn li{
				display: inline;
			}
			
				ul.drawn li a{
					display: inline-block;
					text-indent: -9999px;
					width: 6px;
					height: 6px;
					background: #8b8b8b;
					margin: 0 2px;
					cursor: pointer;
					-moz-border-radius: 50%;
					-webkit-border-radius: 50%;
					border-radius: 50%;
					behavior: url("http://www.caboodledigital.co.uk/css/border-radius.htc");	
				}
				
				ul.drawn li a.active{
					background: #fff;
				}
				
				.boxadbanner{
					position: relative;
					z-index: 99;
				}
				
		#content #box-boxbanner{
			margin-right: 0;
		}
		
			.boxbanner{
				
			}
				.boxbanner p{
					display: none;
				}
				
				.boxbanner div{
					height: 259px;
					position: relative;
   				-moz-border-radius: 0 0 8px 8px;
					-webkit-border-radius: 0 0 8px 8px;
					border-radius: 0 0 8px 8px;
				}
				
					.boxbanner div a{
						display: block;
						height: 259px;
						width: 220px;
						text-indent: -9999px;
					}
					
		#content #box-whycab{
			width: 700px;
			background: #eeeeee url(img/whycab.jpg) no-repeat right bottom;
			height: 330px;
			-moz-border-radius: 8px;
			-webkit-border-radius: 8px;
			border-radius: 8px;
		}
		
			#box-whycab h2{
				background: none;
				border: 0;
				text-shadow: none;
				padding: 20px 0 0 30px;
				font-size: 2.8em;
			}
			
			#box-whycab ul{
				list-style: disc;
				padding: 30px 0 0 50px;
			}
			
				#box-whycab ul li{
					font-size: 1.8em;
					margin: 10px 0;
				}
				
			#box-whycab p.callus{
				position: relative;
				top: 0;
				left: 0;
				text-align: left;
				padding-top: 40px;
				padding-left: 30px;
				font-size: 1.8em;
				width: 380px;
			}
			
				#box-whycab p.callus a.btn{
					position: absolute;
					right: 0;
					bottom: 20px;
					font-size: 0.8em;
					font-weight: normal;
					text-align: center;
				}
				
		#content #box-adbanner{
			height: 640px;
			float: right;
			margin: 0;
		}
		
		#content #box-testimonials .inside-box,
		#content #box-faqs .inside-box,
		#content #box-latestnews .inside-box{
			height: 249px;
		}
		
		#content #box-testimonials .testimonials{
			background: #37383a;
		}
		
			#box-testimonials blockquote{
				display: block;
				background: url(img/sprite1.png) no-repeat -604px -445px;
			}
			
			#box-testimonials blockquote p{
				color: #fff;
				font-size: 1.3em;
				line-height: 1.3;
				padding: 22px 20px 0 40px;
			}
			
			#box-testimonials blockquote p.author{
				color: #828282;
				font-size: 1.1em;
				padding: 20px 20px 0 20px;
			}
			
				#box-testimonials blockquote p.author span{
					text-transform: uppercase;
				}
			
			#box-testimonials p.author-url a{
				display: block;
				color: #ff902a;
				font-size: 1.1em;
				padding: 20px 0 0 20px;
			}
			
		#content #box-faqs .faqs img{
			background: url(img/faqs.jpg) no-repeat 0 0;
			width: 220px;
			height: 122px;
		}
		
		#content #box-faqs .faqs p{
			margin: 20px 40px;
			width: 140px;
			font-size: 1.8em;
			text-align: center;
		}
		
		#content #box-latestnews .latestnews{
			background: #4b4c4e;
		}
		
		#content #box-latestnews .latestnews img{
			width: 220px;
			height: 122px;
			display: block;
		}
		
		.latestnews ul{
			list-style: none;
			width: 220px;
			height: 126px;
			overflow: hidden;
		}
		
			#content #box-latestnews .latestnews ul li a img{
				display: none;
			}
			
			.latestnews ul li a{
				display: block;
				height: 36px;
				width: 206px;
				overflow: hidden;
				line-height: 36px;
				padding-left: 14px;
				border-top: 1px solid #f7f7f7;
				border-bottom: 1px solid #cecece;
				background: #ececec url(img/sprite1.png) no-repeat -633px -144px;
				-moz-box-shadow: 0 5px 10px #000;
				-webkit-box-shadow: 0 5px 10px #000;
				box-shadow: 0 5px 10px #000;
				color: #787878;
				font-size: 1.1em;
			}
			
			.latestnews ul li a:hover{
				color: #2a2a2a;
				font-style: italic;
				font-size: 1.3em;
				font-weight: bold;
			}
			
		#content #box-follow{
			width: 700px;
			background: #4b4c4e;
			-moz-border-radius: 8px;
			-webkit-border-radius: 8px;
			behavior: url("http://www.caboodledigital.co.uk/css/border-radius.htc");	
			border-radius: 8px;
			position: relative;
		}
		
			#content #box-follow h2{
				background: #ececec;
				border: 0;
				padding: 10px 20px;
				text-align: right;
				-moz-border-radius: 8px 8px 0 0;
				-webkit-border-radius: 8px 8px 0 0;
				border-radius: 8px 8px 0 0;
				font-family: "trebuchet ms", helvetica, arial, sans-serif;
			}
			
				#content #box-follow h2 a{
					display: inline;
					font-weight: bold;
				}
				
			#content #box-follow ul{
				position: absolute;
				bottom: 0;
				left: 50px;
			}
			
				#box-follow ul li{
					display: inline;
				}
				
					#box-follow ul li a{
						display: block;
						float: left;
						height: 74px;
						width: 47px;
						margin-right: 10px;
						text-indent: -9999px;
						background: url(img/sprite1.png) no-repeat -287px -397px;
					}
					
					#box-follow ul li.linkedin a{ background-position: -344px -397px; }
					#box-follow ul li.twitter a{ background-position: -401px -397px; }
			
			#content #box-follow a.tweets{
				float: right;
				padding: 16px;
				padding-right: 38px;
				color: #ececec;
				font-size: 1.1em;
				background: url(img/sprite1.png) no-repeat -496px -141px;
			}
			
		#content a.requestcallback{
			display: block;
			margin: 0;
			height: 60px;
			width: 140px;
			background: url(img/sprite1.png) no-repeat 0 -132px;
			font-size: 3em;
			text-align: center;
			padding: 20px 40px;
			color: #fff;
		}
		
	#footer{
		clear: both;
		padding: 20px 0;
	}
	
		ul#region{
			background: #363636;
			-moz-border-radius: 8px;
			-webkit-border-radius: 8px;
			border-radius: 8px;
			behavior: url("http://www.caboodledigital.co.uk/css/border-radius.htc");	
			height: 40px;
			
				text-align: center;
		}
		
			ul#region li{
				display: inline;
			}
			
				ul#region li a {
					margin-top: -20px;
					display: block;
					float: left;
					padding: 0 25px;
					padding-top: 20px;
					color: #fff;
					font-size: 1.6em;
					height: 40px;
					line-height: 38px;
					
						display: inline;
						float: none;
						padding: 30px 35px 0;
				}
				
				
				
				ul#region li a:hover,
				ul#region li a.current{
					background: url(img/region-cursor.png) no-repeat center top;
				}
				
		#footer p.enquire,
		#footer p.copyright{
			font-size: 1.2em;
			color: #707070;
			float: left;
			padding: 20px 0;
		}
		
		#footer p.copyright { float: right; text-align: right; }
		#footer p.copyright .foot-note { font-size: 11px; display: inline-block; margin: 5px 0; }
		#footer p.copyright .foot-note a { padding: 5px 0; }
		#footer p.copyright .foot-note a:hover { text-decoration: underline; }
		
		#footer p.cabdig-logo { float: left; display: inline; margin: 20px 15px 0 0; }
		#footer p.cabdig-logo a { display:block; width: 73px; height: 29px; background: url(img/footer-cabdig-logo.png) left center no-repeat; text-indent: -9999px; }
		
			#footer p.enquire a{
				border-bottom: 1px solid #707070;
			}
			
			
			
			
			
/* Subpage 2 column style */

	.subpage-2 #box-boxbanner{
		float: right;
	}
	
	.subpage-2 #box-adbanner{
		clear: right;
	}
	
	.subpage-1 #page-content{
		width: 940px;
		margin: 0 0 40px 0;
	}
	
	.subpage-2 #page-content{
		float: left;
		width: 700px;
		margin: 0 0 40px 0; padding-bottom: 20px;		
		}
	
		#page-content .cblock{
			border-bottom: 1px dotted #ddd;
			padding-bottom: 0px;
			margin-bottom: 0px;
		}
	
		#page-content h1{
			/*font-size: 3em;
			line-height: 1.2;*/				
			font-size: 4em;
			line-height: 1.4;
			}
		
		#page-content h2{
			font-size: 2em; color: #4B95C2;
			line-height: 1.2;
			font-weight: normal;
			margin: 30px 0 14px 0;
			
			font-size: 2.4em !important; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic !important; 
			text-transform: capitalize !important; 
		}
		
		#page-content h3{
			font-size: 1.6em;
			line-height: 1.2;
			font-weight: normal;
			text-transform: uppercase;
			margin: 20px 0 7px 0;
		}
		
		#page-content p{
			/*font-size: 1.2em;*/ font-size: 1.3em;
			line-height: 1.4;
			margin: 20px 0; padding-right: 10%;			
			}
		
			#page-content p a,
			#page-content ul a,
			.link-list ul a{
				color: #e55c00;
				font-weight: bold;
				word-wrap: break-word;
				white-space: nowrap;
				text-decoration: underline;				
				}
				#page-content p a:hover,
				#page-content ul a:hover,
				.link-list ul a:hover {	text-decoration: none;	}
		
		#page-content ul,
		.link-list ul{
			list-style: disc;
			padding-left: 30px;
			margin: 20px 0;			
		}
			
			#page-content ul li,
			.link-list ul li {
				font-size: 1.3em;
				line-height: 1.4;
				margin: 5px 0;
				padding-left: 10px;
			}
			
		#content .foot{
			width: 720px;
		}
		






/* Colorbox forms */	
	
.cb-form{
	padding: 20px;
	text-align: left;
}
	
	.cb-form h1{
		font-size: 3em;
		display: block;
		border-bottom: 1px dotted #d1d1d1;
		padding: 0 0 10px 0;
		margin: 0 0 20px 0;
	}
	
	.cb-form p{
		display: block;
		margin: 10px 0 20px 0;
		font-size: 1.2em;
		line-height: 1.4;
	}
	
	.cb-form div{
		display: block;
		margin: 10px 0;
	}
	
		.cb-form div label{
			font-size: 1.2em;
			display: inline-block;
			width: 140px;
			color: #414141;
			text-align: right;
			margin-right: 10px;
			vertical-align: middle;
		}
		
		.cb-form div input,
		.cb-form div textarea{
			font-size: 1.2em;
			padding: 4px;
			color: #414141;
			vertical-align: middle;
			width: 300px;
		}
		
		.cb-form div textarea{
			height: 100px;
		}
		
		.cb-form .submit{
			margin-left: 150px;
			margin-top: 20px;
			width: 400px;
		}
		
			.cb-form .submit input{
				width: auto;
				display: inline-block;
				padding:4px 32px;
				color: #fff;
			}
		
		input.cancel-form-btn, input.submit-form-btn {
			text-transform:uppercase; font-weight:bold; color:#fff; font-size:.9em; font-family:Arial, Helvetica, sans-serif;
			padding:4px 32px;
			cursor:pointer;
			outline:none;
			-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;
			behavior: url("http://www.caboodledigital.co.uk/css/border-radius.htc");	
		}
		
		input.cancel-form-btn {
			border:1px solid #ec8137;
			background:#f4a65b;
		}	
			
		input.submit-form-btn {
			border:1px solid #255e89;
			background:#2d81c1;
		}
		
		p.error, p.success { 
		color:#fff;  font-weight:bold; text-align:center;
		padding:3px;
		margin-bottom: 10px;
		margin-left: 150px;
		width: 308px;
		-moz-border-radius: 6px; 
		-webkit-border-radius: 6px;
		border-radius: 6px; 
		behavior: url("http://www.caboodledigital.co.uk/css/border-radius.htc");	
		}	
		p.error { background:#C00; }
		p.success { background: #693; }		
		
/*/// Web Portfolio /////////////////////////////////////////////////////*/	

#page-content.webportfolio p.return-top{
	margin: 10px 0; padding: 5px 0;
	text-align: right;
	clear: both; overflow: hidden;
	}
	#page-content.webportfolio p.return-top a {
		display: block;
		float: right;
		padding:5px 25px;
		border: 1px solid #999;
		background: #f3f3f3;
		font-weight: normal;
		color: #212121;
		text-shadow: 1px 1px 0px #fafafa;
		text-decoration: none;
		position: relative;		
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;	
		background: -moz-linear-gradient(100% 100% 90deg, #c5c5c5, #e7e7e7);
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e7e7e7), to(#c5c5c5));		
		
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e7', endColorstr='#c5c5c5',GradientType=0 ); /* ie */
		
		}
		
		
		
		#page-content.webportfolio p.return-top a:hover { color: #000; }
		#page-content.webportfolio p.return-top a:active { top: 1px; }
			

.webportfolio  ul#latest, 
.webportfolio  ul#recent {
	width: 920px;
	list-style: none;
	margin: 15px 0; padding: 20px 10px;
	background: #212121;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	behavior: url("http://www.caboodledigital.co.uk/css/border-radius.htc");	
	}
			
	.webportfolio  ul#latest li, 
	.webportfolio  ul#recent li {
		padding: 0;
		width: auto;
		display: inline;
		float: left;
		}
		.webportfolio  ul#latest li { margin: 0 13px 50px; } 
		.webportfolio  ul#recent li { margin: 0 12px 50px; }
		*:first-child+html .webportfolio  ul#recent li { margin: 0 10px 50px; }
	
		.webportfolio  ul#latest li.end, 
		.webportfolio  ul#recent li.end { margin-right: 0; }
	
		.webportfolio  ul#latest li a img.pic, 
		.webportfolio  ul#recent li a img.pic {			
			margin-bottom: 10px;
			padding: 0 !important;
			-moz-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.9) !important; 
			-webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.9) !important; 
			box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.9) !important;
			}
			.webportfolio  ul#latest li a img.pic { width: 280px; }
			.webportfolio  ul#recent li a img.pic { width: 205px; }
		
		
		
		.webportfolio  ul#latest li a,
		.webportfolio  ul#recent li a { color: #9e9e9e; font-weight: normal; text-decoration: none; }
		
		.webportfolio  ul#latest li a:hover,
		.webportfolio  ul#recent li a:hover { color: #e55c00; }
		
			.webportfolio  ul#latest li a span,
			.webportfolio  ul#recent li a span {				
				background: #000; background: rgba(0,0,0,0.2);
				padding: 10px 0;
				font-size: 1.2em; display: block;
				text-align: center;				
				-moz-border-radius: 4px;
				-webkit-border-radius: 4px;
				border-radius: 4px;
				border: 1px solid;
				border-color: #151515 #2c2c2c #2c2c2c #151515;
				behavior: url("http://www.caboodledigital.co.uk/css/border-radius.htc");	
				}
				.webportfolio  ul#latest li a span { width: 278px; }
				.webportfolio  ul#recent li a span { width: 203px; }
		
	
	
	
	
	.pic {
		background:#464548; border-color:#696969;
		padding:5px;
		-moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.9); 
		-webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.9); 
		box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.9);
	}




/* Testimonails page ----------------------------------------------*/

#page-content .testimonial-blocks {
	border: none;
	background: #fafafa;
	border: 1px solid #f1f1f1;
	margin: 20px 0; padding: 10px 20px;	
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	behavior: url("http://www.caboodledigital.co.uk/css/border-radius.htc");	
	}
	
	#page-content .testimonial-blocks blockquote { background: url(img/comments.png) left -7px no-repeat; }
	
	#page-content .testimonial-blocks p { 
		font-size: 1.6em; font-style: italic;
		line-height: 1.4;
		padding-left: 75px; padding-right: 5%;		
		}
	
	#page-content .testimonial-blocks p.author {
		font-size: 1.2em;
		font-style: normal;
		}
	
	#page-content .testimonial-blocks p.author-url a { 
		color: #e55c00;
		padding: 4px 0 4px 35px;
		position: relative;
		background: url(img/icon-web-url.png) left center no-repeat;
		}
		#page-content .testimonial-blocks p.author-url a:hover {}
		#page-content .testimonial-blocks p.author-url a:active { top: 1px; }
	
	

/* FAQs ----------------------------------------------------------------*/

#page-content .faq-questions { font-size: 1.3em; }
#page-content .faq-questions li { line-height: 1.2; }
#page-content .faq-questions a { text-decoration: none; }
#page-content .faq-questions a:hover { text-decoration: underline; }

#page-content .faq-blocks {	padding: 20px 0; border-bottom: none; border-top: 1px dotted #ccc; }
#page-content .faq-blocks p { 
	font-size: 1.3em; line-height: 1.6;
	margin: 20px 0; padding: 0 10% 25px 80px;
	background: url(img/question-mark.png) left top no-repeat;
	}

/* NEWS Styling -----------------------------------------------------*/

#page-content .news-detail { border: none; }
#page-content .news-listing { margin: 35px 0; padding-top: 25px; overflow: hidden; border: none; border-top: 1px dotted #ccc; }

	
#page-content .news-detail h2 { font-size: 3em; margin: 10px 10% 14px 0; font-size: 3em !important; }
#page-content .news-listing h2 { margin: 0 0 14px; }
#page-content .news-listing h2 a:hover { color: #e55c00 !important; }

#page-content div p.meta {
	font-size: 1.1em;
	color: #666;
	margin-top: -10px;
}

#page-content p.news-summary-text {	
	padding: 0 0 15px 0 !important; margin: 20px 8% 25px 0 !important;
	font-size: 1.575em !important; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic !important;
	line-height: 1.4 !important;
	border-bottom: 1px dotted #ccc;
}

#page-content .news-detail .detail-text { overflow: hidden; }

		.news-image { 			
			padding:0; 
			float: left; display: inline;
			margin: 4px 25px 35px 0;
			-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6) !important; 
			-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6) !important; 
			box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6) !important;
			}
			
		#page-content .news-listing .news-image { width: 125px; /*height: 125px;*/ }
		#page-content .news-detail .news-image { width: 220px; }
		
			
	#page-content .news-listing p {	margin: 10px 0; }
	#page-content .news-detail .detail-text p { margin: 0 0 20px; }


#page-content .news-detail .back-btn { margin: 60px 0 10px; clear: both; font-size: 1.1em !important; }
#page-content .news-listing .web-link { /*margin: 15px 0; */ margin: 15px 0 15px 150px; }

#page-content .news-detail .back-link, 
#page-content .news-listing .web-link a {	
	padding:1px 25px;
	border: 1px solid #777;
	background: #f3f3f3;
	font-weight: normal;
	color: #212121;
	text-shadow: 1px 1px 0px #fafafa;
	text-decoration: none;
	position: relative;		
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;	
	background: -moz-linear-gradient(100% 100% 90deg, #c5c5c5, #e7e7e7);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e7e7e7), to(#c5c5c5));	
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e7', endColorstr='#c5c5c5',GradientType=0 ); /* ie */
		
	}
	#page-content .news-detail .back-link { float: left; display: inline; margin-right: 10px; }
	.twitter-share-button { float: left; display: inline; }
	#page-content .news-listing .web-link a { padding: 2px 15px; font-size: .85em; }
	
		#page-content .news-detail .back-link:hover,
		#page-content .news-listing .web-link a:hover { color: #000; }
		#page-content .news-detail .back-link:active,
		#page-content .news-listing .web-link a:active { top: 1px; }






#news-archive {
	float: right;
	width: 220px;
}

#news-archive h3 {
	font-size: 2.2em;
	font-weight: normal;
	margin-left: 15px; margin-top: 15px;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding-bottom:6px;
	border-bottom: 1px dotted #ccc;
}




/* twitter feed */

#twitter-feed { display: block; margin: 15px 0;overflow: hidden; }

#twitter-feed h2 { 
	margin: 0 0 10px !important; padding: 10px; padding-left: 65px;
	font-size: 3em !important; 
	background: url(img/1287673566_Twitter.png) left 3px no-repeat;
	}
	
	
#twitter-feed p { margin: 0 0 15px !important; }
#twitter-feed p a { color: #4B95C2; }

#twitter-feed ul { margin: 0 !important; list-style: none; padding: 0; }
#twitter-feed ul li { 
	border: 1px solid #f3f3f3; 
	padding: 10px 25% 10px 10px; margin: 10px 0; 
	background: #fafafa;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	behavior: url("http://www.caboodledigital.co.uk/css/border-radius.htc");	
	display: block;
	font-size: 1.4em;	
 	}
	 
	 #twitter-feed ul li a { 
		padding:1px 5px; margin: 15px 0 5px;
		display: block;
		width: 18% !important;
		border: 1px solid #777;
		background: #f3f3f3;
		font-weight: normal;
		color: #212121; font-size: 11px !important;
		text-shadow: 1px 1px 0px #fafafa; text-decoration: none; text-align: center;
		position: relative;		
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;	
		background: -moz-linear-gradient(100% 100% 90deg, #c5c5c5, #e7e7e7);
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e7e7e7), to(#c5c5c5)); 	
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e7', endColorstr='#c5c5c5',GradientType=0 ); /* ie */ 
		
		}
		#twitter-feed ul li a:active { top: 1px; }	
		
	 
		#twitter-feed ul li span a { 
			display: inline; 
			margin: 0; padding: 0;
			width: auto !important;
			color: #E55C00;
			border: none;
			background: none;
			text-shadow: none;
			white-space: nowrap;
			word-wrap: break-word;
			font-size: 100% !important;
			
			}
			#twitter-feed ul li span a:hover { text-decoration: underline; }
			#twitter-feed ul li span a:active { color: #4B95C2; top: 0px; }
			
			#twitter_update_list a[target] { 
				target-name: new;
				target-new: window; 
				} 





/* Contact Page Styling -----------------------------------------------------*/

.contact-pg .location-1, 
.contact-pg .location-2 { 
	float: left; 
	width:340px; 
	display: inline;
	}
	.contact-pg .location-1 { margin-right: 20px; }
	
	
	.contact-pg .location-1 a, 
	.contact-pg .location-2 a { position: relative; }
	
	.contact-pg .location-1 a:active, 
	.contact-pg .location-2 a:active { top: 1px; }
	
		.contact-pg .location-1 a img, 
		.contact-pg .location-2 a img { border: none; }

	.contact-pg#page-content .location-1 .tel-number, 
	.contact-pg#page-content .location-2 .tel-number { 
		font-size: 2.8em; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic;
		line-height: 1.4 !important;
		}
		
		
		



/* Content Styling -----------------------------------------------------*/

.sub-heading {
	padding: 0 10% 0 0 !important; margin: 20px 0 45px !important;
	font-size: 1.8em !important; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic !important;
	line-height: 1.4 !important;
	}
	
	.sub-heading-h3 { 
		font-size: 2em !important; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic !important; 
		text-transform: capitalize !important; 
		}
	
	
	.align-left { float: left; }
	
	#step-blocks { overflow: hidden; margin: 35px 0; }
	
	.step-col-1, 
	.step-col-2,
	.step-col-3{ 
		float: left; 
		width:205px; 
		display: inline;
		text-align: center;		
		}
		.step-col-2 { margin: 0 10px; }
		
		.step-col-1 img, 
		.step-col-2 img,
		.step-col-3 img { margin: 0 0 20px; width: 98px; height: 98px; }
		
		.step-col-1 img { margin: 0 0 -10px; width: 128px; height: 128px; position: relative; top: -15px; }
			
		.step-col-1 p, 
		.step-col-2 p,
		.step-col-3 p { 
			font-size: 1.4em !important; 
			padding: 20px !important;
			background: #f5f5f5;
			position: relative;
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;
			border-radius: 4px;	
			behavior: url("http://www.caboodledigital.co.uk/css/border-radius.htc");	
			}
			
		.step-col-1 p span, 
		.step-col-2 p span,
		.step-col-3 p span { 
			position: absolute; top:-25px; left: 65px;
			width: 80px; height: 25px;
			background: url(img/step-arrow.png) center top no-repeat;
			display: block;
			}
			
			
			
.toTop { cursor: pointer; }

.return-top-footer { margin: 25px auto 10px; text-align: center; font-size: 11px; clear: both; display: none; }

.return-top-page { margin: 45px auto 0 !important; padding: 15px 0 !important; text-align: right; font-size: 11px; clear: both; border-bottom: 1px dotted #ccc; border-top: 1px dotted #ccc; }
.return-top-page a { font-size: 11px; font-weight: normal; text-decoration: none !important; }
.return-top-page a:hover { text-decoration: underline !important; }







/* amendment to the home page to add SEO text to page */

#box-whycab { position: relative; }
.blurb-box { /*position: absolute; top: 0px; left: 0px;*/ }



.btn2 {
	display: block;
	text-shadow: -1px -1px 0 rgba(100, 100, 100, 0.7);
	color: #fff !important;
	font-size: 1.4em;
	width: 114px;
	height: 33px;
	line-height: 28px;
	margin: 0 auto;
	background: url(img/sprite8.png) no-repeat -254px -50px;
	text-align: center;
}

.blurb-box p.callus a.btn2 {
    bottom: 20px;
    font-size: 0.8em;
    font-weight: normal;
    position: absolute;
    right: 0;
    text-align: center;
}

.blurb-box .callus a.btn2 { bottom: 14px !important; right: 10px !important;  }
.blurb-box .callus { padding-top: 48px !important; }

.seotxt h2 { margin-bottom: 8px; }
.seotxt p { font-size: 12px; line-height: 1.2; margin-bottom: 16px; padding: 0 220px 0 30px; }

.seotxt .callus { padding-top: 0 !important; line-height: 1.175 !important; }
.seotxt .callus span { margin-bottom: -2px !important; margin-top: -1px !important; }
.seotxt .callus a.btn2 { bottom: 15px !important; right: 230px !important; text-decoration: none !important; }

.seotxt p a { font-weight: bold; text-decoration: underline; }
.seotxt p a:hover { text-decoration: none; }