/* CSS Document */

* {
	margin:0; padding:0;
}

body{
	background: #fff url('../images/bg.png') repeat-x;
	height: 100%;
}

#inner{
	background: #fff url('../images/bg-inner.png') repeat-x;
	height: 100%;
}

#inner-cloud{
	background: #fff url('../images/bg-inner-cloud.png') repeat-x;
	height: 100%;
}


html, input, textarea{
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	line-height:18px;
	color:#333333;
	height: 100%;
}

.content{
	padding: 0px 10px;	
}

#content-text{
	font-family: Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height:23px;
	color:#333333;
	height: 100%;
}

#content-text-inner{
	font-family: Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height:23px;
	color:#333333;
	height: 100%;
	margin-top: 85px;
}

#content-text-inner-1{
	font-family: Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height:23px;
	color:#333333;
	height: 100%;
	margin-top: 40px;
}

#main{
	/*background: url('../images/clouds.png') repeat-x;
	background-position: 0px 40px;
	position: absolute;*/
	width:1193px;
	height: 318px;
}

#main-inner{
	background: url('../images/riptide_building.png') no-repeat;
	background-position: 300px 40px;
	position: absolute;
	height: 149px;
	width:980px;
	z-index: 1;
}

#main-inner-services{
	background: url('../images/servicesheader.png') no-repeat;
	background-position: 445px 40px;
	position: absolute;
	height: 149px;
	width:980px;
	z-index: 1;
}

#wrapper{
	overflow:hidden;	
}

a{
	text-decoration: none;
	color: #8a8a8a;	
	font-weight: normal;
}

a:hover{
	text-decoration: underline;
	color: #8a8a8a;
	font-weight: normal;
}

#header a{
	text-decoration: none;
	color: #8a8a8a;	
	font-weight: normal;
}

#header a:hover{
	text-decoration: none;
	color: #8a8a8a;
	font-weight: normal;
}

.content a{
	text-decoration: none;
	color: #1b7fb3;	
	font-weight: bold;
}

.content a:hover{
	text-decoration: underline;
	color: #1b7fb3;	
	font-weight: bold;
}

#riptide-logo{
	background: url('../images/riptide_logo.png') no-repeat; 
	width:  205px;
	height: 40px;
	float: left;
	position: relative;
	z-index: 2;
	margin-top: 5px;
	margin-bottom: 40px;
}

#riptide-logo a{
	width: 205px;
	height: 31px; 
	display: block;
}

#riptide-logo a span{
	display: none;
}

#call-to-action{
	text-align: right;
}

.clear{
	clear: both;	
}

#footer{
	background: url('../images/footer-bg.png') repeat-x bottom left;
	height: 348px;
}

#footer-r{
	float: left;
	padding: 25px 0px;
}

#footer-r p{
	color: #8a8a8a;
	text-align:right;
	font-size: 14px;
}

#footer-l{
	float: left;
	padding: 25px;
}

#footer-l ul{
	float: left;
	padding-right: 45px;
	height: 160px;
	width: 115px;
}

#footer-l ul li{
	display: block;
	list-style: none;
}

#footer-l ul li a{
	text-decoration: none;
	color: #8a8a8a;
}

#footer-l ul li a:hover{
	text-decoration: underline;
	color: #8a8a8a;
}

#riptide-brand a{
	text-decoration: none;
	color: #8a8a8a;	
}

#riptide-brand a:hover{
	text-decoration: underline;
	color: #8a8a8a;	
}

.a-left{
	float: right;
	padding-right: 10px;
	padding-bottom: 10px;
}

.a-left a{
	text-decoration: none;
	color: #8a8a8a;	
}

.a-left a:hover{
	text-decoration: underline;
	color: #8a8a8a;	
}

.social-icon-facebook{
	background: url('../images/iconsprite.png');
	background-position: 0px -13px;
	float:left;
	padding-right: 20px;
	margin-top: -20px;
	width:40px;
	height: 34px;
}

.social-icon-facebook:hover{
	background: url('../images/iconsprite.png');
	background-position: 0px -73px;
	float:left;
	padding-right: 20px;
	margin-top: -20px;
	width:40px;
	height: 34px;
	cursor:pointer;
}

.social-icon-facebook a{
	display: block;
	width:40px;
	height: 34px;
}

.social-icon-facebook span{
	display: none;
}

.social-icon-twitter{
	background: url('../images/iconsprite.png');
	background-position: -58px -13px;
	float:left;
	padding-right: 20px;
	margin-top: -20px;
	width:35px;
	height: 34px;
}

.social-icon-twitter:hover{
	background: url('../images/iconsprite.png');
	background-position: -58px -73px;
	float:left;
	padding-right: 20px;
	margin-top: -20px;
	width:35px;
	height: 34px;
	cursor:pointer;
}

.social-icon-twitter a{
	display: block;
	width:35px;
	height: 34px;
}

.social-icon-twitter span{
	display: none;
}

.social-icon-youtube{
	background: url('../images/iconsprite.png');
	background-position: -114px -13px;
	float:left;
	padding-right: 20px;
	margin-top: -20px;
	width:40px;
	height: 34px;
}

.social-icon-youtube:hover{
	background: url('../images/iconsprite.png');
	background-position: -114px -73px;
	float:left;
	padding-right: 20px;
	margin-top: -20px;
	width:40px;
	height: 34px;
	cursor:pointer;
}

.social-icon-youtube a{
	display: block;
	width:40px;
	height: 34px;
}

.social-icon-youtube span{
	display: none;
}

.social-icon-linkedin{
	background: url('../images/iconsprite.png');
	background-position: -178px -13px;
	float:left;
	padding-right: 20px;
	margin-top: -20px;
	width:40px;
	height: 34px;
}

.social-icon-linkedin:hover{
	background: url('../images/iconsprite.png');
	background-position: -178px -73px;
	float:left;
	padding-right: 20px;
	margin-top: -20px;
	width:40px;
	height: 34px;
	cursor:pointer;
}

.social-icon-linkedin a{
	display: block;
	width:40px;
	height: 34px;
}

.social-icon-linkedin span{
	display: none;
}

.social-icon-google{
	float:left;
	padding-right: 20px;
	margin-top: -16px;
	width:70px;
	height: 34px;
}

.social-icon-green{
	background: url('../images/iconsprite.png');
	background-position: -241px -13px;
	float:left;
	padding-right: 20px;
	margin-top: -20px;
	width:40px;
	height: 34px;
}

.social-icon-green:hover{
	background: url('../images/iconsprite.png');
	background-position: -241px -73px;
	float:left;
	padding-right: 20px;
	margin-top: -20px;
	width:40px;
	height: 34px;
	cursor:pointer;
}

.social-icon-green a{
	display: block;
	width:40px;
	height: 34px;
}

.social-icon-green span{
	display: none;
}

#riptide-sprite{
	background: url('../images/riptidefootersprite.png');
	background-position: 0px 1px;
	float:right;
	padding-right: 20px;
	margin-top: 75px;
	width:143px;
	height: 31px;
}

#riptide-sprite:hover{
	background: url('../images/riptidefootersprite.png');
	background-position: 0px -33px;
	float:right;
	padding-right: 20px;
	margin-top: 75px;
	width:143px;
	height: 31px;
	cursor:pointer;
}

#riptide-sprite a{
	display: block;
	width:156px;
	height: 31px;
}

#riptide-sprite span{
	display: none;
}

.social-icon{
	float:left;
	padding-right: 20px;
	margin-top: -20px;
}

.social-icon a{
	display: block;
}

#tab{
	background: #1c80b3 url('../images/contact-tab.png') no-repeat;
	width: 32px;
	height: 106px;
	float: left;
	margin-top: 304px;
	position: fixed;
	clear:both;
	z-index: 100;
}

#tab:hover{
	background: #1c80b3 url('../images/contact-tab.png') no-repeat;
	background-position: 2px 0px;
	width: 36px;
	height: 106px;
	float: left;
	margin-top: 304px;
	position: fixed;
	clear:both;
	z-index: 100;
}

#tab a{
	display: block;
	width: 36px;
	height: 106px;
}

#tab span{
	display: none;
}

.services-holder{
	width: 200px;
	float: left;
	padding-right: 15px;
	margin-top: -9px;
}

.services-holder-last{
	width: 200px;
	float: left;
	margin-top: -9px;
}

.services-text{
	padding-top: 3px;	
}

#crm-services{
	background:url('../images/headerssprite2.png') no-repeat;
	background-position: -144px -101px;
	width: 200px;
	height: 91px;
}

#crm-services:hover{
	background:url('../images/headerssprite2.png') no-repeat;
	background-position: -144px -10px;
	width: 200px;
	height: 91px;
}

#cloud-solutions{
	background:url('../images/headerssprite2.png') no-repeat;
	background-position: -357px -101px;
	width: 200px;
	height: 91px;
}

#cloud-solutions:hover{
	background:url('../images/headerssprite2.png') no-repeat;
	background-position: -357px -10px;
	width: 200px;
	height: 91px;
}

#custom-dev{
	background:url('../images/headerssprite2.png') no-repeat;
	background-position: -569px -101px;
	width: 200px;
	height: 91px;
}

#custom-dev:hover{
	background:url('../images/headerssprite2.png') no-repeat;
	background-position: -569px -10px;
	width: 200px;
	height: 91px;
}

#marketing-services{
	background:url('../images/headerssprite2.png') no-repeat;
	background-position: -781px -101px;
	width: 200px;
	height: 91px;
}

#marketing-services:hover{
	background:url('../images/headerssprite2.png') no-repeat;
	background-position: -781px -10px;
	width: 200px;
	height: 91px;
}

.services-title{
	padding: 40px 0px 0px 18px;
}

.services-title a{
	display: block;
	width: 198px;
	height: 54px;
}

.services-title a:hover{
	text-decoration: none;
}	

.hor-div{
	background: url('../images/hor-div.png') repeat-x;
	height: 11px;
	width: 100%;
	margin: 35px 0px 15px 0px;
}

.hor-div-home{
	background: url('../images/hor-div.png') repeat-x;
	height: 11px;
	width: 100%;
	margin: 10px 0px 15px 0px;
}

.hor-div-2{
	background: url('../images/horline2.png') repeat-x;
	height: 1px;
	width: 100%;
	margin: 10px 0px 10px 0px;
}


.hor-div-bottom{
	background: url('../images/hor-div.png') repeat-x;
	height: 11px;
	width: 100%;
	margin: 15px 0px 35px 0px;
}

.vert-div{
	background: url('../images/vert-div.png') repeat-y;
	height: 575px;
	width: 1px;
	padding: 0px 13px 0px 10px;
	float: left;
}

.vert-div-inner{
	background: url('../images/vert-div.png') repeat-y;
	height: 1450px;
	width: 1px;
	padding: 0px 13px 0px 10px;
	float: left;
}

.vert-div-inner-company{
	background: url('../images/vert-div.png') repeat-y;
	height: 375px;
	width: 1px;
	padding: 0px 13px 0px 10px;
	float: left;
}

.vert-div-inner-thanks{
	background: url('../images/vert-div.png') repeat-y;
	height: 390px;
	width: 1px;
	padding: 0px 13px 0px 10px;
	float: left;
}

.vert-div-inner-brochures{
	background: url('../images/vert-div.png') repeat-y;
	height: 850px;
	width: 1px;
	padding: 0px 13px 0px 10px;
	float: left;
}

.vert-div-inner-clients{
	background: url('../images/vert-div.png') repeat-y;
	height: 750px;
	width: 1px;
	padding: 0px 13px 0px 10px;
	float: left;
}

.vert-div-inner-testimonials{
	background: url('../images/vert-div.png') repeat-y;
	height: 650px;
	width: 1px;
	padding: 0px 13px 0px 10px;
	float: left;
}

.vert-div-inner-news{
	background: url('../images/vert-div.png') repeat-y;
	height: 300px;
	width: 1px;
	padding: 0px 13px 0px 10px;
	float: left;
}

.vert-div-inner-reflection{
	background: url('../images/vert-div.png') repeat-y;
	height: 1700px;
	width: 1px;
	padding: 0px 13px 0px 10px;
	float: left;
}

.vert-div-inner-grailsforce{
	background: url('../images/vert-div.png') repeat-y;
	height: 492px;
	width: 1px;
	padding: 0px 13px 0px 10px;
	float: left;
}

.vert-div-inner-cloud{
	background: url('../images/vert-div.png') repeat-y;
	height: 975px;
	width: 1px;
	padding: 0px 13px 0px 10px;
	float: left;
}

.vert-div-inner-real{
	background: url('../images/vert-div.png') repeat-y;
	height: 1400px;
	width: 1px;
	padding: 0px 13px 0px 10px;
	float: left;
}

.vert-div-inner-recruiting{
	background: url('../images/vert-div.png') repeat-y;
	height: 1400px;
	width: 1px;
	padding: 0px 13px 0px 10px;
	float: left;
}

.vert-div-inner-referencetracking{
	background: url('../images/vert-div.png') repeat-y;
	height: 1400px;
	width: 1px;
	padding: 0px 13px 0px 10px;
	float: left;
}

.vert-div-inner-trax{
	background: url('../images/vert-div.png') repeat-y;
	height: 1100px;
	width: 1px;
	padding: 0px 13px 0px 10px;
	float: left;
}

.vert-div-inner-vos{
	background: url('../images/vert-div.png') repeat-y;
	height: 820px;
	width: 1px;
	padding: 0px 13px 0px 10px;
	float: left;
}


.vert-div-inner-products{
	background: url('../images/vert-div.png') repeat-y;
	height: 700px;
	width: 1px;
	padding: 0px 13px 0px 10px;
	float: left;
}

#content-left{
	/*width: 660px;*/
	width: 653px;
	float: left;
	padding-right: 12px;
}

#content-right{
	width: 284px;
	float: left;
}

#number-area-1-small{
	background: url('../images/number1.png') no-repeat;
	width: 28p;
	height: 30px;
	padding-bottom: 20px;
}

#number-area-2-small{
	background: url('../images/number2.png') no-repeat;
	width: 28p;
	height: 30px;
	padding-bottom: 20px;
}

#number-area-1{
	background: url('../images/numbers.png') no-repeat;
	background-position: 0px 0px;
	width: 36p;
	height: 60px;
	padding-bottom: 20px;
}

#number-area-2{
	background: url('../images/numbers.png') no-repeat;
	background-position: 0px -90px;
	width: 36p;
	height: 60px;
	padding-bottom: 20px;
}

#number-area-3{
	background: url('../images/numbers.png') no-repeat;
	background-position: 0px -180px;
	width: 36p;
	height: 60px;
	padding-bottom: 20px;
}

#number-area-4{
	background: url('../images/numbers.png') no-repeat;
	background-position: 0px -270px;
	width: 36p;
	height: 60px;
	padding-bottom: 20px;
}

#number-area-5{
	background: url('../images/numbers.png') no-repeat;
	background-position: 0px -360px;
	width: 36p;
	height: 60px;
	padding-bottom: 20px;
}

.number-text{
	margin-left: 50px;	
}

#clients{
	padding-bottom: 25px;	
}

#clients-header{
	background: url('../images/clients-title.png') no-repeat;
	width: 51px;
	height: 126px;
	float: left;
}

#clients-header span{
	display:none;	
}

#clients-body{
	padding: 20px 0px 0px 35px;
	float: left;
}

#testimonials-header{
	background: url('../images/quotes-title.png') no-repeat;
	width: 53px;
	height: 126px;
	float: right;
}

#testimonials-header span{
	display: none;	
}

#testimonials-body{
	float: right;
	padding-right:15px;
}

#testimonials-body p{
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #999999;
	line-height: 26px
}

#quote{
	background: url('../images/quotation.png') no-repeat;
	width: 79px;
	height: 64px;
	float: right;
	padding-left:15px;
}

.side-heading{
	background: url('../images/side-heading.png') no-repeat;
	width: 302px;
	height: 67px;
	padding: 15px 0px 0px 10px;
}

.strong{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #7a7a7a;
}	

.article{
	/*padding-bottom: 10px;*/
	margin-bottom: -10px;
}

.bullets{
	margin-left: 15px;
	padding-bottom: 15px;
	font-size: 13px;
}

.bullets ul{
	margin-left: 15px;	
}

.bullets ul ul{
	margin-left: 15px;	
}

.bullet-left{
	width:46px;
	float: left;
}

.bullet-right{
	width:590px;
	float: left;
}

.product-heading{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 65px;
	font-weight: bold;
	color: #A64444;
	line-height: 60px;
}

.product-desc{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #7a7a7a;
	line-height: 31px;
}

#product-left{
	width: 610px;
	float: left;
	padding-right: 50px;
}

#product-right{
	float: left;
}

.spacer{
	height: 10px;	
}

.product-logo-cloud{
	width: 	110px;
	height: 90px;
	float: left;
	background: url('../images/ProductsSpriteCLO.png') no-repeat;
	background-position: 0px 0px;
}

.product-logo-cloud:hover{
	width: 	110px;
	height: 90px;
	float: left;
	background: url('../images/ProductsSpriteCLO.png') no-repeat;
	background-position: 0px -108px;
}

.product-logo-cloud a{
	display:block;
	width: 97px;
	height: 108px;
}

.product-logo-cloud span{
	display: none;	
}

.product-logo-reference{
	width: 	110px;
	height: 90px;
	float: left;
	background: url('../images/ProductsSpriteRTRACK.png') no-repeat;
	background-position: 0px 0px;
}

.logo-holder{
	width: 	110px;
	height: 90px;
	float: left;
}

.logo-holder-2{
	width: 	175px;
	height: 150px;
	float: left;
}

.logo-holder-3{
	width: 	117px;
	height: 91px;
	float: left;
	padding-top: 15px;
}

.logo-holder-4{
	width: 	100px;
	float: left;
}

.logo-holder-5{
	width: 	100px;
	float: left;
	margin-top: 18px;
	margin-left: 50px;
}

.logo-holder-6{
	width: 	50px;
	float: left;
	margin-top: 18px;
	margin-left: 50px;
}

.product-logo-popup{
	width: 	110px;
	height: 90px;
	float: left;
	background: url('../images/ProductsSpritePopup.png') no-repeat;
	background-position: 0px 0px;
}

.product-logo-popup:hover{
	width: 	110px;
	height: 90px;
	float: left;
	background: url('../images/ProductsSpritePopup.png') no-repeat;
	background-position: 0px -108px;
}

.product-logo-popup a{
	display:block;
	width: 97px;
	height: 108px;
}

.product-logo-popup span{
	display: none;	
}

.product-logo-reference:hover{
	width: 	110px;
	height: 90px;
	float: left;
	background: url('../images/ProductsSpriteRTRACK.png') no-repeat;
	background-position: 0px -108px;
}

.product-logo-reference a{
	display:block;
	width: 97px;
	height: 108px;
}

.product-logo-reference span{
	display: none;	
}

.product-logo-recruiting{
	width: 	110px;
	height: 90px;
	float: left;
	background: url('../images/ProductsSpriteRECRUIT.png') no-repeat;
	background-position: 0px 0px;
}

.product-logo-recruiting:hover{
	width: 	110px;
	height: 90px;
	float: left;
	background: url('../images/ProductsSpriteRECRUIT.png') no-repeat;
	background-position: 0px -108px;
}

.product-logo-recruiting a{
	display:block;
	width: 97px;
	height: 108px;
}

.product-logo-recruiting span{
	display: none;	
}

.product-logo-vos{
	width: 	110px;
	height: 106px;
	float: left;
	background: url('../images/ProductsSpriteVOS.png') no-repeat;
	background-position: 0px 0px;
}

.product-logo-vos:hover{
	width: 	110px;
	height: 106px;
	float: left;
	background: url('../images/ProductsSpriteVOS.png') no-repeat;
	background-position: 0px -108px;
}

.product-logo-vos a{
	display:block;
	width: 97px;
	height: 108px;
}

.product-logo-vos span{
	display: none;	
}

.product-logo-real{
	width: 	110px;
	height: 106px;
	float: left;
	background: url('../images/ProductsSpriteRE.png') no-repeat;
	background-position: 0px 0px;
}

.product-logo-real:hover{
	width: 	110px;
	height: 106px;
	float: left;
	background: url('../images/ProductsSpriteRE.png') no-repeat;
	background-position: 0px -108px;
}

.product-logo-real a{
	display:block;
	width: 97px;
	height: 108px;
}

.product-logo-real span{
	display: none;	
}

.product-logo-reflection{
	width: 	110px;
	height: 106px;
	float: left;
	background: url('../images/ProductsSpriteREF.png') no-repeat;
	background-position: 0px 0px;
}

.product-logo-reflection:hover{
	width: 	110px;
	height: 106px;
	float: left;
	background: url('../images/ProductsSpriteREF.png') no-repeat;
	background-position: 0px -108px;
}

.product-logo-reflection a{
	display:block;
	width: 97px;
	height: 108px;
}

.product-logo-reflection span{
	display: none;	
}

.product-logo-trax{
	width: 	110px;
	height: 106px;
	float: left;
	background: url('../images/ProductsSpriteTRAX.png') no-repeat;
	background-position: 0px 0px;
}

.product-logo-trax:hover{
	width: 	110px;
	height: 106px;
	float: left;
	background: url('../images/ProductsSpriteTRAX.png') no-repeat;
	background-position: 0px -108px;
}

.product-logo-trax a{
	display:block;
	width: 97px;
	height: 108px;
}

.product-logo-trax span{
	display: none;	
}

.product-logo-realtor{
	width: 	110px;
	height: 106px;
	float: left;
	background: url('../images/ProductsSpriteRealtor.png') no-repeat;
	background-position: 0px 0px;
}

.product-logo-realtor:hover{
	width: 	110px;
	height: 106px;
	float: left;
	background: url('../images/ProductsSpriteRealtor.png') no-repeat;
	background-position: 0px -108px;
}

.product-logo-realtor a{
	display:block;
	width: 97px;
	height: 108px;
}

.product-logo-realtor span{
	display: none;	
}

.product-logo-grails{
	width: 	110px;
	height: 106px;
	float: left;
	background: url('../images/ProductsSpriteGrails.png') no-repeat;
	background-position: 0px 0px;
}

.product-logo-grails:hover{
	width: 	110px;
	height: 106px;
	float: left;
	background: url('../images/ProductsSpriteGrails.png') no-repeat;
	background-position: 0px -108px;
}

.product-logo-grails a{
	display:block;
	width: 97px;
	height: 108px;
}

.product-logo-grails span{
	display: none;	
}

.product-desc-inner{
	width: 350px;
	float: left;
}

.product-desc-inner-tech{
	width: 530px;
	float: left;
}

.product-desc-inner-salesforce{
	width: 475px;
	float: left;
	padding-top: 20px;
}

.product-desc-inner-salesforce-implementation{
	width: 530px;
	float: left;
	padding-top: 20px;
}

.title{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 23px;
	font-weight: bold;
	color: #7a7a7a;
	line-height: 30px;
	
}

.sub-title{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: italic;
	color: #7a7a7a;	
	line-height: 25px;
}

.body-desc{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #7a7a7a;
	line-height: 18px;
}	

#video{
	width: 284px;
	height: 215px;
	background: url('../images/VideoSpriteSFCloud.png') no-repeat;
	background-position: 0px 0px;
}

#video:hover{
	width: 284px;
	height: 215px;
	background: url('../images/VideoSpriteSFCloud.png') no-repeat;
	background-position: 0px -215px;
}

#video a{
	display: block;
	width: 284px;
	height: 215px;
}

#video span{
	display: none;
}

#cloud-video{
	width: 284px;
	height: 215px;
	background: url('../images/VideoSpriteCloudStorage.png') no-repeat;
	background-position: 0px 0px;
}

#cloud-video:hover{
	width: 284px;
	height: 215px;
	background: url('../images/VideoSpriteCloudStorage.png') no-repeat;
	background-position: 0px -215px;
}

#cloud-video a{
	display: block;
	width: 284px;
	height: 215px;
}

#cloud-video span{
	display: none;
}

#real-video{
	width: 284px;
	height: 215px;
	background: url('../images/VideoSpriteRealEstate.png') no-repeat;
	background-position: 0px 0px;
}

#real-video:hover{
	width: 284px;
	height: 215px;
	background: url('../images/VideoSpriteRealEstate.png') no-repeat;
	background-position: 0px -215px;
}

#real-video a{
	display: block;
	width: 284px;
	height: 215px;
}

#real-video span{
	display: none;
}

#recruiting-video{
	width: 284px;
	height: 215px;
	background: url('../images/VideoSpriteRecruiting.png') no-repeat;
	background-position: 0px 0px;
}

#recruiting-video:hover{
	width: 284px;
	height: 215px;
	background: url('../images/VideoSpriteRecruiting.png') no-repeat;
	background-position: 0px -215px;
}

#recruiting-video a{
	display: block;
	width: 284px;
	height: 215px;
}

#recruiting-video span{
	display: none;
}

#popup-video{
	width: 284px;
	height: 215px;
	background: url('../images/VideoSpritePopup.png') no-repeat;
	background-position: 0px 0px;
}

#popup-video:hover{
	width: 284px;
	height: 215px;
	background: url('../images/VideoSpritePopup.png') no-repeat;
	background-position: 0px -215px;
}

#popup-video a{
	display: block;
	width: 284px;
	height: 215px;
}

#popup-video span{
	display: none;
}

#referencetracking-video{
	width: 284px;
	height: 215px;
	background: url('../images/VideoSpriteRefTrack.png') no-repeat;
	background-position: 0px 0px;
}

#referencetracking-video:hover{
	width: 284px;
	height: 215px;
	background: url('../images/VideoSpriteRefTrack.png') no-repeat;
	background-position: 0px -215px;
}

#referencetracking-video a{
	display: block;
	width: 284px;
	height: 215px;
}

#referencetracking-video span{
	display: none;
}

#reflection-video{
	width: 284px;
	height: 215px;
	background: url('../images/VideoSpriteReflection.png') no-repeat;
	background-position: 0px 0px;
}

#reflection-video:hover{
	width: 284px;
	height: 215px;
	background: url('../images/VideoSpriteReflection.png') no-repeat;
	background-position: 0px -215px;
}

#reflection-video a{
	display: block;
	width: 284px;
	height: 215px;
}

#reflection-video span{
	display: none;
}

#trax-video{
	width: 284px;
	height: 215px;
	background: url('../images/VideoSpriteTRAX.png') no-repeat;
	background-position: 0px 0px;
}

#trax-video:hover{
	width: 284px;
	height: 215px;
	background: url('../images/VideoSpriteTRAX.png') no-repeat;
	background-position: 0px -215px;
}

#trax-video a{
	display: block;
	width: 284px;
	height: 215px;
}

#trax-video span{
	display: none;
}

#vos-video{
	width: 284px;
	height: 215px;
	background: url('../images/VideoSpriteVOS.png') no-repeat;
	background-position: 0px 0px;
}

#vos-video:hover{
	width: 284px;
	height: 215px;
	background: url('../images/VideoSpriteVOS.png') no-repeat;
	background-position: 0px -215px;
}

#vos-video a{
	display: block;
	width: 284px;
	height: 215px;
}

#vos-video span{
	display: none;
}

#contact-us-cloud{
	width: 284px;
	height: 110px;
	background: url('../images/BigContactSpriteCloudStorage.png') no-repeat;
	background-position: 0px 0px;
}

#contact-us-cloud:hover{
	width: 284px;
	height: 110px;
	background: url('../images/BigContactSpriteCloudStorage.png') no-repeat;
	background-position: 0px -110px;
}

#contact-us-cloud a{
	display: block;
	width: 284px;
	height: 110px;
}

#contact-us-cloud span{
	display: none;
}

#contact-us-grails{
	width: 284px;
	height: 110px;
	background: url('../images/BigContactSpriteGrails.png') no-repeat;
	background-position: 0px 0px;
}

#contact-us-grails:hover{
	width: 284px;
	height: 110px;
	background: url('../images/BigContactSpriteGrails.png') no-repeat;
	background-position: 0px -110px;
}

#contact-us-grails a{
	display: block;
	width: 284px;
	height: 110px;
}

#contact-us-grails span{
	display: none;
}

#contact-us-real{
	width: 284px;
	height: 110px;
	background: url('../images/BigContactSpriteRE.png') no-repeat;
	background-position: 0px 0px;
}

#contact-us-real:hover{
	width: 284px;
	height: 110px;
	background: url('../images/BigContactSpriteRE.png') no-repeat;
	background-position: 0px -110px;
}

#contact-us-real a{
	display: block;
	width: 284px;
	height: 110px;
}

#contact-us-real span{
	display: none;
}

#contact-us-recruiting{
	width: 284px;
	height: 110px;
	background: url('../images/BigContactSpriteRECRUIT.png') no-repeat;
	background-position: 0px 0px;
}

#contact-us-recruiting:hover{
	width: 284px;
	height: 110px;
	background: url('../images/BigContactSpriteRECRUIT.png') no-repeat;
	background-position: 0px -110px;
}

#contact-us-recruiting a{
	display: block;
	width: 284px;
	height: 110px;
}

#contact-us-recruiting span{
	display: none;
}

#contact-us-popup{
	width: 284px;
	height: 110px;
	background: url('../images/BigContactSpritePopup.png') no-repeat;
	background-position: 0px 0px;
}

#contact-us-popup:hover{
	width: 284px;
	height: 110px;
	background: url('../images/BigContactSpritePopup.png') no-repeat;
	background-position: 0px -110px;
}

#contact-us-popup a{
	display: block;
	width: 284px;
	height: 110px;
}

#contact-us-popup span{
	display: none;
}

#contact-us-salesforce{
	width: 284px;
	height: 110px;
	background: url('../images/BigContactSpriteSF.png') no-repeat;
	background-position: 0px 0px;
}

#contact-us-salesforce:hover{
	width: 284px;
	height: 110px;
	background: url('../images/BigContactSpriteSF.png') no-repeat;
	background-position: 0px -110px;
}

#contact-us-salesforce a{
	display: block;
	width: 284px;
	height: 110px;
}

#contact-us-salesforce span{
	display: none;
}

#contact-us-referencetracking{
	width: 284px;
	height: 110px;
	background: url('../images/BigContactSpriteRefTrack.png') no-repeat;
	background-position: 0px 0px;
}

#contact-us-referencetracking:hover{
	width: 284px;
	height: 110px;
	background: url('../images/BigContactSpriteRefTrack.png') no-repeat;
	background-position: 0px -110px;
}

#contact-us-referencetracking a{
	display: block;
	width: 284px;
	height: 110px;
}

#contact-us-referencetracking span{
	display: none;
}

#contact-us-reflection{
	width: 284px;
	height: 110px;
	background: url('../images/BigContactSpriteReflection.png') no-repeat;
	background-position: 0px 0px;
}

#contact-us-reflection:hover{
	width: 284px;
	height: 110px;
	background: url('../images/BigContactSpriteReflection.png') no-repeat;
	background-position: 0px -110px;
}

#contact-us-reflection a{
	display: block;
	width: 284px;
	height: 110px;
}

#contact-us-reflection span{
	display: none;
}

#contact-us-trax{
	width: 284px;
	height: 110px;
	background: url('../images/BigContactSpriteTRAX.png') no-repeat;
	background-position: 0px 0px;
}

#contact-us-trax:hover{
	width: 284px;
	height: 110px;
	background: url('../images/BigContactSpriteTRAX.png') no-repeat;
	background-position: 0px -110px;
}

#contact-us-trax a{
	display: block;
	width: 284px;
	height: 110px;
}

#contact-us-trax span{
	display: none;
}

#contact-us-vos{
	width: 284px;
	height: 110px;
	background: url('../images/BigContactSpriteVOS.png') no-repeat;
	background-position: 0px 0px;
}

#contact-us-vos:hover{
	width: 284px;
	height: 110px;
	background: url('../images/BigContactSpriteVOS.png') no-repeat;
	background-position: 0px -110px;
}

#contact-us-vos a{
	display: block;
	width: 284px;
	height: 110px;
}

#contact-us-vos span{
	display: none;
}

#data-sheet{
	background: url('../images/DataSheet.jpg') no-repeat;
	width: 284px;
	height: 280px;
	background-position: 0px 0px;
}

#data-sheet:hover{
	background: url('../images/DataSheet.jpg') no-repeat;
	width: 284px;
	height: 280px;
	background-position: 0px -280px;
}

#data-sheet a{
	display: block;
	width: 284px;
	height: 280px;
}

#data-sheet span{
	display: none;
}

#contact-us-services{
	width: 284px;
	height: 110px;
	background: url('../images/BigContactSpriteServices.png') no-repeat;
	background-position: 0px 0px;
}

#contact-us-services:hover{
	width: 284px;
	height: 110px;
	background: url('../images/BigContactSpriteServices.png') no-repeat;
	background-position: 0px -110px;
}

#contact-us-services a{
	display: block;
	width: 284px;
	height: 110px;
}

#contact-us-services span{
	display: none;
}

#contact-us-aaa{
	width: 284px;
	height: 110px;
	background: url('../images/BigContactSpriteServices.png') no-repeat;
	background-position: 0px 0px;
}

#contact-us-aaa:hover{
	width: 284px;
	height: 110px;
	background: url('../images/BigContactSpriteServices.png') no-repeat;
	background-position: 0px -110px;
}

#contact-us-aaa a{
	display: block;
	width: 284px;
	height: 110px;
}

#contact-us-aaa span{
	display: none;
}

#contact-us-implementation{
	width: 284px;
	height: 110px;
	background: url('../images/BigContactSpriteServices.png') no-repeat;
	background-position: 0px 0px;
}

#contact-us-implementation:hover{
	width: 284px;
	height: 110px;
	background: url('../images/BigContactSpriteServices.png') no-repeat;
	background-position: 0px -110px;
}

#contact-us-implementation a{
	display: block;
	width: 284px;
	height: 110px;
}

#contact-us-implementation span{
	display: none;
}

#contact-us-mobile{
	width: 284px;
	height: 110px;
	background: url('../images/bigcontactappsprite.png') no-repeat;
	background-position: 0px 0px;
}

#contact-us-mobile:hover{
	width: 284px;
	height: 110px;
	background: url('../images/bigcontactappsprite.png') no-repeat;
	background-position: 0px -110px;
}

#contact-us-mobile a{
	display: block;
	width: 284px;
	height: 110px;
}

#contact-us-mobile span{
	display: none;
}

#contact-us-mobile-2{
	width: 284px;
	height: 110px;
	background: url('../images/bigcontactappsprite.png') no-repeat;
	background-position: 0px 0px;
}

#contact-us-mobile-2:hover{
	width: 284px;
	height: 110px;
	background: url('../images/bigcontactappsprite.png') no-repeat;
	background-position: 0px -110px;
}

#contact-us-mobile-2 a{
	display: block;
	width: 284px;
	height: 110px;
}

#contact-us-mobile-2 span{
	display: none;
}

#contact-us-dev{
	width: 284px;
	height: 110px;
	background: url('../images/BigContactSpriteServices.png') no-repeat;
	background-position: 0px 0px;
}

#contact-us-dev:hover{
	width: 284px;
	height: 110px;
	background: url('../images/BigContactSpriteServices.png') no-repeat;
	background-position: 0px -110px;
}

#contact-us-dev a{
	display: block;
	width: 284px;
	height: 110px;
}

#contact-us-dev span{
	display: none;
}

#contact-us-configuration{
	width: 284px;
	height: 110px;
	background: url('../images/BigContactSpriteServices.png') no-repeat;
	background-position: 0px 0px;
}

#contact-us-configuration:hover{
	width: 284px;
	height: 110px;
	background: url('../images/BigContactSpriteServices.png') no-repeat;
	background-position: 0px -110px;
}

#contact-us-configuration a{
	display: block;
	width: 284px;
	height: 110px;
}

#contact-us-configuration span{
	display: none;
}

.client-column{
	width: 300px;
	float: left;
}



/*NAVIGATION BEGIN*/

ul#topnav {
	margin: 0; padding: 0;
	float: left;
	/*width: 494px;*/
	list-style: none;
	margin-top: 5px;
	position: relative; /*--Set relative positioning on the unordered list itself - not on the list item--*/
	/*font-size: 1.2em;
	background: url(topnav_stretch.gif) repeat-x;*/
	z-index: 3;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	height: 40px;
	/*border-right: 1px solid #555; --Divider for each parent level links--*/
}
ul#topnav li a {
	padding: 10px 12px;
	display: block;
	color: #f0f0f0;
	text-decoration: none;
	height: 10px;
}
ul#topnav > li:hover {
	background: url('../images/indicator.png') no-repeat; 
	background-position: 50% 30px;
	/*position: relative;
	z-index: 1000;*/
}
/*--Notice the hover color is on the list item itself, not on the link. This is so it can stay highlighted even when hovering over the subnav--*/

ul#topnav li ul {
	/*float: left;*/
	padding: 12px 0;
	position: absolute;
	left: 0; top:35px;
	/*display: none;*/ /*--Hide by default--*/
	visibility: hidden;
	/*width: 980px;*/
	height: 17px;
	background: #7a7a7a url('../images/subnav-bg.png') repeat-x ;
	color: #fff;
	margin-left: -386px;
	text-align: center;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
ul#topnav li ul{
	list-style: none;
}	
ul#topnav li ul li{
	text-decoration: none;
	list-style: none;
}	

ul#topnav li ul li a{
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
}

ul#topnav li ul li a:hover{
	color: #fff;
}

/*ul#topnav li:hover ul { display: block; }*/ /*--Show subnav on hover--*/
ul#topnav li ul a { display: inline;  margin-top:-5px;} /*--Since we declared a link style on the parent list link, we will correct it back to its original state--*/
ul#topnav li ul a:hover {text-decoration: none;}

/*NAVIGATION END*/

#contact-us-realtor{
	width: 284px;
	height: 110px;
	background: url('../images/BigLearnMoreSprite.png') no-repeat;
	background-position: 0px 0px;
}

#contact-us-realtor:hover{
	width: 284px;
	height: 110px;
	background: url('../images/BigLearnMoreSprite.png') no-repeat;
	background-position: 0px -110px;
}

#contact-us-realtor a{
	display: block;
	width: 284px;
	height: 110px;
}

#contact-us-realtor span{
	display: none;
}

#realestate-ad{
	width: 284px;
	height: 156px;
	background: url('../images/realestatesprite.png') no-repeat;
	background-position: 0px -1px;
}

#realestate-ad:hover{
	width: 284px;
	height: 156px;
	background: url('../images/realestatesprite.png') no-repeat;
	background-position: 0px -158px;
}

#realestate-ad a{
	display: block;
	width: 284px;
	height: 130px;
}

#realestate-ad span{
	display: none;
}

#realtor-video{
	width: 284px;
	height: 215px;
	background: url('../images/VideoSpriteRealtor.png') no-repeat;
	background-position: 0px 0px;
}

#realtor-video:hover{
	width: 284px;
	height: 215px;
	background: url('../images/VideoSpriteRealtor.png') no-repeat;
	background-position: 0px -215px;
}

#realtor-video a{
	display: block;
	width: 284px;
	height: 215px;
}

#realtor-video span{
	display: none;
}

#banner-holder{
	-webkit-box-shadow: 0px 0px 18px 1px #4b7596;
	-moz-box-shadow: 0px 0px 18px 1px #4b7596;
	box-shadow: 0px 0px 18px 1px #4b7596;
}

#cloud-post{
	background: url('../images/cloud-post-bg-1.png') no-repeat;
	height: 586px;
	width: 284px;
}

#cloud-post-2{
	background: url('../images/cloud-post-bg-2.png') no-repeat;
	height: 586px;
	width: 284px;
}

#cloud-holder{	
	width: 284px;
	height: 496px;
}

cloud-post-form{
	position: relative;	
}

cloud-post-form-2{
	position: relative;	
}

#cloud-post-form input {
	width:228px; 
	height:20px; 
	border: none;
	background:#fff; 
	padding:2px 0 2px 2px;
	font-size:13px;
	font-family: Arial, Helvetica, sans-serif;
	line-height:16px; 
	color:#7a7a7a;
	position:relative;
	top: 380px;
	left: 27px;
}

#cloud-post-form-2 input {
	width:228px; 
	height:20px; 
	border: none;
	background:#fff; 
	padding:2px 0 2px 2px;
	font-size:13px;
	font-family: Arial, Helvetica, sans-serif;
	line-height:16px; 
	color:#7a7a7a;
	position:relative;
	top: 380px;
	left: 27px;
}

#cloud-post-form #first_name{
	width:228px; 
	height:20px; 
	border: none;
	background:#fff; 
	padding:2px 0 2px 2px;
	font-size:13px;
	font-family: Arial, Helvetica, sans-serif;
	line-height:16px; 
	color:#7a7a7a;
	position:relative;
	top: 380px;
	left: 27px;
}

#cloud-post-form #last_name{
	width:228px; 
	height:20px; 
	border: none;
	background:#fff; 
	padding:2px 0 2px 2px;
	font-size:13px;
	font-family: Arial, Helvetica, sans-serif;
	line-height:16px; 
	color:#7a7a7a;
	position:relative;
	top: 423px;
	left: 27px;
}

#cloud-post-form-2 #first_name{
	width:228px; 
	height:20px; 
	border: none;
	background:#fff; 
	padding:2px 0 2px 2px;
	font-size:13px;
	font-family: Arial, Helvetica, sans-serif;
	line-height:16px; 
	color:#7a7a7a;
	position:relative;
	top: 380px;
	left: 27px;
}

#cloud-post-form-2 #last_name{
	width:228px; 
	height:20px; 
	border: none;
	background:#fff; 
	padding:2px 0 2px 2px;
	font-size:13px;
	font-family: Arial, Helvetica, sans-serif;
	line-height:16px; 
	color:#7a7a7a;
	position:relative;
	top: 423px;
	left: 27px;
}

#cloud-post-form #email{
	width:228px; 
	height:20px; 
	border: none;
	background:#fff; 
	padding:2px 0 2px 2px;
	font-size:13px;
	font-family: Arial, Helvetica, sans-serif;
	line-height:16px; 
	color:#7a7a7a;
	position:relative;
	top: 465px;
	left: 27px;
}


#cloud-post-form-2 #email{
	width:228px; 
	height:20px; 
	border: none;
	background:#fff; 
	padding:2px 0 2px 2px;
	font-size:13px;
	font-family: Arial, Helvetica, sans-serif;
	line-height:16px; 
	color:#7a7a7a;
	position:relative;
	top: 465px;
	left: 27px;
}

#cloud-post-form textarea{
	color: #7a7a7a;
	border: none;
	padding:2px 0 0 2px;
	font-size:13px;
	font-family: Arial, Helvetica, sans-serif;
	background:#fff;
	overflow:auto;
	line-height:16px;
	width:228px; 
	height:120px;
	max-width: 228px;
	min-width: 228px;
	max-height: 120px;
	min-height: 120px;
	position: relative;
	top: 238px;
	left: 27px;
}

#cloud-post-form-2 textarea{
	color: #7a7a7a;
	border: none;
	padding:2px 0 0 2px;
	font-size:13px;
	font-family: Arial, Helvetica, sans-serif;
	background:#fff;
	overflow:auto;
	line-height:16px;
	width:228px; 
	height:120px;
	max-width: 228px;
	min-width: 228px;
	max-height: 120px;
	min-height: 120px;
	position: relative;
	top: 238px;
	left: 27px;
}

#cloud-post-form #submit{
	background: url('../images/cp-submit.png') no-repeat transparent;
	border: 0;
	cursor: pointer;
	margin-top: 10px;
	width: 97px;
	height: 30px;
	left: 164px;
	z-index: 10;
	position: relative;
	top: 493px;
}

#cloud-post-form-2 #submit-2{
	background: url('../images/cp-submit.png') no-repeat transparent;
	border: 0;
	cursor: pointer;
	margin-top: 10px;
	width: 97px;
	height: 30px;
	left: 164px;
	z-index: 10;
	position: relative;
	top: 493px;
}

#cp-thank{
	position: absolute;
	z-index: 5;
	top: 720px;
}

#cp-thank-2{
	position: absolute;
	z-index: 5;
	top: 725px;
}

#cp-description{
	position: absolute;	
}

#cp-fname{
	position: absolute;	
}

#cp-lname{
	position: absolute;	
}

#cp-email{
	position: absolute;	
}

#cp-submit{
	position: absolute;	
}

#cloud-post-form #cp-thanks{
	position: relative;	
	left: 28px;
}

#cloud-post-form-2 #cp-thanks{
	position: relative;	
	left: 28px;
}

#bread_crumbs{
	padding-bottom:10px;	
}

/*--BANNER STYLES BEGIN--*/
.main_view {
	float: left;
	position: relative;
	/*border: none;
	width: 980px;*/
}
/*--Window/Masking Styles--*/
.window {
	height: 314px;
	width: 980px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
	margin-bottom: 15px;
	-webkit-box-shadow: 0px 0px 18px 1px #4b7596;
	-moz-box-shadow: 0px 0px 18px 1px #4b7596;
	box-shadow: 0px 0px 18px 1px #4b7596; 
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {float: left;}

/*--Paging Styles--*/
.paging {
	position: absolute;
	bottom: -4px;
	right: 0px;
	width: 90px;
	height:15px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	display: none; --Hidden by default, will be later shown with jQuery--*/
}
.paging a {
	margin-right: 5px;
	background: url(../../assets/images/banner/greydot.png) no-repeat;
	width: 13px;
	height: 12px;
	display: block;
	float: left;
}
.paging a.active {
	margin-right: 5px;
	background: url(../../assets/images/banner/bluedot.png) no-repeat;
	width: 13px;
	height: 12px;
	display: block;
}
.paging a:hover {
	margin-right: 5px;
	background: url(../../assets/images/banner/bluedot.png) no-repeat;
	width: 13px;
	height: 12px;
}


#training-support{
	background: url(../../assets/images/sftrainingbuttonsprite.png) no-repeat;
	background-position: 0px 0px;
	height: 70px;
	width: 284px;
}

#training-support a{
	display: block;
	height: 70px;
	width: 284px;
}

#training-support span{
	display: none;
}

#training-support:hover{
	background: url(../../assets/images/sftrainingbuttonsprite.png) no-repeat;
	background-position: 0px -70px;
	height: 70px;
	width: 284px;
}

#sf-faqs{
	background: url(../../assets/images/sffaqbuttonsprite.png) no-repeat;
	background-position: 0px 0px;
	height: 70px;
	width: 284px;
}

#sf-faqs a{
	display: block;
	height: 70px;
	width: 284px;
}

#sf-faqs span{
	display: none;
}

#sf-faqs:hover{
	background: url(../../assets/images/sffaqbuttonsprite.png) no-repeat;
	background-position: 0px -70px;
	height: 70px;
	width: 284px;
}



/*------------------------SIMPLE MODAL CSS-------------------------*/

/*
 * SimpleModal Basic Modal Dialog
 * http://www.ericmmartin.com/projects/simplemodal/
 * http://code.google.com/p/simplemodal/
 *
 * Copyright (c) 2010 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 *
 * Revision: $Id: basic.css 257 2010-07-27 23:06:56Z emartin24 $
 */

#basic-modal-content {display:none;}
#video-content {display:none;}
#gotsalesforce {display:none;}
#youtube-player{margin-top: -10px;}
/* Overlay */
#simplemodal-overlay {background-color:#000; cursor:wait;}

/* Container */
#simplemodal-container {
	/*background: url('/assets/images/pop-bg.png');*/
	/*height:465px; 
	width:700px;*/ 
	color:#bbb; 
	background-color:#fff; 
	border:4px solid #fff; 
	padding:12px;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
	z-index:25000;
    /*-moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
    -webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.2);*/
}
#simplemodal-container .simplemodal-data {padding:8px;}
#simplemodal-container code {background:#141414; border-left:3px solid #1b7fb3; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url(../images/x.png) no-repeat; width:68px; height:65px; display:inline; z-index:30000; position:absolute; top:-36px; right:-36px; cursor:pointer;}
#simplemodal-container h3 {color:#1b7fb3;}

#pop-title{
	width: 215px;
	height: 77px;
	margin: -24px 0px 0px -24px;	
}

#pop-footer{
	width: 510px;
	height: 72px;
	margin-left: -24px;	
}

.left{
	float: left;
	padding-right: 10px;	
}

.left p{
	padding-bottom: 10px;
}

#pop-footer .left p a{
	color: #1c80b3;	
}

#pop-footer .left p a:hover{
	color: #1c80b3;
	text-decoration: underline;	
}

#contact-form{
	width: 600px;
	margin-left: 35px;
	margin-bottom: 25px;
	padding: 20px;
}

#contact-form input {
	width:270px; 
	height:20px; 
	border:2px solid #e5e5e5;
	background:#fff; 
	padding:2px 0 2px 2px;
	font-size:13px;
	font-family: Arial, Helvetica, sans-serif;
	line-height:16px; 
	color:#7a7a7a;
}

#contact-form input .error {
	width:270px; 
	height:20px; 
	border:2px solid #e70202;
	background:#fff; 
	padding:2px 0 2px 2px;
	font-size:13px;
	font-family: Arial, Helvetica, sans-serif;
	line-height:16px; 
	color:#7a7a7a;
}


#contact-form textarea{
	color: #7a7a7a;
	border: 2px solid #e5e5e5;
	padding:2px 0 0 2px;
	font-size:13px;
	font-family: Arial, Helvetica, sans-serif;
	background:#fff;
	overflow:auto;
	line-height:16px;
	width:562px; 
	height:80px;
	max-width: 562px;
	min-width: 562px;
	max-height: 80px;
	min-height: 80px;
}

.box-left p{
	padding-bottom: 5px;	
}

#contact-form #submit{
	background: url('../images/submit.png') no-repeat transparent;
	border: 0;
	cursor: pointer;
	margin-top: 5px;
	width: 116px;
	height: 28px;
}

.box-left{
	float: left;
	padding-right: 16px;
}

#form-notes{
	float: left;
	width: 400px;
}

#form-notes-1{
	float: left;
	width: 320px;
	margin-left: 110px;
}	


#form-submit{
	float: left;
	width: 116px;
	height: 28px;
	margin-left: 50px;
}

#form-submit-1{
	float: left;
	width: 116px;
	height: 28px;
	margin-left: 50px;
}

#human-scan{ 
	visibility:hidden;  
	display:none;  
}  

#human_scan{ 
	visibility:hidden;  
	display:none;  
}  

#contact-form-1{
	width: 600px;
	margin-left: -20px;
	margin-bottom: 25px;
	padding: 20px;
}

#contact-form-1 input {
	width:270px; 
	height:20px; 
	border:2px solid #e5e5e5;
	background:#fff; 
	padding:2px 0 2px 2px;
	font-size:13px;
	font-family: Arial, Helvetica, sans-serif;
	line-height:16px; 
	color:#7a7a7a;
}

#contact-form input-1 .error {
	width:270px; 
	height:20px; 
	border:2px solid #e70202;
	background:#fff; 
	padding:2px 0 2px 2px;
	font-size:13px;
	font-family: Arial, Helvetica, sans-serif;
	line-height:16px; 
	color:#7a7a7a;
}


#contact-form-1 textarea{
	color: #7a7a7a;
	border: 2px solid #e5e5e5;
	padding:2px 0 0 2px;
	font-size:13px;
	font-family: Arial, Helvetica, sans-serif;
	background:#fff;
	overflow:auto;
	line-height:16px;
	width:480px; 
	height:120px;
	max-width: 480px;
	min-width: 480px;
	max-height: 120px;
	min-height: 120px;
}

#contact-form-1 #submit{
	background: url('../images/submit.png') no-repeat transparent;
	border: 0;
	cursor: pointer;
	margin-top: 5px;
	width: 116px;
	height: 28px;
}

#contact-form-1 #submit-1{
	background: url('../images/submit.png') no-repeat transparent;
	border: 0;
	cursor: pointer;
	margin-top: 5px;
	width: 116px;
	height: 28px;
}

span.col{
	width: 90px;
	float: left;
	text-align: right;
	padding-right: 20px;
	font-size:14px;
}

#contact-form-1 p{
	padding-bottom: 10px;
}

#contact-form-marketing p{
	padding-bottom: 10px;
}

#contact-form-marketing{
	width: 400px;
	margin-left: -20px;
	margin-bottom: 25px;
	padding: 20px;
}

#contact-form-marketing input {
	width:270px; 
	height:20px; 
	border:2px solid #e5e5e5;
	background:#fff; 
	padding:2px 0 2px 2px;
	font-size:13px;
	font-family: Arial, Helvetica, sans-serif;
	line-height:16px; 
	color:#7a7a7a;
}

#contact-form-marketing input-1 .error {
	width:270px; 
	height:20px; 
	border:2px solid #e70202;
	background:#fff; 
	padding:2px 0 2px 2px;
	font-size:13px;
	font-family: Arial, Helvetica, sans-serif;
	line-height:16px; 
	color:#7a7a7a;
}


#contact-form-marketing textarea{
	color: #7a7a7a;
	border: 2px solid #e5e5e5;
	padding:2px 0 0 2px;
	font-size:13px;
	font-family: Arial, Helvetica, sans-serif;
	background:#fff;
	overflow:auto;
	line-height:16px;
	width:480px; 
	height:120px;
	max-width: 270px;
	min-width: 270px;
	max-height: 120px;
	min-height: 120px;
}

#contact-form-marketing #submit{
	background: url('../images/submit.png') no-repeat transparent;
	border: 0;
	cursor: pointer;
	margin-top: 5px;
	width: 116px;
	height: 28px;
}

#contact-form-marketing #submit-1{
	background: url('../images/submit-clear.png') no-repeat transparent;
	border: 0;
	cursor: pointer;
	margin-top: 5px;
	width: 116px;
	height: 28px;
}

#form-notes-marketing{
	float: left;
	width: 170px;
	margin-left: 110px;
}

#form-notes-marketing p{
	font-size: 10px;
}	

#form-submit-marketing{
	float: left;
	width: 116px;
	height: 28px;
	margin-left: -10px;
}

#form-style{
	padding:5px;
	background-color: #e5e5df;
	width: 400px;
	-moz-border-radius: 5px;
    border-radius: 5px;
	-webkit-box-shadow:0 5px 5px 0 rgba(0, 0, 0, 0.7);
    -moz-box-shadow:0 5px 5px 0 rgba(0, 0, 0, 0.7);
    box-shadow:0 5px 5px 0 rgba(0, 0, 0, 0.7);
}


/*--------------------------------VALIDATOR CSS--------------------------*/

@charset "utf-8";
/* www.dinnermint.org/css/creating-triangles-in-css/ */
.error-message {
  background-color:#de1111;
  /*border:1px solid #e8e355;*/
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #fff;
  font-size:13px;
  padding:10px;
  position:absolute;
  z-index: 1000;
  text-align:left;
  width:300px;
  margin: 20px 0px 0px 452px;
/*  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius: 4px;
  -moz-box-shadow:0 0 5px #cccccc;
  -webkit-box-shadow:0 0 5px #cccccc;
  box-shadow: 5px;*/
  visibility: hidden;
}

/*.error-message-arrow-border {
  border-style: solid;
  border-width: 10px;
  height:0;
  width:0;
  position:absolute;
}

.error-message-arrow {
  border-style: solid;
  border-width: 10px;
  height:0;
  width:0;
  position:absolute;
}

.error-message-arrow-border-top{bottom:-21px; left:30px;  border-color: #e8e355 transparent transparent transparent;}
.error-message-arrow-top{bottom:-19px; left:30px; border-color: #fefde2 transparent transparent transparent;}*/

.error-message-arrow-border-bottom{top:-21px; left:30px; border-color: transparent transparent #e8e355 transparent;}
.error-message-arrow-bottom{top:-19px; left:30px; border-color: transparent transparent #fefde2 transparent;}

.error-message-arrow-border-left{top:2px; left:277px; border-color: transparent transparent transparent #e8e355;}
.error-message-arrow-left{top:2px; left:275px; border-color: transparent transparent transparent #fefde2;}

.error-message-arrow-border-right{top:2px; left:-22px; border-color: transparent #e8e355 transparent transparent;}
.error-message-arrow-right{top:2px; left:-20px; border-color: transparent #fefde2 transparent transparent;}

 /* IE6
.error-message-arrow {_border-left-color: pink;_border-bottom-color: pink;_border-right-color: pink;_filter: chroma(color=pink);}
.error-message-arrow {_border-left-color: pink;_border-bottom-color: pink;_border-right-color: pink;_filter: chroma(color=pink);}
.error-message-arrow {_border-left-color: pink;_border-bottom-color: pink;_border-right-color: pink;_filter: chroma(color=pink);}
.error-message-arrow {_border-left-color: pink;_border-bottom-color: pink;_border-right-color: pink;_filter: chroma(color=pink);} */

/*LAYOUT STYLES*/
#main { width:100%; height: 375px; margin:auto;}
.content { width:980px; margin:auto; padding-bottom: 75px; /*height: 100%;*/}
.content-footer { width:980px; margin:auto; padding-top: -348px;}
#header { width: 980px; }
#footer-l { width: 650px; }
#footer-r { width: 275px; }

#if-form{
	background: url(../images/contactbackground.png);
	width: 284px;
	height: 464px;	
}

#if-form-services{
	background: url(../images/contactbackgroundservices.png);
	width: 284px;
	height: 464px;	
}

#if-form-home{
	background: url(../images/contactbackgroundhome.png);
	width: 284px;
	height: 464px;	
}

#if-form-mobile{
	background: url(../images/contactbackgroundmobile.png);
	width: 284px;
	height: 464px;	
}

#inline-form{
	width: 284px;
}

#inline-form p{
	padding-bottom: 8px;
}

#inline-form input {
	height:20px; 
	border:2px solid #fff;
	background:#fff; 
	padding:2px 0 2px 2px;
	font-size:13px;
	font-family: Arial, Helvetica, sans-serif;
	line-height:16px; 
	color:#7a7a7a;
}

#inline-form textarea{
	color: #7a7a7a;
	border: 2px solid #fff;
	padding:2px 0 0 2px;
	font-size:13px;
	font-family: Arial, Helvetica, sans-serif;
	background:#fff;
	overflow:auto;
	line-height:16px;
	width:247px; 
	height:120px;
	max-width: 247px;
	min-width: 247px;
	max-height: 120px;
	min-height: 120px;
}

#inline-form #submit{
	background: url('../images/submit-b.png') no-repeat transparent;
	border: 0;
	cursor: pointer;
	margin-top: 5px;
	width: 118px;
	height: 30px;
	margin-left: 137px;
}

.list_carousel {
	/*background-color: #ccc;
	width: 360px;*/
	margin: 0;
	height:100px;
	padding-top:10px;
	padding-left: 35px;
	overflow:hidden;
}

.clearfix {
	float: none;
	clear: both;
}

#if-form-cloud{
	background: url(../images/contactbackgroundcloud.png);
	width: 284px;
	height: 464px;	
}

#contact-us-amazon{
	width: 284px;
	height: 110px;
	background: url('../images/BigContactSpriteAmazonCloud.png') no-repeat;
	background-position: 0px 0px;
}

#contact-us-amazon:hover{
	width: 284px;
	height: 110px;
	background: url('../images/BigContactSpriteAmazonCloud.png') no-repeat;
	background-position: 0px -110px;
}

#contact-us-amazon a{
	display: block;
	width: 284px;
	height: 110px;
}

#contact-us-amazon span{
	display: none;
}

#contact-us-google{
	width: 284px;
	height: 110px;
	background: url('../images/BigContactSpriteGoogleCloud.png') no-repeat;
	background-position: 0px 0px;
}

#contact-us-google:hover{
	width: 284px;
	height: 110px;
	background: url('../images/BigContactSpriteGoogleCloud.png') no-repeat;
	background-position: 0px -110px;
}

#contact-us-google a{
	display: block;
	width: 284px;
	height: 110px;
}

#contact-us-google span{
	display: none;
}

#contact-us-salesforce{
	width: 284px;
	height: 110px;
	background: url('../images/BigContactSpriteSFcloud.png') no-repeat;
	background-position: 0px 0px;
}

#contact-us-salesforce:hover{
	width: 284px;
	height: 110px;
	background: url('../images/BigContactSpriteSFcloud.png') no-repeat;
	background-position: 0px -110px;
}

#contact-us-salesforce a{
	display: block;
	width: 284px;
	height: 110px;
}

#contact-us-salesforce span{
	display: none;
}

#contact-us-cloud-services{
	width: 284px;
	height: 110px;
	background: url('../images/BigContactSpriteCloudSolutions.png') no-repeat;
	background-position: 0px 0px;
}

#contact-us-cloud-services:hover{
	width: 284px;
	height: 110px;
	background: url('../images/BigContactSpriteCloudSolutions.png') no-repeat;
	background-position: 0px -110px;
}

#contact-us-cloud-services a{
	display: block;
	width: 284px;
	height: 110px;
}

#contact-us-cloud-services span{
	display: none;
}

#video-google{
	width: 284px;
	height: 215px;
	background: url('../images/GoogleVideoSprite.png') no-repeat;
	background-position: 0px 0px;
}

#video-google:hover{
	width: 284px;
	height: 215px;
	background: url('../images/GoogleVideoSprite.png') no-repeat;
	background-position: 0px -215px;
}

#video-google a{
	display: block;
	width: 284px;
	height: 215px;
}

#video-google span{
	display: none;
}

.logo-holder-7{
	width: 	174px;
	float: left;
}

.product-desc-inner-cloud-salesforce{
	width: 475px;
	float: left;
	padding-top: 20px;
}