/* CSS Document */


body { 
	margin:0; background:#f5f6f8 url(images/background.gif) repeat-x top;
	font-family:Arial, Helvetica, sans-serif; font-size:12px;}
a { text-decoration:none;}	
a:hover {}
	
#unisonlogix { width:100%; background:url(images/headerGlow.gif) no-repeat center top;}

#siteHeader { width:905px; margin:0 auto;}
#siteHeader .navigation {}
#siteHeader .navigation .content{ height:54px;}
#siteHeader .navigation .content a.tab{ 
	color:#006aae; font-size:13px; font-weight:bold; padding:19px 20px; background:url(images/navigation_separator.gif) repeat-y left;}
#siteHeader .navigation .content a:hover.tab{ background:url(images/navigation_hoverBg.gif) no-repeat left top; color:#fff;}
#siteHeader .navigation .content a:first-child.tab{ background:none; color:#fff;}
	
#siteHeader .navigation .info{ 
	width:200px; text-align:right; padding:7px 22px 0 10px;	vertical-align:top;}
#siteHeader .navigation .info div{ 
	background:url(images/icons/england_flag.gif) no-repeat right top;
	color:#7993a2; font-size:11px; padding:0 45px 0 0;}
#siteHeader .navigation .info div b{ font-size:16px; }

#siteHeader .logo{ width:202px; background:url(images/logo_bg.gif) repeat-x bottom; height:79px; text-align:center; padding:25px 0 0 0;}
#siteHeader .headerContent { vertical-align:top; border-top:solid 1px #fff;}
#siteHeader .headerContent .contentBody{ text-align:right; vertical-align:top; padding:10px 8px 0 0;}
#siteHeader .headerContent .shortcuts{ width:257px; padding:0 2px 0 0;}
#siteHeader .headerContent .shortcuts .button{ }
#siteHeader .headerContent .shortcuts .button .leftSide{ background:url(images/shortcuts_button_leftSide.gif) no-repeat left top; width:9px; }
#siteHeader .headerContent .shortcuts .button .rightSide{ background:url(images/shortcuts_button_rightSide.gif) no-repeat right top; width:6px; }
#siteHeader .headerContent .shortcuts .button .content{ background:url(images/shortcuts_button_bg.gif) repeat-x top; height:35px; padding:0 0 5px 0; }
#siteHeader .headerContent .shortcuts .button .content a{ font-size:11px; color:#4e4e4e; padding:0 8px 0 9px;}
#siteHeader .headerContent .shortcuts .button .content a:hover{ color:#fff;}

#siteHeader .headerContent .shortcuts .requestQuote{ height:69px; vertical-align:bottom; text-align:right; cursor:pointer; padding:0 2px 0 0;}

#outerContentWrapper { width:905px; margin:0 auto;}
#innerContentWrapper {width:905px; padding:0 0 9px 0;}
#innerContentWrapper .leftSide{ background:url(images/mainBody_leftSide.gif) no-repeat left top; width:5px; height:354px;}
#innerContentWrapper .rightSide{ background:url(images/mainBody_rightSide.gif) no-repeat right top; width:5px; height:354px;}
#innerContentWrapper .content{ background:url(images/mainBody_background.gif) repeat-x top; padding:2px 15px 0 15px; vertical-align:top;}

#mainBodyPanel { vertical-align:top;} 
#mainBodyPanel a.button{ 
	color:#006aae; text-decoration:none; background:url(images/bullet_gray_arrow.gif) no-repeat left;
	padding:0 0 0 32px; line-height:28px; }
#mainBodyPanel a:hover.button{ padding:0 0 0 33px;}
#mainBodyPanel .breadCrumbs{ font-size:11px; color:#fff; line-height:40px; padding:0 0 0 5px;	 }
#mainBodyPanel .breadCrumbs a{ font-weight:lighter; color:#797778; text-decoration:none;}
#mainBodyPanel .breadCrumbs a:hover{ color:#016aae; }
#mainBodyPanel .mainContent{}
#mainBodyPanel .boxTop{ height:4px; background:#fefefe; vertical-align:top; border-top:solid 1px #9cafb6;}
#mainBodyPanel .boxBottom{ height:4px; background:#e6e9f0; vertical-align:bottom; border-bottom:solid 1px #9cafb6;}
#mainBodyPanel .boxContent{ 
	padding:0; border-left:solid 1px #9cafb6; border-right:solid 1px #9cafb6;
	background: #fdfdfd url(images/mainPanel_bodyBg.gif) repeat-x bottom;}
#mainBodyPanel .boxContent .header{ 
	padding:6px 10px 11px 10px; font-family: "Times New Roman", Times, serif;
	background:url(images/headerInner.gif) repeat-x bottom; color:#006aae;
	font-size:20px; border-bottom:solid 1px #dde5e7;  }	
#mainBodyPanel .boxContent .headerContent{ 
	padding:8px; background:#f5f6f8 url(images/dotted_line_01.gif) repeat-x bottom;}
#mainBodyPanel .boxContent .headerContent div{ 
	 padding:5px 210px 9px 15px; color:#7993a2; line-height:18px; font-size:14px;
	background:url(images/banners/overview_unisonlogix.jpg) no-repeat right top;}
#mainBodyPanel .boxContent .headerContent b.heading{ font-size:11px; color:#4e4e4e;}
#mainBodyPanel .boxContent .headerContent .details{ font-size:11px; color:#b1b1b1;}

#mainBodyPanel .boxContent .headerContent ul{ padding:0 0 0 25px; margin:0; line-height:18px; font-size:12px; }
#mainBodyPanel .boxContent .headerContent li{ 
	list-style-image: url(images/icons/Check.png); padding:0 0 10px 5px; }

#mainBodyPanel .boxContent .headerContent div.overview{
	background:url(images/banners/overview_unisonlogix.jpg) no-repeat right top; }
#mainBodyPanel .boxContent .headerContent div.facts_figures{
	background: url(images/banners/fact_figures.jpg) no-repeat right top; }
#mainBodyPanel .boxContent .headerContent div.testimonials{
	background: url(images/banners/testimonials_unisonlogix.jpg) no-repeat right top; }
#mainBodyPanel .boxContent .headerContent div.team{
	background: url(images/banners/dedicated_team_unisonlogix.jpg) no-repeat right top; }
#mainBodyPanel .boxContent .headerContent div.news{background: url(images/banners/news.jpg) no-repeat right top; }
#mainBodyPanel .boxContent .headerContent div.services{background: url(images/banners/services_unisonlogix.jpg) no-repeat right top; }
#mainBodyPanel .boxContent .headerContent div.technology-center{background: url(images/banners/technology_centers_unisonlo.jpg) no-repeat right top; }
#mainBodyPanel .boxContent .headerContent div.businessContinuity{background: url(images/banners/businessContinuity.jpg) no-repeat right top; }
#mainBodyPanel .boxContent .headerContent div.qualityManagement{background: url(images/banners/qualityManagement.jpg) no-repeat right top; }
#mainBodyPanel .boxContent .headerContent div.Methodology{background: url(images/banners/Methodology.jpg) no-repeat right top; }Methodology


#mainBodyPanel .boxContent .contentBody{ padding:0 10px;}
#mainBodyPanel .boxContent .contentBody b{ 
	font-size:16px; color:#006aae; font-family:"Times New Roman", Times, serif;
	background:url(images/bullet_header.gif) no-repeat left top; padding:0 0 0 12px; line-height:42px;}
#mainBodyPanel .boxContent .contentBody div.body{ 
	padding:0 0 15px 12px; margin:0 0 10px 0; color:#8a8a8a; background:url(images/dotted_line_02.gif) repeat-x bottom; font-size:12px;}
#mainBodyPanel .boxContent .contentBody div.body2{ 
	padding:0 0 15px 12px; margin:0; color:#8a8a8a; 
	background:url(images/dotted_line_04.gif) repeat-x bottom; font-size:12px;}
#mainBodyPanel .boxContent .contentBody div.body .header1{ color:#7993a2; font-size:13px; line-height:20px;}
#mainBodyPanel .boxContent .contentBody div.body ul{ padding:0 0 0 25px; margin:0; line-height:18px; font-size:12px;}
#mainBodyPanel .boxContent .contentBody div.body li{ list-style-image:url(images/bullet.gif);}

#mainBodyPanel .boxContent .contentBody div.body .left{ width:45%; background: url(images/dotted_line_03.gif) repeat-y right;}
#mainBodyPanel .boxContent .contentBody div.body .right { padding:0 0 0 30px;}
#mainBodyPanel .boxContent .contentBody div.body h2{ font-size:12px; color:#7993a2; }
#mainBodyPanel .boxContent .contentBody div.body h2 span{ font-size:11px; font-weight:lighter; color:#99aeba;}
	
	

#leftSidebarPanel { width:230px; padding:0 0 0 6px; vertical-align:top;}
#leftSidebarPanel div.innerContent { }
opBar{ height:15px; }
#leftSidebarPanel .mainContent{}
#leftSidebarPanel .mainContent .header{ 
	height:45px; background:#eff8fd url(images/headerBg.gif) repeat-x bottom; color:#006aae; padding:0 5px 0 15px;
	border:solid 1px #9eafb7; border-bottom:0; font-family:"Times New Roman", Times, serif; font-size:20px; }
	
#leftSidebarPanel .mainContent .header2{
	height:43px; background:#eff8fd url(images/headerBg.gif) repeat-x top; color:#006aae; padding:0 5px 0 15px;
	border:solid 1px #c6d1d7; font-family:"Times New Roman", Times, serif; font-size:20px;}
	
#leftSidebarPanel .mainContent .header3{
	height:29px; color:#006aae; padding:0 5px 0 15px; font-family:"Times New Roman", Times, serif; font-size:20px;	}

#leftSidebarPanel .mainContent .header4{
	height:44px; color:#006aae; padding:0 5px 0 15px; background:#fff url(images/headerTopEdge.gif) no-repeat left top;
	border-bottom:solid 1px #dfe7e9; font-family:"Times New Roman", Times, serif; font-size:20px;}
	
#leftSidebarPanel .emailButton {
	border:0; background: #fff url(images/search_button.gif) no-repeat left; padding:4px 2px 7px 0; width:67px;
	font-size:14px; color:#fff; cursor:pointer; height:32px; margin:4px 0 0 0;}	
#leftSidebarPanel .textField { 
	border:solid 1px #c7d2d7; border-right:0; padding:6px 6px; height:18px; vertical-align:top;
	color:#7993a2; font-size:16px; width:154px; margin:0 0 1px 0;}

#leftSidebarPanel .mainContent2{ padding:15px 0 0 0;}
#leftSidebarPanel .mainContent2 .topBar{ height:25px;}	
#leftSidebarPanel .mainContent2 .banner { padding:0 0 6px 0;}
#leftSidebarPanel .mainContent2 .banner .contentTeam { 
	background:#fff url(images/leftside_bg.gif) repeat-x bottom; border:solid 1px #ced7dc; border-top:0;
	font-size:11px; color:#7993a2;}
#leftSidebarPanel .mainContent2 .banner .contentTeam a{ 
	background: url(images/bullet.gif) no-repeat left top; color:#0369b1; text-decoration:none; padding:0 0 0 11px; margin:0;}
#leftSidebarPanel .mainContent2 .banner .contentTeam a:hover{ padding:0 0 0 10px; }	
#leftSidebarPanel .mainContent2 .banner .contentTeam div{ padding:12px; height:165px;  }
#leftSidebarPanel .mainContent2 .banner .contentTeam div.team{background:url(images/banners/dedicated_team.gif) no-repeat right bottom;}


#leftSidebarPanel .mainContent2 .banner .contentTeam2 { 
	background:#fff url(images/leftside_bg.gif) repeat-x bottom; border:solid 1px #fff; border-top:0;
	font-size:11px; color:#7993a2;}
#leftSidebarPanel .mainContent2 .banner .contentTeam2 div{ padding:12px;  }
#leftSidebarPanel .mainContent2 .banner .contentTeam2 div.body{ background:url(images/arrow_down.gif) no-repeat left top;}
#leftSidebarPanel .mainContent2 .banner .contentTeam2 div.body ul{ 
	margin:0; padding:0 0 0 22px;  }
#leftSidebarPanel .mainContent2 .banner .contentTeam2 div.body ul .subListing {  
	background:#c3ced4 url(images/subListing.gif) repeat-y left; border: solid 1px #fff;}

#leftSidebarPanel .mainContent2 .banner .contentTeam2 div.body ul li{list-style-image:url(images/bullet_arrow_off.gif); padding:5px 0; }
#leftSidebarPanel .mainContent2 .banner .contentTeam2 div.body ul li:hover{ list-style-image:url(images/bullet_arrow_on.gif); color:#006aae;}

#leftSidebarPanel .mainContent2 .banner .contentTeam2 div.body ul li a{ color:#787878; font-size:12px;}
#leftSidebarPanel .mainContent2 .banner .contentTeam2 div.body ul li a:hover{ color:#006aae; font-weight:bold; }

#leftSidebarPanel .mainContent2 .banner .contentTeam2 div.body ul.subListing li a{ color:#fff; font-size:11px;}
#leftSidebarPanel .mainContent2 .banner .contentTeam2 div.body ul.subListing li a:hover{ color:#006aae; font-weight: normal; }

#leftSidebarPanel .mainContent2 .banner .contentTeam2 div.body ul li a.selected{color:#006aae; font-weight:bold;}
#leftSidebarPanel .mainContent2 .banner .contentTeam2 div.body ul li.selected{ list-style-image:url(images/bullet_arrow_on.gif);}	

#leftSidebarPanel .mainContent2 .banner .contentTeam2 div.body ul.subListing li a.selected{
	color:#006aae; font-weight: lighter;}
#leftSidebarPanel .mainContent2 .banner .contentTeam2 div.body ul.subListing li.selected{ list-style-image:url(images/bullet_arrow_on.gif);}
	
#leftSidebarPanel .mainContent2 .banner .contentTeam2 div.body ul li a:hover.selected{ text-decoration:underline;}


#leftSidebarPanel .mainContent .testimonials { border:solid 1px #a0b1b9; border-top:0; height:175px; }

.bannerPanel { vertical-align:top;}
.bannerPanel .buttons{ width:185px;}
.bannerPanel .buttons .tabs{height:33px; background:url(images/banner_Button.gif) no-repeat left top; margin:0 0 3px 0; padding:12px 8px 5px 8px;}
.bannerPanel .buttons .tabs a b{ font-family:"Times New Roman", Times, serif; font-size:20px; font-weight:normal; line-height:0;}
.bannerPanel .buttons .tabs a div{ line-height:12px; padding:0 0 0 62px;}
.bannerPanel .buttons .tabs a {font-size:12px; color:#7993a2; padding:1px 0 12px 62px;}
.bannerPanel .buttons .tabs a:hover{color:#006aae;}

.bannerPanel .buttons .software a{ background:url(images/icons/software_solutions_off.gif) no-repeat left;  }
.bannerPanel .buttons .software a:hover{ background:url(images/icons/software_solutions_on.gif) no-repeat left; }
.bannerPanel .buttons .web a{background:url(images/icons/web_off.gif) no-repeat left;}
.bannerPanel .buttons .web a:hover{ background:url(images/icons/web_on.gif) no-repeat left;}
.bannerPanel .buttons .outsourced a{ background:url(images/icons/outsourced_off.gif) no-repeat left;}
.bannerPanel .buttons .outsourced a:hover{ background:url(images/icons/outsourced_on.gif) no-repeat left;}
.bannerPanel .buttons .opensouce a{background:url(images/icons/opensource_off.gif) no-repeat left;}
.bannerPanel .buttons .opensouce a:hover{ background:url(images/icons/opensource_on.gif) no-repeat left;}

.bannerPanel .image{ vertical-align:top; }
.bannerPanel .image .imageContent{ height:208px; border:solid 1px #9caeb6; }

.quickJump { padding:6px 0 0 0; vertical-align:top;}
.quickJump .left{ width:185px; }
.quickJump .right select{ 
	width:440px; border:solid 1px #c8d1d8; padding:5px; color:#7993a2; font-size:14px;}

.recentProjects { padding:15px 0 0 0;}
.recentProjects .header{
	height:43px; background:#eff8fd url(images/headerBg.gif) repeat-x top; color:#006aae; padding:0 5px 0 15px;
	border:solid 1px #9eafb7; border-bottom:0; font-family:"Times New Roman", Times, serif; font-size:20px;}
.recentProjects .contentRecentProjects{ background:#0169ae; padding:10px;}

.aboutUnison {}
.aboutUnison .header{	
	color:#006aae; line-height:0; height:55px;
	 font-family:"Times New Roman", Times, serif; border-bottom:solid 2px #c3ced4;}
.aboutUnison .header b{ 
	padding:0 5px 0 15px; line-height:0; font-weight: normal; font-size:20px; line-height:45px;  
}
.aboutUnison .unisonContent{ padding:10px 10px 10px 0; background:url(images/dotted_line_01.gif) repeat-x bottom;}
.aboutUnison .unisonContent .left{ background:url(images/banners/about_unison.gif) no-repeat left top; width:166px;}
.aboutUnison .unisonContent .right{ padding:0 0 0 10px; font-size:11px; color:#7993a2; text-align:justify;}
.aboutUnison .unisonContent .right .button{ padding:6px 0;}
.aboutUnison .unisonContent .right .button a{
	height:12px; background:#c4ced7 url(images/button_arrow.gif) no-repeat left top; font-size:11px; color:#fff;
	line-height:0; padding:0 5px 0 15px; }
.aboutUnison .unisonContent .right .button a:hover{
	background:#c4ced7 url(images/button_arrow_on.gif) no-repeat left top;
	color:#026baf;}

.aboutUnison .details{ background:#dce8f0 url(images/detailsBg.gif) no-repeat right top; padding:15px 15px 0 0;}
.aboutUnison .details .box{ 
	width:50%; padding:0 0 5px 15px; font-size:11px; color:#787878; text-align:justify;}
.aboutUnison .details .box div{text-align:right;}
.aboutUnison .details .box div a{ color:#016aae; background:url(images/bullet.gif) no-repeat left top; padding:0 0 0 10px;}
.aboutUnison .details .box div a:hover{ padding:0 0 0 9px; }
.aboutUnison .details .box b{ font-size:14px; font-family:"Times New Roman", Times, serif;  }
.aboutUnison .details .box b a{text-decoration:none; color:#006aae;}

.opensourcePanel {}
.opensourcePanel .header{	
	color:#006aae; line-height:0; height:45px; font-size:20px; padding:0 5px 0 15px;
	font-family:"Times New Roman", Times, serif; background:url(images/headerBg2.gif) repeat-x bottom;}
.opensourcePanel .opensoureContent{}

/* Styling for Footer */
#footer { width:905px; margin:0 auto;}
#footer .footerContent{}
#footer .footerContent .leftSide{ background:url(images/footer_leftSide.gif) no-repeat left top; width:4px; height:45px;}
#footer .footerContent .rightSide{ background:url(images/footer_rightSide.gif) no-repeat left top; width:4px; height:45px;}
#footer .footerContent .content{ background:url(images/footer_bg.gif) repeat-x top;}
#footer .footerContent .content a{ 
	color:#556e7d; font-size:12px; text-transform:none; padding:13px 13px 14px 13px;}
#footer .footerContent .content a:first-child{ color:#2293dd; font-weight:bold;}
#footer .footerContent .content a:hover:first-child{ background:none; }
#footer .footerContent .content a:hover{ color:#006aae; background:url(images/footer_hover.gif) repeat-x top; }

#footer .bottomBar{ height:26px; color:#c3ced4; font-size:11px; padding:0 18px;}
#footer .bottomBar a{color:#919fa7; text-decoration:none;}
#footer .bottomBar a:hover{ text-decoration:underline;}




/* styling for top menu */

.chromestyle{
width: 99%;
font-weight: bold;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
width: 100%;
padding: 4px 0;
margin: 0;
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #006aae; font-size:13px; font-weight:bold;
padding: 20px 21px 19px 20px;
margin: 0;
background:url(images/navigation_separator.gif) repeat-y right;
text-decoration: none;
}

.chromestyle ul li a.company { }

.chromestyle ul li a:hover, .chromestyle ul li a.selected{ background:url(images/navigation_hoverBg.gif) no-repeat right top; color:#fff;
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
padding:5px;
border: 1px solid #fff; /*THEME CHANGE HERE*/
border-top: 0;
font:normal 12px;
line-height:18px;
z-index:100;
background: #f5f6f8  url(images/menuBg.gif) repeat-x bottom;
width: 150px;
visibility: hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}

.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #d5dde3; /*THEME CHANGE HERE*/
padding: 4px 10px;
text-decoration: none;
font-weight: lighter; 
color:#4e4e4e;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{  color:#006aae; font-weight:bold;}

.servicePanel{}
.servicePanel .serviceHeader { 
	background:#e4edf2 url(images/bullet_gray_arrow.gif) no-repeat left; height:30px; 
	border:solid 1px #dbe8f0; border-bottom:0;font-family:"Times New Roman", Times, serif; font-size:18px;
	color:#006aae; padding:0 0 0 30px;}
.servicePanel .serviceHeader:hover { padding:0 0 0 31px; }
.servicePanel .serviceHeader a{ color:#006aae; }
.servicePanel .serviceContent {
	height:100px; border:solid 1px #dbe8f0; padding:10px 120px 10px 10px; color:#787878; font-size:11px;
	vertical-align:top;}
	
.servicePanel .serviceContent a{ color:#016aae; background:url(images/bullet.gif) no-repeat left; padding:0 0 0 8px;}
.servicePanel .serviceContent a:hover{ padding:0 0 0 7px;}