body { background: #eeeee3; color: #51514b; text-shadow: rgba(255, 255, 255, 1) 0px 1px 0px; font-family: helvetica,arial,sans-serif;}
h1 { font-family: 'Open Sans Condensed', helvetica, sans-serif; font-weight: 700; font-size: 35px; color: #55554f; margin: 0 0 20px 0; padding: 0 0 10px 0; line-height: 1.1em; text-decoration:none; }
h2 { font-family: 'Open Sans Condensed', helvetica, sans-serif; font-weight: 300; font-size: 25px; color: #1a3a67; margin: 0 0 15px 0; line-height: 1.5em; text-decoration:none; }
h3 { font-size: 18px; color: #55554f; margin: 0 0 15px 0; line-height: 1.1em; text-decoration:none; }

h1.left { float: left;}

/* Navbar */
.navbar { margin-bottom: 35px; background: transparent;}
.navbar-inner { border: none; background-color: transparent; background-image: url('../img/HeadBg.png') !important; background-repeat: repeat-x; background-position: left top; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; filter: none;}
.navbar-static-top .btn-navbar { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background: rgba(0,0,0,.2); border: none; filter: none; }

/* header style */
header { background: #1c4376 url('../img/DarkBlueBg.jpg') repeat-x bottom center; color: #fff;  text-shadow: rgba(0, 0, 0, .9) 0px 1px 2px; padding: 0; margin: 0 0 30px 0;} 
body.green header { background: #2d9a87 url('../img/GreenBg.jpg') repeat-x bottom center; }
body.magenta header { background: #ed1a4d url('../img/MagentaBg.jpg') repeat-x bottom center; }
body.orange header { background: #e7a12e url('../img/OrangeBg.jpg') repeat-x bottom center; }
body.purple header { background: #bd4b9c url('../img/PurpleBg.jpg') repeat-x bottom center; }
body.lightblue header { background: #26c3eb url('../img/LightBlueBg.jpg') repeat-x bottom center; }
body.blue header { background: #3d76bb url('../img/BlueBg.jpg') repeat-x bottom center; }

h1.logo { border: none; width: 100%; height: 130px; }
h1.logo a{ display: block; text-indent: -9999em; width: 100%; height: 130px; margin: 0 !important; background: url('../img/HV.png') no-repeat center center; }
header h2 { color: #fff;  margin: 0 0 30px 0 !important ; }

/* navigation style */
a.brand { display: block; background: url('../img/NavBgHV.png') no-repeat center center; width: 200px; height: 20px; text-indent: -9999em; margin: 0; }
ul.nav {  list-style-type: none; }
.navbar .nav > li > a { padding: 8px 15px 8px; color: #fff; text-transform: uppercase; font-size: 12px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;  text-shadow: rgba(0, 0, 0, .7) 0px 1px 0px; } 
ul.nav li.green a { border-top: solid 4px #2d9a87; }
ul.nav li.magenta a { border-top: solid 4px #ed1a4d; }
ul.nav li.orange a { border-top: solid 4px #e7a12e; }
ul.nav li.purple a { border-top: solid 4px #bd4b9c; }
ul.nav li.lightblue a { border-top: solid 4px #26c3eb; }
ul.nav li.blue a { border-top: solid 4px #3d76bb; }

.navbar-static-top .nav li.active > a, 
.navbar-static-top .nav li.active > a:hover, 
.navbar-static-top .nav li.active > a:focus {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.navbar-static-top .nav li.green.active > a, 
.navbar-static-top .nav li.green.active > a:hover, 
.navbar-static-top .nav li.green.active > a:focus {
	background: #34877b; 
}
.navbar-static-top .nav li.magenta.active > a, 
.navbar-static-top .nav li.magenta.active > a:hover, 
.navbar-static-top .nav li.magenta.active > a:focus {
	background: #b32346;
}
.navbar-static-top .nav li.orange.active > a, 
.navbar-static-top .nav li.orange.active > a:hover, 
.navbar-static-top .nav li.orange.active > a:focus {
	background: #c18202;
}
.navbar-static-top .nav li.blue.active > a, 
.navbar-static-top .nav li.blue.active > a:hover, 
.navbar-static-top .nav li.blue.active > a:focus {
	background: #386bbe;
}
.navbar-static-top .nav li.purple.active > a,
.navbar-static-top .nav li.purple.active > a:hover,
.navbar-static-top .nav li.purple.active > a:focus {
    background: #8d368c;
}

.navbar .nav > li > a:hover { color: #ccc; }
.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
color: #fff; text-shadow: rgba(0, 0, 0, .7) 0px 1px 0px;
}

.navbar .btn-navbar { margin: 7px 15px 0 0; }

.language a { display: block; float: left; width: 20px; height: 20px; background: rgba(255,255,255, 0.4); color: #333; text-decoration: none; font-weight: bold; text-shadow: none; padding: 2px 5px; margin: 0 0 0 5px; text-shadow: 0 1px 0 rgba(255,255,255,0.6); }
.language a:hover { color: #fff; text-decoration: none; text-shadow: 0 1px 0 rgba(0,0,0,0.6);}
.language a.active, .language a.active:hover { background: rgba(255,255,255, 0.8); color: #333; text-shadow: 0 1px 0 rgba(255,255,255,0.6);}

.subnav { background: rgba(255,255,255, 0.3); }

.subnav .nav-tabs {
border-bottom: none;
}
.subnav .nav {
margin: 0px; }
.subnav .nav-tabs > li { margin: 0;}
.subnav .nav-tabs > li > a {
	font-family: 'Open Sans Condensed', helvetica, sans-serif;
	font-size: 18px; 
	font-weight: 700;
	text-transform: uppercase;
	color: #1e6a60;
	padding: 10px 20px;
	margin: 0;;
	line-height: 20px;
	border: none;
	-webkit-border-radius: 0 0;
	-moz-border-radius: 0;
	border-radius: 0;
	text-shadow: rgba(255, 255, 255, .4) 0px 1px 0px;
}
.subnav .nav-tabs > li > a:hover { background-color: rgba(255,255,255,0.25); border: none; text-shadow: rgba(255, 255, 255, .6) 0px 1px 0px;}

body.green .subnav .nav-tabs > li > a { color: #12423c; }
body.magenta .subnav .nav-tabs > li > a { color: #4e091e; }
body.orange .subnav .nav-tabs > li > a { color: #3d2a0b; }
body.purple .subnav .nav-tabs > li > a { color: #49183b; }
body.lightblue .subnav .nav-tabs > li > a { color: #0c3e4a; }
body.blue .subnav .nav-tabs > li > a { color: #152b45; }

.subnav .nav-tabs > .active > a, .subnav .nav-tabs > .active > a:hover { color: #444 !important; background-color: #eeeee3; border: none; text-shadow: rgba(255, 255, 255, .9) 0px 1px 0px;}


.block { display: block; color: #51514b; background: #fff; padding: 10px; margin: 40px 0 15px 0; border: solid 1px #d6d6cc; }
.block:hover { text-decoration: none; background: #eeeee1; color: #333; }
.block.center { text-align: center; }
.block.green { border-top: solid 4px #2d9a87; }
.block.magenta { border-top: solid 4px #ed1a4d; }
.block.orange { border-top: solid 4px #e7a12e; }
.block.purple { border-top: solid 4px #bd4b9c; }
.block.lightblue { border-top: solid 4px #26c3eb; }
.block.blue { border-top: solid 4px #3d76bb; }
.block.green strong { color: #2d9a87; }
.block.magenta strong { color: #ed1a4d; }
.block.orange strong { color: #e7a12e; }
.block.purple strong { color: #bd4b9c; }
.block.lightblue strong { color: #26c3eb; }
.block.blue strong { color: #3d76bb; }
.block h2 { text-transform: uppercase; letter-spacing:-1px}
.block.green h2 { color: #2d9a87; background: url('../img/ProductionBadgeSmall.png') no-repeat top center; padding-top: 90px; margin-top: -50px;}
.block.magenta h2 { color: #ed1a4d; background: url('../img/SolutionsBadgeSmall.png') no-repeat top center; padding-top: 90px; margin-top: -50px; }
.block.orange h2 { color: #e7a12e; background: url('../img/LabsBadgeSmall.png') no-repeat top center; padding-top: 90px; margin-top: -50px; }
.block.purple h2 { color: #bd4b9c; background: url('../img/PublishersBadgeSmall.png') no-repeat top center; padding-top: 90px; margin-top: -50px;}
.block.lightblue h2 { color: #26c3eb; }
.block.blue h2 { color: #3d76bb; }

.thumbnail { display: block; padding: 8px; line-height: 20px; border: 1px solid #d6d6cc; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); background: #fff; margin: 0 auto; overflow: hidden; }
.thumbnail img { float: left; margin: 0 0 15px 0; }
.thumbnail .text { float:left; }
.thumbnail ul { margin: 0 0 25px 25px;}
.projects .span4 .thumbnail { height: 450px; }
.services .span4 .thumbnail { height: 230px; }
.services .span4 .thumbnail img { float: right; margin: 0 0 15px 15px; }
.green .services .span4 .thumbnail { height: 460px; }
.partners { margin-top: 20px;}
.partners .thumbnails { margin-top: 30px;}
.partners .span4 .thumbnail { height: 270px; }
.partners .span4 .thumbnail img { float: right; margin: 0 0 15px 15px; }
.customers .span3 .thumbnail { height: 170px; }
.customers .span3 .thumbnail h3 { display: none;}
.span12 .thumbnail img { float: left; margin: 0 15px 0 0; }

.splash .content .span4 a { height: 350px;}

/*
.thumbnail.block { position: relative; overflow: visible; margin: 30px 0; padding: 60px 10px 10px; }
.thumbnail.block img { position: absolute; top: -38px; left: 50%; margin: 0 auto; margin-left: -38px; overflow: hidden;}

.block.facebook { border-top: solid 4px #4075c0; }
.block.ebook { border-top: solid 4px #e69501; }
.block.websites { border-top: solid 4px #b64ca1; }
.block.users { border-top: solid 4px #3b991d; }
.block.mobile { border-top: solid 4px #ed1a4d; }
.block.xml { border-top: solid 4px #cedc00; }
*/

.soonAppStore { display: block; width: 131px; height: 43px; float:left; margin: 0 10px 0 0; background: url('../img/sprite.jpg') no-repeat -85px 0; text-indent: -9999em; border: none; }
.soonAndroid { display: block; width: 131px; height: 43px; float:left; margin: 0 ; background: url('../img/sprite.jpg') no-repeat -85px -50px; text-indent: -9999em; border: none; }
.appStore { display: block; width: 131px; height: 43px; float:left; margin: 0 10px 0 0; background: url('../img/sprite.jpg') no-repeat -230px 0; text-indent: -9999em; border: none; }
.android { display: block; width: 131px; height: 43px; float:left; margin: 0 ; background: url('../img/sprite.jpg') no-repeat -230px -50px; text-indent: -9999em; border: none; }
.bookStore { display: block; width: 133px; height: 43px; float:left; margin: 0 10px 0 0; background: url('../img/sprite.jpg?2') no-repeat -230px -100px; text-indent: -9999em; border: none; }

#filter { float: right; list-style-type: none; margin: 0; padding: 0;}
#filter li { list-style-type: none; float: left; border: solid 1px #d6d6cc; border-radius: 10px; padding: 3px 10px; margin: 0 0 5px 5px; background: #d6d6cc; color: #55554f; cursor: pointer; font-weight: bold;}
#filter li.active { background: #fff; text-shadow: none; }

/* Footer */
footer { margin-top: 30px;}
footer a.social { display: block; width: 40px; height: 40px; text-indent: -9999em; background: url('../img/socialsprite.png') no-repeat; float: left; margin: 10px 10px 10px 0; text-decoration: none; }
footer a.facebook { background-position: -50px -50px; }
footer a.linkedin { background-position: -100px -50px; }
footer a.twitter { background-position: 0 -50px; }
footer a.facebook:hover { background-position: -50px 0; }
footer a.linkedin:hover { background-position: -100px 0; }
footer a.twitter:hover { background-position: 0 0; }

a.Adobe { text-decoration: none; display: block; width: 50px; height: 50px; text-indent: -9999em; background: url('../img/Adobe.png') no-repeat center center; float: left; margin: 10px 10px 10px 0; }
a.Woodwing { text-decoration: none; display: block; width: 120px; height: 50px; text-indent: -9999em; background: url('../img/Woodwing.png?v2') no-repeat center center; float: left; margin: 10px 10px 0px 0; }

@media (max-width: 1200px) {
    .splash .content .span4 a { height: 400px !important;}

    .projects .span4 .thumbnail { height: 450px; }
    .services .span4 .thumbnail { height: 290px; }
    .green .services .span4 .thumbnail { height: 560px; }
    .partners .span4 .thumbnail { height: 330px; }
    .customers .span3 .thumbnail { height: 150px; }
}

@media (max-width: 979px) and (min-width: 768px) {
	h1, h2 { font-size: 20px; }
	h1.logo { border: none; height: 100px; }
	h1.logo a{ display: block; text-indent: -9999em; height: 100px; margin: 0 !important; background: url('../img/HVSmall.png') no-repeat center center; }
	a.brand { display: none; }

	.splash .content .span4 a { height: 500px !important;}
    .projects .span4 .thumbnail { height: 450px; }
    .services .span4 .thumbnail { height: 400px; }
    .green .services .span4 .thumbnail { height: 750px; }
    .partners .span4 .thumbnail { height: 430px; }
    .customers .span3 .thumbnail { height: 110px; }
	
}

@media (max-width: 767px) {
    h1, h2 { font-size: 20px; padding: 0; }
	body { padding: 0; }
	.container { padding: 0 15px; }

    .navbar-fixed-top { margin-bottom: 0px; }
    .navbar { margin-bottom: 0px; overflow: visible; }
    .navbar-static-top .nav li.active > a, .navbar-static-top .nav li.active > a:hover, .navbar-static-top .nav li.active > a:focus { background-color: transparent !important;}
    .navbar-static-top a:hover { background-color: transparent; }

	ul.nav li.green a { border-top: none; border-left: solid 4px #2d9a87; }
	ul.nav li.magenta a { border-top: none; border-left: solid 4px #ed1a4d; }
	ul.nav li.orange a { border-top: none; border-left: solid 4px #e7a12e; }
	ul.nav li.purple a { border-top: none; border-left: solid 4px #bd4b9c; }
	ul.nav li.lightblue a { border-top: none; border-left: solid 4px #26c3eb; }
	ul.nav li.blue a { border-top: none; border-left: solid 4px #3d76bb; }
	
	.block { margin: 0 0 15px 0; }
	.block.center { text-align: left; }
	.block.green { border-top: none; border-left: solid 4px #2d9a87; background: #fff url('../img/ProductionBadgeSmall.png') no-repeat 95% 50%; padding-right: 90px; background-size: 55px 55px; }
	.block.magenta { border-top: none; border-left: solid 4px #ed1a4d; background: #fff url('../img/SolutionsBadgeSmall.png') no-repeat 95% 50%; padding-right: 90px; background-size: 55px 55px; }
	.block.orange { border-top: none; border-left: solid 4px #e7a12e; background: #fff url('../img/LabsBadgeSmall.png') no-repeat 95% 50%; padding-right: 90px; background-size: 55px 55px; }
	.block.purple { border-top: none; border-left: solid 4px #bd4b9c; background: #fff url('../img/PublishersBadgeSmall.png') no-repeat 95% 50%; padding-right: 90px; background-size: 55px 55px;}
	.block.lightblue { border-top: none; border-left: solid 4px #26c3eb; }
	.block.blue { border-top: none; border-left: solid 4px #3d76bb; }
	
	
	
	.block.green h2, 
	.block.magenta h2,
	.block.orange h2,
    .block.purple h2{ background: none; padding-top: 0px; margin-top: 0px; }

    .splash .content .span4 a { height: auto !important;}
    #filter { float: none; display: none; }
    #filter li { margin: 0 5px 15px 0px; }

    .projects .span4 .thumbnail img { width: 50%; height: auto; margin: 0 10px 0 0;}
    .projects .span4 .thumbnail,
    .services .span4 .thumbnail,
    .green .services .span4 .thumbnail,
    .partners .span4 .thumbnail,
    .customers .span3 .thumbnail { height: auto;}

    .subnav .nav-tabs > li > a { font-size: 16px; padding: 5px 10px; }
	
}

@media (max-width: 500px) {

    .projects .span4 .thumbnail img { width: 100%; height: auto; margin: 0 0 10px 0;}
}