/*
Theme Name: Shiny Red - Custom Theme
Theme URI: http://cite.co.uk
Description: Custom theme designed by <a href="http://www.cite.co.uk" target="_blank">Cite</a> for Shiny Red.
Version: 1.6
Author: Cite
Author URI: http://cite.co.uk
*/

* 
{
	margin:0px;
	padding:0px;
}

body
{
	background-color:#FFFFFF;
	color:#666666;
	font-size:62.5%;
	font-family:Calibri, Verdana, Sans-Serif;
}

.clear 
{
	clear:both;
}

hr 
{
	height:1px;
	padding:0px;
	border:none;
	border-top:1px solid #CCCCCC;
	margin-top:5px;
	margin-bottom:5px;
}

img
{
	border:none;
}

div#menuWrapper
{
	background-color:#09153a;
	width:100%;
	height:45px;
}

	div#menuWrapper div#menuContent
	{
	    position:relative;
		margin:0 auto;
		width:950px;
		z-index:20;	
	}
        
		div#menuWrapper div#menuContent ul 
		{		
			list-style:none;
			width:585px !important;
			width:565px;
		}
		
			div#menuWrapper div#menuContent ul li 
			{
				display:inline;
			}
			
			div#menuWrapper div#menuContent ul li a
			{
				color:#FFFFFF;
				font-size:1.4em;
				padding-top:14px;
				padding-bottom:14px;
				padding-left:10px;
				padding-right:10px;
				display:inline-block;
				text-decoration:none;
			}
			
			div#menuWrapper div#menuContent ul li a.on
			{
				background-color:#1e294b;
			}
						
				div#menuWrapper div#menuContent ul li a:hover
				{
					background-color:#1e294b;
				}
				
			div#menuWrapper div#menuContent form#searchform
			{
				float:right;
				width:235px;
				margin-right:15px;
				margin-top:8px;
				padding-left:15px;
				padding-top:5px;
				padding-bottom:5px;
				background-image:url("images/search-bg.jpg");
				background-repeat:no-repeat;
			}
			
				div#menuWrapper div#menuContent form#searchform fieldset
				{
					display:inline;
					border:none;
					width:220px;
				}
					
					div#menuWrapper div#menuContent form#searchform input#btnSearch
					{
						background-image:url("images/btnSearch.jpg");
						background-repeat:no-repeat;
						background-color:#FFFFFF;
						width:17px;
						border:none;
						cursor:pointer;
					}
					
					div#menuWrapper div#menuContent form#searchform input#txtSearch
					{
						border:none;
						width:190px;
					}
				
			div#menuWrapper div#menuContent div#subscribe
			{
				display:inline-block;
				float:right;
				margin-top:11px;
				font-size:1.4em;
				color:#FFFFFF;
				position:relative;
				width:115px;
				text-decoration:none;
				text-align:right;
				z-index:99;
			}
			
				div#menuWrapper div#menuContent div#subscribe span
				{
					position:absolute;
					top:3px;
					left:0;					
				}	
                
                div#menuWrapper div#menuContent div#subscribe div#feedSubscribe
                {
                    position:absolute;
                    display:none;
                    text-align:left;
                    color:#656565;
                    top:35px;
                    right:0px;
                    background-color:#EBF0F2;
                    width:280px;
                    z-index:100;
                    padding:10px;
                }
                    
                    div#menuWrapper div#menuContent div#subscribe div#feedSubscribe p
                    {
                        padding-bottom:3px;
                    }
                    
                    div#menuWrapper div#menuContent div#subscribe div#feedSubscribe p img
                    {
                        float:left;
                        margin-top:1px;
                        margin-right:4px;                        
                    }
                    
                    div#menuWrapper div#menuContent div#subscribe div#feedSubscribe img#mail
                    {
                        float:left;
                        margin-top:7px;
                    }
                    
                    div#menuWrapper div#menuContent div#subscribe div#feedSubscribe input#txtEmail
                    {
                        float:left;
                        width:150px;
                        padding:1px;
                        margin-top:5px;
                        margin-left:5px;
                        color:#656565;
                    }
                    
                    div#menuWrapper div#menuContent div#subscribe div#feedSubscribe input#btnSubscribe
                    {
                        float:left;
                        margin-left:5px;
                        margin-top:3px;
                    }
                    
                    div#menuWrapper div#menuContent div#subscribe div#feedSubscribe p#close
                    {
                        text-align:right;
                    }
                    
                        div#menuWrapper div#menuContent div#subscribe div#feedSubscribe p#close a
                        {
                            float:right;
                        }
                    
div#subMenuWrapper
{
	position:absolute;
	top:45px;
	width:100%;
	background-color:#1e294b;
	z-index:9;
}

	div#subMenuWrapper div#subMenuContent
	{
		margin:0 auto;
		width:950px;
	}
	
		div#subMenuWrapper div#subMenuContent ul
		{
			list-style:none;
		}
		
			div#subMenuWrapper div#subMenuContent ul li
			{
				padding:12px;
				padding-top:5px;
				padding-bottom:5px;
				font-size:1.3em;
				display:inline-block;
			}
			
				div#subMenuWrapper div#subMenuContent ul li a 
				{
					color:#C2D7FD;
					text-decoration:none;
				}
				
					div#subMenuWrapper div#subMenuContent ul li a:hover
					{
						color:#FFFFFF;
					}
			
			
div#headerWrapper 
{
	width:100%;
	background-color:#000000;
	height:217px; /* Added by 17/06/09 */
}    
	div#headerWrapper div#headerContent 
	{
	    position:relative;
		margin:0 auto;
		width:950px;
	}
	
div#clientWrapper
{
	width:100%;
	padding-top:2px;
	padding-bottom:2px;
	border-bottom:1px solid #CCCCCC;
}
	
	div#clientWrapper div#clientContent
	{
		margin:0 auto;
		width:950px;
	}

		div#clientWrapper div#clientContent span
		{
			float:left;
			font-size:1.6em;
			color:#052724;
			padding-top:12px;
			padding-right:20px;
		}

div#breadcrumbWrapper
{
	width:100%;
	padding-top:5px;
	padding-bottom:5px;
	border-bottom:1px solid #CCCCCC;
	font-size:1.3em;
}
	
	div#breadcrumbWrapper div#breadcrumbContent
	{
		margin:0 auto;
		width:950px;
	}
	
	div#breadcrumbWrapper div#breadcrumbContent a 
	{
		color:#336699;
		font-weight:bold;
		text-decoration:none;
	}
	
		div#breadcrumbWrapper div#breadcrumbContent a:hover
		{
			text-decoration:underline;
		}

div#blogCloudWrapper
{
	width:100%;
	padding-top:5px;
	padding-bottom:5px;
	border-bottom:1px solid #CCCCCC;
	font-size:1.3em;
}

	div#blogCloudWrapper div#blogCloudContent
	{
		font-size:2.2em;
		margin:0 auto;
		width:950px;
	}
	
	div#blogCloudWrapper div#blogCloudContent img
	{
		padding-right:3px;
		padding-bottom:3px;
		float:left;
	}
	
	div#blogCloudWrapper div#blogCloudContent a
	{
		color:#336699;
		font-weight:bold;
		text-decoration:none;
	}

div#ad-wrapper
{
	margin:0 auto;
	width:950px;
	border-bottom:1px solid #CCCCCC;
	padding-bottom:2px;
	height:95px;
}
	div#ad-wrapper a
	{
		float:left;
		display:block;
	}
	/*

	Client changed appearance to exlude hovers,
	have left here in-case.

	div#ad-wrapper a#great-work
	{
		float:left;
		display:block;
		background-image:url("images/great-work.jpg");
		background-position:top left;
		background-repeat:no-repeat;
		width:237px;
		height:95px;
	}
	
		div#ad-wrapper a#great-work:hover
		{
			background-image:url("images/great-work-over.jpg");
		}
	
	div#ad-wrapper a#media-savvy
	{
		float:left;
		display:block;
		background-image:url("images/media-savvy.jpg");
		background-position:top left;
		background-repeat:no-repeat;
		width:238px;
		height:95px;
	}
	
		div#ad-wrapper a#media-savvy:hover
		{
			background-image:url("images/media-savvy-over.jpg");
		}
	
	div#ad-wrapper a#big-thing
	{
		float:left;
		display:block;
		background-image:url("images/big-thing.jpg");
		background-position:top left;
		background-repeat:no-repeat;
		width:237px;
		height:95px;
	}
	
		div#ad-wrapper a#big-thing:hover
		{
			background-image:url("images/big-thing-over.jpg");
		}
	
	div#ad-wrapper a#seo
	{
		float:left;
		display:block;
		background-image:url("images/seo.jpg");
		background-position:top left;
		background-repeat:no-repeat;
		width:238px;
		height:95px;
	}
	
		div#ad-wrapper a#seo:hover
		{
			background-image:url("images/seo-over.jpg");
		}
	
	div#ad-wrapper img.preloader
	{
		display:none !important;
		display:inherit;
		border:none;
		height:0px;
		width:0px;
	}*/
	
div#contentWrapper
{
	margin:0 auto;
	width:950px;
	padding-top:15px;
	padding-bottom:30px;
	font-size:1.4em;
	line-height:1.5em;
}
	
	div#contentWrapper h1
	{
		font-size:1.8em;
		line-height:1.1em;
		padding-bottom:10px;
	}
		
	div#contentWrapper h1.logo
	{
		padding:0px;
		height:40px;
	}
		
		div#contentWrapper h1.logo img
		{
			float:left;
		}
		
		div#contentWrapper h1.logo span.logoh1
		{
			float:left;
			margin-left:10px;
			margin-top:8px;
		}
	
	div#contentWrapper h2
	{
		font-size:1.6em;
		line-height:1.1em;
		padding-bottom:5px;
		padding-top:5px;
	}
	
	div#contentWrapper h3
	{
		font-size:1.4em;
		font-weight:normal;
		line-height:1.1em;
		padding-bottom:10px;
	}
	
	div#contentWrapper a
	{
		color:#1d4976;
		font-weight:bold;
		text-decoration:none;
	}
		
		div#contentWrapper a:hover
		{
			text-decoration:underline;
		}
		
	div#contentWrapper ul
	{
		padding-left:15px;
	}
	
	div#contentWrapper div.leftColumn
	{
		float:left;
		width:345px;
	}
		
		/* This style item is for the flv flash player only */
		p#flvDesc
		{
			display:none;
			height:0px;
		}
		
		div#contentWrapper div.leftColumn p
		{
			padding-top:3px;
			padding-bottom:3px;
		}
		
		div#contentWrapper div.leftColumn ul.sidemenu
		{
			list-style:square;
			padding-left:7px;
			padding-bottom:10px;
		}
		
		div#contentWrapper div.leftColumn div#tagcloud
		{
			padding-top:25px;
			padding-bottom:10px;
			line-height:1.6em;
		}
			
			div#contentWrapper div.leftColumn div#tagcloud a
			{
				color:#1d4976;
				font-weight:bold;
			}
			
			div#contentWrapper div.leftColumn div#tagcloud img
			{
				float:left;
			}
	
	/*
	* This div class is used to wrap left hand columns if there
	* is multiple tiers to prevent the sidebar from being pulled down
	*/
	
	div#contentWrapper div.tierContainer 
	{
		float:left;
		margin-left:0px;
		width:710px;
	}
	
		div#contentWrapper div.tierContainer div.wideColumn a img
		{
			margin:2px;
		}
	
	div#contentWrapper div.middleColumn
	{
		float:left;
		margin-left:25px;
		width:340px;						
	}
		
		div#contentWrapper div.middleColumn p
		{
			padding-top:4px;
			padding-bottom:5px;
		}
		
		div#contentWrapper div.middleColumn ul 
		{
			padding-left:15px;
			list-style:square;
		}
				
		div#contentWrapper div.middleColumn .post
		{
			width:330px;
		}
		
		div#contentWrapper div.middleColumn ul#success
		{
			list-style-type:none;
			float:left;
			margin-top:10px;
			color:#666666;
			list-style:square;
			width:330px;
		}

		div#contentWrapper div.middleColumn ul#success li 
		{
			list-style-type:none;
		}

		div#contentWrapper div.middleColumn ul#warnings 
		{
			float:left;
			margin-top:10px;
			border-top:2px solid #7F0000;
			border-bottom:2px solid #7F0000;
			padding-top:3px;
			padding-bottom:3px;
			background-color:#FF8E8E;
			color:#7F0000;
			list-style:square;
			width:330px;
		}

			div#contentWrapper div.middleColumn ul#warnings li 
			{
				margin-left:20px;
			}

		div#contentWrapper div.middleColumn #frmContactUs 
		{
			padding-top:2px;
		}

			div#contentWrapper div.middleColumn #frmContactUs input
			{
				float:left;
				margin-top:5px;
				border:1px solid #cccccc;
				width:250px;
				color:#333333;
				padding:2px;
			}

			div#contentWrapper div.middleColumn #frmContactUs textarea 
			{
				float:left;
				margin-top:5px;
				width:250px;
				border:1px solid #cccccc;
				color:#333333;
				padding:2px;
			}

			div#contentWrapper div.middleColumn #frmContactUs select 
			{
				float:left;
				border:1px solid #cccccc;
				width:50px;
			}

			div#contentWrapper div.middleColumn #frmContactUs input.btnContactUs
			{
				float:right;
				margin-top:10px;
				margin-right:5px;
				background-color:#ffffff;
				padding:3px;
				padding-left:5px;
				padding-right:5px;
				border:none;
				width:100px;
				font-weight:bold;
				color:#8c3ca7;
			}
			
				div#contentWrapper div.middleColumn #frmContactUs input.btnContactUs:hover
				{
					text-decoration:underline;
					cursor:pointer;
				}

			div#contentWrapper div.middleColumn #frmContactUs label
			{
				float:left;
				margin-top:5px;
				text-align:left;
				width:75px;
			}

				div#contentWrapper div.middleColumn #frmContactUs #howFound label
				{
					margin-left:75px;
					width:256px;
				}
				
				div#contentWrapper div.middleColumn #frmContactUs #howFound select 
				{
					margin-left:75px;
					width:256px;
					color:#333333;
				}

	div#contentWrapper div.wideColumn
	{
		float:left;
		width:695px;
	}
		
		div#contentWrapper div.wideColumn div.post p.image-trio
		{
			display:block;
			width:695px;
			display:inline-block;
		}
		
			div#contentWrapper div.wideColumn div.post p.image-trio a
			{
				width:200px;
			}
		
		div#contentWrapper div.entry img.alignleft 
		{
			float:left;
			padding:7px;
			padding-left:0px;
		}
		
		div#contentWrapper div.entry img.alignright
		{
			float:right;
			padding:7px;
			padding-right:0px;
		}
		
		div#contentWrapper div.wideColumn ul 
		{
			padding-left:15px;
			list-style:square;
		}
		
		div#contentWrapper div.wideColumn p
		{
			padding-top:2px;
			padding-bottom:5px;
		}
	
	div#contentWrapper div.casestudySidebar
	{
		float:left;
		width:220px;
	}
	
		div#contentWrapper div.casestudySidebar a
		{
			text-decoration:none;
			border:none;
			width:105px;
			display:inline-block;
			padding-top:3px;
			padding-bottom:3px;
		}
	
	div#contentWrapper div.blogSidebar
	{
		float:left;
		width:220px;
	}
	
		div#contentWrapper div.blogSidebar ul
		{
			list-style:none;
			padding-left:0px;
		}
		
	div#contentWrapper div.blogColumn
	{
		float:left;
		margin-left:20px;
		width:470px;										
	}
	
		div#contentWrapper div.blogColumn .post 
		{
			padding-bottom:7px;
			border-bottom:1px solid #CCCCCC;
			margin-bottom:7px;
		}
	
	div#contentWrapper div.rightColumn
	{
		float:right;
		width:220px;
	}
		
		div#contentWrapper div.rightColumn a
		{
			color:#1d4976;
			font-weight:bold;
		}
		
		div#contentWrapper div.rightColumn ul
		{
			list-style:none;
			padding-left:0px;
		}
		
		/* Twitter CSS */

		div#contentWrapper div.rightColumn ul li.widget ul#twitter_update_list 
		{
			_margin-top:-20px;
			*margin-top:-20px;
			padding-bottom:10px;
		}
		
		/* FLICKR CSS */
		
		div#contentWrapper div.rightColumn p.flickr-feed
		{
			width:220px;
		}
		
			div#contentWrapper div.rightColumn p.flickr-feed img 
			{
				width:102px;
				height:102px;
				margin:2px;
			}
		
div#footerWrapper
{
	width:100%;
	border-top:1px solid #DDDDDD;
	padding-top:25px;
	padding-bottom:20px;
	background-color:#F6F6F6;
}
	
	div#footerWrapper div#footerContent
	{
		margin:0 auto;
		width:950px;
		color:#8c3ca7;
	}
	
		div#footerWrapper div#footerContent ul#left-list
		{
			float:left;
			width:145px;
			list-style:none;
		}
		
		div#footerWrapper div#footerContent ul#middle-list
		{
			float:left;
			margin-left:30px;
			width:185px;
			list-style:none;
		}
		
		div#footerWrapper div#footerContent ul#right-list
		{
			float:left;
			margin-left:10px;
			width:120px;
			list-style:none;
		}
			
			div#footerWrapper div#footerContent ul#right-list li
			{
				width:100px;
			}
				
		div#footerWrapper div#footerContent div#address-col
		{
			float:left;
			margin-left:10px;
			width:165px;
			list-style:none;
			color:#333333;
			padding-top:7px;
			font-size:1.2em;
		}
		
			div#footerWrapper div#footerContent div#address-col a
			{
				color:#1d4976;
				font-weight:bold;
				padding-left:0px;
				font-size:1em;
			}
		
		div#footerWrapper div#footerContent ul b a
		{
			font-size:1.4em;
			color:#333333;
			line-height:1.8em;
			font-weight:normal;
		}
		
		div#footerWrapper div#footerContent ul li.border-top
		{
			border-top:#DDDDDD 1px solid;
		}
		
		div#footerWrapper div#footerContent ul ul
		{
			list-style:none;	
		}
		
		div#footerWrapper div#footerContent ul li
		{
			padding-top:2px;
			padding-bottom:2px;
		}
		
			div#footerWrapper div#footerContent ul li ul li
			{
				padding-top:2px;
				padding-bottom:2px;
				padding-left:0px;
				
			}
		
		div#footerWrapper div#footerContent div#right-links
		{
			float:right;
			width:150px;
			text-align:right;
		}
		
		div#footerWrapper div#footerContent a
		{
			color:#1d4976;
			font-weight:bold;
			text-decoration:none;
			font-size:1.2em;
		}
	
			div#footerWrapper div#footerContent a:hover
			{
				text-decoration:underline;
			}