/*
Color Index:
Bright Blue        00C0ff
Gray Banner        676767
*/


/*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,b,u,i,center,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-size:100%;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
/*End Reset*/

/*Utils*/
.floatLeft{float:left;}
.floatRight{float:right;}
.clear{clear:both; width:100%;}
.sep{border-bottom:1px solid #aaa; height:1px; margin:20px 0;}
.leading{line-height:1.25em; margin:10px 0 5px 0;}
.byline{color:#aaa;}
.hide{visibility:hidden;}
.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/*General*/
body{ background:#fff url(../images/headerOuterRepeat.png) repeat-x; font-family: "Segoe UI",Segoe,Arial,Helvetica,sans-serif; color:#000}
h1{height:36px; width:158px;  margin-top:25px; float:left;}
h1 a{display:block; height:36px; width:158px; text-indent:-999em; background: url(../images/logo.png) no-repeat;}
h2, .ms-WPBody h2{font-size:19px; text-transform:uppercase; font-family: Segoe,Arial,Helvetica,sans-serif; font-weight:normal; line-height:32px; margin:10px 0px 10px; color:#676767;}
h3{font-size:20px; margin-bottom:15px; color:#00C0ff;}
h4{font-size:16px; margin-bottom:15px; color:#676767; letter-spacing:.4px; line-height:22px;}
h5{font-size:9px; margin-bottom:5px; color:#676767; letter-spacing:.4px; line-height:20px;}
p{font-size:12px; color:#666; line-height:18px; margin-bottom:10px;}
ul{font-size:12px; margin-left:20px; list-style-type:disc; color:#666}
li{margin:6px 0; line-height:18px;}
li a, li a:hover{color:#999;}
a{color:#666; text-decoration:none; font-weight:bold;}
a:hover{text-decoration:underline;}
.headline{font-weight:normal; line-height:24px; font-size:18px; margin-bottom:15px; color:#00C0ff}
blockquote{color:#d61c1f; font-size:24px; line-height:30px; font-family:Segoe Light, segoe ui, segoe; padding:30px 0 18px 0; border-bottom:1px solid #ccc;}
blockquote em{font-size:12px; color:#aaa; font-style:normal; margin-left:5px;}
.caption{width:199px; background:#000; padding:10px; color:#fff; margin:0; position:relative; top:-2px;}
.caption2{font-size:12px; width:199px; background:#fff; padding:10px; color:#000; margin:0; position:relative; top:-2px;}

/*LAYOUT*/
.homeWrap{background:#676767; }
.wrapper{width:800px; margin:auto; position:relative; }
.col800{width:800px;}
.col530{width:530px; float:left; }
.col270{width:220px; float:left; margin-left:50px;}
.sep{border-bottom:1px solid #ddd; height:1px; clear:both; margin:30px 0 10px 0; line-height:1px; }
.col260{width:264px; float:left; background:#676767; border-right:1px solid #fff; border-bottom:1px solid #fff; }

/*NAVIGATION*/
.header{height:65px;  width:800px; margin:auto;}
#topNav{ height:20px; position:relative; float:right; margin:40px 0 0 0; list-style-type:none; }
#topNav  li{float:left;}
#topNav  li a{display:block; letter-spacing:.6px; text-transform:uppercase; text-decoration:none; font-size:12px; color:#7e7e7e;  font-family: "Segoe UI", segoe, arial, sans-serif; font-weight:normal;  padding:0 12px;}
#topNav  li a:hover{color:#999 !important; text-decoration:none;}
#logo{background:url(../images/logo-red.png) no-repeat; display:block; float:left; height:33px; margin:54px 0px 0px 0px; width:120px; position:relative; z-index:10000;}

/*BANNER*/
.intBanner{height:210px; margin:0 0 15px 0; background:#fff url(../images/bg/intBanner.png) repeat-x; text-align:center;}
.intBanner img{height:210px; width:800px; margin:0; padding:0;}
.thinBanner{height:40px; margin:25px 0; background:#676767;}
.banner{position:relative; width:100%; height:273px; background:#D3E7F5; margin-top:20px;}
.main_images{position:relative; height:273px; list-style-type:none; margin:0; overflow:hidden; visibility:hidden;} 
.main_images li{width:100%; text-align:center; height:273px; position:absolute; top:0; left:0; margin:0; padding:0; overflow:hidden; }
.main_images a img{width:800px; margin:auto;  }
.thumbs{ list-style-type:none; clear:both; position:relative; z-index:30000; float:right; }
.thumbs li{float:left; margin:10px 5px; }
.thumbs a{display:block; height:5px; width:18px; border:1px solid #d61c1f; background:#d61c1f; }
.thumbs a.on{background:#fff; }

 

/*Footer*/
#footer{width:800px; margin:0 auto; clear:both; margin-top:30px; padding:15px 0 30px 0; border-top:1px solid #ddd; overflow:auto; }
#footer ul{float:left; list-style-type:none; margin:0; position:relative; left:-5px; }
#footer p{float:left; font-size:12px; color:#757575; }
#footer li{text-align:left; margin:5px; clear:both; height:22px; }
#footer li a{color:#757575; font-size:12px; padding:0 0 5px 10px; font-family:segoe ui, segoe, arial, sans-serif; font-weight:normal; }
#footer ul li a:hover{color:#333 !important; text-decoration:none !important; font-size:12px; padding:0 0 5px 10px; }
#footer li span{ display:block; float:left;  }
#footer .footer-logo{float:right; background:url(../images/ms-logo-footer.png) no-repeat -23px -4px; padding-top:36px; font-size:10px; width:80px; margin:6px 0 0 20px;}
#footer .horiz {clear:both; float:right; width:400px;}
#footer .horiz li{float:right; clear:none;}
#footer .rightCont{float:right; margin-top:27px;}
.leftFooterCol{width:110px;}
.copyright{background:#e7e7e7; text-align:center; padding:7px; color:#8e8d8d; font-size:12px; }
.footHeader{color:#14c5ff; font-size:11px; float:right; }
#footer li a#fbLink, #footer li a#twitlink{padding-top:5px; width:100px;}

#fbLink span{background:url(../images/facebook.png) no-repeat; height:16px; width:16px;}
#twitterLink span{background:url(../images/twitter.png) no-repeat; height:16px; width:16px;}
#newsletterLink span{background:url(../images/envelope.png) no-repeat; height:11px; width:17px;}

/*Search*/
#bingsearch{position:relative; top:-6px; margin-left:20px;}
#bingMain{border:1px solid #ccc; vertical-align:middle; padding:3px; height:20px; }
#bingMain input{border:0}
#bingMain input.text{ color:#939393; width:150px; height:18px; padding:2px 0 0 0; vertical-align:top;}
#bingMain input.bingBtn{background:url("../images/bing_button.png");  height:20px; width:20px; text-indent:-9999px; line-height:0px; font-size:0px; vertical-align:top; cursor:pointer;}


/*Home Page Cubes*/
.cube{width:265px; height:300px; background:#E9F1F8; border-top:1px solid #fff; border-left:1px solid #fff; float:left; position:relative; overflow:hidden;}
.cube2 {width:531px;}
.cube h3{font-size:18px; line-height:24px; color:#666666; font-weight:bold; font-family:"segoe ui", segoe, arial, sans-serif; margin-bottom:3px; padding:20px 30px;}
.cube a p{font-size:12px; font-weight:normal; line-height:20px; color:#666666; font-family:"segoe ui", segoe, arial, sans-serif; margin:5px 0;}
.cube a{width:300px; height:10px; padding:0px 30px; display:block;}
.cube2 a{width:410px; }
.navlist li{display: inline;list-style-type: none;padding-right: 20px;}
.list{color:#FF0000;display:none;width:auto;background-color:#CCCCCC;}
.cube a:hover p,.cube a:hover h3, .cube a:hover {text-decoration:none !important;} 
.new{background:#8A8888;width:800px; url(../images/bg/new.png) no-repeat top right;}
.spanned{background:#E9F1F8;width:265px;color:#666666;background-image:url(../images/lastdate.jpg);background-repeat: no-repeat;background-position: bottom center;}
.spannedmeritlist{background:#E9F1F8;width:265px;color:#666666;background-repeat: no-repeat;background-position: bottom center;}
.secndrow{background:#E9F1F8;width:265px;height:265px;color:#666666;}
.secondrowspanned{background:#E9F1F8;width:530px;height:265px;color:#666666;}
.updated{background:#676767 url(../images/bg/updated.png) no-repeat top right;}
.alpha{background:#676767 url(../images/bg/alpha.png) no-repeat top right;}
.sliding_image{position:absolute; left:0; top:275px;}
.blogCube{width:245px; float:left; margin-top:25px;}
.blogLeft{margin-right:40px;}
/*End Home Page Cubes*/

.feature{margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #ccc;}
.feature .content{float:left; width:420px;}
.feature img{float:left; margin-right:15px;}


.screenshot img{border:2px solid #000; margin:0; cursor:pointer;}
.screenshot2 img{border:1px solid #676767; margin:0; cursor:pointer;}

.recent_blog_posts{ background:url(../images/recentBlogsHeader.png) no-repeat;  width:570px;  margin-right:50px;  padding:85px 10px 0px 0px;  position:relative;  float:left}
#features{  position:relative}
#twitterFeed{  background:url(../images/twitterBubble.png) no-repeat;  height:171px;  overflow:hidden;  padding:20px;  width:290px}
#homeSocial{  margin:-50px 0px 0 203px}

#aboutMainCopy h2{font-family:"Segoe Light",Segoe,Arial,Helvetica,sans-serif; font-weight:normal; }
#aboutMainCopy h2 strong{font-family:Segoe,Arial,Helvetica,sans-serif; font-weight:bold; }
#homeSocial, #homeSocial.social ul{width:130px}
.social ul{margin:15px 0 0 0; width:75px}
.social ul li{ font-size:11px; line-height:21px; margin:2px}
.social ul li a{ display:block;  height:16px;  text-indent:20px;  width:200px }
.social ul li a.facebook{   background:url(../images/social/facebook.png) no-repeat}
.social ul li a.twitter{   background:url(../images/social/twitter.png) no-repeat}
.social ul li a.linkedIn{   background:url(../images/social/linkedin.png) no-repeat}
a.email{   background:url(../images/envelope.png) no-repeat 0 3px; padding-left:20px; color:#aaa; font-weight:normal;}
  
/*Twitter*/
.twitterlink{font-size:14px; line-height:20px; font-weight:bold;  }
p.tweet_list{display:none; }
.tweet p.tweet_list{display:block; }

#aboutHeader{background:url(../images/offices.jpg) no-repeat; display:block; height:180px}
#aboutMainCopy{position:relative; margin-bottom:40px;}
#aboutMasthead{background:url(../images/aboutMastheadRepeat.png) repeat-x}
#aboutMastheadInner{background:url(../images/aboutMasthead.png) no-repeat; width:960px}
#teamCopy{}

div.locations{color:#006990; font-size:11px; padding:2px 0 6px 0}
div.locations{text-align:left}
div.email a{width:0; font-size:13px; line-height:18px; text-align:center; margin:0px auto; color:#006990}
div.email a:hover{color:#585858}

.projectList li{width:234px; float:left; height:30px}
.projectList{margin-bottom:40px}
.projectList li a{font-size:13px; line-height:20px; display:block; height:24px; background:url('../images/icons/project/ico_FUSE.png') no-repeat !important; padding-left:32px; /**/}
.projectHeader{width:960px; height:50px; background:url('../images/projectsListHeader.png') no-repeat !important; margin-bottom:12px}

.icon, .project{float:left}
.icon{width:50px; padding-top:27px}

.project h3 a{font-weight:normal; color:#666; text-decoration:underline}
.metadata, .ms-WPBody .metadata a:link, .ms-WPBody .metadata a:visited, .ms-WPBody .metadata a:hover, .ms-WPBody .metadata a:active{color:#999; font-size:12px}
.metadata span{padding:0 6px}
.metadata span:first-child{padding-left:0}
.blogPost{width:250px; float:left; margin:15px 0; }
p.spotlight{ font-size:18px;  line-height:23px; color:#01befc;}

/*Highlighted Blog*/
.left{margin-right:30px; }
a.callout:link, a.callout:hover, a.callout:visited, a.callout:active {color:#01befc; font-size:1.2em; }
.highlightedBlog h5{color:#01befc; font-size:18px; line-height:23px; margin-bottom:10px; }

.highlightedBlog h3 a, .blue a, .blue a:link, .blue a:visited, .blue a:hover, .blue a:active{color:#01befc !important; }

.highlightedBlog h2 a:link,
.highlightedBlog h2 a:hover,
.highlightedBlog h2 a:visited,
.highlightedBlog h2 a:active
{color:#676767 !important; font-size:24px; }

.blogPost h2 a:link,
.blogPost h2 a:hover,
.blogPost h2 a:visited,
.blogPost h2 a:active
{color:#676767 !important; font-size:16px; line-height:23px; }

.tabs{list-style-type:none; margin:0; border-bottom:3px solid #676767; height:35px; margin-bottom:25px;}
.tabs li{float:left; text-align:center;  text-transform:uppercase;   border-left:1px solid #fff; border-bottom:0 none  }
.tabs a{font-family:"segoe ui", Segoe, Arial, sans-serif; background:#676767; border:1px solid #676767;  text-decoration:none; display:block; width:120px; height:25px; padding-top:5px;}
.tabs a:hover{background:#555555}
.tabs a.current.lefttab{border-left:1px solid #676767;}
.tabs a.current.righttab{border-right:1px solid #676767;}
.tabs a.current.kittab{border-right:1px solid #c34a4a;}
.tabs a.current{background:#fff; color:#00C0ff;  border:1px solid #fff; border-top:1px solid #676767; width:120px; padding-top:5px;}
.tabs a.current:hover{background:#fff;}

.panes{width:100%; list-style-type:none; margin:0;  margin-bottom:5px; padding-bottom:20px;}
.panes .items p{text-align:center; text-size:14px; margin-top:10px; font-weight:bold;}
div.scrollable { position:relative; overflow:hidden; width: 730px; height:450px; float:left;} 
div.scrollable div.items { width:20000em;     position:absolute; } 
div.scrollable div.items div { float:left; margin:0;} 
.prevPage{background:url(../images/bg/prev.png) no-repeat; display:block; float:left; height:33px; width:17px; cursor:pointer; margin:200px 8px 0 0;}
.nextPage{background:url(../images/bg/next.png) no-repeat; display:block; float:left; height:33px; width:17px; cursor:pointer; margin:200px 0 0 8px;}

.photoborder200{padding:5px 0; border:1px solid #bbb; margin:5px; text-align:center; width:210px;  font-size:11px; color:#999;}
.photoborder200 img{margin-bottom:7px; border:1px solid #999;}
.photoborder200 span{clear:both; width:200px;}

.simple_overlay { display:none; z-index:10000; background-color:#333; min-height:200px; border:1px solid #666; -moz-box-shadow:0 0 90px 5px #000; -webkit-box-shadow: 0 0 90px #000; overflow:visible;} 
.simple_overlay .close {background:url(../images/close.png) no-repeat; position:absolute; right:-20px; top:-20px; display:block; cursor:pointer;  height:16px;  width:16px; z-index:2000000;}


#videos{display:none; width:780px; height:428px;}
#sps-footer{clear:both}
#logo-sps-footer{height:23px; width:140px; background:url(../images/logo-sps-footer.png); float:left}


#cta {padding:0;margin:0px 0 0 0px; width:220px; height: 350px; background-image: url(../images/ctabox.png); background-repeat: no-repeat; background-position: top left; float:right;}
#ctaheader {padding:5px; margin:0; width:220px; height:30px; text-align:center; vertical-align:middle; color:#676767; letter-spacing:.4px; line-height:22px;}
#ctatext {padding:0;margin:11px; width:195px; height:350px; float:center;font-size:14px; }
#ctalink {margin: 3px 0 0 20px;	padding: 0;	color:#676767; list-style: none;}
#ctalink li { padding: 0 0px 0px 30px; margin:0; background-image: url(../images/cta.png); background-repeat: no-repeat;	background-position: 0 3px;	font-size: 14px;}


#menu
{
padding-left:30px;
margin:0;
color:#fff;
font-family: arial, helvetica, sans-serif;
white-space:nowrap;
list-style-type:none;
}
#menu li {display:inline;}
#menu li a
{
color:#000;
text-decoration:none;
float:left;
width:auto;
font-size:12px;
padding:6px;
}