@charset "utf-8";

body {
	background-image: url(images/background.gif);
	background-repeat: repeat-x;
	background-color:#CAD5E0;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

#main {
	margin: 0px auto;
	text-align: left;
	width: 934px;
	margin-top:15px;
	margin-bottom:15px;
}

#container {
	text-align: left;
	width: 934px;
}

#main_image_blank{
	position:relative;
	background-image:url(images/main_image_blank.jpg);
	width: 934px;
	height: 320px;
}
#main_banner_holder
{
	position:relative;
	width:934px;
}
#main_image_banner{
	position:relative;
	background-image:url(images/main_image_xrm.jpg);
	width: 934px;
	height: 300px;
}
#main_image_video{
	position:relative;
	background-image:url(images/main_image_xrm.jpg);
	width: 934px;
	height: 470px;
}

#main_content{
	position:relative;
	background-color:#E5E5E5;
	width: 934px;
	padding-bottom:50px;
}

/* Top Navigation Bar */

#top_nav{
	position: relative;
	background-image: url(images/top_nav_background.gif);
	width: 934px;
	height: 58px;
}

#top_nav_buttons{
	position:absolute;
	width: 612px;
	height: 58px;
	left: 300px;
}

#nav_01 a{
	position:absolute;
	text-align: center;
	display: block;
	width: 100px;
	height: 58px;
	left: 2px;
	background: url("images/nav_button.gif");
	text-decoration: none;
}
#nav_01 a:hover{
	background-position: 0 -58px;
}
#nav_01 a:active{
	background-position: 0 -58px;
}

#nav_02 a{
	position:absolute;
	text-align: center;
	display: block;
	width: 100px;
	height: 58px;
	left: 104px;
	background: url("images/nav_button.gif");
	text-decoration: none;
}
#nav_02 a:hover{
	background-position: 0 -58px;
}
#nav_02 a:active{
	background-position: 0 -58px;
}

#nav_03 a{
	position:absolute;
	text-align: center;
	display: block;
	width: 100px;
	height: 58px;
	left: 206px;
	background: url("images/nav_button.gif");
	text-decoration: none;
}
#nav_03 a:hover{
	background-position: 0 -58px;
}
#nav_03 a:active{
	background-position: 0 -58px;
}

#nav_04 a{
	position:absolute;
	text-align: center;
	display: block;
	width: 100px;
	height: 58px;
	left: 308px;
	background: url("images/nav_button.gif");
	text-decoration: none;
}
#nav_04 a:hover{
	background-position: 0 -58px;
}
#nav_04 a:active{
	background-position: 0 -58px;
}

#nav_05 a{
	position:absolute;
	text-align: center;
	display: block;
	width: 100px;
	height: 58px;
	left: 410px;
	background: url("images/nav_button.gif");
	text-decoration: none;
}
#nav_05 a:hover{
	background-position: 0 -58px;
}
#nav_05 a:active{
	background-position: 0 -58px;
}

#nav_06 a{
	position:absolute;
	text-align: center;
	display: block;
	width: 100px;
	height: 58px;
	left: 512px;
	background: url("images/nav_button.gif");
	text-decoration: none;
}
#nav_06 a:hover{
	background-position: 0 -58px;
}
#nav_06 a:active{
	background-position: 0 -58px;
}

/* Middle Navigation Bar */
#middle_nav
{
	position:relative;
	width: 900px;
	left: 23px;
	z-index:3;
	height:40px;
}

/* Bottom Navigation Bar */

#bottom_nav{
	position: relative;
	background-image: url(images/bottom_nav_background.gif);
	width: 934px;
	height: 64px;
	margin-bottom:15px;
}

#bottom_nav_buttons{
	position:absolute;
	width: 934px;
	height: 64px;
	left: 0px;
}

#bottom_nav_01 a{
	position:absolute;
	display: block;
	width: 108px;
	height: 64px;
	left: 415px;
	background: url("images/xrm_bottom_logo.gif");
	text-decoration: none;
}
#bottom_nav_01 a:hover{
	background-position: 0 -64px;
}
#bottom_nav_01 a:active{
	background-position: 0 -64px;
}
#bottom_nav_04 a{
	position:absolute;
	display: block;
	width: 170px;
	height: 64px;
	left: 21px;
	background: url("images/streamsol.gif");
	text-decoration: none;
}
#bottom_nav_04 a:hover{
	background-position: 0 -64px;
}
#bottom_nav_04 a:active{
	background-position: 0 -64px;
}

#bottom_nav_02 a{
	position:absolute;
	display: block;
	width: 146px;
	height: 64px;
	left: 128px;
	background: url("images/xrm_live_bottom_logo.gif");
	text-decoration: none;
}
#bottom_nav_02 a:hover{
	background-position: 0 -64px;
}
#bottom_nav_02 a:active{
	background-position: 0 -64px;
}

#bottom_nav_03 a{
	position:absolute;
	display: block;
	width: 152px;
	height: 64px;
	right: 21px;
	background: url("images/hostedmscrm.gif");
	text-decoration: none;
}
#bottom_nav_03 a:hover{
	background-position: 0 -64px;
}
#bottom_nav_03 a:active{
	background-position: 0 -64px;
}
/* footer logos */

#footer-logos{
	list-style:none;
	overflow:hidden;
	padding-left:18px;
}

#footer-logos li{
	display:block;
	width:228px;
	float:left;
	padding-top:16px;
}
#footer-logos li a{
	display:block;
	margin:0px auto;
	background: transparent url('images/footer-sprite2.png')
}
ul#footer-logos li a:active{
	outline:0px;
}
#footer-streamsol a{
	width:190px;
	height:38px;
}
#footer-streamsol a:hover{
	background-position:0px bottom;
}
li#footer-xrm a{
	background-position:-191px 0px;
	width:68px;
	height:38px;
}
#footer-xrm a:hover{
	background-position:-191px bottom;
}
li#footer-xrm-live a{
	background-position:-259px 0px;
	width:66px;
	height:38px;
}
li#footer-xrm-live a:hover{
	background-position:-259px bottom;
}

li#footer-hosted a{
	background-position:-325px 0px;
	width:158px;
	height:38px;
}

#footer-hosted a:hover{
	background-position:-325px bottom;
}




/* Main image */

#main_image_blank2{ /* main_image = mi, below*/
	position:relative;
	background-image:url(images/main_image_blank2.jpg);
	width: 934px;
	height: 320px;
}

#mi_business_woman_large{
	position:relative;
	background-image:url(images/mi_business_woman.jpg);
	width: 934px;
	height: 520px;
}

#mi_blank_200px{
	position:relative;
	background-image:url(images/main_image_200px.jpg);
	width: 934px;
	height: 200px;
}

#status_bar {
	position:relative;
	width: 934px;
	height: 136px;
	top: 30px;
}

#status_left_on {
	position:absolute;
	background-image:url(images/status_bar_left_on.gif);
	background-repeat: repeat-x;
	background-color:#CAD5E0;
	width: 41px;
	height: 136px;
	left: 0px;
}

#status_left_off {
	position:absolute;
	background-image:url(images/status_bar_left_off.gif);
	background-repeat: repeat-x;
	background-color:#CAD5E0;
	width: 41px;
	height: 136px;
	left: 0px;
}

#status_right_on {
	position:absolute;
	background-image:url(images/status_bar_right_on.gif);
	background-repeat: repeat-x;
	background-color:#CAD5E0;
	width: 41px;
	height: 136px;
	left: 893px;
}

#status_right_off {
	position:absolute;
	background-image:url(images/status_bar_right_off.gif);
	background-repeat: repeat-x;
	background-color:#CAD5E0;
	width: 41px;
	height: 136px;
	left: 893px;
}


#step1_on {
	position:absolute;
	background-image:url(images/status_bar_on1.jpg);
	width: 213px;
	height: 136px;
	left: 41px;
}

#step2_on {
	position:absolute;
	background-image:url(images/status_bar_on2.jpg);
	width: 213px;
	height: 136px;
	left: 254px;
}

#step3_on {
	position:absolute;
	background-image:url(images/status_bar_on3.jpg);
	width: 213px;
	height: 136px;
	left: 467px;
}

#step4_on {
	position:absolute;
	background-image:url(images/status_bar_on4.jpg);
	width: 213px;
	height: 136px;
	left: 680px;
}

#step1_off {
	position:absolute;
	background-image:url(images/status_bar_off1.jpg);
	width: 213px;
	height: 136px;
	left: 0px;
}

#step2_off {
	position:absolute;
	background-image:url(images/status_bar_off2.jpg);
	width: 213px;
	height: 136px;
	left: 254px;
}

#step3_off {
	position:absolute;
	background-image:url(images/status_bar_off3.jpg);
	width: 213px;
	height: 136px;
	left: 467px;
}

#step4_off {
	position:absolute;
	background-image:url(images/status_bar_off4.jpg);
	width: 213px;
	height: 136px;
	left: 680px;
}





/* Content */

#main_content_box {
	position:relative;
	background-color:#FFFFFF;
	width: 590px;
	top: 5px;
	left: 20px;
	padding-left:32px;
	padding-right:32px;
	padding-top:24px;
	padding-bottom:32px;
	border: 1px solid #CCCCCC;
}

#main_content_info{	margin-bottom:40px;}
#main_table_content
{
    position:relative;
	background-color:#FFFFFF;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	color: #646464;
	font-weight: normal;
	line-height: 18px;
}
	
#main_table_content h1 		
{
    font-family: Tahoma, Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
    color:#027BC2;
}
	
#main_table_content p
 {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	color: #646464;
	font-weight: normal;
	line-height: 18px;

	}
	
#side_box_container {
	position:absolute;
	width: 226px;
	top: 0px;
	left: 664px;

}

#main_side_box_title {
	position:absolute;
	height:36px;
	background-color:#e9e9e9;
	width: 226px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #a7a7a7;
	border-right-color: #a7a7a7;
	border-left-color: #a7a7a7;
	border-top-width: 2px;
	border-right-width: 2px;
	border-left-width: 2px;

}

#main_side_box {
	position:relative;
	background-color:#F6F6F6;
	width: 226px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #a7a7a7;
	border-bottom-color: #a7a7a7;
	border-left-color: #a7a7a7;
	top: 36px;
}


/* Log in */

#login_box {
	position:relative;
	background-color:#CAD5E0;
	width: 203px;
	top: 20px;
	left: 20px;
	padding-left:32px;
	padding-right:32px;
	padding-top:8px;
	padding-bottom:16px;
	border: 1px solid #768EA9;
}
#info_box {
	position:relative;
	background-color:#E2E9EF;
	width: 203px;
	top: 20px;
	left: 20px;
	padding-left:32px;
	padding-right:32px;
	padding-top:16px;
	padding-bottom:16px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #768EA9;
	border-right-color: #768EA9;
	border-bottom-color: #768EA9;
	border-left-color: #768EA9;
}


.form_style {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	background-color: #FFFFFF;
	border: 1px solid #768EA9;
	width: 200px;
	height: 18px;
	line-height: 18px;
}





/* Links */

a:link {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #027BC2;
	text-decoration: none;
}

a:visited {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #027BC2;
	text-decoration: none;
}

a:hover {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #01AFEE;
}

a.nav_link:link {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	width: 100%;
	padding:34px 0 0 0
}

a.nav_link:visited {
	font-family: Tahoma, Arial, sans-serif;	
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	width: 100%;
	padding:34px 0 0 0
}

a.nav_link:hover {
	font-family: Tahoma, Arial, sans-serif;	
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	width: 100%;
	padding:34px 0 0 0
}

a.info_link:link {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #768EA9;
	text-decoration: none;
	width: 100%;
	padding:34px 0 0 0
}

a.info_link:visited {
	font-family: Tahoma, Arial, sans-serif;	
	font-size: 12px;
	font-weight: bold;
	color: #768EA9;
	text-decoration: none;
	width: 100%;
	padding:34px 0 0 0
}

a.info_link:hover {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #01AFEE;
	text-decoration: none;
	width: 100%;
	padding:34px 0 0 0
}

a.small_link:link {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #027BC2;
	text-decoration: none;
}

a.small_link:visited {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #027BC2;
	text-decoration: none;
}

a.small_link:hover {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #01AFEE;
	text-decoration: none;
}


/* Text */

h1 {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
		padding:10px;
}
h2 {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
		padding:10px;
}

h3 {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	color: #646464;
	font-weight: normal;
	line-height: 18px;
		padding:10px;
}
.emphasize
{
	font-weight:bold;
	color: #027BC2;
}
p {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	color: #646464;
	font-weight: normal;
	line-height: 18px;
	padding:5px;
	text-align:justify;	

}
table {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	color: #646464;
	font-weight: normal;
	line-height: 18px;
}

.center {text-align:center;}

.list_items_23
{
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	color: #646464;
	font-weight: normal;
	line-height: 18px;
	text-align:justify;
	padding-left:30px;
	padding-bottom:5px;
	padding-top:5px;
	
}
.list_items_23 li
{
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	color: #646464;
	font-weight: normal;
	line-height: 18px;
	text-align:justify;
	
}


ul {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	color: #646464;
	font-weight: normal;
	padding-bottom:5px;
	


}

ol {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	color: #646464;
	font-weight: normal;
	line-height: 18px;
}

.body_text {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #646464;
}
.body_text_dark {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #333333;
}
.side_body_text {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #646464;
	margin-bottom: 4px;
	margin-left: 10px;
	padding-top: 6px;
	padding-bottom: 6px;
}
.nav_link_section {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #999999;
	text-align: center;
}

.small_text {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #868686;
}

.title_text {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 18px;
	margin-bottom: 10px;
	font-weight: bold;
}
.side_subtitle_text {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 14px;
	margin-bottom: 5px;
	font-weight: bold;
	margin-bottom: 2px;
	margin-left: 14px;
	padding-top: 6px;
	padding-bottom: 6px;
	line-height: 18px;
	margin-top: 2px;
}
.form_label {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #4B6178;
	margin-top: 8px;
}
.form_text {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #4B6178;
	margin-top: 0px;
}
.form_text2 {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #4B6178;
	margin-top: 0px;
}

.box_text {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #333333;
}
.box_subtitle {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 13px;
	line-height: 20px;
	color: #027BC2;
	font-weight: bold;
}
.headline_text {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 24px;
	line-height: 32px;
	color: #027BC2;
	font-weight: bold;
}

/*=================================== dropdown =================================== */
*{outline: none;}
.container {
	width: 960px;
	padding: 0;
	margin: 0 auto;
}
ul#topnav {
	margin: 0; padding: 0;
	float:left;
	width: 100%;
	list-style: none;
	font-size: 1.1em;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	position: relative;
}
ul#topnav li a {
	float: left; 
	text-indent: -9999px;
	height: 35px;
}
ul#topnav li:hover a, ul#topnav li a:hover { background-position: left bottom; }
ul#topnav a.products {
	background: url(images/nav_product.png) no-repeat;
	width: 179px; 
}
ul#topnav a.services {
	background: url(images/nav_services.png) no-repeat;
	width: 179px; 
}
ul#topnav a.support {
	background: url(images/nav_support.png) no-repeat;
	width: 179px; 
}
ul#topnav a.about {
	background: url(images/nav_about.png) no-repeat;
	width: 179px; 
}
ul#topnav a.contact {
	background: url(images/nav_contact.png) no-repeat;
	width: 178px; 
}



ul#topnav li .sub {
	position: absolute;	
	top: 35px; left: 0;
	background: #fff url(sub_bg.png) repeat-x;
	padding: 10px 10px 10px;
	float: left;
	border-bottom:solid 2px #5093c7;
	border-left:solid 2px #5093c7;
	border-right:solid 2px #5093c7;
	/*background-image:url(images/bottom_sub.png);
	background-repeat:repeat-x;
	background-position:bottom;*/
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 10px;
	-khtml-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 10px;
	-khtml-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	display: none;
}
ul#topnav li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}
ul#topnav li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 155px;
	float: left;
}
ul#topnav .sub ul li {
	width: 100%;
	color: #fff;
}
ul#topnav .sub ul li h2 {
	padding: 0;  margin: 0;
	font-size: 1.3em;
	font-weight: normal;
}
ul#topnav .sub ul li h2 a {
	padding: 5px 0;
	background-image: none;
	color: #fff;
}
ul#topnav .sub ul li a {
	float: none; 
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	padding: 10px 5px 7px 38px;
	display: block;
	font-size: 14px;
	font-family:Tahoma;
	text-decoration: none;
	color: #6d6d6d;
}
.exchange {
	background: url(images/exchange.png) no-repeat 5px 12px;
	display: block;
	line-height:30px;
	vertical-align:middle;
}
.crm {
	background: url(images/crm.png) no-repeat 5px 12px;
	display: block;
	line-height:30px;
	vertical-align:middle;
}
.ocs {
	background: url(images/ocs.png) no-repeat 5px 12px;
	display: block;
	line-height:30px;
	vertical-align:middle;
}
.microsoft {
	background: url(images/microsoft.png) no-repeat 5px 12px;
	display: block;
	line-height:30px;
	vertical-align:middle;
}
.sql
{
	background: url(images/sql_server_icon.png) no-repeat 5px 12px;
	display: block;
	line-height:30px;
	vertical-align:middle;
}
.microsoft {
	background: url(images/microsoft.png) no-repeat 5px 12px;
	display: block;
	line-height:30px;
	vertical-align:middle;
}
.aboutus {
	background: url(images/about.png) no-repeat 5px 12px;
	display: block;
	line-height:30px;
	vertical-align:middle;
}
.phone {
	background: url(images/phone.png) no-repeat 5px 12px;
	display: block;
	line-height:30px;
	vertical-align:middle;
}
.email {
	background: url(images/mail.png) no-repeat 5px 12px;
	display: block;
	line-height:30px;
	vertical-align:middle;
}
.blog {
	background: url(images/blog.png) no-repeat 5px 12px;
	display: block;
	line-height:30px;
	vertical-align:middle;
}

.learning {
	background: url(images/e-learn.png) no-repeat 5px 12px;
	display: block;
	line-height:30px;
	vertical-align:middle;
}
.facebook{
	background: url(images/facebook.png) no-repeat 5px 12px;
	display: block;
	line-height:30px;
	vertical-align:middle;
}
.twitter{
	background: url(images/twitter.png) no-repeat 5px 12px;
	display: block;
	line-height:30px;
	vertical-align:middle;
}
.hosting {
	background: url(images/hosting.png) no-repeat 5px 12px;
	display: block;
	line-height:30px;
	vertical-align:middle;
}
.portal {
	background: url(images/portal.png) no-repeat 5px 12px;
	display: block;
	line-height:30px;
	vertical-align:middle;
}
.training {
	background: url(images/training.png) no-repeat 5px 12px;
	display: block;
	line-height:30px;
	vertical-align:middle;
}
.business {
	background: url(images/business.png) no-repeat 5px 12px;
	display: block;
	line-height:30px;
}
.development {
	background: url(images/development.png) no-repeat 5px 12px;
	display: block;
	line-height:30px;
	vertical-align:middle;
}
.chat {
	background: url(images/chat.png) no-repeat 5px 12px;
	display: block;
	line-height:30px;
	vertical-align:middle;
}
ul#topnav .sub ul li a:hover {color: #a7a7a7; background-position: 5px 12px ;}






.tablePricing td
{	
	border:solid 1px black;
	padding:5px;


}




/*=============================   SIDEBOX  ========================================*/

#sidebox_top
{
	position:relative;
	background-image:url(images/side_box_top.png);
	background-position:top left;
	background-repeat:no-repeat;
	width:226px;
	height:18px;
}
#sidebox_bottom
{
	position:relative;
	background-image:url(images/side_box_bottom.png);
	background-position:bottom left;
	background-repeat:no-repeat;
	width:226px;
	height:19px;
}
#sidebox_middle
{
	position:relative;
	background-image:url(images/side_box_middle.png);
	background-position:bottom left;
	background-repeat:no-repeat;
	background-color:#fff;
	width:216px;
	padding:5px;