/******************************************/
/*******	COPYRIGHT 2010 ADIGI	*******/
/******************************************/

/*-----------------------------------------*/
/*-------	BODY AND GLOBAL STYLES	-------*/
/*-----------------------------------------*/

body {
	font-size: 10px;
	font-family: Arial, Verdana, Sans-Serif;
	background: #ffffff;
	color: #636363;
	margin: 0 0 20px 0;
	}
	
input.text, textarea{
	font-size: 10px;
	font-family: Arial, Verdana, Sans-Serif;
	}
	
#wrapper{
	width:966px;
	position: absolute;
    top:0;
   	left:50%;
    margin-left:-483px;
	}

#page{
	width:966px;
	float:left;
	font-size: 1.2em;
	margin:20px 0;
	}
	
 form{
	 margin:0;
	 padding:0;
	 }
	 ol{
		margin:0;
		padding:0;
		list-style:none;
	 	}
	 
	 fieldset{
		border:none; 
	 	}
		
	.floatL{
		float:left;
		}
	.floatR{
		float:right;
		}
		
a{
	color:#b44a40;
	text-decoration:none;	
	}
	a:hover{
		text-decoration:underline;
		}
	

/*	--------	HEADINGS  --------  */


h1, h2, h3, h4{
	color:#000;
	font-weight:bold;
	}
	h1{
		font-size:2em;
		text-transform:lowercase;
		}
	h2{
		text-transform:lowercase;	
		}


/*--------------------------------*/	
/*--------	HEADER STYLES --------*/
/*--------------------------------*/

#header {
	padding: 0;
	height: 215px;
	width: 966px;
	float:left;
	font-size:0.8em;
	margin:0 0 25px 0;
	}
	
#header div.headerInner{
	border-left:#666 1px dotted;
	border-right:#666 1px dotted;
	float:left;
	width:966px;
	height:200px;
	padding:0;
	}
	#header div.headerInnerRight{
		float:right;
		height:19px;
		height:193px;
		padding:0;
		width:49%;
		text-align:left;
		background:url(../images/webAddress.gif) bottom left no-repeat;
		}
		#header div.headerInnerLeft{
			width:50%;
			height:200px;
			padding:0;
			border-right:#666 1px dotted;
			float:left;
			position:relative;
			}
			#header div.headerInnerLeft p.strapline a{
				background:url(../images/adigi_we_are_a_digital_agency.gif) top left no-repeat;
				width:244px;
				height:178px;
				display:block;
				margin:10px 0 0 15px;
				text-indent:-3000px;
				overflow:hidden;
				}
		#header p.logo{
			background:url(../images/adigi_digital_agency_leeds.gif) top left no-repeat;
			width:104px;
			height:42px;
			display:block;
			text-indent:-3000px;
			position:absolute;
			top:0;
			}
			#header p.phoneNumber{
				background:url(../images/phone_number.gif) top left no-repeat;
				width:138px;
				position:absolute;
				top:15px;
				right:20px;
				height:22px;
				display:block;
				text-indent:-3000px;
				}
				
				
/*	------------------------------	*/				
/*	----------	FLASH	----------	*/
/*	------------------------------	*/

#flash{
	background:#718b88;
	height:278px;
	width:966px;
	float:left;
	margin:0 0 20px 0;
	}
	
/*	------------------------------	*/				
/*	----------	CONTENT	----------	*/
/*	------------------------------	*/


/* - HOME - */
#home{
	height:166px;
	width:966px;
	float:left;
	}
	#home div.inner{
		border:#666 1px dotted;
		float:left;
		width:964px;
		height:162px;
		position:relative;
		}
		#home div.sect1{
			height:142px;
			float:left;
			width:200px;
			padding:10px;
			overflow:hidden;
			}
		#home div.sect2{
			width:490px;
			background:url(../images/home_image_1.jpg) top left no-repeat #fff;
			height:164px;
			position:absolute;
			top:-1px;
			left:235px;
			}
			#home div.sect3{
				background:url(../images/home_image_2.jpg) top left no-repeat;
				width:240px;
				height:164px;
				position:absolute;
				top:-1px;
				right:-1px;
				}

	#home h2{
		margin:0;
		}
		
	/*	--------------------------------------------------	 */	
		
	#siteFeed{
		float:left;
		width:966px;
		margin:20px 0;
		padding:20px 0;
		}
		#siteFeed ul{
			margin:0;
			padding:0;
			list-style:none;
			float:left;
			}
			#siteFeed ul li.blogItem{
				display:block;
				width:208px;
				float:left;
				height:196px;
				overflow:hidden;
				padding:5px 15px;
				border-right:#666 1px dotted;
				}
				#siteFeed ul li.blogItem.noBorder{
					border:none;
					}
				
				#siteFeed ul li.blogItem h2{
					margin:0;
					font-size:135%;
					}
					#siteFeed ul li.blogItem h2 a{
						color:#718b88;
						margin:0;
						}
						#siteFeed ul li.blogItem a:hover{
							text-decoration:underline;
							}
							#siteFeed ul li p{
								color:#636363;
								}
								#siteFeed p a{
									color:#b44a40;
									font-weight:bold;
									}
									
	#siteFeed ul li.newsItems{
		display:block;
		width:215px;
		padding:7px 15px;
		height:196px;
		float:left;
		border:#666 1px dotted;
		overflow:hidden;
		}
		#siteFeed ul li.newsEntry{
			margin:5px 0;
			xlist-style:inside;
			color:#718b88;
			}
			#siteFeed ul li.newsEntry a{
				color:#718b88;
				text-decoration:none;
				font-weight:bold;
				}
				#siteFeed ul li.newsEntry a:hover{
					text-decoration:underline;
					}	
			
			#siteFeed ul li.newsTitle h3{
				margin:0 0 5px 0;
				}
		
		#siteFeed li.readMore{
			list-style:none;
			}
			#siteFeed li.moreLink a{
				color:#b44a40;
				font-weight:bold;
				}
				#siteFeed span.date{
					color:#000;
					}
			
		
/*	------------------------------	*/				
/*	----------	FOOTER	----------	*/
/*	------------------------------	*/

#footer{
	width:966px;
	float:left;
	border-top:#666 1px dotted;
	border-left:#666 1px dotted;
	border-right:#666 1px dotted;
	margin:40px 0 25px 0;
	position:relative;
	height:auto!important;
	min-height:200px;
	height:200px;
	}
	#footer h3{
		margin:0;
		font-size:120%;
		font-weight:bold;
		}
	
	#footer div.services{
		float:left;
		width:98%;
		padding:10px 10px 20px 10px;
		}
		#footer div.services ul{
			margin:0;
			padding:10px 0 0 0;
			list-style:none;
			float:left;
			width:100%;
			}
			#footer div.services ul li{
				float:left;
				padding:0px 7px 0 0;
				margin:2px 7px 2px 0;
				border-right:#666 1px solid;
				font-size:85%;
				white-space:nowrap;
				display:block;
				font-weight:bold;
				}
				#footer div.services ul li.noBorder{
					border:none;
					}
					
				#footer div.services ul li a{
					color:#b44a40;
					text-decoration: none;
					}
					#footer div.services ul li a:hover{
						text-decoration:underline;
						}
					
		/*	--------------------------------------------------	 */	
		
		#footer div.findOutMore{
			border-right:#666 1px dotted;
			float:left;
			width:600px;
			height:auto!important;
			min-height:200px;
			height:200px;
			}
			#footer div.findOutMore a{
				display:block;
				width:600px;
				height:201px;
				float:left;
				text-indent:-3000em;
				background:url(../images/findOutMore.gif) top left no-repeat;
				position:absolute;
				top:-1px;
				left:-1px;
				overflow:hidden;
				}
		
		
		/*	--------------------------------------------------	 */	
					
		#footer div.newtworks{
			padding:10px 15px;
			float:left;
			height:auto!important;
			min-height:180px;
			height:180px;
			width:15%;
			border-right:#666 1px dotted;
			}
			#footer div.newtworks ul{
				list-style:none;
				margin:0;
				padding:10px 0 0 0;
				}
				#footer div.newtworks li a{
					display:block;
					width:100px;
					height:14px;
					overflow:hidden;
					padding:0 0 0 22px;
					margin-bottom:5px;
					color:#666;
					text-decoration:none;
					float:left;
					}
					
					#footer div.newtworks li a.rss:hover,
					#footer div.newtworks li a.twitter:hover,
					#footer div.newtworks li a.linkedin:hover,
					#footer div.newtworks li a.facebook:hover{
						background-position:0 0;
						color:#000;
						}
					
					
					#footer div.newtworks li a.rss{
						background:url(../images/network_rss.gif);
						background-position:0 -14px;
						background-repeat:no-repeat;
						}
					#footer div.newtworks li a.twitter{
						background:url(../images/network_twitter.gif);
						background-position:0 -14px;
						background-repeat:no-repeat;
						}
					#footer div.newtworks li a.facebook{
						background:url(../images/network_facebook.gif);
						background-position:0 -14px;
						background-repeat:no-repeat;
						}
					#footer div.newtworks li a.linkedin{
						background:url(../images/network_linkedin.gif);
						background-position:0 -14px;
						background-repeat:no-repeat;
						}	
						
	/*-----------------------------------------------------*/
					
	#footer div.info{
		float:right;
		text-align:right;
		width:15%;
		height:155px;
		padding:10px;
		}
		#footer div.info p{
			clear:both;
			float:right;
			margin:5px 0;
			width:100%;
			}
			#footer div.info p a{
				color:#666;
				font-weight:bold;
				text-decoration:none;
				margin-bottom:0px;
				}
		
		#footer div.info p.logo{
			background:url(../images/adigi_digital_agency_yorkshire.gif) top left no-repeat;
			text-indent:-3000em;
			display:block;
			text-align:left;
			height:46px;
			width:46px;
			float:right;
			clear:both;
			margin:0 0 10px 0;
			}
					

/*	------------------------------------	*/
/*	----------	PAGE CONTENT  ----------	*/
/*	------------------------------------	*/

#content{
	padding:0 0 0 15px;
	border-left:#666 1px dotted;
	float:left;
	width:951px;
	position:relative;
	}
	#content.minHeight{
		height:250px;
		height:auto!important;
		min-height:250px;
		}
		#content.posts{
			width:65%;
			}
	#content div.contentLeft{
		width:47%;
		float:left;
		}
		#content div.contentRight{
			width:50%;
			float:right;
			}
			#content div.contentLeft p{
				margin-bottom:10px;
				}
	
	#content h1, #content h2{
		margin-bottom:10px;
		}
		
		
	/*	---------------------------------	*/
		
		
	div.childPagesSummary{
		border-left:#666 1px dotted;
		border-right:#666 1px dotted;
		float:left;
		width:936px;
		padding:0 15px;
		margin:20px 0 0 0;
		}
		div.childPagesSummary ul{
			padding:0 0 0 25px;
			margin:0;
			list-style:none;
			width:23%;
			float:left;
			}
			div.childPagesSummary ul li{
				display:block;
				width:100%;
				margin-bottom:10px;
				border-bottom:#666 1px dotted;
				}
				div.childPagesSummary ul li h2{
					font-size:1.4em;
					margin:0;
					}
					div.childPagesSummary ul li h2 a{
						color:#718b88;
						}
				div ul li a.readMore{
					color:#b44a40;
					font-weight:bold;
					}
					
					
	/*	---------------------	*/
	
	#portfolio{
		border-right:#666 1px dotted;
		float:left;
		width:967px;
		margin:20px 0 0 0;
		}
		#portfolio div.leftCol{
			width:726px;
			float:left;
			}
			#portfolio div.leftCol ul{
				float:left;
				width:100%;
				margin:0 0 20px 0;
				padding:0;
				list-style:none;
				border-bottom:#666 1px dotted;
				}
				#portfolio div.leftCol ul li{
					float:left;
					text-align:center;
					margin-right:3px;
					font-weight:bold;
					}
					#portfolio div.leftCol ul li.noMargin{
						margin:0;
						}
						
		#portfolio div.rightCol{
			float:right;
			width:20%;
			padding:0 20px 0 20px;
			}
			#portfolio div.rightCol ul{
				margin:0;
				padding:0;
				list-style:none;
				color:#718b88;
				}
				#portfolio div.rightCol ul li{
					margin:0 0 5px 0;
					}
					
					
					
	/*	------------------	*/
	
	#contact{
		}
	
		div.contactForm{
			width:465px;
			float:right;
			margin:-240px -1px 0 0;
			background:url(../images/contactBG.gif) top left no-repeat #718b88;
			padding:160px 10px 20px 10px;
			}
			
			div.checkboxWrap{
				float:left;
				width:100%;
				border-top:#fff 1px dotted;
				border-bottom:#fff 1px dotted;
				margin-top:20px;
				}
			
			div.contactForm ol{
				border-top:#fff 1px dotted;
				padding:20px 0 0 0;
				width:100%;
				float:left;
				}
				div.contactForm ol.checkboxes{
					border:none;
					padding:10px 0;
					width:48%;
					float:left;
					}
					div.contactForm ol.checkboxes li{
						padding:0;
						margin:0;
						}
					div.contactForm ol.checkboxes label{
						float:right;
						width:80%;
						font-size:1em;
						height:100%;
						}
						
					input.check{
						float:left;
						background:#fff;
						padding:3px;
						margin-top:2px;
						}
			
			div.contactForm li{
				width:100%;
				float:left;
				list-style:none;
				margin-bottom:1px;
				}
				div.contactForm label{
					width:228px;
					display:block;
					float:left;
					color:#fff;
					padding:5px 0;
					font-weight:bold;
					font-size:1.1em;
					}
					div.contactForm input.text{
						float:left;
						width:220px;
						padding:5px 6px;
						height:15px;
						}
						div.contactForm textarea{
							float:left;
							width:220px;
							height:100px;
							padding:5px 6px;
							height:60px;
							}
						
						
		div.contactForm div.errors{
			float:left;
			padding:10px 0 10px 0;
			margin:10px 0 20px 0;
			color:#b44a40;
			background:#FFF;
			}
			div.contactForm div.errors p{
				margin-left:10px;
				font-size:1.1em;
				font-weight:bold;
				
				}
				div.contactForm div.errors ul{
					margin:0;
					padding:10px;
					}
						
						
						
		p.checkboxesTitle{
			margin:10px 0 0 0;
			color:#cbcbcb;
			font-weight:bold;
			font-size:0.9em;
			}
			
	input.send{
		width:102px;
		display:block;
		height:37px;
		border:none;
		float:right;
		cursor:pointer;
		background:url(../images/contactSendBtn.gif) top left no-repeat;
		}
		input.send:hover{
			background-position:bottom;
			}
	


/*	------	SIDEBAR -----  */

#sidebar{
	float:right;
	width:30%;
	}