/* ORIELLA CSS */
html {
	background-color: #ffffff;
	padding: 0px;
	margin: 0px;
	border: none;
	font: normal 12px Tahoma, Geneva, Arial;
	background-image: url(../images/bg_site.jpg);
	background-position: left top;
	background-repeat: repeat-x;
	}

body {
	background-color: #ffffff;
	padding: 0px;
	margin: 0px;
	font: normal 12px Tahoma, Geneva, Arial;
	background-image: url(../images/page_bg.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	}

form { border:0px; margin:0px; padding:0px; }
.contact_input {border:1px solid #CCCCCC; width:200px;}
.contact_textarea {border:1px solid #CCCCCC; width:200px; height:100px;}

p { margin:0px; padding:0px; }
span { margin:0px; padding:0px; }
img { border:0px; }
h1 { margin:0px; padding:0px; }
h2 { margin:0px; padding:0px; }
h3 { margin:0px; padding:0px; }
h4 { margin:0px; padding:0px; }
h5 { margin:0px; padding:0px; }
ul { padding:0px; margin:20px 0px 0px 0px; display:block; clear:both; }
li { 
	padding:0px 0px 0px 12px; 
	margin:5px 0px 0px 1px; 
	display:block; 
	clear:both;
	background-image:url(../images/li.jpg);
	background-position:left 6px;
	background-repeat:no-repeat;
	font:normal 12px Tahoma, Geneva, Arial;
	list-style-type:none;
	}
	
a:link, a:visited, a:active
{
	color:#002469;
	text-decoration: none;
}
a:hover
{
	//color:#002469;
	color:#d42e12;	
	text-decoration: none;
}	

/*** SITE CSS ***/

#site_holder {
	width: 817px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	}
	
#site_restraint {
/*	width:1400px;
	float:left;
*/	}

#site_lhs {
	float:left;
	height: 0px;
	width: 0px;
/*	background-image:url(../images/bg_site_lhs.jpg);
	background-position:left top;
	background-repeat:no-repeat;
*/	}
	
#site_rhs {
	float:left;
	height: 0px;
	width: 0px;
/*	background-image:url(../images/bg_site_rhs.jpg);
	background-position:left top;
	background-repeat:no-repeat;
*/	}
	
#site_middle {
	width:817px;
/*	float:left;	*/
	background-color:#FFFFFF;
	height:680px;
	}

/*** MAIN NAV CSS ***/
a.nav_btn:link, a.nav_btn:active, a.nav_btn:visited
{
	width:122px;
	float:left;
	border-left:2px solid #4f77c5;
 	margin:0px;
	display:block;
	font:normal 11px Tahoma, Geneva, Arial;
	color:#002469;
	text-decoration:none;
	padding:32px 0px 7px 12px;
	text-transform:uppercase;
}
a.nav_btn:hover
{
	width:122px;
	float:left;
	border-left:2px solid #4f77c5;
	background-color:#35394c;
	display:block;
	font:normal 11px Tahoma, Geneva, Arial;
	color:#fff;
	margin:0px;
	text-decoration:none;
	padding:32px 0px 7px 12px;
	text-transform:uppercase;
	
}

a.nav_btn_on:link, a.nav_btn_on:active, a.nav_btn_on:visited, a.nav_btn_on:link
{
	width:122px;
	float:left;
	border-left:2px solid #4f77c5;
	background-color:#35394c;
	display:block;
	font:normal 11px Tahoma, Geneva, Arial;
	color:#fff;
	margin:0px;
	text-decoration:none;
	padding:32px 0px 7px 12px;
	text-transform:uppercase;
	
}

/*** HEADER CSS ***/

#header {
	width: 817px;
/*	float: left;	*/
	height: 176px;
	background-image: url(../images/bg_header.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	}
	
#header_top {
	width:817px;
/*	float:left;	*/
	height:37px;
	}
	
#oriella_logo
{
	width:124px;
	height:139px;
	float:left;
}
#nav_holder
{	
	height:124px;
	width:553px;
	float:left;
	padding:0px 0px 0px 140px;

}

.dropmenudiv{
	position:absolute;
	padding:2px 0px 2px 0px;
	top:0px;
	left:0px;
	border-left:2px solid #4f77c5;
	border-right:2px solid #4f77c5;
	border-bottom:2px solid #4f77c5;
	font:normal 12px Verdana;
	z-index:100;
	background-color:#35394c;
	
	visibility: hidden;
	border-top:1px solid #425179;

}


.dropmenudiv a:link, .dropmenudiv a:active, .dropmenudiv a:visited{
	display: block;
	width:124px;
	padding:2px 0px 2px 10px;
	text-decoration: none;
	font-weight: bold;
	color:#fff;
	font:normal 11px Tahoma, Geneva, Arial;
	background-image:url(../images/navStar.jpg);
	background-position:right center;
	background-repeat:no-repeat;
}
.dropmenudiv a:hover{
	display: block;
	width:124px;
	padding:2px 0px 2px 10px;
	text-decoration: none;
	font-weight: bold;
	color:#677ea9;
	font:normal 11px Tahoma, Geneva, Arial;
	background-image:url(../images/navStar_on.gif);
	background-position:right center;
	background-repeat:no-repeat;
}

#slogan {
	float:right;
	font:bold 11px Verdana;
	height:15px;
	margin:0;
	text-align:right;
	width:361px;
	position:relative;
	top:5px;
}

h5#slogan
{
	font-size: 1.3em;
	color:#848484;
}

a.linkWithStar:link, a.linkWithStar:active, a.linkWithStar:visited
{
	font:normal 11px Tahoma, Geneva, Arial;
	clear:both;
	display:block;	
	padding:0px 0px 0px 0px;
	height:20px;
	width:50px;
	margin:15px 0px 0px 0px;
	float:right;
	color:#fff;
	text-decoration:none;
	background-image:url(../images/btn_home.jpg);
	background-position:left center;
	background-repeat:no-repeat;
}
a.linkWithStar:hover
{
	font:normal 11px Tahoma, Geneva, Arial;
	clear:both;
	display:block;
	background-image:url(../images/btn_home_on.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding:0px 0px 0px 0px;
	height:20px;
	width:50px;
	margin:15px 0px 0px 0px;
	float:right;
	color:#fff;
	text-decoration:none;
}
/*** HOMEPAGE CSS ***/
#homepage_content
{
	width:817px;
	float:left;
	margin:20px 0px 0px 0px;
	padding:0px;
}


/*** FOOTER CSS ***/
#footer
{
	width:817px;
	float:left;
	margin:13px 0px 0px 0px;
	padding:0px;	
}
#footer_nav
{
	width:817px;
	/*background-image:url(../images/bg_footer_nav.jpg);
	background-position:left top;
	background-repeat:repeat-x;
	float:left;*/
	height:316px;
	border-bottom:1px solid #f3f5fa;
}
div#footer_nav p
{
	/*padding:5px 0px 0px 5px;*/
	padding:0px 0px 10px 0px;
	margin:0px;
	/*width:170px;*/
	float:left;
	display:block;
	font:normal 12px Tahoma, Geneva, Arial;
	color:#333333;
}
#footer_nav h3
{
	color:#002469;
	margin:9px 0px auto 68px;
	padding-bottom:2px;
}
#footer_nav h3#tweets
{
	margin:9px 0px auto 0px;
}
#footer_nav_lhs_container
{
	float:left;
	width:271px;
	height:276px;
}
#footer_nav_lhs_container p
{
	margin-left:68px!important;
}
#footer_nav_lhs_top
{
	width:246px;
	height:62px;
	display:block;
	clear:both;
	padding:15px 10px 15px 15px;
	background-image:url(../images/bg_home_topbox_left.gif);
	background-position:left top;
	background-repeat:no-repeat;
}
#footer_nav_lhs_middle
{
	display:block;
	clear:both;
	width:246px;
	height:62px;
	padding:15px 10px 15px 15px;
	background-image:url(../images/star-header.png);
	background-position:17px 13px;
	background-repeat:no-repeat;
}
#footer_nav_lhs_bottom
{
	display:block;
	clear:both;
	width:246px;
	height:62px;
	padding:15px 10px 15px 15px;
	background-image:url(../images/chevron-header.png);
	background-position:20px 18px;
	background-repeat:no-repeat;
}
#footer_nav_middle
{
	float:left;
	width:246px;
	height:270px;
	overflow:hidden;
	border-left:2px solid #fff;	
	border-right:2px solid #fff;
	padding:15px 10px 15px 15px;
	background-image:url(../images/bg_home_topbox_middle.gif);
	background-position:left top;
	background-repeat:no-repeat;
}
#footer_nav_rhs
{
	float:left;
	width:241px;
	padding:15px 15px 15px 15px;
	height:270px;
	overflow:hidden;
	background-image:url(../images/bg_home_topbox_right.gif);
	background-position:left top;
	background-repeat:no-repeat;
}
#footer_nav_rhs span#post-stats
{
	margin-left:68px;
	font-size:.8em;
	color:#878787;
}
#footer_nav_rhs h5
{
	margin: 24px auto 5px auto;
}
#footer_nav_lhs img, #footer_nav_middle img, #footer_nav_rhs img
{
	display:inline;
	float:left;
	margin:15px 0px 0px 15px;	
}

a.footerLink:link, a.footerLink:active, a.footerLink:visited
{
	text-decoration:none;
	font:bold 16px Tahoma, Geneva, Arial;
	color:#002469;
	display:block;
	float:left;
	margin:24px 0px 0px 5px;
}
a.footerLink:hover
{
	text-decoration:none;
	font:bold 16px Tahoma, Geneva, Arial;
	color:#d42e12;
	display:block;
	float:left;
	margin:24px 0px 0px 5px;
}
#footer_bottom
{
	width:817px;
	float:left;
}
div#footer_bottom p.lhs
{
	color:#bababa;
	font:normal 9px Tahoma, Geneva, Arial;
	padding:7px 0px 0px 0px;
	margin:0px;
	text-transform:uppercase;
	width:400px;
	display:block;
	float:left;
}
div#footer_bottom p.rhs
{
	color:#bababa;
	font:normal 9px Tahoma, Geneva, Arial;
	padding:7px 0px 0px 0px;
	margin:0px;
	text-transform:uppercase;
	width:400px;
	display:block;
	float:right;
	text-align:right;
}

a.footer_bottom:link, a.footer_bottom:active, a.footer_bottom:visited
{
	text-decoration:none;
	color:#667ca5;
}

/*** INNER PAGE CSS ***/

#content_header
{
	width:817px;
	float:left;
	padding:0px;
	margin:19px 0px 0px 0px;
	background-image:url(../images/bg_contentHeader.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	height:92px;
	overflow:hidden;	
}

#content_header h4
{
	margin: 28px 0 auto 27px;
}

#content_nav
{
	float:left;
	width:243px;
	margin:25px 0px 0px 0px;
	padding:0px;
	overflow:hidden;
}
div#content_nav a:link, div#content_nav a:active, div#content_nav a:visited
{
	display:block;
	float:left;
	clear:both;
	font:normal 12px Tahoma, Geneva, Arial;
	color:#002469;
	text-decoration:none;
	border-bottom:1px solid #e9edf6;
	width:230px;
	padding:5px 0px 5px 10px;
}
div#content_nav a:hover
{
	display:block;
	float:left;
	clear:both;
	font:normal 12px Tahoma, Geneva, Arial;
	color:#d42e12;
	text-decoration:none;
	border-bottom:1px solid #e9edf6;
	width:230px;
	padding:5px 0px 5px 10px;
}
#content
{
	width:525px;
	float:left;
	margin:25px 0px 40px 29px;
	padding:0px;
	 
	color:#666666;
	font-family:Tahoma, Geneva, Arial;
}
div#content span
{
	display:block;
	clear:both;
	font:bold 14px Tahoma, Geneva, Arial;
}
div#content p
{
	display:block;
	clear:both;
	font:normal 12px Tahoma, Geneva, Arial;
	margin:20px 0px 0px 0px;
	padding:0px;
}

#caseStudy_logos
{
	/*width:677px;*/
	float:left;
	padding:0px 0px 0px 220px;
	margin:20px 0px 0px 0px;
	height:60px;
	background-image:url(../images/bg_caseStudyLogos.jpg);
	background-position:left bottom;
	background-repeat:repeat-x;	
	clear:both;
}
div#caseStudy_logos img
{
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	border-top:1px solid #fff;
	
	float:left;
	padding:0px 40px 0px 35px;
	cursor: pointer;
	display:inline;
}
#caseStudies_content
{
	width:817px;
	float:left;
	padding:10px 0px 0px 0px;
	margin:0px;	
	font:normal 12px tahoma;
	color:#666666;
}
div#caseStudies_content #lhs
{
	width:200px;
	float:left;
	padding:5px 0px 0px 0px;
	margin:0px;
}
div#caseStudies_content #middle
{
	width:365px;
	float:left;
	padding:0px 0px 0px 65px;
	margin:0px;
	font:normal 12px tahoma;
	color:#666666;
}

div#caseStudies_content #middle p
{
	width:360px;
}

#middle p
{
	width:335px;
	float:left;
	display:block;
	margin:20px 0px 0px 0px;
}
#middle ul
{
	float:left;
	width:335px;
	margin:5px 0px 0px 0px;
}
.bordered
{
	border-top:1px solid #e9edf6;
	margin:25px 0px 0px 0px;
	width:335px;
	float:left;
	display:block;
}
	
.bordered_rhs
{
	border-top:1px solid #e9edf6;
	margin:15px 0px 0px 0px;	
	float:left;
	display:block;
}

div#caseStudies_content #rhs
{
	width:170px;	
	overflow: hidden;
	float:left;
	padding:0px;
	margin:0px;
	padding-top: 20px;
	padding-left: 10px;
	font-color: #999999;
	border-left:1px solid #CCC;
}
.screenshot
{
	display:inline;
	clear:both;
	float:left;
	margin:15px 0px 0px 10px;
	padding:0px;
}
.screenshot_middle
{
	display:inline;
	clear:both;
	float:left;
	margin:5px 0px 0px 0px;
	padding:0px;
}

h3.red
{ 
	margin:15px 0px 0px 0px; 
	padding:0px;
	color:#d42e12;
	display:block;
	float:left;
	width:355px;
	font:bold 12px tahoma;
}

.red
{ 
	color:#d42e12;
	font:bold 12px tahoma;
}

ul.downloadsList
{
	width:200px;
	float:left;
	clear:both;
	display:inline;
	border-top:1px solid #e9edf6;
}
ul.downloadsList li
{
	display:inline;
	width:170px;
	float:left;
	clear:both;
	padding:3px 0px 5px 30px;	
	background-image:url(../images/icon_doc.jpg);
	background-position:10px 3px;
	background-repeat:no-repeat;
	font:normal 12px Tahoma, Geneva, Arial;
	
	list-style-type:none;
	border-bottom:1px solid #e9edf6;
}

#webex_content
{
	display:none;
}
#kalido_content
{
	display:none;
}
#mfocus_content
{
	display:none;
}
#default_content
{
	display:block;
}

	
/*** SIFR CSS ***/

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */



.sIFR-hasFlash h4 {
 	font-size:30px;
	padding:0px;
	display:inline;
	float:left;
	margin:47px 0px 0px 270px;
}

.sIFR-hasFlash h5#slogan {
	color:#848484;
	height:16px;
	padding:0px;
	display:block;
	float:left;
	margin:0px 0px 0px 0px;
}




#partners_list
{
	font:normal 11px Tahoma, Geneva, Arial;
	padding-top:10px;
	clear: both;
}

div#partners_list .agency
{
	width: 400px;
	overflow: auto;
	padding-bottom: 10px;
	padding-top: 10px;
	padding-left: 10px;
}

div#partners_list b
{
	

}

a.agencyLink:link, a.agencyLink:active, a.agencyLink:visited
{
	color:#002469;
}
a.agencyLink:hover
{
	color:#d42e12;	
}

div#partners_list .region
{
	padding-bottom: 10px;
	padding-top: 10px;
	

}

div#partners_list .region h3
{
	color:#002469;
	font-size:14px;
	color: #FFFFFF;
	padding-left:10px;
	padding-top: 3px;
	height: 24px;
	width: 363px;
	background-image:url(../images/region_bg.jpg);
	background-repeat:no-repeat;

}

div#partners_list .location
{
	padding-bottom: 10px;
	padding-top: 10px;
	border-top: 1px solid #CCC;
	padding-left: 10px;
}

div#partners_list .location h3
{		
	color:#002469;
	font: normal 12px;
	background-color:#FFFFFF;

}

div#partners_list .country
{
	padding-top: 10px;
	border-top: 0px solid #CCC;
	padding-left: 10px;
}

div#partners_list .country b
{		
	color:#d42e12;
	font: normal 11px;
	background-color:#FFFFFF;
}

div#partner_hd{
	font:normal 11px Tahoma, Geneva, Arial;
	float: right;
	clear: both;
	
}


div#region_col{
	float:left;
	font: normal 12px;
	color: #FFFFFF;
	padding:10px;
	margin-left: 5px;
	width: 150px;
}

a.regionLink:link, a.regionLink:active, a.regionLink:visited, a.regionLink:hover
{
	font: normal 12px;
	color: #FFFFFF;
	text-decoration: none;	
}

div#region_ct{
	padding:10px;

}

div#region_col b{
	color: #FFFFFF;
	float:left;
	font: normal 12px;
	color: #FFFFFF;
	background-color:#35394c;
	border:1px solid #4f77c5;
	padding: 5px;
	margin-bottom: 5px;
	margin-left: -5px;
	width: 100%;
}

div#cs_partners{
	font:normal 11px Tahoma, Geneva, Arial;
	color:#002469;
}

div#cs_partners li{
	padding:0px 0px 3px 0px; 
	margin:2px 0px 0px 1px; 
	display:block; 
	clear:both;
	background-image:none;
	background-position:left 0px;
	background-repeat:no-repeat;
	font:normal 11px Tahoma, Geneva, Arial;
	list-style-type:none;
}

.quote {
	font:normal 11px Tahoma, Geneva, Arial;
	color: #666666;
}


.horSep { height:0px; border:0px; border-bottom:1px solid #CCCCCC;  margin:15px 0px 15px 0px; }