﻿/*Start Reset*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-size:100%;font-family:inherit;vertical-align:baseline
}:focus{outline:0}body{line-height:1;color:black;background:white}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:""""}
/*End Reset*/

/*login removal*/
#login{
display:none;
}


/*utilities*/
.clear {clear:both;}
.clearfix:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}
body {background:#fff; font-family:"Segoe", "Segoe UI", "Calibri", "Helvetica", "Arial", sans-serif; border-top: 10px #4a4a4a solid;}
li{list-style:none;}
.float-right{float:right;}
.float-left{float:left;}
.align-right{text-align:right; }

/*Typography*/	
a{color:#0068b3; text-decoration:none;}
a:hover{text-decoration:underline;}
p,li {font-size:.8125em; line-height:1.5em;}
p {margin-bottom:1.5em;}
h1 {font-size:2em;/*28px*/ color:#000; margin:0 0 20px 0; clear:both;}
h1 span{display:block; color:#707070; font-size:.8em; }
h2 {font-size:1.5em; line-height:1.625em; color:#0068b3; margin:0 0 .5em 0; font-family:'AvantGarde LT ExtraLight';}
h3 {font-size:1.25em;/*20px*/ line-height:1.5em; margin:.65em 0 .1em 0;}
h4 {font-size:1.125em;/*18px*/line-height:1.2em; margin-bottom:10px; color:0068b3;}
h5 {font-size:.875em; /*14px*/line-height:1.75em; margin:0; font-style:italic; font-size:16px;}
h6 {font-size:.75em;/*12px*/line-height:1.75em;}
q{font-size:1.125em; line-height:1.625em; color:#0068b3; width:200px; display:block;}
q span{font-size:.75em; line-height:1.25em; display:block; font-style:italic; margin-top:5px; }
blockquote{font-size:12px; color:#999; font-style:italic; margin:-10px 0 20px 20px;}
dt{font-size: .8125em; font-weight:bold; text-transform:capitalize;	}
dd {font-size:.8125em; line-height:1.75em; margin-bottom:20px;}
.byline{color:#0068b3; font-size:.625em;}
.bg_666{background:#666; padding:10px; color:#fff; text-transform:uppercase;}
.bg_999{background:#999; padding:10px; color:#fff; text-transform:uppercase; }
.borderbottom{border-bottom:1px #999 solid; padding-bottom: 10px; margin-bottom: 10px;}

.list li{list-style-type:disc; margin-left:25px;}
address{line-height:1.2em; font-size:.6em;}
.colheader{line-height:31px; background:#666; color:#fff; display:block; text-transform:uppercase; padding: 0 15px; margin-bottom:10px;}

/*Layout*/
.header{height:100px;}
.banner{height:400px; clear:both; margin-top:10px;}
.center {width:960px; margin:auto; background:#fff; position:relative;}
.col_8{width:640px; margin:0px 10px; float:left; }
.col_7{width:296px; margin:0px 13px; float:left; }
.col_6{width:220px; margin:0px 13px; float:left; }
.col_5{width:220px; margin:0px 13px 0 0; float:left; }
.col_4{width:183px; margin:0px 13px; float:left; }
.col_3{width:700px; margin:0px 13px; float:left; }
.col_2{width:466px; margin:0px 13px; float:left; }

.first_col{margin-left:0; }
.last_col{margin-right:0; }


/*Colors*/
.bg_dark{color:#fff; background:#333;}
.bg_med{color:#fff; background:#666;}
.bg_light{color:#fff; background:#999;}
.bluetext{color:#0068b3;}


/*Navigation*/
.navigation{padding-bottom:20px; height:100px; }
.navigation ul{background:#fff url('../images/bg/dots.gif')}
.navigation li{float:left; background:#fff  url('../images/bg/dots.gif'); padding:0 0 0 6px; }
.navigation a {border-top:11px solid #adadad; width:144px; height:65px; padding:25px 0 0 10px; background:#fff; display:block; float:left;  text-decoration:none; font-size:11px; color:#ccc;}
.navigation a span{ font-size:24px; color:#333; display:block; font-family:'AvantGarde LT ExtraLight';}
.navigation a:hover{border-top:25px solid #0068b3; padding:11px 0 0 10px;}
.navigation a#on{border-top:25px solid #0068b3; padding:11px 0 0 10px; }


/*Subnavigation*/
.subnav{margin-bottom:30px; }
.subnav a.heading{display:block;font-weight :normal; text-decoration:none; padding:3px; width:177px; color:#333; }
.subnav a.heading:hover{display:block; background:#ecf2f7; font-weight:normal; text-decoration:none; padding:3px; width:177px; color:#333; }
.subnav li {border-top:1px solid #999; padding: 0;}
.subnav ul ul li {border-top:0 none;}
.subnav ul ul{margin-left:10px;}
.subnav ul ul a{font-size:1em; }
.subnav #on{background:#d6ebff; }


/*Image Slider*/ 
.slider{height:450px; width:960px; position:relative; overflow:visible;}
.slider .main_images li{position:absolute;  overflow:hidden; width:960px;}
.slider .main_images{visibility:hidden; overflow:hidden; width:960px; }
.thumbs{float:right; margin: 14px 0 0 0}
.thumb{float:left; }
.thumb a{ display:block; cursor:pointer;  margin:0px 5px; padding:5px; border:1px dotted #b2b2b2;}
.thumb a span{height:7px; width:7px; background:#fff; display:block }
.thumb a:hover span{background:#ccc;}
.thumbOn a span, .thumbOn a:hover span{background:#06c;}

/*Work Slider*/
.work_images{width:615px;}
.work_images img{border:1px #c4c4c4 solid; margin-bottom: 20px; box-shadow: 0px 0px 10px #ccc; -moz-box-shadow: 0px 0px 10px #ccc; -webkit-box-shadow: 0px 0px 10px #ccc;}

/*Twitter*/
.twitter{font-size:.80em; color:#999; padding:18px 0 20px 0px;}
.twitter img{margin:0 8px 0px 0; }
.twitter a{color:#aaa;}

/*Tabs*/
ul.tabs {margin: 0; padding: 0; float: left; list-style: none; height: 31px; width: 100%; background:#333; }
ul.tabs li {float: left; margin: 0; padding: 0; height: 31px; line-height: 31px; background: #333; overflow: hidden; position: relative; }
ul.tabs li a {text-transform:uppercase; text-decoration: none; color: #fff; display: block; font-size: 1.2em; padding: 0 20px; outline: none;}
ul.tabs li a:hover {background: #999;}	
html ul.tabs li.active{background: #666; color:#fff;}
html ul.tabs li.active a:hover  {background: #666;  color:#fff;}
.tab_container {clear: both; float: left; width: 100%; background: #fff;}
.tab_content {padding: 10px;}

ul.tabs2 {margin: 0; padding: 0; float: left; list-style: none; height: 32px; border-bottom: 1px solid #999; width: 100%;}
ul.tabs2 li {float: left; margin: 0; padding: 0; height: 31px; line-height: 31px; margin-bottom: -1px; background: #fff; overflow: hidden; position: relative;}
ul.tabs2 li a {text-transform:capitalize; text-decoration: none; color: #000; display: block; font-size: 1.2em; padding: 0 20px; outline: none;}
ul.tabs2 li a:hover {background: #fff;}	
html ul.tabs2 li.active{background: #fff; border: 1px solid #999; border-bottom: 1px solid #fff;}
html ul.tabs2 li.active a:hover  {background: #fff;}
.tab2_container {clear: both;float: left; width: 100%;background: #fff;}

/*Callout*/
.callout{ margin:20px 0 15px 0; text-transform:uppercase; font-size:1.35em; border-top:1px dotted #999; border-bottom:1px dotted #999;}
.callout h3{text-transform:uppercase; font-size:.65em; color:#333; display:inline; letter-spacing:1px; margin-right:12px; }
.callout p{display:inline; color:#666; font-size:.65em; text-transform:none; margin-right:10px; }
.callout a{color:#666;}
.callout a:hover{text-decoration:none; }
.callout a span, .callout span{color:#06c;}
.callout div.col{width:440px; background:#fff url('../images/bg/threedots.gif') repeat-y; padding:7px 0 7px 40px;}


/*Work Overview*/
.project{margin-bottom:1.5em;}
.project img{background:url('../images/bg/picfade.jpg') repeat-x 0 -700px; padding:5px; margin-bottom:5px;}
.project em{color:#999; font-size:.75em; display:block; margin-bottom:3px; background:#fff; }
.project a strong{color:#06c; font-size:1.125em; display:block;  }
.shadow {box-shadow: 0px 0px 10px #ccc; -moz-box-shadow: 0px 0px 10px #ccc; -webkit-box-shadow: 0px 0px 10px #ccc;}

.project2 img{border:#ccc solid 5px;}


/*Footer*/
.footer{color:#666; font-size:12px; margin-bottom:30px;}
.footer li a:hover{text-decoration:underline;}
.footer a{color:#999;}
.footer ul{width:150px; margin:0 21px;  float:left;}
.footer li{margin:2px 0;}
.title{font-weight:bold; margin-bottom:5px;}
.footer a{text-decoration:none;}

/*misc*/
#login{position:absolute; top:80px; right:10px; color:#999; font-size:12px;}
a#login:hover{text-decoration:none; color:#333; }
.hero{border:1px solid #333; margin:0 0 20px 0;}
.heroshort{border:1px solid #333; margin:0 0 20px 13px; width:710px; overflow:hidden; }
.toppadding{margin-top:20px; }
h2 em, h3 em{ font-style:normal; }
.btm-img{float:left; padding:2px; margin:7px; border:1px solid #999;}

/*Image Links*/
.hidetext{text-indent:-999em; overflow:hidden;}
h1.logo{float:right; text-indent:-9999em; overflow:hidden; height:100px; width:155px; margin: 0 5px 0 0; text-indent:-999em; overflow:hidden;}
h1.logo a{height:100px; width:155px; background: #fff url(../images/logo.gif) no-repeat top left; display:block; text-indent:-999em; overflow:hidden;}
a.ms-logo{width:155px; height:35px; margin:20px 0 30px 20px; display:block; background:#fff url(../images/logos/ms-logo-sprite.jpg) no-repeat; text-indent:-999em; overflow:hidden;}
a#sharepoint-icon{background-position: 0 0;}
a#sqlserver-icon{background-position: 0 -35px;}
a#windowsserver-icon{background-position: 0 -70px;}
a#silverlight-icon{background-position: 0 -105px;}
a#ms-preferred-vendor{background:url(../images/logos/microsoft-goldcertified-partner.gif); width:153px; height:80px; display:block; margin:15px 0; text-indent:-999em; overflow:hidden;}
a#ms-certified{background:url(../images/logos/microsoft-prefered-vendor.gif); width:153px; height:35px; display:block; text-indent:-999em; overflow:hidden;}



/*lightbox - http://leandrovieira.com/projects/jquery/lightbox/ */
#jquery-overlay{position:absolute;top:0;left:0;z-index:90;width:100%;height:500px}#jquery-lightbox{position:absolute;top:0;left:0;width:100%;z-index:100;text-align:center;line-height:0}#jquery-lightbox a img{border:none}#lightbox-container-image-box{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto}#lightbox-container-image{padding:10px}#lightbox-loading{position:absolute;top:40%;left:0%;height:25%;width:100%;text-align:center;line-height:0}#lightbox-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}#lightbox-container-image-box >#lightbox-nav{left:0}#lightbox-nav a{outline:none}#lightbox-nav-btnPrev,#lightbox-nav-btnNext{width:49%;height:100%;zoom:1;display:block}#lightbox-nav-btnPrev{left:0;float:left}#lightbox-nav-btnNext{right:0;float:right}#lightbox-container-image-data-box{font:10px Verdana,Helvetica,sans-serif;background-color:#fff;margin:0 auto;line-height:1.4em;overflow:auto;width:100%;padding:0 10px 0}#lightbox-container-image-data{padding:0 10px;color:#666}#lightbox-container-image-data #lightbox-image-details{width:70%;float:left;text-align:left}#lightbox-image-details-caption{font-weight:bold}#lightbox-image-details-currentNumber{display:block;clear:left;padding-bottom:1.0em}#lightbox-secNav-btnClose{width:66px;float:right;padding-bottom:0.7em}