/*------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------  HEADER  ----------------------------------------------*/
/*------------------------------------------------------------------------------------------------------*/
 
#home_page #header #navigation a#home_link { /*   Highlights the current page link   */
	/*background-position: bottom;*/
	background-position: 0px -52px;
}



/*------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------  BANNER  ----------------------------------------------*/
/*------------------------------------------------------------------------------------------------------*/

.banner#home_banner {
	height:317px;
}

.banner#home_banner #scroll2 .banner_text {
	top: 50px;
	left: 230px;
}

.banner#home_banner #scroll4 .banner_text {
	top: 85px;
	left: 20px;
	width: 260px;
}

.banner#home_banner #banner_cycle {
	float:left;
	position: relative;
	color:#FFFFFF;
}

.banner#home_banner .window {
	height:317px;
	width: 678px;
	overflow: hidden; /* Hides anything outside of the set width/height */
	position: relative;
	padding:0;
	margin:0;
}

.banner#home_banner .image_reel {
	position: absolute;
	top: 0; left: 0;
}

/* img scrolls */

.banner#home_banner .image_reel span {
	display: block;
	float: left;
	position:absolute;
	top:0;
	left:0;
	width:678px;
	height:317px;
}

.banner#home_banner .image_reel span#scroll1 {
	z-index:13;
	background-image: url(../_images/banners/hero-home1.jpg);
}

.banner#home_banner .image_reel span#scroll2 {
	z-index:12;
	background-image: url(../_images/banners/hero-home2.jpg);
}

.banner#home_banner .image_reel span#scroll3 {
	z-index:11;
	background-image: url(../_images/banners/hero-home3.jpg);
}

.banner#home_banner .image_reel span#scroll4 {
	z-index:10;
	background-image: url(../_images/banners/hero-home4.jpg);
}

/* img scrollers */

.banner#home_banner .paging {
	position: absolute;
	bottom: 13px; left: 15px;
	width: 107px;
	height:15px;
	text-align: center;
	z-index: 100; /* Assures the paging stays on the top layer */
	line-height: 40px;
	display: none; /* Hidden by default, will be later shown with jQuery */
}

.banner#home_banner .paging .loading {
	display: block;
	float:left;
	padding: 0;
	margin:-1px 5px 0 -1px;
	width:16px;
	height:16px;
	background: url(../_images/home/loader.gif);
}

.banner#home_banner .paging a {
	display: block;
	text-indent:-10000px;
	overflow:hidden;
	float:left;
	padding: 0;
	margin-right:8px;
	width:13px;
	height:13px;
	background: url(../_images/home/paging.png) top;
}

.banner#home_banner .paging a:hover {
	background: url(../_images/home/paging.png) 0 -13px;
}

.banner#home_banner .paging a.active {
	background: url(../_images/home/paging.png) 0 -26px;
}

.banner#home_banner .paging a.active:hover {
	background: url(../_images/home/paging.png) 0 -26px;
}

.banner#home_banner #login_signup {
	float:right;
	width:316px;
	height:317px;
	background: url(../_images/home/bg-login.jpg) no-repeat;
	font-weight:bold;
	padding:0;
	margin:0;
}

.banner#home_banner #login_signup form {
	width:282px;
	height: 110px;
	margin:17px 0 0 17px;
	padding:0;
	display: block;
}

.banner#home_banner #login_signup label {
	width:130px;
	height:22px;
	height/**/:/**/ 24px;
	padding:0;
	margin:0 0 6px 0;
	float: left;
	line-height:22px;
}

.banner#home_banner #login_signup input {
	width:142px;
	height:22px;
	line-height:22px;
	padding:0 2px;
	float: right;
	margin:0 0 6px 0;
	background-color: #FFFFFF;
	border: 1px solid #787878;
}

.banner#home_banner #login_signup input#submit {
	text-indent:-10000px;
	overflow:hidden;
	border: none;
	height:44px;
	width:87px;
	margin: 3px 65px 0 0;
	background: url(../_images/home/btn-login.jpg) top;
	cursor:pointer;
	line-height: 5;
}

.banner#home_banner #login_signup input#submit:hover {
	background-position: bottom;
}

.banner#home_banner #login_signup a {
	display:block;
	color: #000000;
	text-decoration:underline;
	line-height:20px;
	padding-left:150px;
}

.banner#home_banner #login_signup a:hover {
	color: #015baf;
}

.banner#home_banner #login_signup a#free_sms {
	text-indent:-10000px;
	overflow:hidden;
	width:293px;
	height:68px;
	margin:70px 0 0 11px;
	padding-left:0;
	background: url(../_images/home/btn-free-trial.jpg) top;
}

.banner#home_banner #login_signup a#free_sms:hover {
	background-position: bottom;
}



/*------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------  MAIN BODY  ---------------------------------------------*/
/*------------------------------------------------------------------------------------------------------*/

.main_body {
	height: 330px;
}

.main_body p { /*   Text   */
	padding:14px 18px 0 0;
	margin:0;
	line-height:18px;
}



/*------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------  CAROUSEL  ---------------------------------------------*/
/*------------------------------------------------------------------------------------------------------*/

#carousel_background {
	margin: 13px auto 0 auto;
	position: relative;
	width: 994px;
	height: 115px; /* 230px non-js browsers */
	background: url(../_images/home/bg-grey-middle.jpg);
}

#carousel_bar_left {
	height:115px; /* 230px non-js browsers */
	width: 15px;
	position:absolute;
	top:0;
	left:0;
	background: url(../_images/home/bg-grey-left.jpg);
}

#carousel_bar_right {
	height:115px; /* 230px non-js browsers */
	width: 15px;
	position:absolute;
	top:0;
	right:0;
	background: url(../_images/home/bg-grey-right.jpg);
}

#carousel_background #carousel_container {
	z-index:1;
	width: 947px; /* delete me for non-js browsers */
	height: 115px; /* delete me for non-js browsers */
	left:4px;
	float:left;
	overflow: hidden;
	white-space:nowrap;
	position: relative;
}

#carousel_background #carousel_container #carousel {
	padding:4px 4px 4px 0;
	display: block;
	width: 1980px; /* delete me for non-js browsers */
	height: 115px;
	position: absolute;
	left:0;
	margin:0;
	list-style:none;
}


#carousel_background #carousel_container #carousel li {
	float:left;
}

#carousel_background #carousel_container #carousel li a {
	display: block;
	text-indent: -10000px;
	overflow: hidden;
	width:188px;
	height:107px;
	margin:0 2px 8px 0;
	padding:0;
	background: #EEEEEE url(../_images/home/btn-home.jpg) 0 0;
}

#carousel_background #carousel_container #carousel li#desktop_sms a {
	background-position: 0px 0px;
}

#carousel_background #carousel_container #carousel li#desktop_sms a:hover {
	background-position: 0px -107px;
}

#carousel_background #carousel_container #carousel li#web_sms a {
	background-position: -190px 0px;
}

#carousel_background #carousel_container #carousel li#web_sms a:hover {
	background-position: -190px -107px;
}

#carousel_background #carousel_container #carousel li#sharepoint_2010_sms a {
	background-position: -1710px 0px;
}

#carousel_background #carousel_container #carousel li#sharepoint_2010_sms a:hover {
	background-position: -1710px -107px;
}

#carousel_background #carousel_container #carousel li#outlook_2010_sms a {
	background-position: -1900px 0px;
}

#carousel_background #carousel_container #carousel li#outlook_2010_sms a:hover {
	background-position: -1900px -107px;
}

#carousel_background #carousel_container #carousel li#outlook_sms a {
	background-position: -380px 0px;
}

#carousel_background #carousel_container #carousel li#outlook_sms a:hover {
	background-position: -380px -107px;
}

#carousel_background #carousel_container #carousel li#sms_api a {
	background-position: -570px 0px;
}

#carousel_background #carousel_container #carousel li#sms_api a:hover {
	background-position: -570px -107px;
}

#carousel_background #carousel_container #carousel li#corporate_accounts a {
	background-position: -760px 0px;
}

#carousel_background #carousel_container #carousel li#corporate_accounts a:hover {
	background-position: -760px -107px;
}

#carousel_background #carousel_container #carousel li#email_sms a {
	background-position: -950px 0px;
}

#carousel_background #carousel_container #carousel li#email_sms a:hover {
	background-position: -950px -107px;
}

#carousel_background #carousel_container #carousel li#bulk_sms a {
	background-position: -1140px 0px;
}

#carousel_background #carousel_container #carousel li#bulk_sms a:hover {
	background-position: -1140px -107px;
}

#carousel_background #carousel_container #carousel li#multi_user_accounts a {
	background-position: -1330px 0px;
}

#carousel_background #carousel_container #carousel li#multi_user_accounts a:hover {
	background-position: -1330px -107px;
}

#carousel_background #carousel_container #carousel li#schedule_sms a {
	background-position: -1520px 0px;
}

#carousel_background #carousel_container #carousel li#schedule_sms a:hover {
	background-position: -1520px -107px;
}

#carousel_background #carousel_button {
	float: right;
	position:relative;
	top:0px;
	right:0px;
	width:40px;
	height:115px;
	overflow: hidden;
	cursor: pointer;
}

#carousel_background #carousel_button.right_arrow {
	background: url(../_images/home/carousel_nav.jpg) -40px 0px;
}

#carousel_background #carousel_button.right_arrow:hover {
	background-position:-40px -115px;
}

#carousel_background #carousel_button.right_arrow.hover_blue {
	background-position:-40px -115px;
}

#carousel_background #carousel_button.left_arrow {
	background: url(../_images/home/carousel_nav.jpg) 0px 0px;
}

#carousel_background #carousel_button.left_arrow:hover {
	background-position:0px -115px;
}

#carousel_background #carousel_button.left_arrow.hover_blue {
	background-position:0px -115px;
}



/*------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------  LEFT COLUMN  -------------------------------------------*/
/*------------------------------------------------------------------------------------------------------*/

#home_page #sms_business_solutions_menu {
	height:330px;
}



/*------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------  LEFT COLUMN  -------------------------------------------*/
/*------------------------------------------------------------------------------------------------------*/

#testimonials { /*   Content   */
	float: left;
	vertical-align: top;
	width:188px;
	height:330px;
	background: #ffffff url(../_images/home/box1-middle.jpg) repeat-y;
	padding:0;
	margin-right:8px;
	position: relative;
}

#testimonials_top { /*   Top   */
	width:188px;
	height:15px;
	position:absolute;
	top:0;
	left:0;
	background: url(../_images/home/box1-top.jpg) top no-repeat;
}

#testimonials_bottom { /*   Bottom   */
	width:188px;
	height:15px;
	position:absolute;
	bottom:0;
	left:0;
	background: url(../_images/home/box1-bottom.jpg) bottom no-repeat;
}

#testimonials h2 { /*   Heading   */
	text-indent:-10000px;
	overflow:hidden;
	height:17px;
	width:106px;
	margin:20px 0 0 16px;
	background: url(../_images/home/title-testimonials.jpg) no-repeat;
}

#testimonials p#testimonial_text {
	height:166px;
	overflow: hidden;
	margin-left:16px;
}

#testimonials p#testimonial_name {
	font-weight:bold;
	color:#777777;
	padding:0 0 10px 0;
	margin-left:16px;
}

#testimonials a { /*   See All   */
	padding-right:15px;
	background: url(../_images/arrow-menu-blue.jpg) no-repeat right;
	margin-left:16px;
}



/*------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------  CENTER COLUMN  ------------------------------------------*/
/*------------------------------------------------------------------------------------------------------*/

#welcome { /*   Content   */
	float: right;
	vertical-align: top;
	width:564px;
	height:330px;
	background: #ffffff url(../_images/home/box2-middle.jpg) repeat-y;
	padding:0;
	margin-right:8px;
	position: relative;
}

#welcome_top { /*   Top   */
	width:564px;
	height:15px;
	position:absolute;
	top:0;
	left:0;
	background: url(../_images/home/box2-top.jpg) top no-repeat;
}

#welcome_bottom { /*   Bottom   */
	width:564px;
	height:15px;
	position:absolute;
	bottom:0;
	left:0;
	background: url(../_images/home/box2-bottom.jpg) bottom no-repeat;
	z-index: 100;
}

#welcome #h2_welcome { /*   Heading 1   */
	text-indent:-10000px;
	overflow:hidden;
	height:17px;
	width:75px;
	margin:20px 0 0 0;
	background: url(../_images/home/title-welcome.jpg) no-repeat;
	margin-left:18px;
}

#welcome #h2_our_clients { /*   Heading 2   */
	text-indent:-10000px;
	overflow:hidden;
	height:17px;
	width:470px;
	float: left;
	display: inline;
	margin:0 0 14px 0;
	padding:0;
	background: url(../_images/home/a-selection-of-our-clients.jpg) no-repeat;
	margin-left:18px;
}

#welcome p {
	margin-left:16px;
}

#welcome span { /*   Race river ...   */
	display: block;
	text-align: center;
	padding: 10px 0 10px 0;
	margin:0 18px 10px 18px;
	font-size:10px;
	font-weight: bold;
	color:#777777;
	border-bottom: 1px solid #888888;
}
#welcome span span { /*   Race river ...   */
	font-size: 9px;
	padding: 0;
	margin: 0;
	border-bottom: none;
}

#welcome div { /*   See All   */
	display: block;
	float: left;
	height:17px;
}

#welcome div a { /*   See All   */
	padding-right:15px;
	background: url(../_images/arrow-menu-blue.jpg) no-repeat right;
}

#welcome ul { /*   Clients   */
	padding:0;
	float: left;
	display: inline;
	position: relative;
	margin:0;
	list-style-type: none;
	margin-left:16px;
	z-index: 1000;
}

#welcome ul li { /*   Default Logo   */
	float: left;
	display:block;
	height:39px;
	text-indent:-10000px;
	overflow:hidden;
	margin: 0 10px;
	background: url(../_images/home/logo-home.jpg) 0 0;
}

#welcome ul li#logo1 { /*   Logo 1   */
	background-position: 0 0;
	width:33px;
	margin-left: 0;
}

#welcome ul li#logo2 { /*   Logo 2   */
	background-position: -54px 0;
	width:45px;
}

#welcome ul li#logo3 { /*   Logo 3   */
	background-position: -120px 0;
	width:43px;
}

#welcome ul li#logo4 { /*   Logo 4   */
	background-position: -185px 0;
	width:30px;
}

#welcome ul li#logo5 { /*   Logo 5   */
	background-position: -239px 0;
	width:49px;
}

#welcome ul li#logo6 { /*   Logo 6   */
	background-position: -310px 0;
	width:69px;
}

#welcome ul li#logo7 { /*   Logo 7   */
	background-position: -397px 0;
	width:43px;
}

#welcome ul li#logo8 { /*   Logo 8   */
	background-position: -455px 0;
	width:72px;
}