/* ### 1. CSS Reset ################### */
html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote { padding:0; margin:0; font-size:100%; font-weight:normal; }
table {border-collapse:collapse; border-spacing:0;}
td, th, caption {font-weight:normal; text-align:left;}
img, fieldset {border:0;}
ol { padding-left:1.4em; list-style:decimal;}
ul { padding-left:1.4em; list-style:disc;}
q:before, q:after {content:'';}
a:link,a:visited{text-decoration:none;outline:none;}
/* ### 2. Grid System ~ 12 column ~ based on 978.gs grid - modified ################### */
/* modified version of 978.gs, with right margin only (except .grid12), use .last on last element in a row to remove right margin */
/* use .clear on an empty div to clear all floats */
.container {width:978px; margin:0 auto; padding:0 10px 0;}
.grid1,.grid2,.grid3,.grid4,.grid5,.grid6,.grid7,.grid8,.grid9,.grid10,.grid11,.grid12{float:left;display:inline;margin-right:30px;}
.grid1{width:54px}.grid2{width:138px}.grid3{width:222px}.grid4{width:306px}.grid5{width:390px}.grid6{width:474px}.grid7{width:558px}.grid8{width:642px}.grid9{width:726px}.grid10{width:810px}.grid11{width:894px}.grid12{width:978px}
.grid4-5{float:left;display:inline;margin-right:30px;width:348px} /* a special :) */
.last,.grid12{margin-right:0;}
.prefix1{padding-left:84px}.prefix2{padding-left:168px}.prefix3{padding-left:252px}.prefix4{padding-left:336px}.prefix5{padding-left:420px}.prefix6{padding-left:504px}.prefix7{padding-left:588px}.prefix8{padding-left:672px}.prefix9{padding-left:756px}.prefix10{padding-left:840px}.prefix11{padding-left:924px}
.suffix1{padding-right:84px}.suffix2{padding-right:168px}.suffix3{padding-right:252px}.suffix4{padding-right:336px}.suffix5{padding-right:420px}.suffix6{padding-right:504px}.suffix7{padding-right:588px}.suffix8{padding-right:672px}.suffix9{padding-right:756px}.suffix10{padding-right:840px}.suffix11{padding-right:924px}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
/* added topX, bottomX, box classes */
.top1{margin-top:10px}.top2{margin-top:20px}.top3{margin-top:30px}.top4{margin-top:40px}.top5{margin-top:50px}.top6{margin-top:60px}
.bottom1{margin-bottom:10px}.bottom2{margin-bottom:20px}.bottom3{margin-bottom:30px}.bottom4{margin-bottom:40px}.bottom5{margin-bottom:50px}.bottom6{margin-bottom:60px}
.box{padding:17px;border:1px solid #93B7CC;
background:#F7F7F7 url(http://www.binnovativewebdesign.co.uk/uploads/images/website_images/bg_vert.png) repeat-x 0 -600px;}
.box.grid1{width:18px}.box.grid2{width:102px}.box.grid3{width:186px}.box.grid4{width:270px}.box.grid5{width:354px}.box.grid6{width:438px}.box.grid7{width:522px}.box.grid8{width:606px}.box.grid9{width:690px}.box.grid10{width:774px}.box.grid11{width:858px}.box.grid12{width:942px}
.box.plain{border:1px solid #E4E4E4; background:transparent;}
/* ### 3. Body, Headings, Typography & Links ################### */
body {font: normal normal 14px/21px 'Open Sans',Verdana,Geneva,sans-serif; color:#666; background:#F4F4F4;}
p {font:normal normal 14px/21px 'Open Sans',Verdana,Geneva,sans-serif; color:#6E6E6E; margin:0;}
h1 {font:normal normal 27px/36px Verdana,Geneva,sans-serif; color:#3F008C; margin-bottom:17px;}
h2 {font:normal normal 22px/30px Verdana,Geneva,sans-serif; color:#235D7A; margin-bottom:8px;}
h3 {font:normal normal 18px/24px Verdana,Geneva,sans-serif; color:#333; margin-bottom:5px;}
h4 {font:normal normal 16px/21px 'Open Sans',Verdana,Geneva,sans-serif; color:#333; margin:0;}
.font_larger {font-size:16px;} /* these used as CSS styles in WYSIWYG editor */
.font_smaller {font-size:13px; line-height:18px;}
.spacing_larger {line-height:27px;}
.spacing_smaller {line-height:18px;}
.b_margin_small {margin-bottom:0.4em;}
.b_margin_large {margin-bottom:1.0em;}
.image_left {float:left; margin:0 10px 10px 0;}
.image_right {float:right; margin:0 0 10px 10px;}
a{color:#FF9900;}
a:hover{text-decoration:underline;}
/* ### 4. Other Defaults ################### */
.rfloat{float:right;}
.lfloat{float:left;}
.alignleft{text-align:left;}
.alignright{text-align:right;}
.aligncenter{text-align:center;}
.hidden{display:none;}
.shadow{-moz-box-shadow:2px 2px 6px rgba(153,153,153,0.35); -webkit-box-shadow:2px 2px 6px rgba(153,153,153,0.35); box-shadow:2px 2px 6px rgba(153,153,153,0.35);}
.rounded,
.rounded4 {-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
.rounded6{-moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;}
.rounded8{-moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;}
.rounded2{-moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
.button {display:inline-block; padding:0 20px; cursor:pointer; text-align:center; text-decoration:none;
font:normal normal 14px/28px Arial, Helvetica, sans-serif; color:#e9e9e9;
background:#6e6e6e;
border:solid 1px #555;
-webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px;
-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2); -moz-box-shadow:0 1px 2px rgba(0,0,0,.2); box-shadow:0 1px 2px rgba(0,0,0,.2);
text-shadow: 0 1px 1px rgba(0,0,0,.3);}
.button:hover {text-decoration:none; background:#616161;}
.button.palePurple, .button.paleTeal,.button.paleOrange {color:#FF9900;
background:#F4F4F4 url(http://www.binnovativewebdesign.co.uk/uploads/images/website_images/bg_vert.png) repeat-x 0 -250px;
-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
.button.palePurple {border-color:#D7BBFC;}
.button.paleTeal {border-color:#9DCDE3;}
.button.paleOrange {border-color:#FAC77A;}
.button.palePurple:hover {border-color:#3F008C;}
.button.paleTeal:hover {border-color:#235D7A;}
.button.paleOrange:hover {border-color:#FF9900;}
/* default Accordion Sections */
.accordion-title {position:relative; margin-bottom:10px; padding:4px 10px; cursor:pointer; background:#E5E5E5;}
h2.accordion-title {font-size:17px; line-height:21px;}
.accordion-title.grid7 {width:538px;}
.accordion-title.active {}
.accordion-title .arrow {position:absolute; top:10px; right:15px; width:16px; height:16px;
background:url(http://www.binnovativewebdesign.co.uk/uploads/images/website_images/bg_icon.png) no-repeat 0 -550px;}
.accordion-title.active .arrow {background-position:-28px -550px;}
.accordion-content {margin-bottom:10px; margin-bottom:0px; padding:5px 10px 25px;}
.accordion-content.grid7{width:538px;}
/* icons */
.icon {display:block; width:32px; height:32px; padding:0;
background:url(http://www.binnovativewebdesign.co.uk/uploads/images/website_images/bg_icon.png) no-repeat 0 0;}
/* ### 5. Header ################### */
#header_wrapper {float:left; width:100%; padding:24px 0 25px;
background:#F9F9F9 url(http://www.binnovativewebdesign.co.uk/uploads/images/website_images/bg_stripe.jpg) repeat 0 0;
border-top:6px solid #205675;}
#header, #header p, #header a {color:#000059;}
#tagline2 {height:100px;}
#tagline2 img {margin:0px 0 0 5px;}
#header #phone {text-align:right; font-size:24px; line-height:28px; margin-top:-5px; margin-bottom:10px;}
#header #email {text-align:right; font-size:17px; margin-bottom:12px;}
.socialMedia {float:left; margin-top:0; margin-bottom:0; margin-left:0; padding:0; list-style:none;}
.socialMedia li {float:right; margin-left:15px;}
.socialMedia .icon {}
.socialMedia .icon.facebook{}
.socialMedia .icon.twitter{background-position:0 -35px;}
.socialMedia .icon.linkedin{background-position:0 -70px;}
/* ### 6. Nav ################### */
#nav_wrapper {float:left; width:100%; height:70px; border-top:2px solid #205675;
background:#FDFDFD url(http://www.binnovativewebdesign.co.uk/uploads/images/website_images/bg_vert.png) repeat-x 0 -2px;}
ul.nav {float:left; width:988px; margin:0; padding:0; list-style:none;}
ul.nav li {position:relative; float:left; margin-right:-1px; padding-bottom:1px;
border-left:1px solid #EAEAEA; border-right:1px solid #EAEAEA;}
ul.nav li a {display:block; width:129px; margin:0 1px; padding:14px 4px 14px;
font-size:16px; font-weight:normal; color:#000; text-decoration:none; text-align:center;
border-bottom:5px solid #F2F2F2;}
ul.nav li.small a {width:128px;}
ul.nav li a:hover {border-bottom-color:#D1D1D1;
background:url(http://www.binnovativewebdesign.co.uk/uploads/images/website_images/bg_icon.png) no-repeat 62px -406px;}
ul.nav li.active > a, ul.nav li.menuactive > a {color:#DC9000; border-bottom-color:#235D7A;
background:url(http://www.binnovativewebdesign.co.uk/uploads/images/website_images/bg_icon.png) no-repeat 62px -116px;}
ul.nav li.menuactive a {}
ul.nav li.parent:hover {}
ul.nav li.parent:hover a {}
/*ul.nav li, ul.nav li.parent {min-height:1em;} Fixes IE7 bug - test without this Sept 2012 */
/* 2nd level Menu */
ul.nav ul {position:absolute; top:auto; left:-1px; z-index:100; display:none; margin:-1px 0 0; padding:2px 0 0; list-style:none;
-moz-box-shadow:2px 2px 6px rgba(153,153,153,0.35); -webkit-box-shadow:2px 2px 6px rgba(153,153,153,0.35); box-shadow:2px 2px 6px rgba(153,153,153,0.35);}
ul.nav li li {float:none; width:100%; padding:0; border-bottom:1px solid #EAEAEA; padding-bottom:1px;
background:#FFF url(http://www.binnovativewebdesign.co.uk/uploads/images/website_images/bg_vert.png) repeat-x 0 -100px;}
ul.nav li ul a {position:relative; margin:0 1px; padding:8px 5px 7px 14px; width:180px; font-size:14px; text-align:left;
border-bottom-width:3px; }
ul.nav li ul li a:hover, ul.nav li ul li a:hover {background:none;/*background-position:15px -418px;*/}
ul.nav li ul li.active a, ul.nav li ul li.menuactive a {background:none;/*background-position:15px -128px;*/}
/* The magic - set to work for up to a 2 level menu */
ul.nav ul, ul.nav li:hover ul {display:none;}
ul.nav li:hover ul {display:block;}
/* ### 7. Main ################### */
#main_wrapper {float:left; width:100%; background:#FDFDFD;}
#main {}
#breadcrumb_privacy {margin-bottom:10px; padding:0;}
#breadcrumb_privacy, #breadcrumb_privacy a, #breadcrumb_privacy p {font-size:13px; color:#444;}
.crumb.current {color:#DC9000;}
#main ul {list-style:none; padding:0;}
#main ul li {margin:0; padding:0 0 5px 30px; line-height:21px;
background:url(http://www.binnovativewebdesign.co.uk/uploads/images/website_images/bullet.gif) no-repeat 10px 9px;}
/* ### 8. Footer ################### */
#footer_wrapper {float:left; width:100%; padding:25px 0;
background:#F9F9F9 url(http://www.binnovativewebdesign.co.uk/uploads/images/website_images/bg_stripe.jpg) repeat 0 0;}
#footer, #footer a, #footer p {font-size:11px; color:#999;}
#footerFirst {width:296px;}
#footerMiddle {min-height:10px;}
#footerLast {width:296px;}
/* ### 9. Contact Form ################### */
.contact_form fieldset div {margin-bottom:10px;}
.contact_form fieldset div div {margin-top:10px; margin-left:20px;} /* not sure this is needed */
.contact_form fieldset label {float:left; width:100%; margin-left:0; padding-top:4px;}
.contact_form textarea, .contact_form input {
font-family:Arial,Helvetica,sans-serif; border:1px solid #999; padding:5px 4px;
-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.contact_form input {width:296px;}
.contact_form textarea {width:464px; height:200px;}
.contact_form .submit input {float:right; width:auto; padding:0 20px; margin:10px 0; cursor:pointer;
color:#FFF; text-shadow:0 1px 1px rgba(0,0,0,.3);
font:normal normal 14px/28px Arial, Helvetica, sans-serif; color:#FF9900;
background:#F4F4F4 url(http://www.binnovativewebdesign.co.uk/uploads/images/website_images/bg_vert.png) repeat-x 0 -250px;
border:1px solid #FAC77A;
-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2); -moz-box-shadow:0 1px 2px rgba(0,0,0,.2); box-shadow:0 1px 2px rgba(0,0,0,.2);
}
.contact_form .submit input:hover {border-color:#FF9900;}
span.fb_error_message, .error_message {color:red;}
.asf {display:none;}
.contact_form_test .asf {display:block;}
/* ### 10. News ################### */
.NewsSummary {margin-bottom:30px; padding-bottom:30px;border-bottom: 1px solid #DADADA;}
.NewsSummaryPostdate {font-size:90%; color:#777; text-align:right; margin-bottom:10px;}
.NewsSummaryPostdate img {vertical-align:middle;}
/*.NewsSummaryCategory {font-size:80%; color:#777; text-align:right; margin-top:0.5em; border-bottom: 1px solid #DADADA; padding-bottom:5px;}*/
.NewsSummaryLink, .NewsSummaryLink a {}
.NewsSummarySummary, .NewsSummaryContent {float:left; width:100%; line-height: 150%;}
.NewsSummaryMorelink {padding-top:20px;}
.NewsCategoryHeading {margin-bottom:10px;}
#NewsPostDetailDate {font-size:90%; color:#777; margin-bottom:10px;}
#NewsPostDetailSummary {float:left; width:100%; line-height:150%; margin:20px 0 30px; /* padding-bottom:0.5em; border-bottom:1px solid #DADADA;*/}
#NewsPostDetailCategory {font-size:80%; color:#777; text-align:right; margin-top:0.5em; border-bottom: 1px solid #DADADA; padding-bottom:5px;}
#NewsPostDetailContent {margin-bottom:15px; line-height: 150%;}
#NewsPostDetailAuthor {padding-bottom: 1.5em; font-style: italic;}
#NewsPostDetailTitle {margin:0;}
#NewsPostDetailReturnLink {font-size: 90%;}
ul.NewsCategoryList {list-style:none; margin:0; padding:0;}
ul.NewsCategoryList li {margin:0; padding:6px 0 6px 15px; line-height:18px; border-top:1px solid #EBEFF2;
background: url(http://www.binnovativewebdesign.co.uk/uploads/images/website-images/arrow.png) no-repeat -10px center;}
ul.NewsCategoryList li:first-child {border-top:none;}
ul.NewsCategoryList li span {background:#999; font-size:11px; line-height:12px; float:right; padding:4px 6px 4px 6px; margin-top:-1px; color:#FFF;
-moz-border-radius: 4px;-webkit-border-radius:4px; border-radius:4px;}
ul.NewsCategoryList li a {color:#003959;}
ul.NewsCategoryList li a:hover {color:#CB2800; text-decoration:none;}
ul.NewsArticleList {list-style:none; margin:0; padding:0;}
ul.NewsArticleList li {border-top:1px solid #EBEFF2; line-height:18px; padding:10px 0 10px;}
ul.NewsArticleList li:first-child {border-top:none;}
ul.NewsArticleList li a {/*color:#444;*/ padding-bottom:5px;}
ul.NewsArticleList li a:hover {/*color:#DC9000; text-decoration:none;*/}
ul.NewsArticleList .font_smaller {font-size:11px;}
.NewsSummary .date_box {float:right; width:50px; height:60px; background-color:#999; text-align:center;}
.NewsSummary .date_box .day {display:block; font-size:30px; font-weight:bold; line-height:40px;color:#FFF;}
.NewsSummary .date_box .month {display:block; font-size:14px; font-weight:bold; color:#AAA; text-transform:uppercase; line-height:12px;}
.news_info {margin:18px 0 10px; padding:0;}
.news_info > li {display:inline; margin-right:20px;}
.news_info .tags, .info .tags li {display:inline;}
.news_info a {color:#888888; font-weight:normal;}
.news_info a:hover {color:#CB2800; text-decoration:none;}
/* icons */
.icon {display:block; width:32px; height:32px; padding:0;
background:url(http://www.binnovativewebdesign.co.uk/uploads/images/website_images/bg_icon.png) no-repeat 0 0;}
.icon.user {background: url(http://www.binnovativewebdesign.co.uk/uploads/website-images/user.png) no-repeat;}
.icon.calendar {background: url(http://www.binnovativewebdesign.co.uk/uploads/website-images/calendar.png) no-repeat;}
.icon.tags {background: url(http://www.binnovativewebdesign.co.uk/uploads/website-images/tags.png) no-repeat;}
.icon.comments {background: url(http://www.binnovativewebdesign.co.uk/uploads/website-images/comments.png) no-repeat;}
/* ### 11-a. Feedback ################### */
.feedback_intro {height:30px; margin-bottom:10px; border-bottom:1px solid #DADADA;}
.feedback_summary_item {margin-bottom:30px; padding-bottom:10px; border-bottom:1px solid #DADADA;}
.feedback_item_title {/*color:#999; font-size:16px;*/}
.feedback_item_data {}
.feedback_item_rating {text-align:right;}
.feedback_item_authorname, .feedback_item_authordate {text-align:right;}
.feedback_pagination {color:#000; text-align:right;}
fieldset#review_form div {margin:0;} /* resetting some other junk CSS */
#review_form textarea, #review_form input, #review_form select {margin:0 0 15px; padding:3px 2px;
font-family:Arial,Helvetica,sans-serif;
border:1px solid #999;
-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
#review_form .review_form_label {width:100%; margin-bottom:2px;}
#review_form .review_form_label span {font-size:0.95em;}
#review_form input {width:374px;} /* set to desired grid width less 6px */
#review_form textarea {width:614px; height:160px;} /* set to 100% less 6px */
#review_form select {padding:1px 1px 1px 5px; width:50px}
#review_form .review_form_submit input {margin:10px 0; width:100px;} /* adjust if desired */
.review_form_error {color:red;}
#kind_words_sidebox {position:relative; padding-bottom:10px;}
#scrolling_reviews {height:250px; overflow:hidden;} /* note: in js: top needs to be set to this height + margin+padding (40) */
#scrolling_reviews > div {display:none;}
#scrolling_reviews > div:first-child {top:0;}
/*#kind_words_sidebox .icon {position:absolute; right:-6px; top:10px; width:32px; height:32px;
background:url(/uploads/images/website_images/bg_icon.png) no-repeat 0 -300px;}*/
#kind_words_sidebox h2 {margin-bottom:15px;}
#kind_words_sidebox h2 a {color:#333;}
/* Our Work */
.our_work_section_header {width:100%; clear:both; float:left; border-bottom:2px solid #205675; padding-bottom:4px; margin:20px 0;}
.our_work_section {clear:both; width:100%; float:left; border-bottom:1px solid #CCC; padding-bottom:10px; margin-bottom:20px;}
.our_work_websites {width:310px; float:left; /*padding-bottom:20px; margin-bottom:20px;*/ }
.our_work_websites_desc {width:440px; float:right; /*margin-bottom:20px;*/}
.our_work_websites a img {margin:10px 0;}
.our_work_logos {width:100%; float:left;}
.our_work_logos h3 {width:420px; float:left; margin-top:30px;}
.our_work_logos img {float:left;margin-bottom:10px;}
.our_work_logos_desc {width:100%; float:left; /*margin-bottom:20px;*/}
/* ### Other Pages ################### */
#map {}
#rightCol, #rightCol p {font-size:13px;}
/* Gallery + 3 boxes */
#gallery_wrapper {float:left; width:100%; padding-bottom:40px;
background:#FDFDFD url(http://www.binnovativewebdesign.co.uk/uploads/images/website_images/bg_vert.png) repeat-x 0 -1170px;}
/*#gallery-temp {height:340px; background:#235D7A;} /* temp ONLY - delete ASAP */
#cycleFullWidthWrapper {position:relative; height:340px; background:#235D7A; overflow:hidden;}
#cycleFullWidth {width:864px; margin:30px 0 30px 60px;}
.cycleSlide {width:904px; /*margin:36px 0; padding:0 74px 0 60px;*/ display:none;}
.cycleSlide img {float:right; margin-right:60px;}
.cycleSlideContent {float:left; width:390px; color:#FFF;}
.cycleSlideContent h2 {margin:-2px 0 20px;
font-family:'Open Sans Condensed',Verdana,Geneva,sans-serif; font-size:28px; line-height:36px;
color:#FFF;
letter-spacing:1px;}
.cycleSlideContent .font_larger {color:#FEEDD3;}
.cycleSlideContent p {color:#FFF;}
#cycleFullWidthWrapper .arrow {position:absolute; top:147px; width:23px; height:45px; z-index:10; cursor:pointer;
filter:alpha(opacity=50); opacity:0.2;
background:url(http://www.binnovativewebdesign.co.uk/uploads/images/website_images/bg_icon.png) no-repeat 0 -755px;}
#cycleFullWidthWrapper .arrow.left {left:13px;}
#cycleFullWidthWrapper .arrow.right {right:13px; background-position:-27px -755px;}
#cycleFullWidthWrapper .arrow:hover {filter:alpha(opacity=100); opacity:1.0;}
#cFWnav {position:absolute; right:30px; bottom:10px; z-index:10;}
#cFWnav a {float:left; width:10px; height:10px; margin-left:15px; cursor:pointer; text-indent:-9999px;
background:url(http://www.binnovativewebdesign.co.uk/uploads/images/website_images/bg_icon.png) no-repeat -30px -520px;}
#cFWnav a.activeSlide {background-position:0 -520px;}
/* Portfolio */
#portfolioImage img {}
#portfolioMain .accordion-title {background:#F9F9F9 url(http://www.binnovativewebdesign.co.uk/uploads/images/website_images/bg_stripe.jpg) repeat 0 0;}
a.portfolio_thumb {float:left; display:inline-block; width:128px; padding:4px; font-size:0px; margin-bottom:30px;
background:#EEE; border:1px solid #DDD; border-top:1px solid #EEE;
-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
a.portfolio_thumb:hover {background:white; border:1px solid #205675;}
/* 3 box section */
#main3box {}
#main3box .box h2, #main3box .box h2 a {height:65px; color:#EC8D00;}
#main3box .box .icon {float:right; width:41px; height:45px; margin-left:5px;}
.icon.graph {background-position:0 -590px;}
.icon.globe {background-position:0 -640px;}
.icon.basket {background-position:0 -700px;}
#main3box .box .icon.globe {height:53px;}
#main3box .boxcontent {height:144px; overflow:hidden;}
#main3box .boxcontent li {padding: 0 0 10px 20px; background-position:2px 9px;}
.boxlink {float:right; color:#770062;}
.clickable {cursor:pointer;}
.bx-wrapper {position:relative; margin:0 0 60px; padding:0; *zoom: 1;}
.bx-wrapper img {width: 100%; display: block;}
.bx-wrapper .bx-viewport {border: solid #fff 5px; left:-5px; background:#fff;
-moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; box-shadow:0 0 5px #ccc;}
.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto {position:absolute; bottom:-30px; width:100%;}
.bx-wrapper .bx-loading {min-height:50px; height:100%; width:100%; position:absolute; top:0; left:0; z-index:2000;
background: url(http://www.binnovativewebdesign.co.uk/uploads/images/website_images/bx_loader.gif) center center no-repeat #fff;}
.bx-wrapper .bx-pager {text-align: center;
font-size: .85em;
font-family: Arial;
font-weight: bold;
color: #666;
padding-top: 20px;
}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
display: inline-block;
*zoom: 1;
*display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a {
background: #666;
text-indent: -9999px;
display: block;
width: 10px;
height: 10px;
margin: 0 5px;
outline: 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
background: #000;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {left:6px; background:url(http://www.binnovativewebdesign.co.uk/uploads/images/website_images/controls.png) no-repeat 0 -32px;}
.bx-wrapper .bx-next {right:10px; background: url(http://www.binnovativewebdesign.co.uk/uploads/images/website_images/controls.png) no-repeat -43px -32px;}
.bx-wrapper .bx-prev:hover {background-position: 0 0;}
.bx-wrapper .bx-next:hover {background-position: -43px 0;}
.bx-wrapper .bx-controls-direction a {position: absolute; top: 50%; margin-top: -16px; outline: 0;
width:32px; height:32px; text-indent:-9999px; z-index:9999;}
.bx-wrapper .bx-controls-direction a.disabled {display: none;}
#main .bx-wrapper li {margin:0; padding:0; background:none;}
.bx-wrapper a.portfolio_thumb {margin-bottom:0px;}
/* youTubePlayer */
.video-container {position:relative; padding-bottom:56.25%; padding-top: 30px; height: 0; overflow: hidden;}
.video-container iframe, .video-container object, .video-container embed {
position:absolute; top:0; left:0; width:100%; height:100%;}
/* Stylesheet: BI3_CSS-core Modified On 2013-08-26 13:51:02 */