/* Pallet
	blue: #00AEEF

*/
.socialButtons li{
	float: left;
	width: 67px;
	height: 65px;
	list-style: none;
	background:none!important;

}
.socialButtons ul{
	list-style: none;
	padding: 0!important;
}
.socialButtons{
	width: 250px;
}
/* Quoutes */
#quotes{
	height: 1200px;
}
#quoteGreen {
	position: absolute;
	width: 414px;
	height: 248px;
	top: 200px;
	right: 1px;
	background-image: url('../images/template/quoteGreen.png');
	background-repeat: no-repeat;
	font-size: 11px;
	padding: 25px;
}
#quoteBlue {
	position: absolute;
	width: 700px;
	height: 169px;
	top: 1px;
	left: 1px;
	background-image: url('../images/template/quoteBlue.png');
	background-repeat: no-repeat;
	font-size: 12px;
	padding: 20px 19px 53px 36px;
}
#quoteBlue p {
	color: #FFFFFF!important;
}
#quoteRed {
	position: absolute;
	width: 408px;
	height: 280px;
	bottom: 105px;
	right: 1px;
	background-image: url('../images/template/quoteRed.png');
	background-repeat: no-repeat;
	font-size: 11px;
	padding: 30px;
}
#quoteRed p {
	color: #FFFFFF!important;
}
#quoteLightBlue {
	position: absolute;
	width: 411px;
	height: 280px;
	top: 482px;
	left: 1px;
	background-image: url('../images/template/lightBlueQuote.png');
	background-repeat: no-repeat;
	font-size: 12px;
	padding: 27px 29px;
}
#quoteLightBlue p {
	color: #FFFFFF!important;
}
.quotes{
	font-size: 25px;
	font-weight: 900;
}
.quotesWhite{
	font-size: 25px;
	font-weight: 900;
	color: #FFFFFF!important;
}
/*  End Quoutes */
body {
	background:url(../images/content/siteBack.png) repeat-x #FAFAFA;;
	font-family: arial;
	font: 62.5% arial, Helvetica, sans-serif; /*creates a 10px base which allows all subsequent font sizes to be easily calculated*/
	color: #666;
}
.list{
	list-style: disc;
	margin-bottom: 10px;
}

.list li{
	margin-left: 15px;
}

/* heading tags */
h1 {
	font-size: 2.4em;
	color: #0078BB;
	margin: 0 0 10px 5px;
	font-weight: normal;
}

h1 a {
	color: #0078BB;
}
h2 { margin-bottom:10px}



h3 {
	font-size: 1.1em;
	font-weight: normal;

}

/* generic styles */

.clearFloat {
	clear: both;
	display: block;
	margin: 0;
	padding: 0;
	height: 0;
	line-height: 1px;
	font-size: 1px;
	visibility: hidden;
}

.noMargin {margin: 0!important;}

.marginTop20 {
	margin-top: 20px;
}
.marginBottom10, .marginBottom {margin-bottom: 10px;}
.marginBottom40 {margin-bottom: 40px;}

.horizList li {
	float: left;
	background-image: none;
	padding-left: 0;
	margin: 0;
	}

.horizList li a {
	float: left;
	display: block;
	}	

strong {font-weight: 700;}

/* text */

p {
	font-size: 1.2em;
	margin-bottom: 10px;
	color: #666;
}

p.introText {
	font-size: 1.2em;
	padding-top: 8px;
}

p.small {
	font-size: 1em;
	color: #9B9B9B;
}

a {text-decoration: none;}
a:hover {text-decoration: underline;}


/* page structure */

#uberContainer {
	 width:1001px; margin:0 auto; 
	 position: relative;
}
#topBar { background: url(../images/template/headerBack.png) repeat-x; height:145px;}
#topBar #innerTop {width:1001px; margin:0 auto; padding:0;}


#header {
	/*width: 995px;*/
	width: 100%;
	min-width: 995px;
}
#contentTop { width:990px; background-position: 0 39px; background-image:url(../images/template/topContent.jpg); background-repeat:no-repeat; height:61px; margin-top:20px;}
#contentBottom {width:990px; background:url(../images/template/bottomContent.png) 0 0; height:25px;}
#content {
	background: url(../images/template/middleContent.png) 0 28px repeat-y;
	width: 99%;
	min-width: 995px;
}

#leftCol {
	float: left;
	display: inline;
	margin: 0 16px 0 20px;
	padding-right:25px;
	width: 600px;  border-right:dotted 1px #ececec;
}

#navCol { float:left; width:200px}

#rightCol {
	float: right;
	text-align:left;
	display: inline;
	margin: 0 10px 0 0px;
	width: 285px; padding:10px 10px 0 10px; font-size:1.1em;
}

#leftCol ul { margin-left:5px;}
#leftCol ul li { background:url(../images/buttons/bullet.gif) no-repeat 0px 4px; padding-left:11px; margin-bottom:3px;}
/* footer */

#footer {
	width: 100%;;
	clear: both;
	text-align: left;
	margin: 25px 0;
	position: relative; padding:20px 10px;
}
#footer ul { float:left; width:240px; font-size:1.1em; ma}
#footer ul li { margin-bottom:5px;}
#footer ul li h3 { font-size:1.1em; text-decoration:underline; margin-bottom:3px;}

#footer #contactFooter label { width:90px; display:block; float:left}
#footer #contactFooter input { height:11px; width:140px; border:1px solid #ececec; font-size:1em; }
#footer #contactFooter input#submitFooter { background: #999999; border:none; color:#FFFFFF; padding:0px 0 3px; height:17px; width:65px; font-size:1em; font-weight:700;border-radius: 5px;-moz-border-radius: 5px; margin-top:10px; cursor:pointer}
#footer #contactFooter input:hover#submitFooter { background:#FFFFFF; color:#000}
#footer #contactFooter #checkboxF { width:10px; height:10px; font-size:.4em; border:none ; margin:0; float:right; margin-right:7px;}

#footerTweets { width:240px; float:left; margin-right:20px;}
#footerTweets h2{
	font-size: 1.2em;
	text-decoration: underline;
	margin-bottom: 3px;
	background:url(../images/content/twitterFooter.png)	 no-repeat 40px 0;
	height: 16px;
	display: block !important;
	visibility: visible; !important;
}
#footer ul li, #footer ul li a{
	color: #111;
}
footer #footerTweets a{
	color: #666;
}

#footer #contactFooter .confirm{
	background-color: #E5F3E5 !important;
	border: 1px solid green !important;
}

#footer #contactFooter .error{
	background-color: #FFE8E8 !important;
	border: 1px solid red !important;
}
#switcher a{
background-image: url('http://www.wirebox.co.uk/wp-content/themes/mobile_pack_base/img/mobile.png');
background-repeat: no-repeat;
padding-left: 12px;
}
/* menu */
ul#menu { padding-left:50px; height:40px;}
ul#menu li { display:inline; float:left; margin:0 3px; }
ul#menu li a { text-indent:-9999px }
ul#menu li#home a:hover, ul#menu li#home a.current { background-position:0 0}
ul#menu li#home a { display:block; background:url(../images/template/home-menu1.png) 0 -50px no-repeat; width:93px; height:40px; }

ul#menu li#about a:hover, ul#menu li#about a.current { background-position: 0 0}
ul#menu li#about a { display:block; background:url(../images/template/about_us.png) 0 -50px no-repeat; width:93px; height:40px; }

ul#menu li#whatWeDo a:hover, ul#menu li#whatWeDo a.current { background-position: 0 0}
ul#menu li#whatWeDo a { display:block; background:url(../images/template/what_we_do.png) 0 -50px no-repeat; width:93px; height:40px; }

ul#menu li#whatWeAreDoing a:hover, ul#menu li#whatWeAreDoing a.current { background-position: 0 0}
ul#menu li#whatWeAreDoing a { display:block; background:url(../images/template/what_we_are.png) 0 -50px no-repeat; width:140px; height:40px; }

ul#menu li#caseStudies a:hover, ul#menu li#caseStudies a.current { background-position: 0 0}
ul#menu li#caseStudies a { display:block; background:url(../images/template/case_studies.png) 0 -50px no-repeat; width:93px; height:40px; }

ul#menu li#blog a:hover, ul#menu li#blog a.current  { background-position:0 0}
ul#menu li#blog a { display:block; background:url(../images/template/blog-menu.jpg) 0 -50px no-repeat; width:75px; height:40px; }

ul#menu li#contact a:hover, ul#menu li#contact a.current  { background-position:0 0}
ul#menu li#contact a { display:block; background:url(../images/template/contact-menu.jpg) 0 -50px no-repeat; width:74px; height:40px; }

/* logo */
#topBar #innerTop a#logo {display:block; width: 255px; height: 35px; margin:30px 0 0 18px; padding:0; text-align:left }
#topBar #innerTop a#logo {height:35px; width:255px; background-image: url(../images/template/wirebox_Logo.png); background-repeat: no-repeat; text-indent:-9999px; display:block; }
#topBar #innerTop p.strapline{ font-size:2.1em;font-family:Candara,Helvetica, Arial,sans-serif; font-weight:bold;  color:#FFFFFF; float:left; margin:0px 0 0 0;padding-left:20px;background-image: url(../images/template/digitalproblemsolvers.gif); display:block; width:237px; height:26px; text-align:left;}

/* posts */
#leftCol .post h1 { color:#000000;text-align:left;font-size:1.7em;font-family:Rockwell,Helvetica, Arial,sans-serif; text-transform:uppercase;  margin:10px 0; text-align:left;}
.post h1 a {color:#00AEEF}
.post h1 a:hover { text-decoration:underline; color:#00AEEF}
.post p { font-size:1em;}

/* right col*/
#leftCol h1 { color:#FF0099;text-align:left;font-size:2em;font-family:Rockwell,Helvetica, Arial,sans-serif; text-transform:uppercase;  margin:10px 0; text-align:left;}
#leftCol h2 {font-size:1.4em;font-family:Rockwell,Helvetica, Arial,sans-serif; text-transform:uppercase; color:#000000; margin:10px 0  }

/* left col*/
#rightCol h2 {font-size:1.4em;font-family:Rockwell,Helvetica, Arial,sans-serif; text-transform:uppercase; color:#000000; margin:10px 0}
#rightCol ul#archives { margin-bottom:20px;}
#rightCol ul#archives li { margin:5px 0;}
#rightCol ul#archives a { font-size:1.2em; color:#0066CC}
#rightCol #address { text-transform:uppercase; }
#rightCol #address  img { border:5px solid #000}

/*search form*/
#rightCol #searchform { position:absolute; top:0; right:0;}
#rightCol #searchform div input#s{ float:left; height:12px; margin-top:2px;}
#rightCol #searchform input#searchsubmit { margin-left:2px; border:none; background:#000000; color:#FFFFFF; font-weight:700; font-size:.7em; text-transform:uppercase; padding:4px; }
#rightCol #searchform input#searchsubmit:hover { background:#FFFFFF; color:#000000;}
#rightCol  p { font-size:.8em; text-transform:uppercase}
#searchsubmit { background: url(../images/search.png) #000000; border:none; text-indent:-9999px; width:65px; cursor:pointer }
/*navigation */
.navigation .alignleft a, .navigation .alignright a { display:block; padding: 3px 5px; background: #000; font-weight:700; color:#fff; width:80%;}
.navigation .alignleft a { text-align:left; padding-left:25px; background:url("../images/buttons/btnLeft.gif") no-repeat 0px 3px #000}
.navigation .alignright a { text-align:right; padding-right:25px;background:url("../images/buttons/btnRight.gif") no-repeat right 3px #000;}


 ul#socialNetworks li{	
	width: 200px;
	margin: 6px 0 5px 0;	

}
 ul#socialNetworks li a {
	display: block;
	height: 32px;
 	background-repeat: no-repeat;	
	color: #000;
	font-weight: bold;
	font-size: 11px;
}
 ul#socialNetworks  li#facebook a{
	padding-left: 50px;
	background-image: url(../images/icons/facebook-32x32.png);	
}
ul#socialNetworks  li#facebook a:hover{
	background-position: 0 -32px;
}
ul#socialNetworks li#facebook a span{
	color: #35508A;
}
 ul#socialNetworks li#twitter a{
	padding-left: 50px;
	background-image: url(../images/icons/twitter-32x32.png);	
}

ul#socialNetworks li#twitter a:hover{
	background-position: 0 -32px;
}

ul#socialNetworks li#twitter a span{
	color: #2FAED8;
}
 ul#socialNetworks li#rss a{
	padding-left: 50px;
	background-image: url(../images/icons/rss-32x32.png);	
}
ul#socialNetworks li#rss a:hover{
	background-position: 0 -32px;
}
/*Home*/
.page-id-934 #content { min-height:400px; padding-top:305px; position:relative}
#banner {position: absolute; left:0; top:0; width: 990px; height: 336px;}
.page-id-934 #content .cols {float:left; min-height:200px; width:310px; margin:0 10px 0 0;}
.page-id-934 #content .cols p { text-align:left}
.page-id-934 #content .cols h3 { font-size:1em}
.page-id-934 #content .cols a { color:#333333}
.page-id-934 #content .cols#last { margin-right: 0;}

.page-id-934 #content .cols ul.listcol {padding:0; margin:0}
.page-id-934 #content .cols ul.listcol li { background:none; padding:0; margin:0 0 20px 0}

/* Home 2 */
.page-id-1513 #content { min-height:400px; padding-top:305px; position:relative}
#banner {position: absolute; left:0; top:0; width: 990px; height: 336px;}
.page-id-1513 #content .cols {float:left; min-height:200px; width:310px; margin:0 10px 0 0;}
.page-id-1513 #content .cols p { text-align:left}
.page-id-1513 #content .cols h3 { font-size:1em}
.page-id-1513 #content .cols a { color:#333333}
.page-id-1513 #content .cols#no-Title { margin-right: 0; margin-top: 10px;}

.page-id-1513 #content .cols ul.listcol {padding:0; margin:0}
.page-id-1513 #content .cols ul.listcol li { background:none; padding:0; margin:0 0 20px 0}
#quoteBlueHome {
	width: 251px;
	height: 83px;
	background-image: url('../images/template/quoteBlue.png');
	background-repeat: no-repeat;
	font-size: 12px;
	padding: 10px 19px 5px 25px;
	color: #FFF;
}
#quoteBlueHome p{
	color: #FFF;
}
#quoteRedHome {
	width: 412px;
	height: 294px;
	background-image: url('../images/template/quoteRed.png');
	background-repeat: no-repeat;
	font-size: 11px;
	padding: 28px 27px 5px 30px;
	color: #FFF;
	margin-top: 25px;
}
#quoteRedHome p{
	color: #FFF;
}
h1#header_latestblogsposts {}


span.blueBox{
	display: inline-block;
	background-color: #00AEEF;
	height: 10px;
	width: 10px;
	margin: 0 0 4px 3px;
}
a.more{
	background-color: #000;
	padding: 5px 6px;
	font-weight: bold;
	color: #fff;


}
/* About us page (standard Page template)
----------------------*/
.page-template-standardPage-php #navCol{
	float: left;
	width: 170px;
	text-align: left;
	margin-top: 15px;
	padding-right: 20px;
}
#navCol ul {}
#navCol ul li{
	border-bottom: 1px #cecece dotted;
	margin-bottom: 3px; background-image:none; margin:0 0 5px 0;
}
#navCol li.listTitle {
		margin-bottom: 4px;
}
#navCol li.listTitle a{
	color: #000;
	font-weight: bold;
	font-size: 12px;
}

#navCol li#products{
	margin-top: 30px;
}

#navCol li a{
	color: #656565;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
}

#navCol li a:hover, #navCol li.selected > a{
	color: #00AEEF;
}

#navCol ul li ul{
	color: #333;
	margin-left: 10px;
}

#navCol ul li ul li{
	border-bottom: none;
	color: #000;
}

#navCol ul li ul li a{
	color: #000;
	font-style: italic;
}

#navCol ul li ul li a:hover{
	color: #000;
	text-decoration: underline;
}

.page-template-standardPage-php #leftCol{
	width: 945px;
}

#aboutContainer{
	width: 750px;
	float: right;
	position: relative;
}
#aboutContainer p{
	display: block;
}

#aboutContainer #ourStory h2{
	float: left;
	width: 100%;
}

#aboutContainer img.left{
	float: left;
	margin-right: 15px;
}

#aboutContainer img.right{
	float: right;
	margin-left: 15px;
}

#aboutContainer span.clear{
	clear: both;
	display: block;
}

/* Meet the team
--------------------------*/
ul#teamList { margin:0;}
ul#teamList li{
	margin: 0 0 10px; background:0;  height:250px;
}
ul#teamList li ul li { height:auto}
#teamList li img{
	float: left;
	margin-right: 15px;
}

#teamList li div.teamRight{
	float: right;
	width: 505px;
}
#teamList li div.teamRight ul.social{
	list-style: none;
	padding: 0;
	margin: 0;
}
#teamList li div.teamRight ul.social li{
	float: left;
	padding: 0;
	margin-right: 10px;
}
#teamList li div.teamRight ul.social li a.icon{
	display: block;
	width: 32px;
	height: 33px;
	text-indent: -9999px;
}
#teamList li div.teamRight ul.social li a.twitter{
	background: url(http://www.wirebox.co.uk/wp-content/themes/Wirebox/images/icons/twitter.png) no-repeat;
}

#teamList li div.teamRight ul.social li a.facebook{
	background: url(http://www.wirebox.co.uk/wp-content/themes/Wirebox/images/icons/facebook.png) no-repeat;
}

#teamList li div.teamRight ul.social li a.flickr{
	background: url(http://www.wirebox.co.uk/wp-content/themes/Wirebox/images/icons/flickr.png) no-repeat;
}

#teamList li div.teamRight ul.social li a.youtube{
	background: url(http://www.wirebox.co.uk/wp-content/themes/Wirebox/images/icons/youtube.png) no-repeat;
}

#teamList li div.teamRight ul.social li a.wordpress{
	background: url(http://www.wirebox.co.uk/wp-content/themes/Wirebox/images/icons/wordpress.png) no-repeat;
}
#teamList li div.teamRight ul.social li a.reddit{
	background: url(http://www.wirebox.co.uk/wp-content/themes/Wirebox/images/icons/reddit.png) no-repeat;
}
#teamList li div.teamRight ul.social li a.lastfm{
	background: url(http://www.wirebox.co.uk/wp-content/themes/Wirebox/images/icons/lastfm.png) no-repeat;
}
#teamList li div.teamRight ul.social li a.tumblr{
	background: url(http://www.wirebox.co.uk/wp-content/themes/Wirebox/images/icons/tumblr.png) no-repeat;
}
#teamList li div.teamRight ul.social li a.hypem{
	background: url(http://www.wirebox.co.uk/wp-content/themes/Wirebox/images/icons/hypem.png) no-repeat;
}
 ul.social{
	list-style: none;
	padding: 0;
	margin: 0;
	margin-bottom:15px;
}
 ul.social li{
	float: left;
	padding: 0;
	margin-right: 10px;
}
ul.social li a.icon{
	display: block;
	width: 32px;
	height: 33px;
	text-indent: -9999px;
}
ul.social li a.facebook{
	background: url(http://www.wirebox.co.uk/wp-content/themes/Wirebox/images/icons/facebook.png) no-repeat;
}
ul.social li a.youtube{
	background: url(http://www.wirebox.co.uk/wp-content/themes/Wirebox/images/icons/youtube.png) no-repeat;
}
ul.social li a.vimeo{
	background: url(http://www.wirebox.co.uk/wp-content/themes/Wirebox/images/icons/vimeo.png) no-repeat;
}
ul.social li a.linkedin{
	background: url(http://www.wirebox.co.uk/wp-content/themes/Wirebox/images/icons/linkedin.png) no-repeat;
}
ul.social li a.twitter{
	background: url(http://www.wirebox.co.uk/wp-content/themes/Wirebox/images/icons/twitter.png) no-repeat;
}
ul.social li a.rss{
	background: url(http://www.wirebox.co.uk/wp-content/themes/Wirebox/images/icons/rss.png) no-repeat;
}
/*story*/
div#networking { z-index:-100; }
div#whereWeAre { position: relative;  height:300px;z-index:0; top:-100px;padding-top:100px;}

div#whereWeAre #millfield { position:absolute; top:0; right:0}
div#whereWeAre #leftAlign { float:left; width:530px;}

/* Procces
--------------------*/
ul#processList { margin:0;}
ul#processList li { margin:0; padding:0;}
ul#processList li img{
	float: left;
	margin-right: 20px;
}
ul#processList li div.contentRight{
	float: left;
	width: 396px;
	height: 190px;
}

/* Partners
-------------------*/
ul#partnersList li{
	margin:0 0 10px; padding:0; background:none;
}

ul#partnersList li div.contentRight h2{
	margin-top: 0;
}

/* Work Template
---------------------*/
body.page-template-work-template-php #leftCol{
	width: 100%;
}
#workContainer{
	width: 965px;
}
#workContainer .workItem { width:310px; height:auto; text-align:center}
#workContainer .workItem img { width:auto; height:auto;}
.workItem{
	float: left;
	width: 311px;
	margin: 0 10px 10px 0;
}
.workItemLarge2 { width:350px; float:left}

.anchor, .anchor:hover{
	color: #000;
	font-style: italic;
	font-size: 12px;
}

.entry ol{
	font-size: 1em;
	color: #666666;
	margin-bottom: 10px;
}


/* Contact Page
---------------------*/
#contactContainer #contactBox{
	float: left;
	border-right: 1px dotted #cecece;
	width: 190px;
	margin-right: 20px;
	padding-right: 20px;
}


#contactContainer #contactBox p{
	color: #666;
	font-size: 14px;
	text-align: left;
}

#contactContainer #contactBox a#projectFormBtn{
	background-color: #000;
	color: #fff;
	display: block;
	text-align: center;
	padding: 10px 0;
	font-size: 13px;
}

#contactContainer #contactForm{
	float: left;
	border-right: 1px dotted #cecece;
	width: 255px;
	margin-right: 20px;
	padding-right: 20px;
	color: #666;
	font-size: 14px;
	text-align: left;
}

#contactContainer #contactForm input[type="text"],
#contactContainer #contactForm textarea{
	border: 1px solid #cecece;
	width: 250px;
}

#contactContainer #contactMap{
	float: left;
	width: 420px;
}

#projectBriefContainer{
	width: 450px;
}

#projectBriefContainer input[type="text"],
#projectBriefContainer textarea,
#projectBriefContainer select{
	border: 1px solid #cecece;
	width: 350px;
}



/* comments*/
#commentform { border:1px dashed #999999; padding:10px;}
#commentform p  { text-align:left; display:block; min-height:30px;}
#commentform label { float:left; margin-right:10px; display:block; width:250px;}
#commentform input { float:right}
#commentform p textarea { width:98%;}
#commentform #submit { background:#000000; padding:5px; color:#FFFFFF; font-weight:700; border:none;}