/** 
------------------------------
FI Colour Swatch
------------------------------

Dark Purple:#4e2f92
Light Purple:#b4a0d0

Design Pink:#f383af
Print Blue:#64c5ef
Web Green:#86c982
Copy Orange:#f79663
Marketing Yellow:#e8d85d
Email Light Purple:#b4a0d0
**/

@import url("reset.css");
@import url("typography.css");
@import url("tables.css");
@import url("facebox.css");

.new-home{background:#FFF;}
.new-home h1{ border-top:1px solid #CCC;border-bottom:1px solid #CCC; text-align:center; width:80%; margin:40px auto 35px auto; line-height:40px; padding-left:50px; padding-right:50px;}
.new-home .third{width:293px; float:left; margin-right:20px;}
.new-home .third:last-child{margin-right:0;}
.new-home .feature{margin-bottom:25px;}
.new-home #thirds{padding-top:25px; border-top:10px solid #EEE; margin-top:25px;}
.new-home #main-full{margin-top:25px;}
.new-home h2{font-size:24px;}
.new-home p{font-size:14px; line-height:22px;}




.new-home div.item blockquote{background:#FFF; border:none;}
body{
	background:#E8E8E8;
	font-family:Helvetica, Arial, sans-serif;
	font-size:62.5%;
	
	
}
#page{ 
	
	background:#FFF;
	color:#444444;
	margin:0 auto;
	padding:20px;
	width:920px; 
}
	#header{
			height:80px;
			position:relative;
	}
		img#logo{margin-top:10px}
		img#tel{margin-top:10px;}
		ul#nav{position:absolute; top:60px; right:0;}
		ul#nav, ul#footer-links{
				list-style-type:none;
		}
		
		ul#nav li, ul#footer-links li{
				display:inline;
		}
		
		ul#nav li a{
				color:#4E2F92;
				font-weight:700;
				font-size:1.4em;
				line-height:1.8em;
				text-decoration:none;
		}
		
		ul#nav li a:hover, ul#footer-links li a:hover, #footer a:hover{
				text-decoration:underline;
		}
	#content{
			margin:20px 0 10px 0;
			border-top:1px solid #ececec;
			padding-top:20px;
			}
	#home #content{
			margin:10px 0;
			border-top:none;
			padding-top:0;
			}
	#home #left{padding:15px; width:600px;}
					
			
			object#feature{border:1px solid #ececec; padding:10px; width:100%; height:260px; margin-top:10px;}
			#left{
			float:left;
			width:630px;
			padding-top:10px;
			}
			
			#service-links, .cs-description{width:270px; float:left;}
			#contentArea, .cs-images{width:630px; float:right; position:relative;}
			
			.case-study{position:relative;}
			.cs-images{position:relative;}
			 .cs-description, .cs-images{border-top:1px solid #ececec; padding:10px 0; margin:10px 0;}
			#sidebar{
			float:right;
			width:270px;
			padding-top:20px;
			}
			#inner-sidebar{
			float:left;
			width:270px;
			padding-top:20px;
			}
			
			#services{border:1px solid #ececec; padding:5px 0;}
			#services-container{margin-top:20px;}
			h2#wwd{margin-bottom:0;}
			#services dl{}
			#services dl{width:270px; float:left; padding:10px 20px 10px 10px; font-size:1.3em; line-height:145%;}
			#services dl dd{margin-bottom:10px;}
			#services dt{font-size:1.3em; font-weight:700; line-height:145%;}
			#services dt#design{color:#f383af; }
			#services dt#design a{color:#f383af;}
			#services dt#printing{color:#2cc5ef; }
			#services dt#printing a{color:#2cc5ef;}
			#services dt#copywriting{color:#f79663; }
			#services dt#copywriting a{color:#f79663;}
			#services dt#websites{color:#86c982; }
			#services dt#websites a{color:#86c982;}
			
			#services dt#email{color:#a6a0d0;}
			#services dt#email a{color:#a6a0d0;}
			#services dt#marketing{color:#e8d834; }
			#services dt#marketing a{color:#e8d834;}
			
/*****Portfolio Layout*****/
div#portfolio-container { margin: 20px 0; overflow: hidden; width: 920px; padding:10px; }

ul#filter { float: left; font-size: 16px; list-style: none; margin-left: 0; width: 100%; margin-bottom:10px;  padding-bottom:10px; border-bottom:1px solid #ececec;}
ul#filter li { 
	border-right: 1px solid #ececec;
	float: left;
	line-height: 16px;
	margin-right: 10px;
	padding-right: 10px;
}
ul#filter li:last-child { border-right: none; margin-right: 0; padding-right: 0; }
ul#filter a {  text-decoration: none; }
ul#filter li.current a, ul#filter a:hover { text-decoration: underline; }
ul#filter li.current a { font-weight: bold; }

ul#portfolio { float: left; list-style: none; margin-left: 0; width: 920px; }
ul#portfolio li { 
	border: 1px solid #ececec; 
	float: left; 
	margin: 0 16px 10px 0; 
	padding: 5px;
	width: 202px;
}
ul#portfolio a:link, ul#portfolio a:visited { display: block; width: 100%; color:#4E2F92; font-size:1.3em; }
ul#portfolio a:hover { text-decoration: none; }
ul#portfolio img { border: 1px solid #ececec; display: block; padding-bottom: 5px; margin-bottom:10px; }


	#footer{border-top:1px solid #ececec; padding-top:10px;}
	#footer p{
			font-weight:700;
			font-size:1.1em;
			line-height:1.6em;
			}
	ul#footer-links li a{
				color:#4E2F92;
				font-weight:700;
				font-size:1.1em;
				line-height:1.6em;
				text-decoration:none;
		}
		
	#footer a{
				color:#4E2F92;
				font-weight:700;
				font-size:1.1em;
				line-height:1.6em;
				text-decoration:none;
		}
	
	/**Misc Classes**/
	
	.floatl{float:left;}
	.floatr{float:right;}
	#services dl.pl{padding-left:20px;}
	.br{border-right:1px solid #ececec;}
	.clear:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

  /* image replacement */
        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
			


/* Easy Slider */

	.cs-images ul, .cs-images li{
		margin:0;
		padding:0;
		list-style:none;
		position:relative;
		}
	#slider2{margin-top:1em;}
	.cs-images li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:630px;
		height:405px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	 ol#ojscontrols, ol#tajcontrols, ol#clkcontrols, ol#bracontrols,  ol#shicontrols, ol#in2controls, ol#ohhcontrols, ol#cbhcontrols, ol#sqncontrols, ol#xlscontrols, ol#hprcontrols, ol#ggucontrols, ol#procontrols, ol#ltccontrols, ol#stmcontrols, ol#btcontrols, ol#stonecontrols, ol#modcontrols, ol#smoothcontrols, ol#avonchemcontrols, ol#girlguidingmanchestercontrols, ol#wildlifeartistcontrols, ol#eventandmusicmediacontrols, ol#altusadventurecontrols, ol#newmillscontrols, ol#craftroomcontrols, ol#gdccontrols, ol#bradcontrols{
		margin:1em 0;
		padding:0;
		height:28px;
		width:85px;
		}
		
			ol#btscontrols, ol#ucccontrols, ol#sflcontrols, ol#clucontrols {
		margin:1em 0;
		padding:0;
		height:28px;
		width:62px;
		}
		
		ol#flecontrols{
		margin:1em 0;
		padding:0;
		height:28px;
		width:38px;
		
		}
		
		ol#hpccontrols, ol#heacontrols, ol#sprcontrols, ol#nhscontrols, ol#sglcontrols, ol#bsccontrols, ol#revivecontrols, ol#glcontrols, ol#bcollcontrols, ol#bgcontrols, ol#the-unit-controls{
		margin:1em 0;
		padding:0;
		height:28px;
		width:105px;
		}
		
		ol#pascontrols {
		margin:1em 0;
		padding:0;
		height:28px;
		width:150px;
		}
		
		ol#bukcontrols, ol#springfieldcontrols {
		margin:1em 0;
		padding:0;
		height:28px;
		width:130px;
		}
		
		
		
		ol#hpccontrols, ol#ojscontrols, ol#sflcontrols, ol#tajcontrols, ol#clkcontrols, ol#nhscontrols, ol#bracontrols, ol#pascontrols , ol#shicontrols, ol#btscontrols, ol#ucccontrols, ol#in2controls, ol#ohhcontrols, ol#cbhcontrols, ol#sqncontrols, ol#xlscontrols, ol#flecontrols, ol#clucontrols, ol#hprcontrols, ol#ggucontrols, ol#procontrols, ol#bukcontrols, ol#ltccontrols, ol#stmcontrols, ol#heacontrols, ol#sprcontrols, ol#sglcontrols, ol#bsccontrols, ol#bcollcontrols,  ol#btcontrols, ol#stonecontrols, ol#modcontrols, ol#smoothcontrols, ol#revivecontrols, ol#glcontrols, ol#bgcontrols, ol#avonchemcontrols, ol#girlguidingmanchestercontrols, ol#wildlifeartistcontrols, ol#eventandmusicmediacontrols, ol#altusadventurecontrols, ol#springfieldcontrols, ol#the-unit-controls, ol#newmillscontrols, ol#craftroomcontrols, ol#gdccontrols, ol#bradcontrols{
			position:absolute;
		right:-22px;
		top:390px;
		}
	
		
	ol#hpccontrols li, ol#ojscontrols li, ol#sflcontrols li, ol#tajcontrols li, ol#clkcontrols li, ol#nhscontrols li, ol#bracontrols li, ol#pascontrols li, ol#shicontrols li, ol#btscontrols li, ol#ucccontrols li, ol#in2controls li, ol#ohhcontrols li, ol#cbhcontrols li, ol#sqncontrols li, ol#xlscontrols li, ol#flecontrols li, ol#clucontrols li, ol#hprcontrols li, ol#ggucontrols li, ol#procontrols li, ol#bukcontrols li, ol#ltccontrols li, ol#stmcontrols li, ol#heacontrols li, ol#sprcontrols li, ol#bsccontrols li, ol#sglcontrols li, ol#bcollcontrols li, ol#btcontrols li, ol#stonecontrols li, ol#modcontrols li, ol#smoothcontrols li, ol#revivecontrols li, ol#glcontrols li, ol#bgcontrols li, ol#avonchemcontrols li, ol#girlguidingmanchestercontrols li, ol#wildlifeartistcontrols li, ol#eventandmusicmediacontrols li, ol#altusadventurecontrols li, ol#springfieldcontrols li, ol#the-unit-controls li, ol#newmillscontrols li, ol#craftroomcontrols li, ol#gdccontrols li, ol#bradcontrols li{
		margin:0 5px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#hpccontrols li a, ol#ojscontrols li a, ol#sflcontrols li a, ol#tajcontrols li a, ol#clkcontrols li a, ol#nhscontrols li a, ol#bracontrols li a, ol#pascontrols li a, ol#shicontrols li a, ol#btscontrols li a, ol#ucccontrols li a, ol#in2controls li a, ol#ohhcontrols li a, ol#cbhcontrols li a, ol#sqncontrols li a, ol#xlscontrols li a, ol#flecontrols li a, ol#clucontrols li a, ol#hprcontrols li a, ol#ggucontrols li a, ol#procontrols li a, ol#bukcontrols li a, ol#ltccontrols li a, ol#stmcontrols li a, ol#heacontrols li a, ol#sprcontrols li a, ol#sglcontrols li a, ol#bsccontrols li a,  ol#bcollcontrols li a, ol#btcontrols li a, ol#stonecontrols li a, ol#modcontrols li a, ol#smoothcontrols li a, ol#revivecontrols li a, ol#glcontrols li a, ol#bgcontrols li a, ol#avonchemcontrols li a, ol#girlguidingmanchestercontrols li a, ol#wildlifeartistcontrols li a, ol#eventandmusicmediacontrols li a, ol#altusadventurecontrols li a, ol#springfieldcontrols li a, ol#the-unit-controls li a, ol#newmillscontrols li a, ol#craftroomcontrols li a, ol#gdccontrols li a, ol#bradcontrols li a{
		float:left;
		height:18px;
		line-height:18px;
		border:1px solid #ccc;
		background:#AC9ECD;
		color:#555;
		padding:0 5px;
		text-decoration:none;
		}
	ol#hpccontrols li.current a, ol#ojscontrols li.current a, ol#sflcontrols li.current a, ol#tajcontrols li.current a, ol#clkcontrols li.current a, ol#nhscontrols li.current a, ol#bracontrols li.current a, ol#pascontrols li.current a, ol#shicontrols li.current a, ol#btscontrols li.current a, ol#ucccontrols li.current a, ol#in2controls li.current a, ol#ohhcontrols li.current a, ol#cbhcontrols li.current a, ol#sqncontrols li.current a, ol#xlscontrols li.current a, ol#flecontrols li.current a, ol#clucontrols li.current a, ol#hprcontrols li.current a, ol#ggucontrols li.current a, ol#procontrols li.current a, ol#bukcontrols li.current a, ol#ltccontrols li.current a, ol#stmcontrols li.current a, ol#heacontrols li.current a, ol#sprcontrols li.current a, ol#sglcontrols li.current a, ol#bsccontrols li.current a,  ol#bcollcontrols li.current a, ol#btcontrols li.current a, ol#stonecontrols li.current a, ol#modcontrols li.current a, ol#smoothcontrols li.current a, ol#revivecontrols li.current a, ol#glcontrols li.current a, ol#avonchemcontrols li.current a, ol#bgcontrols li.current a, ol#girlguidingmanchestercontrols li.current a, ol#wildlifeartistcontrols li.current a, ol#eventandmusicmediacontrols li.current a, ol#altusadventurecontrols li.current a, ol#springfieldcontrols li.current a, ol#the-unit-controls li.current a, ol#newmillscontrols li.current a, ol#craftroomcontrols li.current a, ol#gdccontrols li.current a, ol#bradcontrols li.current a{
		background:#4E2F92;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */

/** Blog Styles **/



div.item{
	width: auto;
	margin-bottom: 10px;
	margin-top:0;
}


div.item blockquote, div.grey-box {
	margin: 0px;
	padding: 10px;
	border: 1px solid #CCCCCC;
	background-color: #f9f9f9 ;
}
div.item blockquote{
padding-bottom:0; font-size:1.1em;}
div.grey-box p{margin-bottom:0;}

div.date{width:40px; height:54px; float:left; margin:0 10px 10px 0; color:#FFFFFF;}
div.day{background:url(../img/sidebar-blog/day-bg.gif) no-repeat; font-weight:700; font-size:2em; width:40px; height:25px;  padding:8px 0 0 0; text-align:center;}
div.month{background:url(../img/sidebar-blog/month-bg.gif) no-repeat; width:40px; height:13px; font-size:1.3em; text-transform:uppercase; text-align:center; padding:4px 0;}

div.grey-box{margin-bottom:10px;}

/** SIgnp form styles**/

form#signup input{border:1px solid #4E2F92; padding:5px;}
form#signup input#submit{background: #4E2F92; padding:5px; color:#FFFFFF; width:25px; height:25px; margin-left:10px; margin-top:2px; font-weight:700;}

#socials li, #client-area-icons li{background:url(../img/horizontal-pipe.gif) no-repeat; background-position:right; float:left;}
#socials li.last, #client-area-icons li.last{background:none;}
#socials li a, #client-area-icons li a{padding:10px 15px; float:left; display:block;}


/* Contact Form Styles*/
        form#contact{padding:30px; border:1px solid #CCC; background:#F9F9F9;}
		form#contact label{color:#666; font-weight:700; font-size:1.3em; margin-bottom:15px;}
		form#contact div{margin:10px 0;}
		form#contact input{ border:1px solid #a9a9a9; padding:5px; height:20px; width:400px; margin-bottom:5px;}
		form#contact textarea{ border:1px solid #a9a9a9; float:left; padding:5px; width:400px; margin-bottom:5px;}
		form#contact input#submit{ width:100px; height:40px; padding:10px; margin-bottom:20px; background:#4E2F92; color:#FFF;}
		span.grey{color:#a9a9a9; font-weight:normal;}
		
		#alert h4.warning{background:#FEEFB3; color:#D2AC5F; border:1px solid #D2AC5F; padding:5px; width:90%; margin-bottom:5px;}
#alert h4.success{background:#CEE6C3; color:#1E9145; border:1px solid #1E9145; padding:5px; width:90%; margin-bottom:5px;}

/** what we do boxes **/

dl.boxed
{
border: 1px solid #CCC;
border-left-width:2px;
border-bottom-width:2px;
background-color: #FFF;
width: 280px;
height:140px;
padding: 0 0 10px 0;
float:left;
margin: 0 20px 20px 0;
}

.boxed dt
{
background: #FFF;
padding:10px 10px 5px 10px;
margin-bottom: 10px;
}
.boxed dt a
{
font-weight: bold;
font-size:1.6em;
line-height:145%;
}
/**
#design dt{background:#f383af;}
#print dt{background:#64c5ef;}
#web dt{background:#86c982;}
#copy dt{background:#f79663;}
#email dt{background:#e8d85d;}
#marketing dt{background:#b4a0d0;}
**/

#design dt a,#design dd a{color:#f383af;}
#print dt a, #print dd a {color:#64c5ef;}
#web dt a, #web dd a{color:#86c982;}
#copy dt a, #copy dd a{color:#f79663;}
#email dt a, #email dd a{color:#e8d85d;}
#marketing dt a, #marketing dd a{color:#b4a0d0;}

.client-case-study{border-left:3px solid #4E2F91; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-top:1px solid #ccc; padding:10px; margin-bottom:10px;}

.boxed dd img
{
border: 1px solid #000;
width: 200px;
height: 118px;
}

.boxed dd
{
margin: 0;
padding: 0 10px 5px 10px;
font-size: 1.3em;
}

.ezmap {
background-color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #7A7A7A;
font-weight: normal;
}

.ezmap_details {
background-color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #666666;
}

.ezmap_gen {
background-color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #666666;
}
#client-logos img, img.framed{float:left; background:#FFF; padding:3px; border:1px solid #CCC; margin:0 8px 8px 0;}
#client-logos img.last{margin-right:0;}

ul.services{width:300px; float:left;}
img#portfolio-link{float:right;}
#service-calltos div{float:left; margin:0 10px 10px 0;}
#service-calltos div.last{margin-right:0;}

#service-calltos h3{border-bottom:1px solid;}

h3#marketing-callto{color:#f383af; border-bottom-color:#f383af;}
h3#marketing-callto a{color:#f383af; text-decoration:none;}
h3#comms-callto{ color:#64c5ef; border-bottom-color:#64c5ef;}
h3#comms-callto a{ color:#64c5ef; text-decoration:none;}
h3#digital-callto{ color:#86c982; border-bottom-color:#86c982;}
h3#digital-callto a{ color:#86c982;text-decoration:none;}
h3#identity-callto{color:#b4a0d0; border-bottom-color:#b4a0d0;}
h3#identity-callto a{color:#b4a0d0;text-decoration:none;}

#map {position:relative; height:280px; width:630px; padding:0; margin: 0; background: url(../img/the-team.jpg) no-repeat}

#mapdan {position:relative; width:540px; background:#fff url(../img/close.png) no-repeat; background-position:bottom right; border: 1px solid #000; margin: 310px 0 0 95px; padding: 15px; -moz-border-radius:5px; -webkit-border-radius:5px;}

#maphelen{position:relative; width:540px; background:#fff url(../img/close.png) no-repeat; background-position:bottom right; border: 1px solid #000; margin: 310px 0 0 95px; padding: 15px; -moz-border-radius:5px; -webkit-border-radius:5px;}

#mapmartin{position:relative; width:540px; background:#fff url(../img/close.png) no-repeat; background-position:bottom right; border: 1px solid #000; margin: 310px 0 0 95px; padding: 15px; -moz-border-radius:5px; -webkit-border-radius:5px;}

#mapmarj{position:relative; width:540px; background:#fff url(../img/close.png) no-repeat; background-position:bottom right; border: 1px solid #000; margin: 310px 0 0 95px; padding: 15px; -moz-border-radius:5px; -webkit-border-radius:5px;}

#maprob{position:relative; width:540px; background:#fff url(../img/close.png) no-repeat; background-position:bottom right; border: 1px solid #000; margin: 310px 0 0 95px; padding: 15px; -moz-border-radius:5px; -webkit-border-radius:5px;}

#mapcallie{position:relative; width:540px; background:#fff url(../img/close.png) no-repeat; background-position:bottom right; border: 1px solid #000; margin: 310px 0 0 95px; padding: 15px; -moz-border-radius:5px; -webkit-border-radius:5px;}

#mapkim{position:relative; width:540px; background:#fff url(../img/close.png) no-repeat; background-position:bottom right; border: 1px solid #000; margin: 310px 0 0 95px; padding: 15px; -moz-border-radius:5px; -webkit-border-radius:5px;}

#mapdan img, #maphelen img, #mapmartin img, #mapmarj img, #maprob img, #mapcallie img, #mapkim img{float:left; margin-right:10px;  margin-top:2px; border:1px solid #000;}

.mapLink{position:absolute;text-indent:-999em}
.mapLink span{display:block}

.dan{ top:35px; left:70px; display:block; width:70px; height:85px}
#mapdan.details{ position:absolute; display:none; margin:0; top:10px; left:10px}

.helen{ top:35px; left:400px; display:block; width:70px; height:85px}
#maphelen.details{ position:absolute; display:none; margin:0; top:10px; left:10px}

.martin{ top:55px; left:490px; display:block; width:70px; height:85px}
#mapmartin.details{ position:absolute; display:none; margin:0; top:10px; left:10px}

.marj{ top:75px; left:140px; display:block; width:60px; height:70px}
#mapmarj.details{ position:absolute; display:none; margin:0; top:10px; left:10px}

.rob{ top:10px; left:310px; display:block; width:55px; height:85px}
#maprob.details{ position:absolute; display:none; margin:0; top:10px; left:10px}

.callie{ top:115px; left:310px; display:block; width:70px; height:80px}
#mapcallie.details{ position:absolute; display:none; margin:0; top:10px; left:10px}

.kim{ top:25px; left:210px; display:block; width:50px; height:65px}
#mapkim.details{ position:absolute; display:none; margin:0; top:10px; left:10px}

/*-----------------Websites portfolio--------------*/
div.project{position:relative;margin:20px 0; background:#FFF; padding:10px; border:1px solid #CCC;}
div.project-inner{float:left;}
.project-description{}
div.project h5{   
	color:#4e2f92;
}
div.project h5 a{color:#4e2f92;}
div.project p, div.project h4{ margin-right:10px; }
div.project img{ float:right; padding:3px;border:1px solid #836CBA; }
img.floatr{float:right; margin-left:10px; margin-bottom:10px;}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

/**Link Icons**/

a.pdf { /*The background image*/
	background: url(../img/icons/pdf.png) no-repeat left center;
	padding-left: 20px;
	line-height: 16px; /* To center the text vertically with the icon */
}

a.txt { /*The background image*/
	background: url(../img/icons/txt.png) no-repeat left center;
	padding-left: 20px;
	line-height: 16px;
}

a.zip { /*The background image*/
	background: url(../img/icons/zip.png) no-repeat left center;
	padding-left: 20px;
	line-height: 16px;
}

a.email {
	background: url(../img/icons/email.png) no-repeat left center;
	padding-left: 20px;
	line-height: 16px;
}

a.external {
	background: url(../img/icons/ext_link.png) no-repeat left center;
	padding-left: 20px;
	line-height: 16px;
}
a.case-study-link{
	background: url(../img/icons/pdf.png) no-repeat left center;
	padding-left: 20px;
	line-height: 16px; /* To center the text vertically with the icon */

}


#banner{margin-top:20px; clear:both; height:234px;}

/**Blog Styles**/

#blog-content, #post-content, #search-content, #archive-content{width:630px;	float:left; margin-right:20px; padding-top:10px;}
#blog-sidebar{width:270px; float:left;}
#blog-sidebar ul{margin-bottom:10px;}
#blog-sidebar li{ margin-bottom:10px;}
#blog-sidebar a{font-size:1.2em; }
.author_text{width:500px; margin-left:10px;}
.post{ margin-bottom:20px; padding:10px 0; border-bottom:2px solid #CCC;}
.post h2{ border-bottom:none;}
.post h2 a{text-decoration:none;}
.post h2 a:hover{text-decoration:underline;}
small.post-date{color:#4e2f92;}
.comment{background:#fff;}
/*----------------------------------------------------------------*																				
	WordPress 2.8 Plugin: WP-PageNavi 2.60									
	Copyright (c) 2009 Lester "GaMerZ" Chan											

	File Written By:																
	- Lester "GaMerZ" Chan															
	- http://lesterchan.net
														
	File Information:																
	- Page Navigation CSS Style														
	- wp-content/plugins/wp-pagenavi/pagenavi-css.css								
 *----------------------------------------------------------------*/


.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 2px 4px 2px 4px;
	margin: 2px;
	text-decoration: none;
	border: 1px solid #4E2F92;
	color: #0066cc;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:visited {
	padding: 2px 4px 2px 4px;
	margin: 2px;
	text-decoration: none;
	border: 1px solid #4E2F92;
	color: #0066cc;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:hover {	
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
}
.wp-pagenavi a:active {
	padding: 2px 4px 2px 4px;
	margin: 2px;
	text-decoration: none;
	border: 1px solid #4E2F92;
	color: #0066cc;
	background-color: #FFFFFF;	
}
.wp-pagenavi span.pages {
	padding: 2px 4px 2px 4px;
	margin: 2px 2px 2px 2px;
	color: #000000;
	border: 1px solid #000000;
	background-color: #FFFFFF;
}
.wp-pagenavi span.current {
	padding: 2px 4px 2px 4px;
	margin: 2px;
	font-weight: bold;
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
}
.wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px;
	margin: 2px;	
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
}


div#emailerror{background:#DDCFFF; color:#4E2F92; border:2px solid #4E2F92; padding:10px; font-size:1.2em; margin-top:20px;}

ul#sitemap {font-size:1.2em; line-height:1.9em; list-style-type:square; list-style-position:inside;}
ul#sitemap ul{margin-left:30px;}

.captioned img{float:left; clear:both;}
.captioned p{float:left; font-style:italic; font-size:1.1em;}


/*comment styling*/
.commentlist .comment-body {
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #DFDFDF;
margin-bottom:10px;
min-height:80px;
overflow:hidden;
padding:30px 150px 30px 30px;
position:relative;
}

.commentlist .comment-body .avatar {
position:absolute;
right:30px;
top:30px;
}

.commentlist .comment-body .commentmetadata {
font-size:12px;
font-style:italic;
padding-bottom:5px;
}

.comment-reply-link  {
background:none repeat scroll 0 0 #F9F9F9;
border-right:1px solid #E8E8E8;
border-top:1px solid #E8E8E8;
bottom:0;
font-family:Tahoma;
font-size:8px;
left:0;
padding:0 8px 1px;
position:absolute;
text-transform:uppercase;
}
pre{background:#f9f9f9; border:1px solid #CCC; padding:10px; margin-bottom:10px;}
code{font-size:1.2em;}

#client-tools{width:100%; margin-bottom:20px;}
#client-tools div, #useful-service-links div{float:left; padding:10px 30px 10px 30px; border:1px solid #CCC; margin-right:10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px; text-align:center;}
#like-buttons{margin:10px 0; padding:5px 0; border-top:1px dotted #CCC; border-bottom:1px dotted #CCC;}
.google_plus{float:left;}
	.fb_share, .fb_like, .tweetbutton{float:left; margin-right:10px;}
	.fb_like{width:200px; height:30px;}
	
	/**home twitter**/

#fi-tweets{}
#fi-tweets h5{color:#573D91; font-weight:700; font-size:14px; float:left; margin-right:20px;}
.tweet,
.query {
	font: 120% Georgia, serif;
	color: #085258;
}

	.tweet_list {
		list-style: none;
		margin: 0;
		padding: 0;
		overflow-y: hidden;
		float:left;
	}
	
		.tweet_list .awesome,
		.tweet_list .epic {
			text-transform: uppercase;
		}
		
		.tweet_list li {
			padding: 0.5em;
			width:auto; overflow:hidden;
		}
		
			.tweet_list li a {
				color: #0C717A;
			}
		
		.tweet_list .tweet_even {
			background-color: #F7F4F4;
		}
		
		.tweet_list .tweet_avatar {
			padding-right: .5em; float: left;
		}
		
			.tweet_list .tweet_avatar img {
				vertical-align: middle;
			}
/**Flickr images**/
#flickr-stream{ margin:25px 0;}
#flickr-stream h5{color:#593F94; margin-bottom:15px; font-size:16px; font-weight:700;}
#flickr-stream ul li{float:left; list-style:none; margin:0 10px 5px 0; }

#flickr-stream ul li img{
padding:3px; background:#FFF; border:1px solid #CCC;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
-webkit-transform: rotate(-2deg);
-moz-transform: rotate(-2deg);
}

#toolbar {
    left: 0;
    position: relative;
    top: 0;
    width: 100%;
    z-index: 999;
}

.tools {
    height: 20px;
}


.tools {
    background: none repeat scroll 0 0 #573D91;
    width: 100%;
}


.tools > div{width:920px; margin:0 auto; position:relative;}


a.open, #toggle a.close {
    background: url("../img/icons/contact-reveal.gif") no-repeat scroll 0 0 #573D91;
    display: block;
    height: 50px;
   position:absolute;top:20px; right:0;
    text-indent: -4000px;
    width: 50px;
    z-index: 1;
}

a.close{background-position:0 0;}
a.open{background-position:0 -50px;}

#panel {
    background: none repeat scroll 0 0 #6548A8;
    color: #999999;
    height: 0;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 3;
}

#panel > ul{width:920px; margin:20px auto;}
#header-tools a, #header-tools p{color:#FFF;}
#header-tools li p{margin:15px 0;}
#header-tools li#in-touch{margin-right:0; padding-right:0; border-right:none;}
#header-tools > li{float:left; width:240px;padding:20px 40px 20px 20px; margin-right:20px; border-right:1px dotted #f9f9f9;}
#header-tools li li{float:left;margin-right:10px;}
#header-tools li h5{color:#FFF; text-transform:uppercase; font-weight:700; margin-bottom:10px; font-size:16px;}