/*
Theme Name: Black Wave WP
Description: Custom theme developed by Blackwave Creative.
Author: Blackwave Creative
Author URI: http://blackwave.net/
Version: 1.0
*/

* {padding: 0; margin: 0; line-height: 1.3em; outline: none;}

/* -----BODY STUFF----- */
body {height:auto; width:auto; font-family: Arial, Helvetica, sans-serif; color:#333; background: #000; }

/* -----A TAG STUFF----- */
a {text-decoration: none; color:#027FC4;}
a:hover {text-decoration:underline;}

p {font-size: 14px; padding-bottom: 5px;}

span.highlight {color: #027FC4;}

/* -----H TAG STUFF----- */
h1,h2,h3, h4, h5, h6 {color: #333; font-weight: normal;}
h1,h2 {font-family: din-condensed-web-1,din-condensed-web-2,sans-serif;}
h1,h1 a,h1 a:visited,
h2,h2 a,h2 a:visited,
h3,h3 a,h3 a:visited,
h4,h4 a,h4 a:visited,
h5,h5 a,h5 a:visited,
h6,h6 a,h6 a:visited {text-decoration:none;}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {text-decoration:underline;}

/* -----PAGE STUFF----- */
#wrapper {width: 100%; background: #2e7eaa url(images/bg.jpg) repeat-x top left;}
#content {margin: 0 auto;  width:960px; padding-bottom: 50px; position: relative; z-index: 1;}
#main {color: #D0EDFC; position: relative; z-index: 1;}

#main-wrap {width: 958px; background: transparent url(images/main_bg_sidebar_repeat.png) repeat-y center top; border: 1px solid #FFFFFF; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; 
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,.5);
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,.5);
	box-shadow: 0px 0px 5px rgba(0,0,0,.5);}
#main {width: 929px; padding: 29px 0 29px 29px; float: none; color: #000000; background: transparent url(images/main_bg_sidebar.png) no-repeat center top;}
#main #main-content {width: 580px; float: left; padding-right: 29px; margin-right: 2px;}
#main #main-sidebar {width: 318px; float: left;}
#main h2 {font-size: 26px; color: #027fc4; padding: 0 0 20px 0; margin: 0;}

#main #main-sidebar h2.sidebar-title {padding: 0 29px 25px 29px; border-bottom: 1px solid #d1d1d1;}
#main #main-sidebar h2.roster-title {border-bottom: 0 none;}
#main #main-sidebar .widget-container {padding: 20px 29px 20px 29px; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #d1d1d1; font-size: 14px;}
#main #main-sidebar .widget-container img.service-img {display: block; float: left; margin-right: 12px;}
#main #main-sidebar .widget-container h3 {color: #027fc4; font-size: 26px; line-height: 30px; padding: 0 0 12px 0;}


body.home #content {padding-bottom: 0;}
body.home #main, body.error404 #main, body.single-work #main {width: 960px; padding: 0; border: 0 none; background: none;}
body.single-work #main-wrap {border: 0 none; background: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;}

/*---------ANYTHING SLIDER--------*/
div.solutionsSlider 												{ width: 240px; height: 224px; position: relative; color: #fff; background: url(images/slider_bg.png) no-repeat; }
div.solutionsSlider > div.wrapper                				{ width: 177px; height: 165px; overflow: hidden; position: absolute; top: 32px; left: 32px; z-index: 1}
div.solutionsSlider > div.wrapper > ul.wrapperul   				{ width: 9999px; list-style: none; position: absolute; top: 0; left: 0; z-index: 1}
div.solutionsSlider > div.wrapper > ul.wrapperul > li.wrapperli  { width: 177px; height: 165px; display: block; float: left; padding: 0; margin: 0; position: relative; text-align: center;}	
						
div.anythingSlider > a.arrow, div.solutionsSlider .nav a { 
	display: block; 
	height: 35px; 
	width: 36px; 
	text-indent: -9999px;  
	position: absolute; 
	top: 100px; 
	cursor: pointer; 
	overflow: hidden; 
	z-index: 3; 
	background-image: url(images/footer_btns.png); 
	background-repeat: no-repeat;
}
div.anythingSlider > a.forward, div.solutionsSlider .nav a#next2 { background-position: top right; right:-17px; }
div.anythingSlider > a.back, div.solutionsSlider .nav a#prev2 { background-position: top left; left:-17px; }
div.anythingSlider > a.forward:hover, div.solutionsSlider .nav a#next2:hover { background-position: bottom right;}
div.anythingSlider > a.back:hover, div.solutionsSlider .nav a#prev2:hover { background-position: bottom left;}

div.anythingSlider > a#start-stop             { display: none; }

/*--------404 PAGE STUFF---------*/
body.error404 #main {text-align: center;}
body.error404 #main > h2 {color: #fff; font-size: 30px; margin-top: 15px; line-height: 1em;}
body.error404 #main > h3 {font-size: 30px; color: #000; line-height: 1em;}
body.error404 #main > p {font-size: 18px; margin: 25px 0 15px; line-height: 1.5em;}

/*--------ABOUT PAGE STUFF---------*/
body.page-template-about-php div.post {padding: 20px 30px; position: relative;}
body.page-template-about-php div.post > h2 {text-transform: uppercase; font-size: 20px;}
body.page-template-about-php div.post > h2.posttitle {color: #fff;}
body.page-template-about-php div.post > h2.jobTitle {margin-bottom: 5px;}
body.page-template-about-php div.post > p {font-size: 14px;}
body.page-template-about-php div.post > img.bioImg {float: left; margin-right: 15px;}

body.page-template-about-php div.nonConnect {clear: left;}
body.page-template-about-php div.nonConnect > h2 {display: inline-block;}
body.page-template-about-php div.nonConnect > h2.jobTitle {margin-left: 10px;}

body.page-template-about-php div.connect {width: 400px; float: left;}
body.page-template-about-php div.connect > h2 {clear: left;}
body.page-template-about-php div.connect > div.connectInfo {background: url(images/bk_about_conect.png) no-repeat; height: 145px; width: 273px; margin:10px 0 0 125px;}
body.page-template-about-php div.connect > div.connectInfo > h3 {padding-top: 10px;}
body.page-template-about-php div.connect > div.connectInfo > a {color: #333;  font-size: 14px; font-weight: bold; display: block; float: left; line-height: 28px; padding-left: 32px; margin: 5px 10px 0 0;}
body.page-template-about-php div.connect > div.connectInfo > a.aboutTwitter {background: url(images/about_twitter.png) no-repeat left center;}
body.page-template-about-php div.connect > div.connectInfo > a.aboutLinkedin {background: url(images/about_linkedin.png) no-repeat left center;}
body.page-template-about-php div.connect > div.connectInfo > a.aboutSkype {background: url(images/about_skype.png) no-repeat left center;}

body.page-template-about-php #ve-logo {position: absolute; top: 0; right: 220px; width: 62px; height: 62px; background-image: url(images/ve_logo.png);}

#pres-social {height: 25px; padding: 0 0 20px 0;}
#pres-social a.social-btn {display: block; float: left; width: 25px; height: 25px; background-position: center top; text-indent: -9999px; outline: none;}
#pres-social a.social-btn:hover {background-position: center bottom;}
#pres-social a.linkedin-btn {background-image: url(images/connect_linkedin.png);}
#pres-social a.twitter-btn {background-image: url(images/connect_twitter.png); margin-right: 6px;}

/*--------WORK PAGE STUFF---------*/
body.page-template-work-php .navigation {padding: 0 0 20px 0;}
body.page-template-work-php .bottom-nav .navigation {padding: 0;}
body.page-template-work-php div.post {width: 270px; float: left; margin: 0 40px 30px 0; color: #666666; font-size: 14px;}
body.page-template-work-php div.post .thumb {float: none; display: block;}
body.page-template-work-php div.last-col {margin-right: 0;}
body.page-template-work-php #main div.post h2.posttitle {margin: 0; padding: 10px 0 0 0;}
body.page-template-work-php #main div.post h2.posttitle a, body.page-template-work-php #main div.post h2.posttitle {font-size: 20px; color: #027FC4;}
body.page-template-work-php div.post > h3.posttags {padding: 0 0 7px 0;}
body.page-template-work-php div.post > a.thumb {
	border: none; 
	display: block;  
	margin:0;
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,.5);
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,.5);
	box-shadow: 0px 0px 5px rgba(0,0,0,.5);
	background: #eee url(images/magnify.png) no-repeat center center;
}
body.page-template-work-php div.post > a.thumb > img.postThumb { padding: 5px; background: #eee; border: 1px solid #fff;}
a.learnMore {display: block; background: url(images/learn_more.png) no-repeat top left; width: 98px; height: 27px; text-indent: -999px; overflow: hidden; float: right; margin-top: 5px;}
a.learnMore:hover {background: url(images/learn_more.png) no-repeat bottom left;}

a.workSlides {display: none;}

.work-content {margin: 0 0 45px 0;}
.work-content .work-bucket {width: 276px; margin-right: 60px; float: left; color: #0f2a38; font-family: "ff-dax-web-pro-1","ff-dax-web-pro-2",sans-serif; font-size: 18px; line-height: 22px;}
.wf-loading .work-content .work-bucket {visibility: none;}
.work-content .work-results {margin-right: 0;}
.work-content .work-bucket .title {height: 107px; margin: 0 0 10px 0; background: transparent url(images/title_border.jpg) no-repeat left bottom;}
.work-content .work-bucket .title img {display: block;}

body.single img.workImg {margin-top: 5px;}
body.single a.workLinks {float:right; display: inline-block; text-indent: -999px; overflow: hidden; margin-top: 10px;}
body.single a#slideShow {height: 30px; width: 84px; background: url(images/slideshow.png) no-repeat top left;}
body.single a#slideShow:hover {background: url(images/slideshow.png) no-repeat bottom left;}
body.single a#viewLive {height: 25px; width: 63px; background: url(images/viewlive.png) no-repeat top left; margin-right: 5px;}
body.single a#viewLive:hover {background: url(images/viewlive.png) no-repeat bottom left;}


div#related {padding: 0 0 40px 0; background: transparent url(images/related_projects_border.jpg) no-repeat center bottom;}
div#related > h2 {color: #fff; text-transform: uppercase; font-size: 30px; line-height: 32px; padding: 0 0 33px 0; margin: 0 0 15px 0; background: transparent url(images/title_border.jpg) no-repeat left bottom;}
div#related > ul {list-style: none;}
div#related > ul > li {width: 217px; float: left; height: 187px; margin: 0 30px 28px 0;}
div#related > ul > li.last {margin-right: 0;}
div#related > ul > li.last-row {margin-bottom: 0;}
div#related > ul > li h4 {color: #0b1e29; text-transform: uppercase; font-size: 14px; line-height: 20px; margin: 0 0 5px 0;}
div#related > ul > li h4 a {color: #0b1e29; text-transform: uppercase; font-size: 14px; line-height: 20px;}
div#related > ul > li > a {
	border: none; 
	display: block;  
	margin:0;
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,.5);
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,.5);
	box-shadow: 0px 0px 5px rgba(0,0,0,.5);
	background:#FFFFFF;
}
div#related > ul > li > a > img.relatedImg { padding: 5px; background: #FFFFFF; border: 1px solid #fff;}
div#related > p#posttags {}
div#related > p#posttags > a {}

/*---------BLOG PAGE STUFF------------*/
.listing .post {margin: 0 0 20px 0; padding: 0 0 20px 0; border-bottom: 1px solid #dddddd;}
.listing .post a {color: #027FC4;}
#main .listing h2 {font-size: 22px; padding: 0 0 10px 0;}
#main .listing h2 a {color: #027FC4;}
a.sharethis {position: relative; top: -5px; color: #027FC4; font-size: 14px; line-height: 20px; font-weight: bold;}
a.sharethis img {display: none;}

.commentBox {padding: 0; margin: 10px 0 0 0; width: auto; background: transparent none; line-height: 22px; height: 22px;}

div.post > div.dateBox {color: #999999; margin: 0 0 0 0; padding: 0 0 0 20px; font-size: 12px; height: 16px; line-height: 16px; font-weight: bold; background: transparent url(images/date_bg.png) no-repeat top left;}
div.post > small,
div.post > small a {color: #333; font-style: italic; font-weight: bold;}

div#content > div.blogPost {width: 670px;}

.tweet-btn {float: left;}

.wp-pagenavi {font-weight: bold; color: #999999; text-align: right;}
.wp-pagenavi a, .wp-pagenavi span {margin: 0 3px;}
.wp-pagenavi a {color: #999999;}
.wp-pagenavi span.current {color: #027fc4; text-decoration: underline;}
.wp-pagenavi a.nextpostslink, .wp-pagenavi a.previouspostslink {color: #027fc4;}


/*--------CONTACT PAGE STUFF----------*/
div#callUs {display:none; background: url(images/call_us_bg.png) no-repeat; width: 250px; height: 209px; position: absolute; top: 160px; right: -30px; z-index: 0; padding: 180px 35px 0;}
div#callUs > h3 {text-align: right; padding-right: 40px; color: #027fc4; font-size: 22px; padding-bottom: 20px;}
div#callUs > p {font-size: 14px; padding-bottom: 15px;}
div#callUs > a#callUsButton {display: block; width: 223px; height: 35px; background: url(images/callUsBtn.png) no-repeat top left; text-indent: -999px; overflow: hidden;}
div#callUs > a#callUsButton:hover {background: url(images/callUsBtn.png) no-repeat bottom left;}

div.contactNote {text-align: center;}
div.contactNote > h2 {padding: 15px 0;}
div.contactNote > p {padding-bottom: 15px;}

/*---------HEADER STUFF-----------*/
#topBar {margin: 0 auto; width:960px; height:34px; position: relative; z-index: 40}
#topBar a {color: #BBBBBB; font-family: sans-serif; font-size: 12px; line-height: 20px; height: 20px; display: block; margin: 7px 0;}
#topBar a:hover {color: #fff; text-decoration: none;}
#header {margin: 0 auto; width:960px; position: relative; z-index: 30}
#logo {height: 137px; width: 299px; float: left;}
#logo a {height: 100%; width: 100%; display: block; background: url(images/logo-trans.png) no-repeat; text-indent: -9999px; overflow: hidden;}

a#solutions {float: right; background: url(images/solutions_on.png) no-repeat right center; padding: 0 25px 0 0; color: #BBBBBB; font-family: sans-serif; font-size: 12px;}
a#solutions:hover {color: #fff; text-decoration: none; background: url(images/solutions.png) no-repeat right center;}
#solutionMenu {display: none; position: absolute; top: 34px; right: 0; width: 160px; background: #000; padding:0 10px 10px; z-index: 1000;}
#solutionMenu a {display: block; text-align: right; color: #BBBBBB; font-family: sans-serif; font-size: 12px;}

#topBar .top-black-menu {padding: 10px 0 9px 0;}
#topBar .top-black-menu a {display: block; float: right; border-right: 1px solid #585858; color: #FFFFFF; height: 15px; font-size: 13px; line-height: 13px; margin: 0 13px 0 0; padding: 0 13px 0 0; text-decoration: none;}
#topBar .top-black-menu a#inflexion-network-link {display: block; width: 169px; height: 11px; background: transparent url(images/inflexion_network.png) no-repeat center top; margin: 2px 0 0 0; border-right: 0 none;}
#topBar .top-black-menu a:hover {color: #585858;}
#topBar .top-black-menu a#inflexion-network-link:hover {background-position: center bottom;}
a#partner-with-us {float: right; padding-right: 10px; border-right: 1px solid #BBBBBB;}

/*-----NAVIGATION STUFF-------*/
#navigation {height: 137px;}
#navigation .main-nav {height: 137px; float: left;}
#main-nav-left {padding: 0 20px 0 84px;}
#main-nav-right {padding: 0 0 0 60px}
ul.topNavi {position: relative; z-index: 1; height: 30px; padding: 57px 0 50px; float: left;}
ul.topNavi li.navitem {
display: block;
float:left;
margin-right: 42px;
list-style-type:none;
position:relative;
 z-index: 1
}
.wf-loading ul.topNavi li.navitem {visibility: none;}
ul.topNavi li.navitem > a {display:block; font-size: 20px; line-height: 30px; color: #FFF; text-decoration: none;}
.wf-active ul.topNavi li.navitem > a {font-size: 26px;}
ul.topNavi li.navitem > a:hover {text-decoration: none;}
ul.topNavi li.navitem div.subText {position:absolute; visibility: hidden;  z-index: 1}
ul.topNavi li.navitem:hover div.subText {visibility: visible;}
ul.topNavi li a {
	display:block;
	height:38px;
	/*text-indent: -999px;*/
	overflow: hidden;
	text-transform: uppercase;
}
ul.topNavi li div.subText {top: 33px;}
ul.topNavi li.about a {/*background:url("images/about.png") no-repeat 0 0;width:86px;*/}
ul.topNavi li.about div.subText {
background:url("images/sub_about.png") no-repeat center top;
height:36px;
left:30px;
position:absolute;
visibility:hidden;
width:230px;
 z-index: 1
}
ul.topNavi li.work a {/*background:url("images/work.png") no-repeat 0 0;width:101px;*/}
ul.topNavi li.work div.subText {
background:url("images/sub_work.png") no-repeat center top;
height:31px;
left: -180px;
width:224px;
}
ul.topNavi li.services a {/*background:url("images/services.png") no-repeat 0 0;width:127px;*/}
ul.topNavi li.services div.subText {
background:url("images/sub_services.png") no-repeat center top;
height:30px;
left: -150px;
width:216px;
}
ul.topNavi li.blog a {/*background:url("images/blog.png") no-repeat 0 0;width:91px;*/}
ul.topNavi li.blog div.subText {
background:url("images/sub_blog.png") no-repeat center top;
height:35px;
right:-185px;
width:281px;
}
ul.topNavi li.contact a {/*background:url("images/contact.png") no-repeat 0 0;width:102px;*/}
ul.topNavi li.contact div.subText {
background:url("images/sub_contact.png") no-repeat center top;
height:35px;
right:35px;
width:187px;
}

/*--------BANNER STUFF-----------*/
#banner {
	position: relative;
	z-index: 0;
	background: #fff;
	padding: 20px 35px;
	margin: 0 auto 40px; 
	width:890px; 
	min-height: 260px;
	-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,.5);
	-moz-box-shadow: 0px 0px 15px rgba(0,0,0,.5);
	box-shadow: 0px 0px 15px rgba(0,0,0,.5);
}
body.home #banner {display: none; padding: 0; z-index: 2; width: 926px; margin-bottom: 15px; background-color: transparent;}
body.page-template-contact-php #banner,
body.page-template-partner-php #banner {z-index: 2;}

#banner > div#vimeo {position: relative; z-index: 0; width: 622px; height: 350px;}

#banner a {color: #006699;}
#homeNote {padding:77px 35px 0; text-align:center; width: 253px; height: 413px; position: absolute; right: 0; top: -10px; background: url(images/front_page_note_bg.png) no-repeat top left; z-index: 100;}
#note {background: url(images/note.png) no-repeat top left; height: 353px; width: 257px; padding: 50px 30px 0 30px; position: absolute; right: 0; top: -20px; z-index: 10;}
#note a {color: #027FC4;}
#note p {font-size: 15px;}
#note h2 {font-size: 20px;}

#slideshow .slide {margin: 0 auto; position: relative;}
#slideshow .slide .slide-teaser {width: 320px; height: 361px; background: transparent url(images/slideshow_teaser_bg.png) no-repeat center top; position: absolute; top: 0; right: 0; color: #FFFFFF;}
#slideshow .slide .slide-teaser .slide-teaser-inner {position: relative; height: 361px;}
#slideshow .slide .slide-teaser .slide-teaser-inner .slide-teaser-inner2 {position: absolute; bottom: 0; padding: 20px;}
#slideshow .slide .slide-teaser h3 {font-weight: bold; font-size: 28px; line-height: 32px; padding: 0 0 14px 0; color: #FFFFFF; text-transform: uppercase;}
#slideshow .slide .slide-teaser h3 a {font-weight: bold; font-size: 28px; line-height: 32px; color: #FFFFFF;}
#slideshow .slide .slide-teaser .copy, #slideshow .slide .slide-teaser .copy p {font-size: 16px; line-height: 22px;}
#slideshow .slide .slide-teaser .copy p {padding: 0 0 15px 0;}
#slideshow .slide .slide-teaser a.read-more {display: block; width: 27px; height: 27px; background: transparent url(images/slideshow_readmore.png) no-repeat center top;}
#slideshow .slide .slide-teaser a.read-more:hover {background-position: center bottom;}

#slideshow-controls a {display: block; width: 50px; height: 50px; background-position: center top; position: absolute; cursor: pointer; outline: none; text-indent: -9999px; top: 155px;}
#slideshow-controls a:hover {background-position: center bottom;}
#slideshow-next {background-image: url(images/slideshow_next.png); right: -68px;}
#slideshow-prev {background-image: url(images/slideshow_prev.png); left: -68px;}

/*-------RECENT POSTS NOTE--------*/
div#note > div#recentPosts > h2 {}
div#note > div#recentPosts > h4.posttitle {margin-top: 10px;}
div#note > div#recentPosts > h4.posttitle > a {}		
div#note > div#recentPosts > p {font-size: 14px;}

/*--------BANNER QUOTE FORM----------*/
#note > div#quote > h2 {text-align: center; padding-bottom: 10px;}
#note > div#quote > div#quoteForm > form > input[type="text"],
#note > div#quote > div#quoteForm > form > textarea {width: 90%; margin: 5px 0; color:  #777; font-size: 14px; font-family: serif;}
#note > div#quote > div#quoteForm > form > input[type="submit"] {float: right; margin-right: 15px;}

#note > div#quote > div#quoteForm > form > p {float: left; margin-left: 10px;}
#note > div#quote > div#quoteForm > form > p > input#captcha {width: 15px; text-align: center; padding: 0px;}

#note > div#quote > div#quoteForm > form > textarea {height: 100px;}

p.top-p {
font-family:Trebuchet MS;
font-size:22px;
font-weight:normal;
margin:0;
padding:0 0 15px;
text-transform:uppercase;
line-height: 1.3em;
}
p.bottom-p {
font-family: Arial, Helvetica, sans-serif;
font-size:22px;
font-weight:normal;
margin:0;
padding:0 0 15px;
line-height: 1.3em;
}

.facebook-connect a {background:url("images/facebook_icon.png") no-repeat scroll center top transparent; width:40px;}
.facebook-connect a:hover {background:url("images/facebook_icon.png") no-repeat scroll center bottom transparent;}
.connect-twitter a {background:url("images/twitter_icon.png") no-repeat scroll center top transparent;width:39px;}
.connect-twitter a:hover {background:url("images/twitter_icon.png") no-repeat scroll center bottom transparent;}
.connect-twitter a, .facebook-connect a {display:block;height:37px;}
.connect-img, .connect-twitter, .facebook-connect {float:left;}
.connect-front {margin:0 0 0 100px;width:150px;}

#contact-bwave {font-size:18px; padding-top: 5px;}

#bannerContent {width: 565px; position: relative;}
#bannerContent h2 {
	color:#027FC4;
	font-size:20px;
}
#bannerContent p,
#bannerContent > div.entry {font-size: 16px; padding-top: 10px; line-height: 1.3em;}

div#content-bottom {
padding-top:0;
}

#callout {}
#callout h2 {
	color:#FFFFFF;
	font-size:26px;
	margin:0;
	padding:0;
}
#callout p {
	color:#DBF1FD;
	font-size:15px;
	margin:0;
	padding:0;
 	line-height: 1.3em;
}
#callout p.calloutLeft {width: 441px; padding-left: 21px; float: left;}
#callout p.calloutRight {width: 441px; padding-right: 21px; float: right;}
#frontpageBuckets {background:url("images/front_page_buckets_bg.png") no-repeat scroll center bottom transparent; height: 467px;}

div.frontBucket {
color:#000000;
float:left;
font-family: Arial, Helvetica, sans-serif;
font-size:16px;
font-size-adjust:none;
height:95px;
margin:156px 52px 0 0;
width:268px;
line-height: 1.2em;
}
div.frontBucket a {color:#027fc4; text-decoration: none;}

#bucketOne {margin-left: 36px;}
#bucketThree {margin-right: 0;}

div.frontBucket > div.recentPosts {text-align: left; width: 220px; height: 140px; padding: 10px 15px; overflow: hidden; margin: 15px 0 0 1px; }
div.frontBucket > div.recentPosts > h3 { padding-bottom: 5px;}
div.frontBucket > div.recentPosts > h4.posttitle > a {font-size: 14px;}
div.frontBucket > div.recentPosts > p {font-size: 14px;}

/*------BOTTOM WIDGETS-------*/
#widgetsContainer {width: 100%; background: #205877;}
#widgets {margin: 0 auto;  width:960px; padding: 15px 0; color: #DBF1FD}
#widgets .block {width: 295px; padding: 0 55px 0 0; float: left;}
#widgets .block h2 {color: #fff; font-size: 20px; font-family: "ff-dax-web-pro-1","ff-dax-web-pro-2";}
#widgets .block p {margin-top: 10px; font-size: 14px;}
#widgets .block a {color:#88c9ec;}
#widgets #blockThree {padding-right: 0; width: 225px;}

div#widgets > div.block h2 {position: relative;}
div#widgets > div.block h2 > a.connect-twitter {background:url("images/twitter_icon.png") no-repeat scroll center top transparent;width:30px;height:30px; display: inline-block;  float: none; position: absolute; left: 155px; top: -3px; z-index: 2; /*THIS IS AN IE7 FIX --> */zoom: 1;*display:inline;}
div#widgets > div.block h2 > a.connect-twitter:hover {background:url("images/twitter_icon.png") no-repeat scroll center bottom transparent;}
div#twitter > ul#twitter_update_list {list-style: none; font-size: 14px;}
div#twitter > ul#twitter_update_list > li {margin: 10px 0;}
div#twitter > ul#twitter_update_list > li > span {display: block;}
div#twitter p#preloader {margin: 0; padding: 1em 1em 1em 3em; background: transparent url("images/loader.gif") 1em center no-repeat;}


/*--------FOOTER STUFF--------*/
#footerContainer {width:100%; background: #000;}
#footer {clear:both; margin: 0 auto;  width:960px; padding: 20px 0; font-size: 13px; font-weight: bold; font-style: italic; color: #FFFFFF;}
#footer a {color: #FFF; text-decoration: none;}
#footer #copyright {width: 757px; float: left;}
#footer #copyright p {line-height: 25px; font-size: 13px;}
#footer #copyright span.gray {color: #555555;}
#footer #copyright span.blue {color: #2e7eaa;}

#footer #copyright .social-btns {padding: 0 0 12px 0;}
#footer #copyright .social-link {display: block; float: left; width: 31px; height: 31px; background-position: center top;}
#footer #copyright .social-link:hover {background-position: center bottom;}
#footer #copyright .social-twitter {background-image: url(images/social_twitter.png); margin-right: 10px;}
#footer #copyright .social-facebook {background-image: url(images/social_facebook.png);}

#footer #footer-menu {width: 183px; margin-right: 20px; float: left; background: transparent url(images/footer_slash.png) no-repeat top right;}
#footer-menu ul.menu {padding: 0; margin: 0; display: block;}
#footer-menu ul.menu li {list-style-type: none; display: block; margin: 0 0 6px 0;}
#footer-menu ul.menu li a:hover {text-decoration: none; color: #555555;}
.network-credit .credit-text {float: left; margin-right: 8px; line-height: 14px; height: 14px; color: #555555;}
.network-credit .credit-graphic a {
 background: url("images/inflexion_network.png") no-repeat scroll center top transparent;
    display: block;
    height: 11px;
    margin: 2px 0 1px 0;
    width: 169px;
    float: left;
}
.network-credit .credit-graphic a:hover {background-position: center bottom;}

/* ----TOOL TIP STYLE----- */
.itooltip {
	display:none; 
	font-size: 12px; 
	color: #fff; 
	z-index: 10000000; 
	position:absolute; 
	background: #205877; 
	padding: 3px 8px;
	border:1px solid #000;
	z-index: 20;
}

/* -----POST AND ENTRY STUFF----- */
.post {}
.post h2.posttitle, .entrytitle {}
.entry{font-size: 12px;}
.entry ol,.entry ul {margin:0 0 15px 25px; padding: 0; font-size: 12px;}
.entry li {padding:0 0 0 5px; list-style-position:outside; line-height: 1.5em;}
.entry p {margin: 0 0 15px;}
.details {font-size: 12px;  margin-bottom: 35px;}
.entry h1, .entry h2, .entry h3, .entry h4,.entry h5,.entry h6 {}

/*-------POST COMMENT BOX STUFF----------*/
div.commentBox a {line-height: 42px;}
div.commentBox a.leaveComment {background: url(images/bk_comment_blog.png) no-repeat left center; padding-left: 35px; display: block; float: left;}

/*--- POST THUMBNAIL STUFF ---*/
div.post .thumb {float: left; border: 1px solid #000; display: block;  margin:0 20px 20px 0;}
div.post .thumb .postThumb { padding: 5px; background: #444; border: 1px solid #666;}

/*-------BLOG PAGE NAVIGATION STUFF----------*/
.navigation {font-size:14px; width: 100%; padding: 15px 0;}
.navigation .pagenav a {display: block;}
.navigation .pagenav a:hover {text-decoration: underline;}
.single-navigation {padding: 17px 0 0 0; margin: 0 0 15px 0; height: 53px; background: transparent url(images/nav_border.jpg) no-repeat center top; width: 960px;}
.single-navigation .pagenav a {height: 20px; background-position: center top; text-indent: -9999px; outline: none;}
.single-navigation .pagenav a:hover {background-position: center bottom;}
.single-navigation .nextpage a {width: 121px; background-image: url(images/next_project.png);}
.single-navigation .backpage a {width: 149px; background-image: url(images/previous_project.png);}

.page-template-work-php .nextpage a {display: block; height: 20px; width: 62px; background: transparent url(images/next_btn.png) no-repeat center top; text-indent: -9999px; outline: none;}
.page-template-work-php .nextpage a:hover {background-position: center bottom;}
.page-template-work-php .backpage a {display: block; height: 20px; width: 90px; background: transparent url(images/prev_btn.png) no-repeat center top; text-indent: -9999px; outline: none;}
.page-template-work-php .backpage a:hover {background-position: center bottom;}

/*-----SIDEBAR STUFF----*/
#sidebar {color: #000000;}
#sidebar a {text-decoration: none;}
#sidebar a:hover {text-decoration: underline;}
#sidebar ul {}
#sidebar ul li.widget {list-style: none; margin: 0 0 20px; font-size: 12px;}
#sidebar ul li.widget h2.widgettitle {color: #027FC4; padding: 0 0 5px 29px; border-bottom: 1px solid #d1d1d1;}
#sidebar ul li.widget h2.contact-widgettitle {border-bottom: 0 none; padding-bottom: 20px;}
#sidebar ul li.widget_text .textwidget {padding: 0 29px;}
#sidebar ul li.contact-widget .textwidget p {line-height: 20px;}
#sidebar ul li.widget ul li a {color: #000000;}
#sidebar ul li.widget ul li {list-style-type:none; list-style-position: outside; padding: 6px 29px 6px 29px; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #d1d1d1;}
#sidebar ul li.widget ul li ul li {padding: 0 0 0 15px; list-style-type:disc; list-style-position: inside;}

#sidebar ul li.widget_search {padding-left: 29px; padding-top: 10px;}

#sidebar a.sidebarSocial {width: 219px; height: 31px; padding-left: 41px; font-size: 22px; line-height: 31px; color: #027FC4; display: block; overflow: hidden; margin: 0 0 10px 0;}
#sidebar a#followUs {background: url("images/social_twitter.png") no-repeat top left;}
#sidebar a#followUs:hover {background: url("images/social_twitter.png") no-repeat bottom left;}
#sidebar a#rssFeed {background: url(images/social_rss.png) no-repeat top left;}
#sidebar a#rssFeed:hover {background: url(images/social_rss.png) no-repeat bottom left;}
#sidebar a#emailUs {background: url("images/social_mail.png") no-repeat top left;}
#sidebar a#emailUs:hover {background: url("images/social_mail.png") no-repeat bottom left;}
#sidebar a#likeUs {background: url("images/social_facebook.png") no-repeat top left;}
#sidebar a#likeUs:hover {background: url("images/social_facebook.png") no-repeat bottom left;}
#sidebar a#findUs {background: url("images/social_map.png") no-repeat top left;}
#sidebar a#findUs:hover {background: url("images/social_map.png") no-repeat bottom left;}


/* -----COMMENT STUFF----- */
#commentsection {width:90%;   font-size: 12px; margin-top: 20px;}
.commentlist {width: 100%; list-style:none; }
h3.comments {margin:40px auto 20px;}
.commentlist li,#commentform input,#commentform textarea {font:.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;}
.commentlist li {font-weight:bold;list-style:none; padding:15px 0; font-size:12px;}
.commentlist li img.avatar {float:left;border:1px solid #333;background:#fff;margin-right:15px;padding:3px;}
.commentlist cite,.commentlist cite a {font-weight:bold;font-style:normal;}
.commentlist p {font-weight:normal; text-transform:none;margin:10px 5px 10px 83px; font-size: 12px;}
.commentlist .pingback p {margin:10px 5px 10px;}
#commentform p {margin:5px 0;}
.commentmetadata {font-weight:normal;display:block; font-size:10px; color:#333; padding:3px 0 0; text-transform:uppercase;}
cite.fn {text-transform:uppercase;}
.commentlist {text-align:justify;padding:0 0 40px;}
.nocomments {text-align:center;}
#recentcomments li {}
.alt {}

/*---FORM STUFF---*/
input {padding: 5px; width:170px; margin:5px 0 0 0;}
textarea {padding: 4px; width:90%; font-family: Arial; font-size: 12px;}

input,
textarea {
	border: 1px solid #fff; 
	background: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; 
	border-radius: 5px;
}

#note input[type="submit"] {
	cursor: pointer; 
	width: 49px; height: 32px; 
	background: url(images/send_it.png) no-repeat top left;
	border: none; 
	text-indent: -999px; 
	overflow: hidden; 
	display: block; 
	font-size: 0px; 
	line-height: 0px;
}
#note input[type="submit"]:hover {background: url(images/send_it.png) no-repeat bottom left;}

input[type="submit"] {
	cursor: pointer; 
	width: 49px; 
	height: 32px; 
	background: url(images/send_it_2.png) no-repeat top left;
	border: none; 
	text-indent: -999px; 
	overflow: hidden; 
	display: block; 
	font-size: 0px; 
	line-height: 0px;
}
input[type="submit"]:hover {background: url(images/send_it_2.png) no-repeat bottom left;}

#sidebar input, #sidebar textarea {padding:3px;}
#sidebar input[type="submit"]{cursor:pointer;}

/* -----SEARCH STUFF----- */
form#searchform {position: relative;}
form#searchform input#s {
	float: left;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background:none repeat scroll 0 0 #FFFFFF;
	cursor:default;
	font-size:13px;
	line-height: 17px;
	height:17px;
	padding: 6px 10px 6px 10px;
	width: 194px;
	border: 1px solid #b6b6b6;
	margin: 0 10px 0 0;
	color: #aaaaaa;
}
form#searchform input#searchsubmit {
	display: block;
	background: transparent url("images/btn_go.png") no-repeat top center;
	border: 0 none;
	cursor:pointer;
	float:left;
	height: 31px;
	padding: 0;
	margin: 0;
	width:31px;
} 
form#searchform input#searchsubmit:hover {background: transparent url("images/btn_go.png") no-repeat bottom center;}

/*--------CONTACT FORM-----------*/
form.wpcf7-form > p.textField {float: left; width: 50%;}
form.wpcf7-form > p.textField > span > input {width: 90%;}
form.wpcf7-form > p > span > textarea {width: 95%; margin-bottom: 10px;}
form.wpcf7-form > p.clear {padding-top: 10px;}

span.wpcf7-not-valid-tip {color: #333;}

/* -----UNIVERSAL STUFF----- */
code {font:1.1em 'Courier New', Courier, Fixed;}
acronym,abbr,span.caps {font-size:.9em;letter-spacing:.07em;cursor:help;}
p img {max-width:100%;}
img.centered {display:block;margin:0 auto;}
img.alignright {display:inline;margin:0 0 10px 10px;}
img.alignleft {display:inline;margin:0 10px 10px 0;}
.alignright {float:right;}
.alignleft {float:left;}
acronym.abbr {border-bottom:1px dashed #999;}
blockquote {padding-left:20px;margin:15px;}
blockquote cite {display:block;margin:5px 0 0;}
.center {text-align:center;}
hr {display:none;}
a img {border:none;}
img#wpstats {width:0;height:0;border:none;overflow:hidden;}
#hideme {visibility:hidden;}
.hidden {visibility: hidden; display: none;}
.rssSummary {padding-bottom:15px;}
.clear {clear: both;}
.clearleft {clear: left;}
.hide {display: none;} 

/* -----CALENDAR STUFF----- */
#wp-calendar {empty-cells:show;width:100%;margin:10px auto 0;}
#wp-calendar #prev a,#wp-calendar #next a {font-size:9pt;}
#wp-calendar #next a {padding-right:10px;text-align:right;}
#wp-calendar #prev a {padding-left:10px;text-align:left;}
#wp-calendar a {text-decoration:none;display:block;}
#wp-calendar caption {font:bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;text-align:center;width:100%;}
#wp-calendar th {font-style:normal;text-transform:capitalize;}
#wp-calendar td {text-align:center;padding:3px 0;}
#wp-calendar td.pad:hover {background-color:#fff;}

/* --- HOME SLIDE SHOW --- */
#slideshow {width: 925px; height: 361px; margin: 0 auto;}
#slideshow .slide {display: none;}

#slideshow .ft-title {width: 895px; padding: 15px;}

#slideshow .ft-title .title {font-size: 26px;}

#slideshow .ft-title .copy {font-size: 16px;}

#ft-buttons-slideshow {display: none;}
#ft-prev-slideshow {display: block; text-indent: -9999px; width: 50px; height: 164px; background: transparent url(images/prevBtn3.png) no-repeat left top;}
#ft-next-slideshow {display: block; text-indent: -9999px; width: 50px; height: 164px; background: transparent url(images/nextBtn.png) no-repeat right top;}
#ft-title-slideshow .title {font-family: "ff-dax-web-pro-1","ff-dax-web-pro-2"; font-weight: bold;}
.wf-loading #ft-title-slideshow .title {visibility: none;}
#ft-title-slideshow .copy {font-family: "ff-dax-web-pro-1","ff-dax-web-pro-2";}
.wf-loading #ft-title-slideshow .copy {visibility: none;}

/* --- POST SLIDER --- */
.postSliderLeft {width: 527px; height: 30px; padding: 38px 0 10px 22px; float: left; color: #000000; text-transform: uppercase; font-family: "ff-dax-web-pro-1","ff-dax-web-pro-2"; font-size: 20px; line-height: 30px;}
.wf-active .postSliderLeft {font-size: 26px;}
.wf-loading .postSliderLeft {visibility: none;}
.postSliderRight {width: 411px; float: right;}

.postSliderLink {display: block; height: 52px; float: left;}
#facebookBtn {width: 100px; margin-right: 22px; background: transparent url(images/facebook_btn.png) no-repeat center top;}
#facebookBtn:hover {background-position: center bottom;}
#twitterBtn {width: 123px; margin-right: 19px; background: transparent url(images/twitter_btn.png) no-repeat center top;}
#twitterBtn:hover {background-position: center bottom;}
#viewourworkBtn {width: 141px; height: 57px; background: transparent url(images/view_our_work_btn.png) no-repeat center top;}
#viewourworkBtn:hover {background-position: center bottom;}

/* --- MOBILE LINK --- */
.mobileLink a {color: #000000;}


/*--------BANNER QUOTE FORM 2----------*/
#note > div#quote > h2 {text-align: center; padding-bottom: 10px;}
#note > div#quote > div#quoteForm2 > form > input[type="text"],
#note > div#quote > div#quoteForm2 > form > textarea {width: 90%; margin: 5px 0; color:  #777; font-size: 14px; font-family: serif;}
#note > div#quote > div#quoteForm2 > form > input[type="submit"] {float: right; margin-right: 15px;}

#note > div#quote > div#quoteForm2 > form > p {float: left; margin-left: 10px;}
#note > div#quote > div#quoteForm2 > form > p > input#captcha {width: 15px; text-align: center; padding: 0px;}

#note > div#quote > div#quoteForm2 > form > textarea {height: 100px;}

/* --- WORK PAGE SLIDESHOW --- */
#work-slideshow {width: 960px; margin: 0 auto 30px auto; display: table;}
#work-slideshow .content {position: relative;}
#work-slideshow #caption {position: absolute; top: 0; left: 0; z-index: 1000; width: 960px; height: 307px; margin: 0; padding: 0;}
#work-slideshow #caption .download a {display: block; width: 960px; height: 307px; position: relative; z-index: 1000;}
#work-slideshow span.image-caption {z-index: 1000;}
#work-slideshow #slideshow {width: 960px; height: 307px; margin: 0;}
#work-slideshow div.slideshow-container {z-index: 1;}
#work-slideshow div.slideshow span.image-wrapper {z-index: 1;}
#work-slideshow div.slideshow img { -webkit-box-shadow: 0px 0px 25px rgba(0,0,0,.5); -moz-box-shadow: 0px 0px 25px rgba(0,0,0,.5); box-shadow: 0px 0px 25px rgba(0,0,0,.5); -moz-border-radius: 10px; -webkit-border-radius:10px; border-radius: 10px;}
#work-slideshow div.navigation a.pageLink {width: 30px; height: 31px; margin: 0; padding: 0; margin: 14px 0 0 0;}
#work-slideshow div.navigation a.next {background-image: url(scripts/gallerific/work_next_btn.png); margin-left: 24px;}
#work-slideshow div.navigation a.prev {background-image: url(scripts/gallerific/work_prev_btn.png); margin-right: 24px;}
#work-slideshow .navigation {padding: 14px 0 0 0; margin: 0;}
#work-slideshow ul.thumbs li {margin: 0 7px;}

/* --- CLIENTS PAGE --- */
body.category-13 #main, body.page-id-44 #main {float: none; padding: 29px; width: 900px; color: #000000; background: #FFFFFF url(images/main_bg.png) no-repeat center top; border: 1px solid #FFFFFF; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; 
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,.5);
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,.5);
	box-shadow: 0px 0px 5px rgba(0,0,0,.5);}
	
body.category-13 #main h2 {font-size: 26px; color: #027fc4; padding: 0 0 20px 0; margin: 0;}

#client-logo-listing {padding: 5px 0 15px 0;}

.client-logo-row .client-logo {float: left; width: 225px;}

#our-process {padding: 0 0 31px 0;}
.our-process-graphic {float: left; width: 418px; margin-right: 52px;}
.our-process-text {float: left; width: 430px;}

/*--------SERVICES PAGE STUFF---------*/
body.page-template-services-php div.post {margin: 0 0 40px;}
body.page-template-services-php div.post > img.servicesIcon {float: left; margin: 0 15px 15px 0;}
body.page-template-services-php div.post > h2.posttitle {color: #fff;}
body.page-template-services-php div.post > a.servicesMore {width: 100px; height:34px; float: right; display: block; background: url(images/services_learn.png) no-repeat top left; overflow: hidden; text-indent: -999px; }
body.page-template-services-php div.post > a.servicesMore:hover {background: url(images/services_learn.png) no-repeat bottom left;}
body.page-template-services-php div.post > div.slideDown {clear: left;}

body.page-id-3 .platform-col {width: 188px; float: left; margin-right: 8px;}
body.page-id-3 .last-col {margin-right: 0;}

body.page-id-3 .platform-col .below-img {padding: 24px 22px 0 22px; width: 144px; height: 115px; margin-top: 13px; background: transparent url(images/services_below_img.png) no-repeat center top;}
body.page-id-3 .platform-col .below-img h3 {color: #027fc4; font-size: 16px; padding: 0 0 12px 0; margin: 0;}

/* --- ABOUT US SIDEBAR --- */
.roster-box {margin: 0 29px 20px 29px; width: 260px;
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,.5);
	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,.5);
	box-shadow: 0px 0px 3px rgba(0,0,0,.5);}
#main .roster-box h2.cat-title {color: #000000; padding: 0 12px; font-size: 20px; line-height: 40px; border: 1px solid #cecece; border-bottom: 0 none; border-radius: 3px 3px 0 0; -webkit-border-radius: 3px; -moz-border-radius: 3px 3px 0 0; background: #e4e4e4 url(images/roster_title_bg.jpg) repeat-x center bottom;}
.roster-box .roster-row {padding: 11px; background-color: #027fc4; color: #FFFFFF; font-size: 14px; line-height: 18px;}
.roster-box .even-row {background-color: #399dd5;}
.roster-box .roster-row h3 {color: #FFFFFF; font-size: 16px; line-height: 20px; font-weight: bold;}