/*Slide 0 - Loader Slide*/

.preloader-contentainer {	
	width: 100%;
	padding: 240px 0px 0px 0px;
	clear:both;
}

.preloader-background {
	margin: 0px auto;
	width: 100%;
	min-height: 400px;
	background-image:url(../images/preloader/line.png);
	background-repeat: no-repeat;
	background-position: 0px 100px 0px 0px;	
}
.preloader-main {
	margin: 0px auto;
	width: 1070px;
	height: auto;
	padding: 68px 0px 0px 0px;
}
.preloader-1 {
	float: left;
	width: 300px;
	height: auto;
	padding: 92px 0px 0px 20px;	
}

.preloader-1-a {
	background-image:url(../images/preloader/keyboard-arrows.png);
	background-repeat: no-repeat;		
	float: left;
	width: 74px;
	height: 70px;	
}
.preloader-1-b {
	background-image:url(../images/preloader/arrow-1.png);
	background-repeat: no-repeat;		
	float: left;
	width: 20px;
	height: 50px;
	margin: 20px 0px 0px 16px;		
}
.preloader-1-c {
    font-family: 'ArvoRegular';
    font-size: 15px;
    font-weight: normal;
    letter-spacing: 0px;
	font-weight: normal;
	line-height: 17px;
	color: #063669;			
	float: left;
	width: 160px;
	height: 65px;
	padding: 5px 15px 0px 15px;	
}
.preloader-2 {
	background-image:url(../images/preloader/igroup-logo.png);
	background-repeat: no-repeat;	
	float: left;
	width: 250px;
	height: 250px;	
}
.preloader-2-text {
    font-family: 'SansationLight';
    font-size: 23px;
    font-weight: normal;
    letter-spacing: 0px;
	font-weight: normal;	
	width: auto;
	height: auto;
	text-align: center;	
	color: #ffffff;
	padding: 180px 0px 0px 0px;
}
.preloader-3 {
	float: left;
	width: 300px;
	height: 250px;	
}
.preloader-3-a {
	background-image:url(../images/preloader/slider-arrow.png);
	background-repeat: no-repeat;		
	float: left;
	width: 64px;
	height: 64px;
	margin: 88px 0px 0px 0px;	
}

.preloader-3-b {
	float: left;
	width: 220px;
	height: 64px;
	margin: 82px 0px 0px 0px;	
}

.preloader-3-b-arrow {
	background-image:url(../images/preloader/arrow-2.png);
	background-repeat: no-repeat;		
	float: left;
	width: 220px;
	height: 22px;
	margin: 0px 0px 0px 0px;	
}

.preloader-3-b-text {
    font-family: 'ArvoRegular';
    font-size: 15px;
    font-weight: normal;
    letter-spacing: 0px;
	font-weight: normal;
	line-height: 17px;
	color: #063669;				
	float: left;
	width: 200px;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 0px 10px;	
}

.preloader-4 {
	float: left;
	width: 200px;
	height: auto;
	padding: 99px 0px 0px 0px;	
}
.preloader-4-a {
    font-family: 'ArvoRegular';
    font-size: 15px;
    font-weight: normal;
    letter-spacing: 0px;
	font-weight: normal;
	line-height: 17px;
	color: #063669;		
	float: left;
	width: 200px;
	height: auto;
	padding: 5px 0px 0px 0px;		
}
.preloader-4-b {
	background-image:url(../images/preloader/arrow-3.png);
	background-repeat: no-repeat;		
	float: left;
	width: 200px;
	height: 44px;
	margin: 5px 0px 0px 0px;
}




/*Slide 1 - Intro Slide*----------------------------------------------------------------------------------------*/

.bold-text {
	font-family: 'ArvoBold';
}

.intro-contentainer {	
	width: 100%;
	height: 768px;
	padding: 0px 0px 0px 0px;
	clear:both;
}

.intro-background {
	margin: 0px auto;
	width: 100%;
	min-height: 768px;
	background-image:url(../images/intro/line.png);
	background-repeat: no-repeat;
	background-position: 0px 0px 0px 0px;	
}
.intro-main {
	margin: 0px auto;
	width: 1220px;
	height: auto;
	padding: 44px 0px 0px 0px;
}
.intro-main-left {
	background-image:url(../images/intro/left-back.png);
	background-repeat: no-repeat;	
	width: 386px;
	height: 544px;
	float: left;
	margin: 0px 0px 0px 32px;
	padding: 196px 0px 0px 84px;
}
.intro-main-right {
	background-image:url(../images/intro/right-back.png);
	background-repeat: no-repeat;	
	width: 600px;
	height: 544px;	
	float: left;
}

.intro-main-right-top {
	width: 600px;
	height: auto;
	clear: both;
}

.intro-main-right-top-design {
	background-image:url(../images/intro/pointer-circle-design.png);
	background-repeat: no-repeat;
	width: 90px;
	height: 56px;
	float: left;
	margin: 23px 0px 0px 110px;
}

.intro-main-right-top-apps {
	background-image:url(../images/intro/pointer-circle-apps.png);
	background-repeat: no-repeat;	
	width: 120px;
	height: 56px;
	float: left;
	margin: 23px 0px 0px 80px;	
}

.intro-main-right-top-development {
	background-image:url(../images/intro/pointer-circle-development-mode.png);
	background-repeat: no-repeat;	
	width: 180px;
	height: 74px;
	float: left;
	margin: 6px 0px 0px 20px;		
}

.intro-contentainer-heading-1 {	
	width: auto;
	clear: both;	
	font-family: 'ArvoBold';
	color: #333333;
	font-size: 92px;
	font-weight: normal;
	letter-spacing: -1.5px;
	line-height: 72px;
}
.intro-contentainer-heading-2 {	
	width: auto;
	clear:both;
	font-family: 'ArvoRegular';
	color: #333333;
	font-size: 29px;
	font-weight: normal;
	letter-spacing: -1px;	
}
.intro-contentainer-heading-3 {	
	width: auto;
	clear:both;
	font-family: 'ArvoRegular';
	color: #333333;
	font-size: 17px;
	font-weight: normal;
	letter-spacing: -0.5px;
	padding: 0px 60px 10px 0px;
	line-height: 20px;
}
.intro-contentainer-heading-4 {	
	width: auto;
	clear:both;
	font-family: 'ArvoRegular';
	color: #333333;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: -0.5px;
}

.intro-main-right-text {
	background-image:url(../images/intro/right-back.png);
	background-repeat: no-repeat;	
	width: 600px;
	height: 544px;	
	float: left;
}

.div-click{}
.div-click:hover{color:#F00;}



/*Intro Cloud*/

.introcloud {
	height: 100px;
	width: 100px;
	margin: 0px 0px 0px 0px;
	float:left;	
}

.introcloud ul{
	float:left;	
	list-style:none;
	margin-left: -40px;	
}

.introcloud li{
	float:left;
	list-style:none;
}

.introcloud li a{
	float:left;
	height: auto;	
}

.introcloud li a span{
	background-image: url(../images/intro/cloud-up.png);
	background-repeat: no-repeat;
	float:left;
	width: 108px;
	height: 108px;
	padding: 0px 0px 0px 0px;
}

.introcloud li a:hover{
	color:#888888;
}

.introcloud li a:hover span{
	background-image: url(../images/intro/cloud-hover.png);
	background-repeat: no-repeat;				
}


/*Slide 2 - Design----------------------------------------------------------------------------------------*/


.design-contentainer {	
	width: 100%;
	height: 768px;
	padding: 0px 0px 0px 0px;
	clear:both;
}

.design-background {
	margin: 0px auto;
	width: 100%;
	height: 836px;
	background-image: url(../images/design/background.jpg);
	background-repeat: no-repeat;
	background-position: center;
	
}

.design-splatt {
	background-image:url(../images/design/splatts.png);
	background-repeat: no-repeat;
	width: 90px;
	height: 100px;
	float: left;
	margin: 10px 0px 0px 29px	
}

.design-line {
	margin: 0px auto;
	width: 100%;
	min-height: 768px;
	background-image:url(../images/design/line.png);
	background-repeat: no-repeat;
	background-position: 0px 0px 0px 0px;
}

.design-main {
	margin: 0px auto;
	width: 978px;
	height: 768px;
	padding: 44px 0px 0px 0px;
	position: relative;
	z-index: 1000;
}
.design-main-left {	
	width: 440px;
	height: auto;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.design-main-left-top {
	background-image:url(../images/design/left-back-top.png);
	background-repeat: no-repeat;	
	width: 440px;
	height: auto;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.design-main-left-bottom {
	background-image:url(../images/design/left-back-bottom.png);
	background-repeat: no-repeat;	
	width: 440px;
	height: 330px;
	float: left;
	margin: 30px 0px 0px 0px;
}

.design-main-right {
	width: 538px;
	height: auto;	
	float: left;
	padding: 190px 0px 0px 0px;
}


.design-main-right-top {
	font-family: 'ArvoRegular';
	color: #222222;
	font-size: 13px;
	font-weight: normal;
	font-style: italic;
	letter-spacing: 0px;	
	width: 538px;
	clear: both;
	margin: 0px 0px 0px 0px;
}

.design-main-right-bottom {
	width: 538px;
	clear: both;
}

.design-main-right-bottom-left {
	background-image: url(../images/design/click-here-arrow-grey.png);
	background-repeat: no-repeat;
	width: 34px;
	height: 50px;
	float: left;
}

.design-main-right-bottom-right {
	width: 538px;
	float: left;
}

.design-contentainer-heading-1 {	
	width: auto;
	clear: both;	
	font-family: 'ArvoBold';
	color: #222222;
	font-size: 92px;
	font-weight: normal;
	letter-spacing: -1.5px;
	line-height: 72px;
	padding: 136px 0px 0px 0px;
}

.design-contentainer-heading-2 {	
	width: auto;
	clear:both;
	font-family: 'ArvoRegular';
	color: #222222;
	font-size: 29px;
	font-weight: normal;
	letter-spacing: -1px;
	padding: 0px 0px 0px 0px;	
}

.design-contentainer-heading-3 {	
	width: auto;
	clear:both;
	font-family: 'ArvoRegular';
	color: #222222;
	font-size: 17px;
	font-weight: normal;
	letter-spacing: -0.5px;
	padding: 0px 0px 0px 0px;
	line-height: 20px;
	padding: 0px 0px 0px 0px;	
}

.design-contentainer-heading-g {
	width: auto;
	font-family: 'asapbold';
	color: #222222;
	font-size: 95px;
	font-weight: normal;
	position: relative;
	top: -18px;
}

/*Design Cloud*/

.designcloud {
	height: 100px;
	width: 100px;
	margin: 0px 0px 0px 0px;
	float:left;	
}

.designcloud ul{
	float:left;	
	list-style:none;
	margin-left: -40px;	
}

.designcloud li{
	float:left;
	list-style:none;
}

.designcloud li a{
	float:left;
	height: auto;	
}

.designcloud li a span{
	background-image: url(../images/design/cloud-up.png);
	background-repeat: no-repeat;
	float:left;
	width: 108px;
	height: 108px;
	padding: 0px 0px 0px 0px;
}

.designcloud li a:hover{
	color:#888888;
}

.designcloud li a:hover span{
	background-image: url(../images/design/cloud-hover.png);
	background-repeat: no-repeat;				
}


/*Content Buttons Cloud*/

.designsbutton-container-1 {
	height: auto;
	width: auto;
	margin: 0px 0px 0px 0px;
	float:left;	
}

.designsbutton {
	height: auto;
	width: auto;
	margin: 0px 0px 0px 0px;
	float:left;	
}

.designsbutton ul{
	float:left;	
	list-style:none;
}

.designsbutton li{
	float:left;
	list-style:none;
}

.designsbutton li a{
	float:left;
	height: auto;	
}

.designsbutton li a span{
	background-image: url(../images/design/content-button-up.png);
	background-repeat: no-repeat;
	float:left;
	width: 108px;
	height: 108px;
	padding: 0px 0px 0px 0px;
}

.designsbutton li a:hover{
	color:#888888;
}

.designsbutton li a:hover span{
	background-image: url(../images/design/content-button-hover.png);
	background-repeat: no-repeat;				
}




/*Slide 3 - Online lollipops----------------------------------------------------------------------------------------*/


.onlinelollipops-contentainer {	
	width: 100%;
	height: 768px;
	padding: 0px 0px 0px 0px;
	clear:both;
}

.onlinelollipops-background {
	margin: 0px auto;
	width: 100%;
	height: 836px;
	background-image: url(../images/online-lollipops/background.jpg);
	background-repeat: no-repeat;
	background-position: center;
	
}

.onlinelollipops-splatt {
	background-image:url(../images/online-lollipops/splatts.png);
	background-repeat: no-repeat;
	width: 90px;
	height: 100px;
	float: left;
	margin: 10px 0px 0px 29px	
}

.onlinelollipops-line {
	margin: 0px auto;
	width: 100%;
	min-height: 768px;
	background-image:url(../images/online-lollipops/line.png);
	background-repeat: no-repeat;
	background-position: 0px 0px 0px 0px;
}

.onlinelollipops-main {
	margin: 0px auto;
	width: 978px;
	height: 768px;
	padding: 44px 0px 0px 0px;
	position: relative;
	z-index: 1000;	
}
.onlinelollipops-main-left {	
	width: 400px;
	height: auto;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.onlinelollipops-main-left-top {
	background-image:url(../images/online-lollipops/left-back-top.png);
	background-repeat: no-repeat;	
	width: 400px;
	height: auto;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.onlinelollipops-main-left-bottom {
	background-image:url(../images/online-lollipops/left-back-bottom.png);
	width: 400px;
	height: 330px;
	float: left;
	margin: 46px 0px 0px 0px;
}

.onlinelollipops-main-right {
	width: 578px;
	height: auto;	
	float: left;
	padding: 190px 0px 0px 0px;
}


.onlinelollipops-main-right-top {
	font-family: 'ArvoRegular';
	color: #222222;
	font-size: 13px;
	font-weight: normal;
	font-style: italic;
	letter-spacing: 0px;	
	width: 538px;
	clear: both;
	margin: 0px 0px 0px 0px;
}

.onlinelollipops-main-right-bottom {
	width: 538px;
	clear: both;
}

.onlinelollipops-main-right-bottom-left {
	background-image: url(../images/design/click-here-arrow-grey.png);
	background-repeat: no-repeat;
	width: 34px;
	height: 50px;
	float: left;
}

.onlinelollipops-main-right-bottom-right {
	width: 538px;
	float: left;
}

.onlinelollipops-contentainer-heading-1 {	
	width: auto;
	clear: both;	
	font-family: 'ArvoBold';
	color: #222222;
	font-size: 99px;
	font-weight: normal;
	letter-spacing: -1.5px;
	line-height: 72px;
	padding: 136px 0px 0px 0px;
}

.onlinelollipops-contentainer-heading-2 {	
	width: auto;
	clear:both;
	font-family: 'ArvoRegular';
	color: #222222;
	font-size: 52px;
	font-weight: normal;
	letter-spacing: -1px;
	padding: 0px 0px 0px 0px;	
}

.onlinelollipops-contentainer-heading-3 {	
	width: auto;
	clear:both;
	font-family: 'ArvoRegular';
	color: #222222;
	font-size: 21px;
	font-weight: normal;
	letter-spacing: -0.5px;
	padding: 0px 0px 0px 0px;
	line-height: 20px;
	padding: 0px 0px 0px 0px;	
}

.onlinelollipops-contentainer-heading-g {
	width: auto;
	font-family: 'asapbold';
	color: #222222;
	font-size: 95px;
	font-weight: normal;
	position: relative;
	top: -18px;
}

/*Cloud*/

.onlinelollipopscloud {
	height: 100px;
	width: 100px;
	margin: 0px 0px 0px 0px;
	float:left;	
}

.onlinelollipopscloud ul{
	float:left;	
	list-style:none;
	margin-left: -40px;	
}

.onlinelollipopscloud li{
	float:left;
	list-style:none;
}

.onlinelollipopscloud li a{
	float:left;
	height: auto;	
}

.onlinelollipopscloud li a span{
	background-image: url(../images/online-lollipops/cloud-up.png);
	background-repeat: no-repeat;
	float:left;
	width: 108px;
	height: 108px;
	padding: 0px 0px 0px 0px;
}

.onlinelollipopscloud li a:hover{
	color:#888888;
}

.onlinelollipopscloud li a:hover span{
	background-image: url(../images/online-lollipops/cloud-hover.png);
	background-repeat: no-repeat;				
}


/*Buttons*/

.onlinelollipopsbutton-container-1 {
	height: auto;
	width: auto;
	margin: 0px 0px 0px 0px;
	float:left;	
}

.onlinelollipopsbutton {
	height: auto;
	width: auto;
	margin: 0px 0px 0px 0px;
	float:left;	
}

.onlinelollipopsbutton ul{
	float:left;	
	list-style:none;
}

.onlinelollipopsbutton li{
	float:left;
	list-style:none;
}

.onlinelollipopsbutton li a{
	float:left;
	height: auto;	
}

.onlinelollipopsbutton li a span{
	background-image: url(../images/online-lollipops/content-button-up.png);
	background-repeat: no-repeat;
	float:left;
	width: 108px;
	height: 108px;
	padding: 0px 0px 0px 0px;
}

.onlinelollipopsbutton li a:hover{
	color:#888888;
}

.onlinelollipopsbutton li a:hover span{
	background-image: url(../images/online-lollipops/content-button-hover.png);
	background-repeat: no-repeat;				
}


.onlinelollipops-splatts {
	background-image: url(../images/online-lollipops/splatts.png);
	background-repeat: no-repeat;
	position: absolute;
	width: 88px;
	height: 98px;
	left: 370px;
	top: 248px;
	right: 0;		
}

.onlinelollipops-question {
	background-image: url(../images/online-lollipops/question-mark.png);
	background-repeat: no-repeat;
	position: absolute;
	width: 92px;
	height: 140px;
	left: 798px;
	top: 302px;
	right: 0;		
}





/*Slide 4 - Group Social----------------------------------------------------------------------------------------*/


.groupsocial-contentainer {	
	width: 100%;
	height: 768px;
	padding: 0px 0px 0px 0px;
	clear:both;
}

.groupsocial-background {
	margin: 0px auto;
	width: 100%;
	height: 836px;
	background-image: url(../images/group-social/background.jpg);
	background-repeat: no-repeat;
	background-position: center;
	
}

.groupsocial-splatt {
	background-image:url(../images/group-social/splatts.png);
	background-repeat: no-repeat;
	width: 90px;
	height: 100px;
	float: left;
	margin: 10px 0px 0px 29px	
}

.groupsocial-line {
	margin: 0px auto;
	width: 100%;
	min-height: 768px;
	background-image:url(../images/group-social/line.png);
	background-repeat: no-repeat;
	background-position: 0px 0px 0px 0px;
}

.groupsocial-main {
	margin: 0px auto;
	width: 978px;
	height: 768px;
	padding: 44px 0px 0px 0px;
	position: relative;
	z-index: 1000;	
}
.groupsocial-main-left {	
	width: 440px;
	height: auto;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.groupsocial-main-left-top {
	background-image:url(../images/group-social/left-back-top.png);
	background-repeat: no-repeat;	
	width: 440px;
	height: auto;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.groupsocial-left-bottom {
	background-image:url(../images/group-social/left-back-bottom.png);
	background-repeat: no-repeat;	
	width: 440px;
	height: 406px;
	float: left;
	margin: 0px 0px 0px 0px;
}

.groupsocial-main-right {
	width: 538px;
	height: auto;	
	float: left;
	padding: 190px 0px 0px 0px;
}


.groupsocial-main-right-top {
	font-family: 'ArvoRegular';
	color: #ffffff;
	font-size: 13px;
	font-weight: normal;
	font-style: italic;
	letter-spacing: 0px;	
	width: 538px;
	clear: both;
	margin: 0px 0px 0px 0px;
}

.groupsocial-main-right-bottom {
	width: 538px;
	clear: both;
}

.groupsocial-main-right-bottom-left {
	background-image: url(../images/group-social/click-here-arrow-grey.png);
	background-repeat: no-repeat;
	width: 34px;
	height: 50px;
	float: left;
}

.groupsocial-main-right-bottom-right {
	width: 538px;
	float: left;
}

.groupsocial-contentainer-heading-1 {	
	width: auto;
	clear: both;	
	font-family: 'ArvoBold';
	color: #ffffff;
	font-size: 99px;
	font-weight: normal;
	letter-spacing: -1.5px;
	line-height: 72px;
	padding: 136px 0px 0px 0px;
}

.groupsocial-contentainer-heading-2 {	
	width: auto;
	clear:both;
	font-family: 'ArvoRegular';
	color: #ffffff;
	font-size: 52px;
	font-weight: normal;
	letter-spacing: -1px;
	padding: 0px 0px 0px 8px;	
}

.groupsocial-contentainer-heading-3 {	
	width: auto;
	clear:both;
	font-family: 'ArvoRegular';
	color: #ffffff;
	font-size: 21px;
	font-weight: normal;
	letter-spacing: -0.5px;
	padding: 0px 0px 0px 0px;
	line-height: 20px;
	padding: 0px 0px 0px 8px;	
}

.groupsocial-contentainer-heading-g {
	width: auto;
	font-family: 'asapbold';
	color: #222222;
	font-size: 95px;
	font-weight: normal;
	position: relative;
	top: -18px;
}

/*Cloud*/

.groupsocialcloud {
	height: 100px;
	width: 100px;
	margin: 0px 0px 0px 0px;
	float:left;	
}

.groupsocialcloud ul{
	float:left;	
	list-style:none;
	margin-left: -40px;	
}

.groupsocialcloud li{
	float:left;
	list-style:none;
}

.groupsocialcloud li a{
	float:left;
	height: auto;	
}

.groupsocialcloud li a span{
	background-image: url(../images/group-social/cloud-up.png);
	background-repeat: no-repeat;
	float:left;
	width: 108px;
	height: 108px;
	padding: 0px 0px 0px 0px;
}

.groupsocialcloud li a:hover{
	color:#888888;
}

.groupsocialcloud li a:hover span{
	background-image: url(../images/group-social/cloud-hover.png);
	background-repeat: no-repeat;				
}




/*Buttons*/

.groupsocialbutton-container-1 {
	height: auto;
	width: auto;
	margin: 0px 0px 0px 0px;
	float:left;	
}

.groupsocialbutton {
	height: auto;
	width: auto;
	margin: 0px 0px 0px 0px;
	float:left;	
}

.groupsocialbutton ul{
	float:left;	
	list-style:none;
}

.groupsocialbutton li{
	float:left;
	list-style:none;
}

.groupsocialbutton li a{
	float:left;
	height: auto;	
}

.groupsocialbutton li a span{
	background-image: url(../images/group-social/content-button-up.png);
	background-repeat: no-repeat;
	float:left;
	width: 108px;
	height: 108px;
	padding: 0px 0px 0px 0px;
}

.groupsocialbutton li a:hover{
	color:#888888;
}

.groupsocialbutton li a:hover span{
	background-image: url(../images/group-social/content-button-hover.png);
	background-repeat: no-repeat;				
}


.groupsocial-splatts {
	background-image: url(../images/group-social/splatts.png);
	background-repeat: no-repeat;
	position: absolute;
	width: 88px;
	height: 98px;
	left: 370px;
	top: 248px;
	right: 0;		
}

.groupsocial-question {
	background-image: url(../images/group-social/ear-megaphone.png);
	background-repeat: no-repeat;
	position: absolute;
	width: 158px;
	height: 140px;
	left: 748px;
	top: 302px;
	right: 0;		
}




/*Slide 5 - Development----------------------------------------------------------------------------------------*/


.development-contentainer {	
	width: 100%;
	height: 768px;
	padding: 0px 0px 0px 0px;
	clear:both;
}

.development-background {
	margin: 0px auto;
	width: 100%;
	height: 836px;
	background-image: url(../images/development/background.jpg);
	background-repeat: no-repeat;
	background-position: center;
	
}

.development-splatt {
	background-image:url(../images/development/splatts.png);
	background-repeat: no-repeat;
	width: 90px;
	height: 100px;
	float: left;
	margin: 10px 0px 0px 29px	
}

.development-line {
	margin: 0px auto;
	width: 100%;
	min-height: 768px;
	background-image:url(../images/development/line.png);
	background-repeat: no-repeat;
	background-position: 0px 0px 0px 0px;
}

.development-main {
	margin: 0px auto;
	width: 978px;
	height: 768px;
	padding: 44px 0px 0px 0px;
	position: relative;
	z-index: 1000;	
}
.development-main-left {	
	width: 440px;
	height: auto;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.development-main-left-top {
	background-image:url(../images/development/left-back-top.png);
	background-repeat: no-repeat;	
	width: 440px;
	height: auto;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.development-left-bottom {
	background-image:url(../images/development/left-back-bottom.png);
	background-repeat: no-repeat;	
	width: 440px;
	height: 406px;
	float: left;
	margin: 0px 0px 0px 0px;
}

.development-main-right {
	width: 538px;
	height: auto;	
	float: left;
	padding: 190px 0px 0px 0px;
}


.development-main-right-top {
	font-family: 'ArvoRegular';
	color: #ffffff;
	font-size: 13px;
	font-weight: normal;
	font-style: italic;
	letter-spacing: 0px;	
	width: 538px;
	clear: both;
	margin: 0px 0px 0px 0px;
}

.development-main-right-bottom {
	width: 538px;
	clear: both;
}

.development-main-right-bottom-left {
	background-image: url(../images/development/click-here-arrow-grey.png);
	background-repeat: no-repeat;
	width: 34px;
	height: 50px;
	float: left;
}

.development-main-right-bottom-right {
	width: 538px;
	float: left;
}

.development-contentainer-heading-1 {	
	width: auto;
	clear: both;	
	font-family: 'ArvoBold';
	color: #ffffff;
	font-size: 66px;
	font-weight: normal;
	letter-spacing: -1.5px;
	line-height: 48px;
	padding: 136px 0px 0px 0px;
}

.development-contentainer-heading-2 {	
	width: auto;
	clear:both;
	font-family: 'ArvoRegular';
	color: #ffffff;
	font-size: 52px;
	font-weight: normal;
	letter-spacing: -1px;
	padding: 0px 0px 0px 0px;	
}

.development-contentainer-heading-3 {	
	width: auto;
	clear:both;
	font-family: 'ArvoRegular';
	color: #ffffff;
	font-size: 17px;
	font-weight: normal;
	letter-spacing: -0.5px;
	padding: 0px 0px 0px 0px;
	line-height: 20px;
	padding: 0px 0px 0px 0px;	
}

.development-contentainer-heading-g {
	width: auto;
	font-family: 'asapbold';
	color: #222222;
	font-size: 95px;
	font-weight: normal;
	position: relative;
	top: -18px;
}

/*Cloud*/

.developmentcloud {
	height: 100px;
	width: 100px;
	margin: 0px 0px 0px 0px;
}

.developmentcloud ul{
	float:left;	
	list-style:none;
	margin-left: -40px;	
}

.developmentcloud li{
	float:left;
	list-style:none;
}

.developmentcloud li a{
	float:left;
	height: auto;	
}

.developmentcloud li a span{
	background-image: url(../images/development/cloud-up.png);
	background-repeat: no-repeat;
	float:left;
	width: 108px;
	height: 108px;
	padding: 0px 0px 0px 0px;
}

.developmentcloud li a:hover{
	color:#888888;
}

.developmentcloud li a:hover span{
	background-image: url(../images/development/cloud-hover.png);
	background-repeat: no-repeat;				
}


/*Buttons*/

.developmentbutton-container-1 {
	height: auto;
	width: auto;
	margin: 0px 0px 0px 0px;
	float:left;	
}

.developmentbutton {
	height: auto;
	width: auto;
	margin: 0px 0px 0px 0px;
	float:left;	
}

.developmentbutton ul{
	float:left;	
	list-style:none;
}

.developmentbutton li{
	float:left;
	list-style:none;
}

.groupsocialbutton li a{
	float:left;
	height: auto;	
}

.developmentbutton li a span{
	background-image: url(../images/development/content-button-up.png);
	background-repeat: no-repeat;
	float:left;
	width: 108px;
	height: 108px;
	padding: 0px 0px 0px 0px;
}

.developmentbutton li a:hover{
	color:#888888;
}

.developmentbutton li a:hover span{
	background-image: url(../images/development/content-button-hover.png);
	background-repeat: no-repeat;				
}


.development-splatts {
	background-image: url(../images/development/splatts.png);
	background-repeat: no-repeat;
	position: absolute;
	width: 88px;
	height: 98px;
	left: 370px;
	top: 248px;
	right: 0;		
}

.development-question {
	background-image: url(../images/development/ear-megaphone.png);
	background-repeat: no-repeat;
	position: absolute;
	width: 158px;
	height: 140px;
	left: 748px;
	top: 302px;
	right: 0;		
}




/*Slide 6 - Crunch Numbers----------------------------------------------------------------------------------------*/


.crunchnumbers-contentainer {	
	width: 100%;
	height: 768px;
	padding: 0px 0px 0px 0px;
	clear:both;
}

.crunchnumbers-background {
	margin: 0px auto;
	width: 100%;
	height: 836px;
	background-image: url(../images/crunch-numbers/background.jpg);
	background-repeat: no-repeat;
	background-position: center;	
}

.crunchnumbers-splatt {
	background-image:url(../images/crunch-numbers/splatts.png);
	background-repeat: no-repeat;
	width: 90px;
	height: 100px;
	float: left;
	margin: 10px 0px 0px 29px	
}

.crunchnumbers-line {
	margin: 0px auto;
	width: 100%;
	min-height: 768px;
	background-image:url(../images/crunch-numbers/line.png);
	background-repeat: no-repeat;
	background-position: 0px 0px 0px 0px;
}

.crunchnumbers-main {
	margin: 0px auto;
	width: 978px;
	height: 768px;
	padding: 44px 0px 0px 0px;
	position: relative;
	z-index: 1000;	
}
.crunchnumbers-main-left {	
	width: 440px;
	height: auto;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.crunchnumbers-main-left-top {
	background-image:url(../images/crunch-numbers/left-back-top.png);
	background-repeat: no-repeat;	
	width: 440px;
	height: auto;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.crunchnumbers-left-bottom {
	background-image:url(../images/crunch-numbers/left-back-bottom.png);
	background-repeat: no-repeat;	
	width: 440px;
	height: 406px;
	float: left;
	margin: 20px 0px 0px 0px;
}

.crunchnumbers-main-right {
	width: 538px;
	height: auto;	
	float: left;
	padding: 190px 0px 0px 0px;
}


.crunchnumbers-main-right-top {
	font-family: 'ArvoRegular';
	color: #222222;
	font-size: 13px;
	font-weight: normal;
	font-style: italic;
	letter-spacing: 0px;	
	width: 538px;
	clear: both;
	margin: 0px 0px 0px 0px;
}

.crunchnumbers-main-right-bottom {
	width: 538px;
	clear: both;
}

.crunchnumbers-main-right-bottom-left {
	background-image: url(../images/crunch-numbers/click-here-arrow-grey.png);
	background-repeat: no-repeat;
	width: 34px;
	height: 50px;
	float: left;
}

.crunchnumbers-main-right-bottom-right {
	width: 538px;
	float: left;
}

.crunchnumbers-contentainer-heading-1 {	
	width: auto;
	clear: both;	
	font-family: 'ArvoBold';
	color: #222222;
	font-size: 99px;
	font-weight: normal;
	letter-spacing: -1.5px;
	line-height: 72px;
	padding: 136px 0px 0px 0px;
}

.crunchnumbers-contentainer-heading-2 {	
	width: auto;
	clear:both;
	font-family: 'ArvoRegular';
	color: #222222;
	font-size: 52px;
	font-weight: normal;
	letter-spacing: -1px;
	padding: 0px 0px 0px 0px;	
}

.crunchnumbers-contentainer-heading-3 {	
	width: auto;
	clear:both;
	font-family: 'ArvoRegular';
	color: #222222;
	font-size: 21px;
	font-weight: normal;
	letter-spacing: -0.5px;
	padding: 0px 0px 0px 0px;
	line-height: 20px;
	padding: 0px 0px 0px 0px;	
}


/*Cloud*/

.crunchnumberscloud {
	height: 100px;
	width: 100px;
	margin: 0px 0px 0px 0px;
}

.crunchnumberscloud ul{
	float:left;	
	list-style:none;
	margin-left: -40px;	
}

.crunchnumberscloud li{
	float:left;
	list-style:none;
}

.crunchnumberscloud li a{
	float:left;
	height: auto;	
}

.crunchnumberscloud li a span{
	background-image: url(../images/crunch-numbers/cloud-up.png);
	background-repeat: no-repeat;
	float:left;
	width: 108px;
	height: 108px;
	padding: 0px 0px 0px 0px;
}

.crunchnumberscloud li a:hover{
	color:#888888;
}

.crunchnumberscloud li a:hover span{
	background-image: url(../images/crunch-numbers/cloud-hover.png);
	background-repeat: no-repeat;				
}


/*Buttons*/

.crunchnumbersbutton-container-1 {
	height: auto;
	width: auto;
	margin: 0px 0px 0px 0px;
	float:left;	
}

.crunchnumbersbutton {
	height: auto;
	width: auto;
	margin: 0px 0px 0px 0px;
	float:left;	
}

.crunchnumbersbutton ul{
	float:left;	
	list-style:none;
}

.crunchnumbersbutton li{
	float:left;
	list-style:none;
}

.crunchnumbersbutton li a{
	float:left;
	height: auto;	
}

.crunchnumbersbutton li a span{
	background-image: url(../images/crunch-numbers/content-button-up.png);
	background-repeat: no-repeat;
	float:left;
	width: 108px;
	height: 108px;
	padding: 0px 0px 0px 0px;
}

.crunchnumbersbutton li a:hover{
	color:#888888;
}

.crunchnumbersbutton li a:hover span{
	background-image: url(../images/crunch-numbers/content-button-hover.png);
	background-repeat: no-repeat;				
}


.crunchnumbers-splatts {
	background-image: url(../images/crunch-numbers/splatts.png);
	background-repeat: no-repeat;
	position: absolute;
	width: 88px;
	height: 98px;
	left: 370px;
	top: 248px;
	right: 0;		
}

.crunchnumbers-question {
	background-image: url(../images/crunch-numbers/ear-megaphone.png);
	background-repeat: no-repeat;
	position: absolute;
	width: 158px;
	height: 140px;
	left: 748px;
	top: 302px;
	right: 0;		
}




/*Slide 7 - Code Completes Us----------------------------------------------------------------------------------------*/


.codecompletes-contentainer {	
	width: 100%;
	height: 768px;
	padding: 0px 0px 0px 0px;
	clear:both;
}

.codecompletes-background {
	margin: 0px auto;
	width: 100%;
	height: 836px;
	background-color: #ffffff;
	display: block;
	background-position: center;
	
}

.codecompletes-line {
	margin: 0px auto;
	width: 100%;
	min-height: 768px;
	background-image:url(../images/code-completes/line.png);
	background-repeat: no-repeat;
	background-position: 0px 0px 0px 0px;
}

.codecompletes-main {
	margin: 0px auto;
	width: 978px;
	height: 768px;
	padding: 44px 0px 0px 0px;
	position: relative;
	z-index: 1000;	
}
.codecompletes-main-left {	
	width: 360px;
	height: auto;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 40px 0px 0px 0px;
}

.codecompletes-main-left-top {
	background-image:url(../images/code-completes/splatts.png);
	background-repeat: no-repeat;	
	width: 360px;
	height: auto;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.codecompletes-left-bottom {
	width: 360px;
	height: 406px;
	float: left;
	margin: 20px 0px 0px 0px;
}

.codecompletes-main-right {
	background-image:url(../images/code-completes/alien.png);
	background-position: right center;
	background-repeat: no-repeat;		
	width: 618px;
	height: 382px;	
	float: left;
	padding: 230px 0px 0px 0px;
}


.codecompletes-main-right-top {
	font-family: 'ArvoRegular';
	color: #222222;
	font-size: 13px;
	font-weight: normal;
	font-style: italic;
	letter-spacing: 0px;	
	width: 578px;
	clear: both;
	margin: 0px 0px 0px 0px;
}

.codecompletes-main-right-bottom {
	width: 618px;
	clear: both;
}

.codecompletes-main-right-bottom-left {
	background-image: url(../images/code-completes/click-here-arrow-grey.png);
	background-repeat: no-repeat;
	width: 34px;
	height: 50px;
	float: left;
}

.codecompletes-main-right-bottom-right {
	width: 618px;
	float: left;
}

.codecompletes-contentainer-heading-1 {	
	width: auto;
	clear: both;	
	font-family: 'ArvoBold';
	color: #222222;
	font-size: 99px;
	font-weight: normal;
	letter-spacing: -1.5px;
	line-height: 72px;
	padding: 136px 0px 0px 0px;
}

.codecompletes-contentainer-heading-2 {	
	width: auto;
	clear:both;
	font-family: 'ArvoRegular';
	color: #222222;
	font-size: 52px;
	font-weight: normal;
	letter-spacing: -1px;
	padding: 0px 0px 0px 0px;	
}

.codecompletes-contentainer-heading-3 {	
	width: auto;
	clear:both;
	font-family: 'ArvoRegular';
	color: #222222;
	font-size: 17px;
	font-weight: normal;
	letter-spacing: -0.5px;
	padding: 0px 0px 0px 0px;
	line-height: 20px;
	padding: 0px 102px 0px 0px;	
}


/*Cloud*/

.codecompletescloud {
	height: 100px;
	width: 100px;
	margin: 0px 0px 0px 0px;
}

.codecompletescloud ul{
	float:left;	
	list-style:none;
	margin-left: -40px;	
}

.codecompletescloud li{
	float:left;
	list-style:none;
}

.codecompletescloud li a{
	float:left;
	height: auto;	
}

.codecompletescloud li a span{
	background-image: url(../images/code-completes/cloud-up.png);
	background-repeat: no-repeat;
	float:left;
	width: 108px;
	height: 108px;
	padding: 0px 0px 0px 0px;
}

.codecompletescloud li a:hover{
	color:#888888;
}

.codecompletescloud li a:hover span{
	background-image: url(../images/code-completes/cloud-hover.png);
	background-repeat: no-repeat;				
}


/*Buttons*/

.codecompletesbutton-container-1 {
	height: auto;
	width: auto;
	margin: 0px 0px 0px 0px;
	float:left;	
}

.codecompletesbutton {
	height: auto;
	width: auto;
	margin: 0px 0px 0px 0px;
	float:left;	
}

.codecompletesbutton ul{
	float:left;	
	list-style:none;
}

.crunchnumbersbutton li{
	float:left;
	list-style:none;
}

.codecompletesbutton li a{
	float:left;
	height: auto;	
}

.codecompletesbutton li a span{
	background-image: url(../images/crunch-numbers/content-button-up.png);
	background-repeat: no-repeat;
	float:left;
	width: 108px;
	height: 108px;
	padding: 0px 0px 0px 0px;
}

.codecompletesbutton li a:hover{
	color:#888888;
}

.codecompletesbutton li a:hover span{
	background-image: url(../images/crunch-numbers/content-button-hover.png);
	background-repeat: no-repeat;				
}


.codecompletes-splatts {
	background-image: url(../images/code-completes/splatts.png);
	background-repeat: no-repeat;
	position: absolute;
	width: 310px;
	height: 214px;
	left: 478px;
	top: 208px;
	right: 0;		
}




/*Slide 8 - Our Clients----------------------------------------------------------------------------------------*/


.clients-contentainer {	
	width: 100%;
	height: 768px;
	padding: 0px 0px 0px 0px;
	clear:both;
}

.clients-background {
	margin: 0px auto;
	width: 100%;
	height: 836px;
	background-image: url(../images/clients/background.jpg);
	background-repeat: no-repeat;
	background-position: center;
	
}

.clients-splatt {
	background-image:url(../images/clients/splatts.png);
	background-repeat: no-repeat;
	width: 90px;
	height: 100px;
	float: left;
	margin: 10px 0px 0px 29px	
}

.clients-line {
	margin: 0px auto;
	width: 100%;
	min-height: 768px;
	background-image:url(../images/clients/line.png);
	background-repeat: no-repeat;
	background-position: 0px 0px 0px 0px;
}

.clients-main {
	margin: 0px auto;
	width: 978px;
	height: 768px;
	padding: 44px 0px 0px 0px;
	position: relative;
	z-index: 1000;	
}
.clients-main-left {	
	width: 440px;
	height: auto;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.clients-main-left-top {
	background-image:url(../images/clients/left-back-top.png);
	background-repeat: no-repeat;	
	width: 440px;
	height: auto;
	float: left;
	margin: 40px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.clients-left-bottom {
	background-image:url(../images/clients/couch.png);
	background-repeat: no-repeat;		
	width: 440px;
	height: 406px;
	float: left;
	margin: 55px 0px 0px 0px;
}

.clients-main-right {
	width: 538px;
	height: auto;	
	float: left;
	padding: 46px 0px 0px 0px;
}


.clients-main-right-top {
	font-family: 'ArvoRegular';
	color: #222222;
	font-size: 13px;
	font-weight: normal;
	font-style: italic;
	text-align:center;	
	letter-spacing: 0px;	
	width: 172px;
	clear: both;
	margin: 0px auto;
	padding: 0px 0px 0px 74px;
}

.clients-main-right-bottom {
	background-image: url(../images/clients/tv.png);
	background-repeat: no-repeat;	
	width: 538px;
	height: 464px;
	padding: 64px 0px 0px 0px;	
	clear: both;
}

.clients-main-right-bottom-logos {
	background-repeat: no-repeat;
	width: 346px;
	height: 222px;
	margin: 0px 0px 0px 129px;
	padding: 
}

.clients-main-right-bottom-left {
	background-image: url(../images/clients/click-here-arrow-grey.png);
	background-repeat: no-repeat;
	width: 34px;
	height: 50px;
	float: left;
}

.clients-main-right-bottom-right {
	width: 538px;
	float: left;
}

.clients-contentainer-heading-1 {	
	width: auto;
	clear: both;	
	font-family: 'ArvoBold';
	color: #222222;
	font-size: 88px;
	font-weight: normal;
	letter-spacing: -1.5px;
	line-height: 55px;
	padding: 90px 0px 0px 0px;
}

.clients-contentainer-heading-2 {	
	width: auto;
	clear:both;
	font-family: 'ArvoRegular';
	color: #222222;
	font-size: 47px;
	font-weight: normal;
	letter-spacing: -1px;
	padding: 0px 0px 0px 0px;	
}

.clients-contentainer-heading-3 {	
	width: auto;
	clear:both;
	font-family: 'ArvoRegular';
	color: #222222;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: -0.5px;
	padding: 0px 0px 0px 0px;	
}




/*Cloud*/

.clientscloud {
	height: 100px;
	width: 100px;
	margin: 0px 0px 0px 0px;
}

.clientscloud ul{
	float:left;	
	list-style:none;
	margin-left: -40px;	
}

.clientscloud li{
	float:left;
	list-style:none;
}

.clientscloud li a{
	float:left;
	height: auto;	
}

.clientscloud li a span{
	background-image: url(../images/clients/cloud-up.png);
	background-repeat: no-repeat;
	float:left;
	width: 108px;
	height: 108px;
	padding: 0px 0px 0px 0px;
}

.clientscloud li a:hover{
	color:#888888;
}

.clientscloud li a:hover span{
	background-image: url(../images/clients/cloud-hover.png);
	background-repeat: no-repeat;				
}


/*Buttons*/

.clientsbutton-container-1 {
	height: auto;
	width: auto;
	margin: 0px 0px 0px 0px;
	float:left;	
}

.clientsbutton {
	height: auto;
	width: auto;
	margin: 0px 0px 0px 0px;
	float:left;	
}

.clientsbutton ul{
	float:left;	
	list-style:none;
}

.crunchnumbersbutton li{
	float:left;
	list-style:none;
}

.clientsbutton li a{
	float:left;
	height: auto;	
}

.clientsbutton li a span{
	background-image: url(../images/clients/content-button-up.png);
	background-repeat: no-repeat;
	float:left;
	width: 108px;
	height: 108px;
	padding: 0px 0px 0px 0px;
}

.clientsbutton li a:hover{
	color:#888888;
}

.clientsbutton li a:hover span{
	background-image: url(../images/clients/content-button-hover.png);
	background-repeat: no-repeat;				
}


.clients-splatts {
	background-image: url(../images/clients/splatts.png);
	background-repeat: no-repeat;
	position: absolute;
	width: 88px;
	height: 98px;
	top: 236px;
	margin-left: 362px;	
	left: 0;
	right: 0;		
}




/*Slide 9 - Contact Us----------------------------------------------------------------------------------------*/


.contact-contentainer {	
	width: 100%;
	height: 768px;
	padding: 0px 0px 0px 0px;
	clear:both;
}

.contact-background {
	margin: 0px auto;
	width: 100%;
	height: 836px;
	background-image: url(../images/contact/background.jpg);
	background-repeat: no-repeat;
	background-position: center;
	
}

.contact-line {
	margin: 0px auto;
	width: 100%;
	min-height: 768px;
	background-image:url(../images/contact/line.png);
	background-repeat: no-repeat;
	background-position: 0px 0px 0px 0px;
}

.contact-main {
	margin: 0px auto;
	width: 978px;
	height: 768px;
	padding: 44px 0px 0px 0px;
	position: relative;
	z-index: 1000;	
}
.contact-main-left {	
	width: 440px;
	height: auto;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.contact-main-left-top {
	background-image:url(../images/contact/left-back-top.png);
	background-repeat: no-repeat;	
	width: 440px;
	height: auto;
	float: left;
	margin: 40px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


.contact-main-left-bottom {	
	width: 440px;
	height: 406px;
	float: left;
	margin: 20px 0px 0px 0px;
}

.contact-main-left-bottom-form-a {
	width: 220px;
	height: auto;
	float: left;
	margin: 0px 0px 0px 0px;
}
.contact-main-left-bottom-form-b {
	width: 220px;
	height: auto;
	float: left;
	margin: 0px 0px 0px 0px;
}

.contact-main-right {
	width: 538px;
	height: auto;	
	float: left;
	padding: 136px 0px 0px 0px;
}

.contact-main-right-top {
	width: 518px;
	height: auto;	
	float: left;
	margin: 0px 0px 40px 20px;
}

.contact-main-right-top-a {
	width: 538px;
	height: auto;	
	float: left;
	padding: 0px 0px 0px 0px;
}

.contact-main-right-top-a-left {	
	width: 200px;
	height: auto;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
}
.contact-main-right-top-a-right {	
	width: 200px;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
}

.contact-main-right-top-a-left-hdr {
	font-family: 'ArvoRegular';
	color: #7d91fc;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: -0.1px;		
	width: auto;
	height: auto;
	margin: 0px 0px 14px 0px;
	padding: 0px 0px 0px 0px;
	clear: both;
}
.contact-main-right-top-a-left-text {
	font-family: 'ArvoRegular';
	color: #ffffff;
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 0.3px;		
	width: auto;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	clear: both;
}

.contact-main-right-top-a-left-text a {
	color: #7d91fc;
	text-decoration: none;
	font-weight: normal;
	cursor: pointer;
}

.contact-main-right-top-a-left-text a:hover {
	color: #ffffff;
	text-decoration: none;
	font-weight: normal;
}


.contact-main-right-top-b {
	width: 538px;
	height: auto;	
	float: left;
	padding: 0px 0px 0px 0px;
}

.contact-main-right-top-b-hdr {
	font-family: 'ArvoRegular';
	color: #ffffff;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: -0.1px;		
	width: auto;
	height: auto;
	margin: 0px 0px 5px 0px;
	padding: 20px 0px 0px 0px;
	clear: both;
}


.contact-main-right-bottom {
	background-image:url(../images/contact/small-couch.png);
	background-repeat: no-repeat;	
	width: 538px;
	height: 145px;
	margin: 0px 0px 0px 0px;	
	clear: both;
}

.contact-main-right-bottom-logos {
	background-repeat: no-repeat;
	width: 346px;
	height: 222px;
	margin: 0px 0px 0px 129px;
	padding: 
}

.contact-main-right-bottom-left {
	background-image: url(../images/contact/click-here-arrow-grey.png);
	background-repeat: no-repeat;
	width: 34px;
	height: 50px;
	float: left;
}

.contact-main-right-top-b-links {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	clear: both;
}

.contact-main-right-top-b-links-1 {
	background-image:url(../images/contact/icon-facebook.png);
	background-repeat: no-repeat;
	background-position: center left;
	width: 60px;
	height: 20px;
	float: left;
	padding: 4px 0px 0px 30px;
	color: #ffffff;
	font-weight: bold;
}

.contact-main-right-top-b-links-2 {
	background-image:url(../images/contact/icon-twitter.png);
	background-repeat: no-repeat;
	background-position: center left;	
	width: 80px;
	height: 24px;
	float: left;
	padding: 4px 0px 0px 30px;
	color: #ffffff;
	font-weight: bold;
}
.contact-main-right-top-b-links-3 {
	background-image:url(../images/contact/icon-linkedin.png);
	background-repeat: no-repeat;
	background-position: center left;	
	width: 90px;
	height: 24px;
	float: left;
	padding: 4px 0px 0px 30px;
	color: #ffffff;
	font-weight: bold;		
}
.contact-main-right-top-b-links-4 {
	background-image:url(../images/contact/icon-bizcommunity.png);
	background-repeat: no-repeat;
	background-position: center left;	
	width: 150px;
	height: 24px;
	float: left;
	padding: 4px 0px 0px 30px;
	color: #ffffff;
	font-weight: bold;	
}

.contact-main-right-top-b-links-1 a {
	color: #ffffff;
	text-decoration: none;
}

.contact-main-right-top-b-links-1 a:hover {
	color: #7d91fc;
	text-decoration: none;
}

.contact-main-right-top-b-links-2 a {
	color: #ffffff;
	text-decoration: none;
}

.contact-main-right-top-b-links-2 a:hover {
	color: #7d91fc;
	text-decoration: none;
}

.contact-main-right-top-b-links-3 a {
	color: #ffffff;
	text-decoration: none;
}

.contact-main-right-top-b-links-3 a:hover {
	color: #7d91fc;
	text-decoration: none;
}


.contact-main-right-top-b-links-4 a {
	color: #ffffff;
	text-decoration: none;
}

.contact-main-right-top-b-links-4 a:hover {
	color: #7d91fc;
	text-decoration: none;
}



.contact-contentainer-heading-1 {	
	width: auto;
	clear: both;	
	font-family: 'ArvoBold';
	color: #ffffff;
	font-size: 54px;
	font-weight: normal;
	letter-spacing: -1.5px;
	line-height: 55px;
	padding: 0px 0px 0px 0px;
}

.contact-contentainer-heading-2 {	
	width: auto;
	clear:both;
	font-family: 'ArvoRegular';
	color: #ffffff;
	font-size: 21px;
	font-weight: normal;
	letter-spacing: -1px;
	padding: 0px 0px 0px 0px;	
}

.contact-contentainer-heading-3 {	
	width: auto;
	clear:both;
	font-family: 'ArvoRegular';
	color: #222222;
	font-size: 17px;
	font-weight: normal;
	letter-spacing: -0.5px;
	padding: 0px 0px 0px 0px;
	line-height: 20px;
	padding: 0px 0px 0px 0px;	
}



/*Cloud*/

.contactcloud {
	height: 100px;
	width: 100px;
	margin: 0px 0px 0px 0px;
}

.contactcloud ul{
	float:left;	
	list-style:none;
	margin-left: -40px;	
}

.contactcloud li{
	float:left;
	list-style:none;
}

.contactcloud li a{
	float:left;
	height: auto;	
}

.contactcloud li a span{
	background-image: url(../images/contact/cloud-up.png);
	background-repeat: no-repeat;
	float:left;
	width: 108px;
	height: 108px;
	padding: 0px 0px 0px 0px;
}

.contactcloud li a:hover{
	color:#888888;
}

.contactcloud li a:hover span{
	background-image: url(../images/crunch-numbers/cloud-hover.png);
	background-repeat: no-repeat;				
}


