/* ============================================================

	Project: BAIS2 
	Author: Cole Winans (@ColeWinans) of Syneticus, LLC.
	Contact: Cole@Syneticus.com
	Portfolio: Http://www.Syneticus.com
	
	screen.css
	-Site wide layout, style, and functions.

============================================================*/

/* =Presets 
------------------------------------------------------------ */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:none;}ins{background-color:#ff9;color:#000;text-decoration:none;}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700;}del{text-decoration:line-through;}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}table{border-collapse:collapse;border-spacing:0;}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}input,select{vertical-align:middle;}body{font:13px/1.231 sans-serif;font-size:small;}select,input,textarea,button{font:99% sans-serif;}pre,code,kbd,samp{font-family:monospace, sans-serif;}html{overflow-y:scroll;}a:hover,a:active{outline:none;}ul,ol{margin-left:2em;}ol{list-style-type:decimal;}nav ul,nav li{list-style:none;list-style-image:none;margin:0;}small{font-size:85%;}td{vertical-align:top;}sub,sup{font-size:75%;line-height:0;position:relative;}sup{top:-.5em;}sub{bottom:-.25em;}pre{white-space:pre-wrap;word-wrap:break-word;padding:15px;}textarea{overflow:auto;}.ie6 legend,.ie7 legend{margin-left:-7px;}input[type=checkbox]{vertical-align:bottom;}.ie7 input[type=checkbox]{vertical-align:baseline;}label,input[type=button],input[type=submit],input[type=image],button{cursor:pointer;}button,input,select,textarea{margin:0;}input:invalid,textarea:invalid{border-radius:1px;-moz-box-shadow:0 0 5px red;-webkit-box-shadow:0 0 5px red;box-shadow:0 0 5px red;}.no-boxshadow input:invalid,.no-boxshadow textarea:invalid{background-color:#f0dddd;}a:link{-webkit-tap-highlight-color:#FF5E99;}button{width:auto;overflow:visible;}.ie7 img{-ms-interpolation-mode:bicubic;}body,select,input,textarea{color:#444;}a,a:active,a:visited{color:#607890;}a:hover{color:#036;}strong,th,h1,h2,h3,h4,h5,h6{font-weight:700;}input[type=radio],.ie6 input{vertical-align:text-bottom;}::-moz-selection,::selection{background:#FF5E99;color:#fff;text-shadow:none;}


/* =Global Styles
------------------------------------------------------------ */
body { background: #fff; font-family: 'ColaborateRegular',Arial,sans-serif; }
.wrapper { width: 1024px; margin: 0 auto; }
.title-wrapper { width: 100%; margin: 0 auto; background: url("../images/layout/header/title-wrapper-bg.jpg") repeat-x; }
header { height: 145px; }


/* =Fonts
------------------------------*/
@font-face {
    font-family: 'ColaborateRegular';
    src: url('../fonts/ColabReg-webfont.eot');
    src: url('../fonts/ColabReg-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ColabReg-webfont.woff') format('woff'),
         url('../fonts/ColabReg-webfont.ttf') format('truetype'),
         url('../fonts/ColabReg-webfont.svg#ColaborateRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ColaborateThinRegular';
    src: url('../fonts/ColabThi-webfont.eot');
    src: url('../fonts/ColabThi-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ColabThi-webfont.woff') format('woff'),
         url('../fonts/ColabThi-webfont.ttf') format('truetype'),
         url('../fonts/ColabThi-webfont.svg#ColaborateThinRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* =Navigation
------------------------------*/
nav li { display: inline; }
nav li a { text-decoration: none; }

nav#toplinks { width: 1024px; height: 55px; }
nav#toplinks ul { float: right; }
nav#toplinks li { color: #6a6a6a; font-size: 15px; padding-right: 35px; line-height: 33px; float: left; }
nav#toplinks li a { font-size: 15px; color: #6a6a6a; }
nav#toplinks li a:hover { font-size: 15px; color: #cd171d; }
nav#toplinks li:last-child { background: url('../images/layout/header/request-quote.jpg') no-repeat; width: 151px; height: 57px; padding: 0px; float: right; top: 0; }
nav#toplinks li:last-child a { color: #fff; padding-left: 22px; }
nav#toplinks span { color: #000; }

nav#mainlinks { width: 1024px; }
nav#mainlinks ul { float: right; }
nav#mainlinks li { padding-right: 25px; }
nav#mainlinks li:last-child { padding-right: 0px; }
nav#mainlinks li a { font-size: 18px; color: #231f20; line-height: 68px; text-transform: uppercase; }
nav#mainlinks ul li a.active, nav#mainlinks ul li a:hover { color: #cd171d; }
nav#mainlinks strong { float: left; }
nav#mainlinks strong a { background: url('../images/layout/header/bais2-logo.jpg'); height: 46px; width: 206px; display: block; text-indent: -9999px; }

/* =Header
------------------------------*/
#title { background: url("../images/layout/header/title-bg.jpg") no-repeat; margin: 0 auto; width: 100%; height: 95px; }
#title h1 { font: 28px 'ColaborateThinRegular',Arial,sans-serif; text-transform: uppercase; color: #fff; text-align: left; padding: 30px 95px;}


/* =Layout
------------------------------------------------------------ */

/* =Slider
------------------------------*/
figure#slider { background: #000; width: 100%; height: 522px; }
#li-banner { background: #000; width: 100%; height: 522px; display: block; margin: 0 auto; position:relative; }
#sub-slider { background: url('../images/layout/content/sub-slider-bg.png') repeat-x 0 bottom; width: 100%; position: absolute; 
top:542px; z-index: 20; }
.slider_pic{
	width:1024px;
	height:522px;
	margin:0 auto;
}
#sub-slider img { margin: 0 auto; display: block; }

/* =Carousel
------------------------------*/
ul#slider1 { width: 100%; margin: 30px 0 0 0; }
ul#slider1 li { width: 168px; padding-right: 58px; }
ul#slider1 span { float: left; text-align: center; width: 100%; }
div.bx-wrapper, div.bx-window { width: 843px !important; margin:0 auto;}

/* =LightBox
------------------------------*/
#lightbox-container-image-data-box {
	display: none !important;
}

/* =Content
------------------------------*/
body#home div#content { margin: 45px 0px; min-height: 400px; }
body#home div#content .wrapper { width: 1024px; overflow: auto; }
body#home div#content figure { min-height: 190px; }
body#home div#content figure img { float: left; padding-right: 25px; }

section#case-studies { padding-bottom: 15px; }

#quote { background: url("../images/layout/content/quote-bg.png") no-repeat; width: 785px; height: 606px }

#fancybox-outer { background: none !important; }
#fancybox-bg-n, #fancybox-bg-ne, #fancybox-bg-e, #fancybox-bg-se, #fancybox-bg-s, #fancybox-bg-sw, #fancybox-bg-w, #fancybox-bg-nw { background-image: none !important; }
#fancybox-content { border: none !important; }

form#request { padding-top: 235px; }
form#request fieldset { padding: 10px 50px; }
form#request label { font-size: 20px; font-family: 'ColaborateThinRegular',Arial,sans-serif; color: #715c56; text-transform: uppercase;}
form#request div.row { width: 100%; padding-bottom: 10px; text-align: right; }
form#request input, form#request textarea { width: 310px; background: none; border: none; border-bottom: 1px solid #715c56; font-family: 'Dawning of a New Day', cursive; font-size: 24px; color: #ac1313; height: 30px; margin-top: -10px;}
form#request input#submit { border-bottom: none; float: right; background: #ac1313; color: #fff; height: 42px; width: 145px; margin-top: 10px; }
form#request input#submit:hover { background: #cf3030; }

aside { width: 20%; float: left; margin-right: 15px; }
aside nav li {  background: url("../images/buttons/left-nav-btn.jpg") no-repeat; width: 247px; height: 47px; display: block; margin-bottom: 10px;}
aside nav li:hover, aside nav li.active { background: url("../images/buttons/left-nav-active.jpg") no-repeat; }
aside nav li a, aside nav li a:hover, aside nav li a:visited { font: 20px 'ColaborateThinRegular',Arial,sans-serif; color: #fff; text-align: center; display: block; padding-top: 9px; margin-right: 40px;}

article#inner { width: 75%; float: right; }
article#inner p, article#inner-wide p { padding-bottom: 20px; }
article#inner h2, article#inner-wide h2 { margin-bottom: 10px;}

#inner-wide article h1, #inner h3 { font-size: 18px; color: #CD171D; text-align: left; padding-bottom: 5px;}

.page-title { float: left; }
.testimonial { float: right; width: 600px; padding-top: 20px; }
.testimonial span { font-family: 'ColaborateThinRegular',Arial,sans-serif; text-align: right; font-size: 18px; color: #767676; font-style: italic; }


.portfolio ul {
	list-style: none;
	overflow: hidden;
	margin: 0;
	padding: 20px 0 0 10px;
	margin-left: -25px;
	overflow: visible;
}

.portfolio li {
	float: left;
	width: 285px;
	position: relative;
	height: 205px;
	margin: 0 15px 35px 15px;
	overflow: visible;
}

.portfolio li img, .case-img {
	padding: 4px;
	border: 1px solid #ccc;
	background-color: #fff;
}

.case-img { float: right; margin: 0 0 15px 15px;}

.portfolio .content {
	display: none;
	position: absolute;
	top: -25px;
	background-color: #e2e2e2;
	width: 249px;
	height: 210px;
	padding: 15px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.portfolio li.hover div.content {
	display: block;
}

.portfolio .content h5 {
	margin: 0 0 5px 0;
	font-size: 16px;
	color: #bb151a;
}

p {
	margin: 0;
	padding: 0 0 10px 0;
}

.portfolio div.content div.row {
	padding: 4px 0;
}

.portfolio div.content div.row span {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color: white;
	padding: 2px 5px 3px 5px;
}

.portfolio div.content div.row span.name {
	width: 75px;
	margin-right: 15px;
}

.portfolio div.content div.row span.detail {
	margin-right: 4px;
}

/* zoom and more button */
.portfolio li a.folio-more,
.portfolio li a.folio-zoom {
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	height: 25px;
	width: 25px;
	background: url(../images/icons/icon-portfolio-more.png) no-repeat 50% 50% transparent;
}

/* zoom button */
.portfolio li a.folio-zoom {
	background: url(../images/icons/icon-portfolio-zoom.png) no-repeat 50% 50% #484848;
	right: 25px;
}

/* PORTFOLIO COLORS */
.portfolio li a.folio-more,
.portfolio div.content div.row span.name {
	background-color: #bb151a;
	color: #ffffff;
}

/* =Elements
------------------------------------------------------------ */
h1 { font: 44px 'ColaborateThinRegular',Arial,sans-serif; text-transform: uppercase; text-align: center; }
h2 { font: 35px 'ColaborateThinRegular',Arial,sans-serif; text-transform: uppercase; }
h3 { font: 18px 'ColaborateThinRegular',Arial,sans-serif; text-transform: uppercase; color: #fff; }
	footer h3 { margin-bottom: 10px; }
	.portfolio h3 { color: #CD171D; text-transform: none; }
p { font: 17px/25px 'ColaborateThinRegular',Arial,sans-serif; color: #666666; }

body#home div#content hr { background: url('../images/hr_bg.gif') no-repeat; padding-bottom: 25px; border: none; }
body#home div#content h2 { padding-bottom: 5px; }

figcaption a, figcaption a:hover, figcaption a:visited, .footer_main a, .footer_main a:hover, .footer_main a:visited { color: #CD171D; text-decoration: none; }

#inner ul li { padding-bottom: 10px; color: #CD171D; font-size: 14px;}

a.red-btn {  background: url("../images/buttons/left-nav-btn.jpg") no-repeat; width: 247px; height: 47px; display: block; margin-bottom: 10px; font: 18px 'ColaborateThinRegular',Arial,sans-serif; color: #fff; text-align: left; display: block; padding-top: 9px; text-decoration: none; padding-left: 20px;}

/* =Utilities
------------------------------------------------------------ */

/* =Global Utilities
------------------------------*/
/* For image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }

/* Hide for both screenreaders and browsers: css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: by Jon Neal. www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements. j.mp/bestclearfix */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix{ clear: both; }

/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */


/* =Print
------------------------------*/
@media print{*{background:transparent!important;color:#000!important;text-shadow:none!important;filter:none!important;-ms-filter:none!important;}a,a:visited{color:#444!important;text-decoration:underline;}a[href]:after{content:" (" attr(href) ")";}abbr[title]:after{content:" (" attr(title) ")";}.ir a:after,a[href^=javascript:]:after,a[href^=#]:after{content:"";}pre,blockquote{border:1px solid #999;page-break-inside:avoid;}thead{display:table-header-group;}tr,img{page-break-inside:avoid;}@page{margin:.5cm;}p,h2,h3{orphans:3;widows:3;}h2,h3{page-break-after:avoid;}}

/*======================new css========================*/
footer{
	 background: #000;
	 width: 100%; 
}
.footer_main{
	width:871px;
	margin:0 auto;
	padding:25px 0 66px 0;
}
.footer_main section{
	float:left;
}
.contact_basi2{
	width:250px;
	margin:0 103px 0 0;
}
.copy_right{
	width:252px;
	margin:0 55px 0 0;
}
.connect{
	width:210px;
}
.footer_main p{
	color:#fff;
	background-color:inherit;
	font-size:17px;
	line-height:22px;
}
.footer_line{
	width:871px;
	margin:0 auto;
	text-align:center;
	padding:15px 0 15px 0;
	background:url(../images/nav_line.gif) no-repeat center bottom;
}
#footer_nav{
	width:871px;
	margin:0 auto;
}
#footer_nav ul{
	padding:0 0 0 125px;
}
#footer_nav ul li{
	font-size:17px;
	font-weight:normal;
	font-family:'ColaborateThinRegular',Arial,sans-serif;
	line-height:30px;
	text-transform:uppercase;
	float:left;
	padding:0 10px;
}
#footer_nav ul li a{
	color:#fff;
	background-color:inherit;
}
#footer_nav ul li a:hover{
	color:#CD171D;
	background-color:inherit;
}
.spacer{
	clear:both;
}
.pop_text{
	font-family:'ColaborateThinRegular',Arial,sans-serif;
	font-size:20px;
	line-height:25px;
	color:#715c56;
	background-color:inherit;
	text-transform:uppercase;
}

.pop_text{	
	margin:0 auto;
	background:url(../images/pop_bg.gif) repeat-x 0 0;
}
.pop_text ul{
	list-style-type:none;
	padding:25px 0 0 0;
}
.pop_text ul li{
	width:700px;
	height:40px;
}
.pop_text ul li p.left{
	font-family:'ColaborateThinRegular',Arial,sans-serif;
	font-size:20px;
	line-height:25px;
	color:#715c56;
	background-color:inherit;
	text-transform:uppercase;
	float:left;
	width:377px;
	text-align:right;
}
.pop_text ul li p.right{
	border-bottom:1px solid #b1989a;
	float:left;
	margin:0 0 0 15px;
	color:#ac1313;
	background-color:inherit;
}
.date{
	background:url(../images/date.gif) no-repeat 0 0;
	display:block;
	height:28px;
	width:201px;
	float:right;
	margin:20px 38px 0 0;
}
.pop_text ul li p.left2{
	width:244px !important;
}
.pop_text ul li p.left3{
	width:244px !important;
}
.pop_text ul li p.left4{
	width:244px !important;
}
.doc_sig{
	font-family:'ColaborateThinRegular',Arial,sans-serif;
	font-size:20px;
	line-height:25px;
	width:244px;
	float:left;
	padding:0 0 0 75px;
}
.sig_pic{
	background:url(../images/sig_pic.gif) no-repeat 0 0;
	width:281px;
	height:53px;
	display:block;
	float:left;
}