/* Elements */

*
{
	margin: 0px;
	padding: 0px;
}

html
{
	height: 100%;
}

body
{
    background: #ffffff;
    min-height: 100%;
    position: relative;
}

.lang_en, .lang_de, .lang_fr {width: 44px; height: 16px; float: right;}
.lang_en {background: url(/images/English_adminway.png);}
.lang_de {background: url(/images/German_adminway.png);}
.lang_fr {background: url(/images/French_adminway.png);}
.lang_en:hover, .lang_de:hover, .lang_fr:hover {background-position: 0 -16px;}


/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{outline:0;}
    #cboxContent{margin-top:20px;background:#000;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{border:5px solid #000; background:#fff;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
        
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}



        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(images/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose:hover{background-position:bottom center;}








      .radius {
  width: 200px; height: 100px;
  border: 3px groove red;
  border-radius: 70% 0 / 70%;
      }









.jscarousal-horizontal{
    width: 940px;  /* ширина и высота коробки для слайдов */
	height: 218px;
	margin: 0;
	padding: 0;
	padding: 22px 8px 22px 8px;
	position: relative;}
.jscarousal-contents-horizontal{
	width: 760px;  /* ширина и высота области где слайды */
	height: 124px;
	float: left;
	position: relative;
	overflow: hidden;}
.jscarousal-contents-horizontal img{
	width: 120px;  /* ширина и высота картинок */
	height: 120px;

}

.jscarousal-horizontal-back, .jscarousal-horizontal-forward{
	float: left;
	width: 23px;
	height: 98px;
	color: White;
	position: relative;
	top: 6px;
	cursor: pointer;}
.jscarousal-horizontal-back{
	background-image: url(slide/images/left_arrow.png);
	background-repeat: no-repeat;
	background-position: left;}
.jscarousal-horizontal-forward{
	background-image: url(slide/images/right_arrow.png);
	background-repeat: no-repeat;
	background-position: right;}
.jscarousal-contents-horizontal > div{
	position: absolute;
	width: 100%;}
.jscarousal-contents-horizontal > div > div{
	float: left;
	margin-left: 8px;
	margin-right: 8px;}
/*Горизонтальная карусель CSS*/

/*Вериткальная карусель CSS*/
.jscarousal-vertical{                       /* ширина и высота коробки для слайдов */
	width: 140px;
	height: 460px;
	background-color: #121212;
	border: solid 1px #7A7677;
	margin: 0;
	padding: 0;
	position: relative;
	overflow: hidden;}
.jscarousal-contents-vertical{              /* ширина и высота области где слайды */
	overflow: hidden;
	width: 140px;
	height: 410px;}
.jscarousal-contents-vertical > div > div{  /* ширина и высота коробки для картинок */
	width: 140px;
	height: 125px;
	margin: 8px;
	margin-left: 14px;}
.jscarousal-contents-vertical img{          /* ширина и высота картинок */
	width: 120px;
	height: 80px;
	border: solid 1px #7A7677;}
.jscarousal-vertical-back, .jscarousal-vertical-forward{
	width: 100%;
	height: 30px;
	background-color: #121212;
	color: White;
	position: relative;
	cursor: pointer;
	z-index:100;}
.jscarousal-vertical-back{
	background-image: url(slide/images/top_arrow.jpg);
	background-repeat: no-repeat;
	background-position: bottom;}
.jscarousal-vertical-forward{
	background-image: url(slide/images/bottom_arrow.jpg);
	background-repeat: no-repeat;
	background-position: top;}
.jscarousal-contents-vertical > div{
	position: absolute;
	top: 40px;
	width: 100%;
	height: 820px;
	overflow: hidden;}
.jscarousal-contents-vertical > div > div span{
	display: block;
	width: 70%;
	text-align: center;}
/*Вериткальная карусель CSS*/

/*Общие*/
.hidden{	display: none;    }
.visible{	display: block;}
.thumbnail-active{
	filter: alpha(opacity=100);
	opacity: 1.0;
	cursor: pointer;}
.thumbnail-inactive{
	filter: alpha(opacity=90);
	opacity: 0.9;
	cursor: pointer;}
.thumbnail-text{
	color: #E0E0E0;
	font-weight: bold;
	text-align: left;
	display: block;
	padding: 10px 2px 2px 0px;}
.thumbnail-text a{
	color: #E0E0E0; text-decoration: none;}
.thumbnail-text a:hover{
	color: #fff;}





















div#callme{
    position: fixed;
    top: 120px;
    left: -200px;
        z-index: 1000;
        cursor: pointer;
    width:227px;
    height:164px;
}
div#callme li,
div#callme ul{
    list-style:none;
    margin: 0px;
    padding:0px;
}
div#callme form{
    margin: 20px 37px 20px 15px;
    cursor:default;
}
div#callme input{
    width: 175px;
}
div#callme label{
    color:#fff;
    font-family: Verdana;
    font-size: 12px;
}
div#callme button{
    background: #da9200;
    border: 2px solid  #fdc450;
    color: #fff;
    font-weight:bold;
    margin: 10px 0px 0px 0px;
    width: 175px;
}
div#callme .message{
    display: none;
    text-align: center;
    margin: 30px;
    color:#fff;
}
















h1, .h1
{
    font-size: 60px;
    font-weight: 200;
    line-height: 71px;
    letter-spacing: 3px;
    font-family: "Helvetica Neue", "Century Gothic", Helvetica, Arial, "Lucida Grande", sans-serif;
}

h2, .h2
{
    font-size: 36px;
    font-weight: 200;
    line-height: 44px;
    letter-spacing: 2px;
    font-family: "Helvetica Neue", "Century Gothic", Helvetica, Arial, "Lucida Grande", sans-serif;
}

h3, .h3
{
    font-size: 20px;
    font-weight: 300;
    line-height: 21px;
    letter-spacing: 1px;
    font-family: "Helvetica Neue", "Century Gothic", Helvetica, Arial, "Lucida Grande", sans-serif;
}

h4, .h4
{
    font-size: 14px;
    font-weight: 300;
    line-height: 17px;
    letter-spacing: 1px;
    font-family: "Helvetica Neue", "Century Gothic", Helvetica, Arial, "Lucida Grande", sans-serif;
}

p, .p
{
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    letter-spacing: 1px;
    font-family: "Georgia" ,serif;
}

/* Classes */

.content
{
	max-width: 1280px;
	margin: 0 auto;
}

.blue-text
{
	color: #0072c6;
}

.grey-text
{
	color: #666666;
}

.white-text
{
	color: #ffffff;
}

.white-background
{
	background-color: #ffffff;
}

.light-grey-background
{
	background-color: #cccccc;
}

.blue-background
{
	background-color: #1A5223;
	position: absolute;
	bottom: 0px;
	width: 100%;
}

.red-background
{
	background-color: #c60000;
	position: absolute;
	bottom: 60px;
	width: 100%;
}

.nine-sixty
{
	margin-left: auto;
	margin-right: auto;
	padding: 0 32px;
	width: 960px;
}

.great-rated-logo
{
	height: 72px;
	width: 72px;
	background: url(images/great-rated-logo.png) no-repeat;
}

.gptw-logo
{
	height: 82px;
	width: 320px;
	background: url(images/gptw-logo.png) no-repeat;
}

.holder-logo-small
{
	height: 96px;
	width: 337px;
	background: url(images/holder-logo-50.png) no-repeat;
	margin-left: 32px;
	margin-top: 20px;







}


.holder-logo
{
	height: 96px;
	width: 337px;
	background: url(images/holder-logo-50.png) no-repeat;
	margin-left: 32px;
	margin-top: 20px;


}


.holder-logoz
{
	height: 96px;
	width: 337px;
	background: url(images/holder-logo-50_en.png) no-repeat;
	margin-left: 32px;
	margin-top: 20px;


}




.helix-logo
{
	margin-top: 10px;
	float: right;
	margin-left: 32px;
	height: 30px;
	width: 85px;
	background: url(images/helix-logo-30.png) no-repeat;
}

.facebook-logo
{
	margin-top: 10px;
	float: right;
	margin-left: 32px;
	height: 30px;
	width: 30px;
	background: url(images/facebook-logo-30.png) no-repeat;
}

.linkedin-logo
{
	margin-top: 10px;
	float: right;
	margin-left: 32px;
	height: 30px;
	width: 30px;
	background: url(images/linkedin-logo-30.png) no-repeat;
}

.twitter-logo
{
	margin-top: 10px;
	float: right;
	margin-left: 32px;
	height: 30px;
	width: 36px;
	background: url(images/twitter-logo-30.png) no-repeat;
}

.link-arrow
{
	height: 28px;
	background: url(images/link-arrow.png) no-repeat;
}

.link-arrow:hover
{
	background: url(images/link-arrow-hover.png) no-repeat;
}

.link
{
	color: #0072c6;
	padding-left: 44px;
	padding-top: 6px;
	padding-bottom: 5px;
}

.link:hover
{
	color: #999999;
}

.navigation-link
{
	float: right;
	text-align: right;
	margin-left: 32px;
	margin-top: 15px;
	color: #35683C;
		font-weight: bold;
}

.navigation-link:hover
{
	color: #999999;
}

.footer-link
{
	float: left;
	text-align: left;
	margin-right: 32px;
	margin-top: 15px;
	color: #ffffff;
}

.footer-link:hover
{
	color: #dddddd;
}


.footer{
	background: #e0dde6;
	padding: 60px 0 55px 0;
	z-index: 2;
	position: relative;
}
	
	.footer-block{
		position: relative;
	}
		
		.footer-info{
			float: left;
			width: 163px;
			padding: 40px 0 0 22px;
			font-size: 13px;
			color: #9088ae;
			line-height: 20px;
		}
		
		.footer-logo{
			display: block;
			background: url(../images/LA.png) 0 0 no-repeat;
			width: 52px;
			height: 52px;
			position: absolute;
			top: -15px;
			left: 0px;
		}
			
			.footer-info a{
				margin: 0 5px 0 0;
			}




.header-picture-text-background
{
	width: 100%;
	height: 71px;
	background: url(images/alpha-35.png);
}

.quote-picture-text-background
{
	width: 100%;
	height: 100%;
	padding-left: 32px; 
	padding-right: 16px;
	padding-bottom: 16px;
	background: url(images/alpha-25.png);
}

.quote-picture
{
	width: 960px;
	height: 288px;
	background: no-repeat center center;
}

.media-kit-yes
{
	width: 478px;
	height: 200px;
	float: left;
	background: url(images/media-kit-yes.jpg) no-repeat;
}

.our-work-half
{
	height: 288px;
	width: 478px;
	margin-top: 4px;
	background: no-repeat center center;
	cursor: pointer;
	float: left;
}

.our-work-full
{
	height: 288px;
	width: 960px;
	margin-top: 4px;
	background: no-repeat center center;
	cursor: pointer;
	float: left;
}

.our-work-mega
{
	height: 580px;
	width: 960px;
	margin-top: 4px;
	background: no-repeat center center;
	cursor: pointer;
	float: left;
}

.our-work-full:hover, .our-work-full:active
{
	background-size: 102%;
	cursor: pointer;
}

.our-work-half:hover, .our-work-half:active
{
	background-size: 102%;
	cursor: pointer;
}

.our-work-mega:hover, .our-work-mega:active
{
	background-size: 102%;
	cursor: pointer;
}

.our-work-picture-text-background
{
	width: 100%;
	height: 100%;
	background: url(images/alpha-35.png);
	cursor: pointer;
	visibility: hidden;
}

.story-project
{
	padding-left: 32px; 
	padding-right: 16px;
	margin-bottom: 8px;
}

.story-title
{
	padding-left: 32px; 
	padding-right: 16px;
	margin-bottom: 16px;
}

.story-description
{
	padding-left: 32px; 
	padding-right: 16px; 
	margin-bottom: 16px; 
	display: none;
}

.align-bottom
{
	vertical-align: bottom;
}

.office-location-unselected
{
	width: 24px;
	height: 24px;
	margin-left: -12px;
	margin-top: -12px;
	background: url(images/holder-logo-24.png) no-repeat center center;
	cursor: pointer;
}

.city-position-group
{
	display: inline-table;
}

.city-name
{
	width: 300px;
	display: table-cell;
}

.city-position-separator
{
	width: 4px; 
	display: table-cell;
}

.position-section
{
	width: 640px;
	padding-left: 16px;
	display: table-cell;
}

.position
{
	width: 640px;
	cursor: pointer;
	clear: both;
}

.position-description-short
{
	margin-top: 16px;
}

.position-description-long
{
	margin-top: 16px;
}

.position-requirements
{
	margin-top: 16px;
}

.position-spacer
{
	clear: both;
	height: 32px;
}

.city-spacer
{
	clear: both;
	height: 64px;
}

.position-link-arrow
{
	height: 28px;
	background: url(images/link-arrow.png) no-repeat;
	margin-top: 16px;
}

.position-link-arrow:hover
{
	background: url(images/link-arrow-hover.png) no-repeat;
}

.position-link
{
	color: #0072c6;
	padding-left: 44px;
	padding-top: 6px;
	padding-bottom: 5px;
}

.position-link:hover
{
	color: #999999;
}

.position-details-wrapper
{
	display: none;
}

.school-logo
{
	height: 64px;
	width: 64px;
	margin-left: 64px;
	background-repeat: no-repeat;
	background-position: center center;
	float: left;
}

.office-contact-photo
{
	height: 142px;
	width: 142px;
	margin-top: 16px;
	margin-bottom: 19px;
	float: left;
	background: no-repeat center center;
}

.selectable
{
	-webkit-touch-callout: all;
    -webkit-user-select: all;
    -khtml-user-select: all;
    -moz-user-select: all;
    -ms-user-select: all;
    user-select: all;
}

/* IDs */

#nav
{
	height: 100px;
	padding: 5px 0px;
}

#menuz
{
	height: 100px;
	padding: 5px 0px;
}



#footer
{
	height: 50px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#footer-spacer
{
	height: 124px;
}

#home-picture
{
	width: 100%;
	height: 370px;
	padding-top: 110px;
	background: url(images/sunset.jpg) no-repeat fixed top center;
}

#home-text-background
{
	width: 100%;
	height: 142px;
	background: url(images/alpha-35.png);
}

#work-with-us-thumbnail
{
	width: 318px;
	height: 180px;
	float: left;
	background: url(images/work-with-us-thumbnail.jpg) no-repeat center center;
}

#work-with-us-thumbnail:hover, #work-with-us-thumbnail:active
{
	background-size: 102%;
}

#our-work-thumbnail
{
	width: 318px;
	height: 180px;
	float: left;
	margin-left: 64px;
	background: url(images/our-work-thumbnail.jpg) no-repeat center center;
}

#our-work-thumbnail:hover, #our-work-thumbnail:active
{
	background-size: 102%
}

#work-with-us-picture
{
	width: 100%;
	height: 124px;
	padding-top: 110px;
	background: url(images/work-with-us.jpg) no-repeat fixed top center;
}

#our-work-picture
{
	width: 100%;
	height: 124px;
	padding-top: 110px;
	background: url(images/our-work.jpg) no-repeat fixed top center;
}

#media-kit-picture
{
	width: 100%;
	height: 124px;
	padding-top: 110px;
	background: url(images/media-kit.jpg) no-repeat fixed top center;
}

#careers-thumbnail
{
	width: 318px;
	height: 180px;
	background: url(images/careers-thumbnail.jpg) no-repeat center center;
}

#careers-thumbnail:hover, #careers-thumbnail:active
{
	background-size: 102%
}

#partners-thumbnail
{
	width: 318px;
	height: 180px;
	background: url(images/partners-thumbnail.jpg) no-repeat center center;
}

#partners-thumbnail:hover, #partners-thumbnail:active
{
	background-size: 102%
}

#clients-thumbnail
{
	width: 318px;
	height: 180px;
	background: url(images/clients-thumbnail.jpg) no-repeat center center;
}

#clients-thumbnail:hover, #clients-thumbnail:active
{
	background-size: 102%
}

#careers-picture
{
	width: 100%;
	height: 124px;
	padding-top: 110px;
	background: url(images/careers.jpg) no-repeat fixed top center;
}

#careers-contact-thumbnail
{
	width: 318px;
	height: 180px;
	float: left;
	background: url(images/careers-contact-thumbnail.jpg) no-repeat center center;
}

#partners-picture
{
	width: 100%;
	height: 124px;
	padding-top: 110px;
	background: url(images/partners.jpg) no-repeat fixed top center;
}

#partners-contact-thumbnail
{
	width: 318px;
	height: 180px;
	float: left;
	background: url(images/partners-contact-thumbnail.jpg) no-repeat center center;
}

#clients-picture
{
	width: 100%;
	height: 124px;
	padding-top: 110px;
	background: url(images/clients.jpg) no-repeat fixed top center;
}

#clients-contact-thumbnail
{
	width: 318px;
	height: 180px;
	float: left;
	background: url(images/clients-contact-thumbnail.jpg) no-repeat center center;
}

#media-kit-contact-thumbnail
{
	width: 318px;
	height: 180px;
	float: left;
	background: url(images/media-kit-contact-thumbnail.jpg) no-repeat center center;
}

#media-kit-contact-thumbnail:hover, #media-kit-contact-thumbnail:active
{
	background-size: 102%;
}

#contact-us-picture
{
	width: 100%;
	height: 124px;
	padding-top: 110px;
	background: url(images/contact-us.jpg) no-repeat fixed top center;
}

#map
{
	width: 592px;
	height: 376px;
	float: left;
	margin-left: 4px;
	background: url(images/map.jpg) no-repeat;
}

#map-canvas
{
	width: 100%;
	height: 480px;
}

#holder-logo-large
{
	width: 318px;
	height: 324px;
	float: left;
	background: url(images/holder-logo-600-trimmed.jpg) no-repeat;
}

#media-kit-yes-background
{
	width: 478px;
	height: 200px;
	float: left;
	background: url(images/media-kit-yes-background.jpg) no-repeat;
}

#media-kit-no-background
{
	width: 478px;
	height: 200px;
	float: left;
	background: url(images/media-kit-no-background.jpg) no-repeat;
}

#media-kit-no-border
{
	width: 478px;
	height: 200px;
	float: left;
	background: url(images/media-kit-no-border.jpg) no-repeat;
}

#media-kit-no-color
{
	width: 478px;
	height: 200px;
	float: left;
	background: url(images/media-kit-no-color.jpg) no-repeat;
}

#media-kit-no-lettering
{
	width: 478px;
	height: 200px;
	float: left;
	background: url(images/media-kit-no-lettering.jpg) no-repeat;
}

#media-kit-no-proportion
{
	width: 478px;
	height: 200px;
	float: left;
	background: url(images/media-kit-no-proportion.jpg) no-repeat;
}

#office-contact-ops
{
	width: 142px;
}

#office-contact-precon
{
	width: 142px;
}

#office-address
{
	float: left;
	margin-top: 16px;
}

#office-phone
{
	float: left;
	margin-top: 16px;
}

#office-location-selected
{
	width: 50px;
	height: 50px;
	background: url(images/office-selected.png);
	margin-top: -25px;
	margin-left: -25px;
	cursor: pointer;
}

#school-switcher
{
	height: 64px;
	margin-top: 32px;
	clear: both;
}

#careers-contact-thumbnail:hover, #careers-contact-thumbnail:active
{
	background-size: 102%;
}

#partners-contact-thumbnail:hover, #partners-contact-thumbnail:active
{
	background-size: 102%;
}

#clients-contact-thumbnail:hover, #clients-contact-thumbnail:active
{
	background-size: 102%;
}

#links-picture
{
	width: 100%;
	height: 124px;
	padding-top: 110px;
	background: url(images/links.jpg) no-repeat fixed top center;
}

#helix-1-thumbnail
{
	width: 318px;
	height: 180px;
	float: left;
	margin-left: 64px;
	background: url(images/links-helix-thumbnail.jpg) no-repeat top center;
}

#helix-1-thumbnail:hover, #helix-1-thumbnail:active
{
	background-size: 102%;
}

#docs-wam-thumbnail
{
	width: 318px;
	height: 180px;
	float: left;
	background: url(images/links-docs-wam-thumbnail.jpg) no-repeat center center;
}

#docs-wam-thumbnail:hover, #docs-wam-thumbnail:active
{
	background-size: 102%;
}

#ftp-site-thumbnail
{
	width: 318px;
	height: 180px;
	float: left;
	background: url(images/links-ftp-site-thumbnail.jpg) no-repeat center center;
}

#ftp-site-thumbnail:hover, #ftp-site-thumbnail:active
{
	background-size: 102%;
}

#prequal-thumbnail
{
	width: 318px;
	height: 180px;
	float: left;
	margin-left: 64px;
	background: url(images/links-prequal-thumbnail.jpg) no-repeat center center;
}

#prequal-thumbnail:hover, #prequal-thumbnail:active
{
	background-size: 102%;
}

#notice
{
	width: 100%;
	padding-top: 0px;
	cursor: pointer;
}