@charset "utf-8";

body, html {
	margin: 0;
	padding: 0;
	
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	
	/* background: #CCCCCC url(/img/bg.jpg) repeat-x; */
	background: #CCCCCC url(/img/bg.jpg) repeat-x;
}

a { color: #1B75BC; font-weight: bold }
a:hover { color: #63befe }

#container {
	width: 80em;
	margin: 0 auto 1em auto;
}

#content-container { padding: 1em }
#content-container .left { width: 250px; float: left; }
#content-container .right { width: 650px; float: right; text-align: left; }
/* =======================================
 * Header
 *========================================*/
#header {
	height: 11.25em;

	overflow: hidden;
	background: #FFFFFF url(/img/header/bg.jpg) repeat-x;
}

#header a, #header a:hover { text-decoration: none; font-weight: 700; }
#header a { color: #63befe }
#header a.current { color: #FFFFFF; text-decoration: underline }
#header a:hover { color: #FFFFFF }

#header a.logo {
	height: 135px;
	width: 250px;
	float: left;
	background: url(/img/header/logo.jpg) no-repeat;
	text-indent: -9999px;
}

#header div.ui-nav-main ul  {
	height: 6.25em;
	margin: 7.5em 0 0;
	padding: 0;

	list-style: none;
	float: right;
}
#header div.ui-nav-main  li {
	padding: 0 1.5em;
	float: left;
}

#header div.end  {
	height: 135px;
	width: 10px;
	float: right;
	background: url(/img/header/end.jpg) no-repeat;
}

/* =======================================
 * Content Container
 *========================================*/
#content-container {
	background-color: white;
}

/* =======================================
 * messages
 *========================================*/
.ui-messages { width: 250px; overflow: hidden; text-indent: -9999px; background: white no-repeat; }

/* Home */
.msg01 { height: 149px; background-image: url(/img/msg/msg_01.jpg); }
/* Product Details */
.msg02 { height: 87px; background-image: url(/img/msg/msg_02.jpg); }
/* Save Money */
.msg03 { height: 302px; background-image: url(/img/msg/msg_03.jpg); }

/* Social Media */
.msg04 { height: 145px; background-image: url(/img/msg/msg_04.jpg); }
/* About Us */ 
.msg05 { height: 145px; background-image: url(/img/msg/msg_05.jpg); }
/* Benefits */
.msg06 { height: 272px; background-image: url(/img/msg/msg_06.jpg); }
/* Connecting you to your organization.  */
.msg07 { height: 60px; background-image: url(/img/msg/msg_07.jpg); }
/* Communicate and collaborate: become the best of the best. */
.msg08 { height: 88px; background-image: url(/img/msg/msg_08.jpg); }
/* An Innovative take on social business tools. */
.msg09 { height: 88px; background-image: url(/img/msg/msg_09.jpg); }

/* =======================================
 * Section
 *========================================*/
.ui-section { padding: 0.5em; color: #666666; font-size: 1.2em }
.ui-section-parent { padding: 3px; margin: 0.5em 0; background: #DFDFDF }

.ui-section-tiny { background: #dedede url(/img/section/section_tiny.jpg) repeat-x; }
.ui-section-sml { background: #dedede url(/img/section/section_sml.jpg) repeat-x; }
.ui-section-med { background: #dedede url(/img/section/section_med.jpg) repeat-x; }

.ui-section div.content { width: 28em;  float: left; }

.ui-section div.content a, .ui-section div.content a:hover { text-decoration: none; color: #1b75bc; font-weight: 700; }
.ui-section div.content a:hover { color: #63befe; text-decoration: underline }

.ui-section div.content dl dt { margin-top: 0.5em; font-weight: bold }
/* =======================================
 * Homepage
 *========================================*/
.ui-sponsors { padding: 0.5em 0; text-align: center }
.ui-sponsors img { padding: 0 3em; }
.ui-sponsors .subtitle { margin-bttom: 0.5em; text-align: left; color: #666666; font-weight: bold;  }
 
 /* clients include */
.icon-ci { width: 109px; height: 20px; background: url(/img/i/icon_ci.jpg) no-repeat; overflow: hidden; text-indent: -9999px; }
.ui-login { text-align: center }
/* =======================================
 * About
 *========================================*/
.ui-about-name { font-size: 1.15em; font-weight: bold }
 
/* =======================================
 * Footer
 *========================================*/
#footer {
	padding: 0.33em 1em; 
	background: white;
	color: #666666;
	font-size: 0.9em;
	text-align: right;
}

#footer a, #footer a:hover { color: #1b75bc; text-decoration: none; font-weight: 700 }
#footer a:hover { color: #63befe }
#footer .links { float: left }

/* =======================================
 * Modules
 *========================================*/
.requestDemo { width: 154px; height: 105px; margin: 0.5em 0; display: block; background: url(/img/i/icon_request_demo.jpg) no-repeat; text-indent: -9999px; overflow: hidden } 
.requestDemo-productFooter { width: 650px; height: 196px; margin: 0.5em 0; display: block; background: url(/img/product_footer.jpg) no-repeat; text-indent: -9999px; overflow: hidden } 

.ui-bubble { width: 205px; height: 140px; float: right; dispaly: block; text-indent: -9999px; overflow: hidden; }
.bubble-00 { background: url(/img/bubble_00.gif) no-repeat; }
.bubble-01 { background: url(/img/bubble_01.gif) no-repeat; }
.bubble-02 { background: url(/img/bubble_02.gif) no-repeat; }
.bubble-03 { background: url(/img/bubble_03.gif) no-repeat; }
.bubble-04 { background: url(/img/bubble_04.gif) no-repeat; }
.bubble-05 { background: url(/img/bubble_05.gif) no-repeat; }

.testimonial { width: 180px; font-size: 1.2em; font-weight: 700 }
.testimonial .label { color: #1b75bc; }

/* =======================================
 * Components
 *========================================*/
h1.title { color: #1b75bc; font-size: 2em;  font-weight: bold; border-bottom: 1px #CCCCCC solid; }
h1 span.subtitle { font-size: 0.6em; }

h1.title span.text { color: #939598; }
h1.title a.highlight { color: #1b75bc; text-decoration: none; }
h1.title a:hover.highlight, h1.title span.current { color: #63befe; text-decoration: underline }
h1.title a:hover.highlight { color: #63befe  }

h2 { padding: 0; margin: 0; color: #1b75bc; font-weight: bold }
h2 .text { color: #939598; }

.ui-form-main { width: 100%; }
.ui-form-main .label { color: #1b75bc; white-space: nowrap; font-weight: 700; }
.ui-form-main td.input { width: 100%; text-align: left; }

.ui-form-request { width: 49%; float: left; }
input.ui-demo-request { 
	width: 154px; 
	height: 104px; 
	
	border: none; 
	background:url(/img/i/icon_submit_demo.jpg) no-repeat; 
	
	text-align: -9999px; 
	overflow: hidden; 
	display: block; 
	float: right; 
	
	cursor: pointer;
}
.ui-form-main textarea.request-textarea { width: 100%; height: 6em; overflow: auto }

.ui-form-contact { height: 28.5em }

.ui-table-contact { width: 40%; padding: 0.25em; margin: 0; font-weight: bold; list-style: none }
.ui-table-contact .label { white-space: nowrap } 
.ui-table-contact .value { padding-left: 1em; color: #1b75bc }
.ui-table-contact .value a.mail { color: #1b75bc; text-decoration: none; } 

img.img-main { padding: 0 0 1.5em 0 }

.ui-link-img img { border: none }

.text-content { color: #333; font-size: 1.2em }

.ui-button-cta { padding: 0.25em; background: #124665; text-align: center }
.ui-button-cta a { color: #FFFFFF !important; }
.ui-button-parent { width: 10em; padding: 0.25em; background: #124665 }
.ui-button-parent-h { background: #124665 !important }

.ui-video-player { text-align: center } 

/* =======================================
 * Globals
 *========================================*/
.clear { clear: both; }

/* font stuff */
.bold { font-weight: 700 }