body { font-family: 'ProximaNova', Arial, sans-serif; background-color: #202020; }

body.page-home { background: #202020 url(../img/backgrounds/rectangle/rectangle-bg.jpg) no-repeat center center; background-size: cover; }
body.page-screens { background: #202020 url(../img/backgrounds/rectangle/background-screens.jpg) no-repeat center center; background-size: cover; }
body.page-us { background: #202020 url(../img/backgrounds/rectangle/background-us.jpg) no-repeat center center; background-size: cover; }
body.page-projects { background: #202020 url(../img/backgrounds/rectangle/background-projects.jpg) no-repeat center center; background-size: cover; }
body.page-try-before-you-buy { background: #202020 url(../img/backgrounds/rectangle/rectangle-bg.jpg) no-repeat center center; background-size: cover; }

a { color: #BBBBBB; }
a:hover { color: #69A4ED; text-decoration: underline; }

/* CHROME HEAD */
.ChromeHead #chrome-head-container { position: relative; }
.ChromeHead .Logo { position: absolute; top: 0; left: 20px; margin: 0; width: 208px; height: 60px; text-indent: -9999em; overflow: hidden; }
.ChromeHead .Logo img { display: block; padding: 19px 0; height: 22px; }
.ChromeHead .Icon { position: absolute; top: 5px; right: 20px; float: right; height: 50px; }

.ChromeHead ul.MainNav { margin: 0 auto; list-style: none; padding: 20px 0; width: 100%; height: 20px; text-align: center; }
.ChromeHead ul.MainNav li { display: inline-block; zoom: 1; *display: inline; line-height: 20px; list-style-type: none; margin: 0 0.75%; }
.ChromeHead ul.MainNav li a { display: block; padding: 0; height: 20px; line-height: 20px; font-size: 16px; text-transform: uppercase; color: #FFF; text-shadow: 0 1px 1px rgba(0,0,0,0.4); font-weight: normal; }
.ChromeHead ul.MainNav li a:hover { color: #BBB; text-decoration: none; }
.ChromeHead ul.MainNav li a.active { color: #BBB; }

.ChromeHead .Social { position: absolute; top: 10px; right: 20px; height: 40px; }
.ChromeHead .Social a { display: block; float: left; margin: 3px; width: 30px; height: 30px; opacity: 0.4; }
.ChromeHead .Social a:hover { opacity: 1.0; }

/* CHROME FOOT */
.ChromeFoot ul.FootNav { float: left; margin: 0px; list-style: none; margin-left: 20px; padding: 5px 0; height: 30px; }
.ChromeFoot ul.FootNav li { float: left; margin-right: 10px; height: 30px; line-height: 30px; color: #fff; }
.ChromeFoot ul.FootNav li.address, .ChromeFoot ul.FootNav li.phone, .ChromeFoot ul.FootNav li.email { padding-left: 30px; font-size: 90%; }
.ChromeFoot ul.FootNav li.copy {}
.ChromeFoot ul.FootNav li.address { background: url(../img/foot-bullets.png) 0 0 no-repeat; }
.ChromeFoot ul.FootNav li.phone { background: url(../img/foot-bullets.png) 0 -30px no-repeat; }
.ChromeFoot ul.FootNav li.email { background: url(../img/foot-bullets.png) 0 -60px no-repeat; }
.ChromeFoot ul.FootNav li a { display: block; height: 40px; color: #fff; }

.ChromeFoot p { color: #fff; line-height: 35px; font-size: 16px; }
.ChromeFoot p a { float: right; color: #fff; text-decoration: none; }
.ChromeFoot p a:hover { color: #e4e4e4; }

.ChromeFoot .tel { float: right; margin-right: 30px; }

/* TYPOGRAPHY PANE */
.pane.typography .typographyContentHolder { display: none; }
.pane.typography h1 { padding: 0 3% 1.5%; padding-top: 0px; /*width: 94%;*/ line-height: 0.9; font-size: 400%; color: #fff; text-align: center; text-shadow: 0 2px 2px rgba(0,0,0,0.5); font-weight: 100; }
.pane.typography h1 strong { font-weight: 700; color: #008a7b; }
.pane.typography span { display: block; padding: 0% 20%; font-size: 50%; color: #fff; text-transform: uppercase; text-align: center; text-shadow: 0 2px 2px rgba(0,0,0,0.5); }
.pane.typography span small { font-size: 100%; text-transform: none; color: white; font-weight: bold; }
.pane.typography p { padding: 0 20%; width: 60%; line-height: 1.45; font-size: 120%; color: #fff; font-weight: normal; text-align: center; text-shadow: 0 1px 1px rgba(0,0,0,0.5); }
.pane.typography span.approach { font-size: 100%;display: inline;padding: 0; }
span.period { display: inline-block !important; padding: 0 !important; font-size: 100% !important; }

.pane.typography ul.internalMenu { margin: 0 auto; padding: 3%; padding-bottom: 0%; width: 94%; text-align: center; font-size: 0; }
.pane.typography ul.internalMenu li { display: inline-block; *display: inline; zoom: 1; margin: 0; list-style-type: none; }
.pane.typography ul.internalMenu li a { display: inline-block; *display: inline; zoom: 1; margin: 10px; border: 5px solid transparent; list-style-type: none; width: 120px; height: 20px; padding: 32px 0px; text-align: center; background: #263f5e; color: #fff; font-size: 14px; line-height: 20px; text-transform: uppercase;
}
.pane.typography ul.internalMenu li a:hover { text-decoration: none; }
.pane.typography ul.internalMenu li a.active { background: transparent; border-color: #395d8a; text-decoration: none; }

.pane-buttons { padding: 20px 0; padding-top:50px; width: 100%; text-align: center; }
a.pane-button { display: inline-block; margin: 0 10px; padding: 10px 20px; width: 125px; height: 20px; line-height: 20px; background-color: #123b6f; background: rgba(18,59,111,0.8) url(../img/icon_panel-arrow.png) 135px 13px no-repeat;  color: #fff; text-align:left; }

a.showreel { display: inline-block; }

/* INNOVATION PAGE */
.awards { text-align: center; padding-top: 2%; }
.awards p { padding-bottom: 20px !important; }
.awards img { max-width: 16%; }
ul.whycurb { list-style: none; margin: 0px; }
ul.whycurb li { color: white; text-align: center; }

/* Project menu */

.pane.typography ul.ProjectsMenu { margin: 0 auto; padding: 3%; padding-bottom: 0%; width: 94%; text-align: center; font-size: 0; list-style-type: none;}
.pane.typography ul.ProjectsMenu li { display: inline-block; *display: inline; zoom: 1; margin: 5px; list-style-type: none; width:350px; height:250px; background: #000;}
.pane.typography ul.ProjectsMenu li a { display: inline-block; *display: inline; zoom: 1; width:350px; height:250px; background: url(../img/temp-project.jpg) no-repeat; -moz-box-shadow: 0 2px 4px #000; -webkit-box-shadow: 0 2px 4px #000; box-shadow: 0 2px 4px #000; opacity:0.4 ; }
.pane.typography ul.ProjectsMenu li a:hover { opacity: 1;}


/* MISC */
::selection { background: rgb(0,136,204); background: rgba(0,136,204,0.8); color: #fff; }
::-moz-selection { background: rgba(0,136,204,0.8); color: #fff; }
a { -moz-transition: all linear 0.25s; -webkit-transition: all linear 0.25s; transition: all linear 0.25s; }

.cms * { color: #cacaca; }
.cms h1 { font-size: 48px; line-height: 48px; margin: 0 0 20px 0; font-family: 700; }
.cms h2 { font-size: 36px; line-height: 36px; margin: 0 0 20px 0; }
.cms h3 { font-size: 30px; line-height: 30px; font-weight: 100; margin: 0 0 10px 0; }
.cms h4 { font-size: 24px; line-height: 24px; font-weight: 100; color: #00a58d; margin: 0 0 10px 0; }
.cms h5 { font-size: 18px; line-height: 18px; font-weight: 100; margin: 0 0 10px 0; }
.cms h6 { font-size: 16px; line-height: 16px; font-weight: 100; margin: 0 0 10px 0; }
.cms p { font-size: 16px; line-height: 20px; margin: 0 0 20px 0; }
.cms li { font-size: 16px; line-height: 20px; padding-bottom: 10px; }
.cms hr { border-top: 1px solid #313131; border-bottom: 0px solid black; }

@media (max-width:1024px){
	
	.pane.typography h1 { font-size:300%; }
}