@charset "utf-8";
/* CSS Document */
@font-face {
 font-family: Calibri;
 font-weight: normal;
 font-style: normal;
 src: url("../fonts/calibri_reg.eot") /* EOT file for IE */
}
@font-face {
 font-family: Calibri;
 font-weight: normal;
 font-style: normal;
 src: url("../fonts/calibri_reg.TTF") /* TTF file for CSS3 browsers */
}
@font-face {
 font-family: Tunga;
 font-weight: normal;
 font-style: normal;
 src: url("../fonts/tunga_reg.eot") /* EOT file for IE */
}
@font-face {
 font-family: Tunga;
 font-weight: normal;
 font-style: normal;
 src: url("../fonts/tunga_reg.TTF") /* TTF file for CSS3 browsers */
}
body {
	margin: 0px;
	padding: 0px;
	background-color: #0b354f;
	background-image: url(../images/header_background.jpg);
	background-repeat: repeat-x;
	min-width:1080px;
}
#container {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
#header {
	height: 269px;
	width: 1000px;
	position:relative;
	background-image: url(../images/header_background.jpg);
	background-repeat: repeat-x;
	top: 0px;
	margin-left:auto;
	margin-right:auto;
	left:0px;
	z-index:2;
}
#header #left_shadow {
	background-image: url(../images/header_left.jpg);
	display: block;
	background-repeat: no-repeat;
	height: 269px;
	width: 30px;
	margin-left: -11px;
}
#header #right_shadow {
	background-image: url(../images/header_right.jpg);
	position: absolute;
	display: block;
	top:0px;
	right:0px;
	background-repeat: no-repeat;
	height: 269px;
	width: 30px;
	margin-right: -11px;
}
#header #logo_block {
	height: 99px;
	width: 460px;
	position:absolute;
	text-align: center;
	padding-top:62px;
}
#header #logo_block img{
	cursor:pointer;	
}

#bottom_shadow {
	height: 10px;
	width: 1000px;
	position: absolute;
	bottom:-10px;
	background-image: url(../images/header_shadow.png);
	background-repeat: repeat-x;
}


#container #body_main {
	width: 1000px;
	background-color: #18405a;
	position:relative;
	overflow:hidden;
}
#dripping_lines  {
	height: 740px;
	width: 75px;
	background-image: url(../images/drop_lines.png);
	background-repeat: no-repeat;
	position: fixed;
	top: 100px;
	display: block;
}
#drop_lines_body {
	width: 75px;
	position: absolute;
	margin-left:40px;
	margin-top:-320px;
	z-index: 1;
}
#drop_lines_filler {
	background-image: url(../images/drop_lines_texture.png);
	width: 75px;
	height:640px;
	background-repeat: repeat-y;
}
#drop_lines_head {
	background-image: url(../images/drop_lines_head.png);
	background-repeat: no-repeat;
	display: block;
	height: 195px;
	width: 75px;
	float:left;
	margin-left:-1px;
}
#drop_lines_start {
	background-image: url(../images/drop_lines_start.png);
	display: block;
	height: 23px;
	width: 38px;
	position: absolute;
	top: 318px;
	margin-left:-1px;
}
#body_main #promo{
	height:320px;
	width:100%;
	background-image: url(../images/gartner_promotion.jpg);
	background-repeat: no-repeat;
	background-position: 120px 20px;
	position:relative;
}
#body_main #promo .read_more_button{
	position:absolute;
	right:100px;
	bottom:0px;
}
#body_main #promo .source{
	position:absolute;
	width:600px;
	left:300px;
	bottom:0px;
	font-size:12px;
	color:#ccc;
	font-family: Calibri;
	text-align:right;
	font-style:italic;
}

.header_stick{
	position:fixed;
	top: -189px;
}
#header_extra{
	width: 100%;
	height:269px;
	position: fixed;
	background-image: url(../images/header_background.jpg);
	background-repeat: repeat-x;
	top: -189px;
	left:0px;
}
#header_navigation {
	height: 125px;
	width: 278px;
	float: right;
	margin-right: 20px;
	margin-top: 5px;
}
.nav_bookmark {
	background-image: url(../images/bookmark_link.png);
	height: 125px;
	width: 58px;
	float: left;
	margin-right: 10px;
}
#nav_1 {
	background-image: url(../images/nav_1_normal.png);
	height: 125px;
	width: 58px;
	display: block;
	cursor:pointer;
}
#nav_1:hover{
	background-image: url(../images/nav_1_hover.png);
}
#nav_2 {
	background-image: url(../images/nav_2_normal.png);
	height: 125px;
	width: 58px;
	display: block;
	cursor:pointer;
}
#nav_2:hover{
	background-image: url(../images/nav_2_hover.png);
}
#nav_3 {
	background-image: url(../images/nav_3_normal.png);
	height: 125px;
	width: 58px;
	display: block;
	cursor:pointer;
}
#nav_3:hover{
	background-image: url(../images/nav_3_hover.png);
}
#nav_4 {
	background-image: url(../images/nav_4_normal.png);
	height: 125px;
	width: 58px;
	display: block;
	cursor:pointer;
}
#nav_4:hover{
	background-image: url(../images/nav_4_hover.png);
}
#navigation_outline {
	background-image: url(../images/services_outline.png);
	height: 50px;
	width: 906px;
	position:absolute;
	bottom:18px;
	left:47px;
	background-repeat: no-repeat;
}
#nav_1_main {
	background-image: url(../images/main_nav_1_normal.png);
	display: block;
	height: 20px;
	width: 198px;
	float:left;
	margin-top:31px;
	margin-left:28px;
	cursor:pointer;
}
#nav_1_main:hover {
	background-image: url(../images/main_nav_1_hover.png);
}
#nav_2_main {
	background-image: url(../images/main_nav_2_normal.png);
	display: block;
	height: 20px;
	width: 198px;
	float:left;
	margin-top:31px;
	margin-left:28px;
	cursor:pointer;
}
#nav_2_main:hover {
	background-image: url(../images/main_nav_2_hover.png);
}
#nav_3_main {
	background-image: url(../images/main_nav_3_normal.png);
	display: block;
	height: 20px;
	width: 198px;
	float:left;
	margin-top:31px;
	margin-left:28px;
	cursor:pointer;
}
#nav_3_main:hover {
	background-image: url(../images/main_nav_3_hover.png);
}
#nav_4_main {
	background-image: url(../images/main_nav_4_normal.png);
	display: block;
	height: 20px;
	width: 198px;
	float:left;
	margin-top:31px;
	margin-left:28px;
	cursor:pointer;
}
#nav_4_main:hover {
	background-image: url(../images/main_nav_4_hover.png);
}

#footer {
	background-image: url(../images/footer_filler.png);
	background-repeat: repeat-x;
	height: 221px;
	width: 100%;
}
#footer #body {
	height: 221px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	position:relative;
	background-image: url(../images/footer_background_filler.png);
	background-repeat: no-repeat;
	background-position: 15px 30px;
}
#footer #body #left_shadow {
	background-image: url(../images/footer_left.jpg);
	background-repeat: no-repeat;
	height: 221px;
	width: 35px;
	position: absolute;
	left:0px;
	top:0px;
	margin-left: -15px;
}
#footer #body #right_shadow {
	background-image: url(../images/footer_right.jpg);
	background-repeat: no-repeat;
	height: 221px;
	width: 35px;
	position: absolute;
	right: 0px;
	top:0px;
	margin-right: -15px;
}
#footer #body #bottom_shadow {
	height: 10px;
	width: 1000px;
	position: absolute;
	top:-10px;
	background-image: url(../images/footer_shadow.png);
	background-repeat: repeat-x;
}
#footer #body #navigation {
	height: 24px;
	line-height: 24px;
	padding-top:26px;
	padding-left:30px;
}
#footer #body #navigation a{
	font-family: "Calibri";
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bolder;
	text-decoration: none;
	color: #163f59;
	margin-right:10px;
}
#footer #body #navigation a:hover{
	text-decoration:underline;	
}
#footer #body .box_label {
	font-family: Calibri;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: bolder;
	color: #18405a;
}
#footer #body #info_table {
	margin-left:auto;
	margin-right:auto;
	margin-top:26px;
	color:#FFF;
	font-family: Calibri;
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 20px;
}
#footer #body #info_table a{
	color:#FFF;
	text-decoration:none;
}
#footer #body #info_table a:hover{
	text-decoration:underline;	
}
#facebook_link {
	height: 30px;
	width: 30px;
	background-image: url(../images/facebook_icon.png);
	display: block;
	float:right;
	margin-right:5px;
}
#facebook_link:hover{
	background-image: url(../images/facebook_icon_hover.png);
}
#twitter_link {
	height: 30px;
	width: 30px;
	background-image: url(../images/twitter_icon.png);
	display: block;
	float:right;
}
#twitter_link:hover{
	background-image: url(../images/twitter_icon_hover.png);
}#footer #body #credentials {
	width: 200px;
	text-align: right;
	font-family: Calibri;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	float: right;
	color: #FFF;
	height: 20px;
	line-height: 20px;
	position:absolute;
	right:20px;
	bottom:11px;
}
#scroll_counter {
	font-size: 14px;
	background-color: #E5EEF3;
	text-align: center;
	height: 40px;
	width: 40px;
	position: fixed;
	top: 10px;
	right: 10px;
	border-radius:10px;
	border:2px solid #036;
	font-family: Calibri;
	line-height: 40px;
	font-weight: bold;
}
#move_tracker {
	font-size: 14px;
	background-color: #E5EEF3;
	text-align: center;
	height: 40px;
	width: 40px;
	position: fixed;
	top: 60px;
	right: 10px;
	border-radius:10px;
	border:2px solid #036;
	font-family: Calibri;
	line-height: 40px;
	font-weight: bold;
}
#container #body_main .services_block {
	height: 740px;
	width: 1000px;
	position: relative;
}
#container #body_main .services_label {
	height: 94px;
	width: 915px;
	background-image: url(../images/block_label.png);
	position: absolute;
	top: 30px;
	left: 6px;
	font-family: Calibri;
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 80px;
	color: #FFF;
	z-index:1;
}
.label_blue {
	color: #0b354f;
	margin-left: 130px;
	font-weight: bold;
}
#container #body_main #block_1 {
	background-image: url(../images/block_1_background.png);
	background-position: center 50px;
	background-repeat: no-repeat;
}
#container #body_main .services_text {
	height: 320px;
	width: 760px;
	margin-left: 150px;
	padding-top: 130px;
	font-family: Tunga;
	font-size: 20px;
	line-height: 20px;
	color: #FFF;
}
#container #body_main .read_more_button {
	font-family: Arial;
	font-size: 12px;
	line-height: 24px;
	color: #163f59;
	text-align: center;
	height: 24px;
	width: 110px;
	background-color: #8ba0ac;
	display: block;
	border-radius:3px;
	font-weight: bold;
	text-transform: uppercase;
	margin-right: auto;
	margin-left: auto;
	cursor:pointer;
	margin-top:10px;
	text-decoration: none;
}
#container #body_main .read_more_button:hover{
	text-decoration:underline;
}
#container #body_main .direction_block {
	height: 100px;
	width: 110px;
	margin-right: auto;
	margin-left: auto;
	position:relative;
	z-index:1;
}
#container #body_main #directions_1 {
	margin-top: 160px;
}
#container #body_main .scroll_top {
	background-image: url(../images/scrolling_arrow.png);
	height: 65px;
	width: 52px;
	background-repeat: no-repeat;
	position:absolute;
	left:0px;
	top:0px;
	cursor:pointer;
}
#container #body_main .scroll_top:hover{
	background-image: url(../images/scrolling_arrow_hover.png);
}
#container #body_main .scroll_next {
	background-image: url(../images/scrolling_arrow_2.png);
	height: 65px;
	width: 52px;
	background-repeat: no-repeat;
	position:absolute;
	right:0px;
	bottom:0px;
	cursor:pointer;
}
#container #body_main .scroll_next:hover{
	background-image: url(../images/scrolling_arrow_2_hover.png);
}#container #body_main .transition {
	height: 300px;
	width: 1000px;
}
#container #body_main #transition_1 {
	background-image: url(../images/transition_1_circle.png);
	background-repeat: no-repeat;
	background-position: 150px center;
	position: relative;
}
#container #body_main #transition_1 #transition_slogan_1 {
	height: 150px;
	width: 800px;
	font-family: Arial;
	font-size: 40px;
	line-height: 40px;
	font-weight: bold;
	text-transform: uppercase;
	color: #5d7a8b;
	margin-left: 150px;
	position:relative;
	padding-top: 100px;
}
#container #body_main #transition_1 #transition_1_arrow_1 {
	height: 77px;
	width: 77px;
	position: absolute;
	background-image: url(../images/transition_1_arrow.png);
	background-repeat: no-repeat;
	top: 185px;
	left: 680px;
}
#container #body_main #transition_1 #transition_1_arrow_2 {
	height: 77px;
	width: 77px;
	position: absolute;
	background-image: url(../images/transition_1_arrow.png);
	background-repeat: no-repeat;
	top: 185px;
	left: 770px;
}
#container #body_main #transition_1 #transition_1_arrow_3 {
	height: 77px;
	width: 77px;
	position: absolute;
	background-image: url(../images/transition_1_arrow.png);
	background-repeat: no-repeat;
	top: 185px;
	left: 860px;
}#container #body_main #transition_1 #transition_1_background_arrow {
	height: 0px;
	width: 10px;
	background-image: url(../images/transition_1_line.png);
	position: absolute;
	top: -190px;
	left: 920px;
	background-position: right top;
}
#container #body_main #block_2 #lifecycle_wrap {
	height: 236px;
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	position: relative;
	margin-bottom: 20px;
}
#container #body_main #block_2 #lifecycle_arrows {
	height: 168px;
	width: 168px;
	position: absolute;
	background-image: url(../images/lifecycle_back.png);
	background-repeat: no-repeat;
	left: 380px;
	top: 10px;
}
#container #body_main #block_2 #lifecycle_body {
	background-image: url(../images/lifecycle_front.png);
	background-repeat: no-repeat;
	height: 236px;
	width: 700px;
	position: absolute;
	left: 0px;
	top: 0px;
}
#container #body_main #transition_2 {
	background-image: url(../images/transition_2_background.png);
	background-repeat: no-repeat;
	background-position: 150px;
	margin-bottom: 50px;
	position: relative;
}
#container #body_main #transition_2 #transition_2_background_line1 {
	background-image: url(../images/transition_2_topline.png);
	background-repeat: no-repeat;
	height: 0px;
	width: 8px;
	position: absolute;
	left: 192px;
	top: -170px;
}
#container #body_main #transition_2 #transition_2_arrow_1 {
	background-image: url(../images/transition_2_arrow.png);
	background-repeat: no-repeat;
	height: 112px;
	width: 74px;
	position: absolute;
	left: 500px;
	top: 135px;
	display:none;
}
#container #body_main #transition_2 #transition_2_arrow_2 {
	background-image: url(../images/transition_2_arrow.png);
	background-repeat: no-repeat;
	height: 112px;
	width: 74px;
	position: absolute;
	left: 550px;
	top: 135px;
	display:none;
}
#container #body_main #transition_2 #transition_2_arrow_3 {
	background-image: url(../images/transition_2_arrow.png);
	background-repeat: no-repeat;
	height: 112px;
	width: 74px;
	position: absolute;
	left: 600px;
	top: 135px;
	display:none;
}#container #body_main #transition_2 #transition_2_background_line2 {
	height: 0px;
	width: 50px;
	background-image: url(../images/transition_2_bottomline.png);
	background-repeat: no-repeat;
	position: absolute;
	left: 863px;
	top: 205px;
}
#container #body_main #block_3 {
	background-image: url(../images/block_3_background.jpg);
	background-repeat: no-repeat;
	background-position: right;
}
#container #body_main #block_3 .left_text {
	width: 500px;
	margin-top: 30px;
}
#container #body_main #transition_3 {
	position: relative;
}
#container #body_main #transition_3 #background_arrow {
	background-image: url(../images/transition_3_background_arrow.png);
	background-repeat: no-repeat;
	height: 0px;
	width: 10px;
	position: absolute;
	left: 278px;
	top: -96px;
}
#container #body_main #transition_3 #valuebubble {
	position: absolute;
	left: 205px;
	top: 70px;
	width: 160px;
	height: 160px;
}
#container #body_main #transition_3 #valuetext {
	background-image: url(../images/transition_3_valuetext.png);
	background-repeat: no-repeat;
	height: 64px;
	width: 192px;
	position: absolute;
	left: 188px;
	top: 118px;
}
#container #body_main #transition_3 #timeline {
	background-image: url(../images/transition_3_timeline.png);
	background-repeat: no-repeat;
	height: 140px;
	width: 0px;
	position: absolute;
	left: 422px;
	top: 80px;
}
#container #body_main #block_4 #technologies_grid {
	background-image: url(../images/block_4_background.png);
	background-repeat: no-repeat;
	height: 460px;
	width: 742px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	margin-bottom: 20px;
}
#container #body_main #block_4 .end_of_info {
	height: 30px;
	width: 124px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/end_of_line.png);
	margin-top: 30px;
	margin-bottom: 30px;
}