@charset "utf-8";
/* CSS Document */

/*Created by Web Virtuoso 04-06-2011*/


/*------------ CSS Reset ------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font:normal 100% Arial, Helvetica, sans-serif;
	background: transparent;
}
strong {font-weight:bold;}
body {
	line-height: 1;
	background: #fff url(../images/bg_body.jpg) repeat-x left top;
}
body.home {
	background: #fff url(../images/bg_body.jpg) repeat-x left top;
}
body.inner {
	background: #fff url(../images/bg_body_internal.jpg) repeat-x left top;
}
ol, ul {
	list-style: none;
}
a, a:hover {
	text-decoration: none;
	color:#24A0CF
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* this is to prevent border from showing around fieldsets and images (i.e., images inside anchors) */
fieldset, img {
  border: 0;
}

/* to prevent a gap from showing below images in some browsers  */
img {vertical-align: middle;}

/*@font-face {
    font-family: 'CenturyGothicRegular';
    src: url('../fonts/gothic-webfont.eot');
    src: url('../fonts/gothic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gothic-webfont.woff') format('woff'),
         url('../fonts/gothic-webfont.ttf') format('truetype'),
         url('../fonts/gothic-webfont.svg#CenturyGothicRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}*/

/* CLEAR FIX*/
/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}

.cf:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}

#site_wrapper {
	width: 963px;
	margin: 0 auto;
	position:relative;
}

/*-------- /CSS Reset -------------*/
.homelink a {
	height:115px;
	width:270px;
	position:absolute;
	top:15px;
	z-index:10;
	cursor:pointer;
}
#nav_wrapper {
	background:url(../images/logo.png) no-repeat left 16px;
	height:140px;
}
/*----------- mini menu ---------*/
ul#mini_menu {
	float:right;
	margin-top:20px;
}
ul#mini_menu li {
	display:inline;
	font-size:13px;
	background:url(../images/bullet.png) no-repeat left 7px;
	padding-left:10px;
	margin-left:17px;
}
ul#mini_menu li a {
	color:#466a78;
}
ul#mini_menu li a:hover {
	color:#a52b11;
}
ul#mini_menu li a.current {
	color:#a52b11;
	cursor:text;
}

/*----------- /mini menu ---------*/

/*---------- Main Menu --------*/
#nav {
	float:right;
	margin-top:45px;
}
#nav ul { margin-top:20px;}
#nav li {
	float:left;
	display:block;
	position:relative;
	z-index:500; 
	margin:0 1px;
	font:16px Tahoma, Geneva, sans-serif;
	color:#a52b11;
}
#nav li.open a {
	color:#3f97b7;
}
#nav li a {
	display:block;
	padding:8px 20px 4px 20px;
	height:23px;
	text-decoration:none;
	text-align:left;
	color:#a52b11;
}
#nav li a:hover {
	color:#3f97b7;
}
#nav a.selected {
	color:#3f97b7;
}
#nav ul {
	position:absolute;
	left:0;
	display:none;
	padding:0 0 1px 0;
	list-style:none;
	border:1px solid #ccc;
	width:257px;
	margin-left:18px;
}
#nav ul li {
	float:left;
	border-top:1px solid #fff;
	background:#56524F;
	text-align:left;
	font-size:13px;
	width:255px;
}
#nav ul a {
	height:15px;
	padding:8px;
	color:#fff;
	margin-left:0;
}
#nav ul a:hover, #nav ul a.selected {
	background:#333;
	color:#f3f3f3;
}
		/* fix ie6 small issue */
		/* we should always avoid using hack like this */
		/* should put it into separate file : ) */
*html #nav ul {
	margin:0 0 0 -2px;
}

/*---------- /Main Menu --------*/	

/*---slideshow-----------*/

#slideshow {
    position:relative;
    height:321px;
	top:3px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}
/*--- /slideshow-----------*/
/*------------ Home Work areas ------------*/

#workAreasBox {
	margin-top:50px;
	border-bottom:1px solid #d5d5cf;
	zoom:1;
}
.workArea {
	width:291px;
	float:left;
	padding-left:10px;
}
.area01 {
	/*background:url(../images/bg-serv-01.gif) no-repeat 209px top;*/
}
.area02 {
	/*background:url(../images/bg-serv-02.gif) no-repeat 170px top;*/
	margin:0 30px;
}
.area03 {
	/*background:url(../images/bg-serv-03.gif) no-repeat 170px top;*/
	float:right;
}
.workArea h1 {
	font:24px Tahoma, Geneva, sans-serif;
	color:#3f97b7;
}
.workArea p {
	font-size:12px;
	color:#333;
	margin-right:15px;
	margin-top:10px;
	line-height:18px;
}
.workArea p.more {
	margin-right:0;
	margin-top:0;
	text-align:right;
}
.workArea p.more a {
	background:url(../images/red_arrow.png) no-repeat 100% center;
	padding-right:17px;
}

/*------------ /Home Work areas ------------*/

/*------------ Home seconday content areas ------------*/
#secondaryContent {
	background:#bfbfb7;
	margin-top:50px;
}
#homeContent {
	width: 963px;
	margin: 0 auto;
	padding-bottom:15px;
}
.why {
	background:url(../images/whyUPPL.jpg) no-repeat 10px 5px;
}
.why h2 {
	color:#9f1c00;
	font:18px Tahoma, Geneva, sans-serif;
	margin-left:55px;
	margin-top:30px;
}
.why h3 {
	color:#9f1c00;
	font-size:13px;
	margin-left:55px;
	line-height:22px;
}
.why li {
	background:url(../images/whiteBullet.png) no-repeat left 7px;
	font-size:12px;
	color:#fff;
	line-height:20px;
	padding-left:15px;
	margin-left:3px;
}
.box2 {
	margin:0 30px;
}
.box2 h2, .box2 h2 a {
	color:#333;
	font:18px Tahoma, Geneva, sans-serif;
	margin-top:15px;
}
.box2 h3 {
	color:#287d9c;
	font-size:13px;
	line-height:22px;
}
.box2 ul {
	margin-top:12px;
}
.box2 li {
	background:url(../images/blueBullet.png) no-repeat left 7px;
	font-size:12px;
	color:#393635;
	line-height:20px;
	padding-left:15px;
	margin-left:3px;
}
.box3 {
	margin:0;
	float:right;
}
/*------------ /Home seconday content areas ------------*/

/*------------ Internal Content --------------*/
#pgTitle {
	background:#C6C6C0;
	height:10px;
	margin-top:2px;
}
.TopBanner {
	border-bottom:4px solid #666;
	margin-bottom:25px;
	height:126px;
}
.TopBanner h1 {
	font-size:27px;
	color:#9F1C00;
}
.about {
	background:url(../images/img_about.jpg) no-repeat;
}
.about h1 {
	padding-top:10px;
	margin-left:510px;
}
.associates {
	background:url(../images/img_associates.jpg) no-repeat;
}
.associates h1 {
	padding-top:80px;
	margin-left:20px;
}
.team {
	background:url(../images/img_team.jpg) no-repeat -10px;
}
.team h1 {
	padding-top:80px;
	margin-left:20px;
}
.clients {
	background:url(../images/img_clients.jpg) no-repeat;
}
.clients h1 {
	padding-top:80px;
	margin-left:500px;
}
.careers {
	background:url(../images/img_careers.jpg) no-repeat;
}
.careers h1 {
	padding-top:20px;
	margin-left:10px;
}
.contact {
	background:url(../images/img_contact.jpg) no-repeat;
}
.contact h1 {
	padding-top:85px;
	margin-left:400px;
}
.news {
	background:url(../images/img_news.jpg) no-repeat;
}
.news h1 {
	padding-top:80px;
	margin-left:20px;
}
.resources {
	background:url(../images/img_resources.jpg) no-repeat -9px;
}
.resources h1 {
	padding-top:75px;
	margin-left:20px;
}
.practices {
	background:url(../images/img_practices.jpg) no-repeat;
}
.practices h1 {
	padding-top:10px;
	margin-right:15px;
	text-align:right;
}
.expertise {
	background:url(../images/img_expertise.jpg) no-repeat;
}
.expertise h1 {
	padding-top:50px;
	margin-left:20px;
}
.solutions {
	background:url(../images/img_solutions.jpg) no-repeat;
}
.solutions h1 {
	padding-top:10px;
	margin-right:15px;
	text-align:right;
}

#internalContent { 
	border-top:1px solid #DCDCDB;
	margin-top:1px;
	background:#F5F5F1;
}

#container2 {
	clear:left;
	float:left;
	width:100%;
	overflow:hidden;
	background:#F5F5F1; /* column 2 background colour */
}
#container1 {
	float:left;
	width:100%;
	position:relative;
	right:302px;
	background:#fff; /* column 1 background colour */
	border-right:1px solid #DCDCDB;
}

#LeftCol {
	float:left;
	padding:25px 40px 25px 20px;
	width:600px;
	position:relative;
	left:302px;
	/*overflow:hidden;*/
}
#RtCol {
	width:262px;
	float:right;
	padding:25px 20px;
	position:relative;
	left:302px;
	/*overflow:hidden;*/
}
.divider {
	background:url(../images/div-cases.gif) no-repeat left bottom;
	height:5px;
	margin-bottom:20px;
}
#LeftCol p {
	font-size:13px;
	line-height:21px;
	margin-bottom:20px;
}
#LeftCol a {
	background:#EDEDE6;
	border-bottom:1px solid #93938D;
	padding:2px 7px;
}
#LeftCol a:hover {
	color:#333;
	background:#ccc;
}

.floatRt {
	float:right;
}
#LeftCol h2 {
	font:19px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#3F97B7;
	margin-bottom:15px;
	border-bottom: 1px dashed #ccc;
	padding-bottom:5px;
}
#LeftCol #accordion h2 {
	font-size:17px;
}

#LeftCol h2 span {
	font-size:15px;
	color:#666;
}

#LeftCol h3 {
	font: italic 15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#666;
	margin-bottom:7px;
	margin-top:-7px;
}
#LeftCol h4 {
	font-size:14px;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:5px;
	color:#333;
}

#LeftCol ul {
	margin-bottom:20px;
}
#LeftCol li {
	font-size:13px;
	background:url(../images/ul_bullet.png) no-repeat left 4px;
	padding-left:18px;
	line-height:20px;
	margin-bottom:8px;
}
#LeftCol .linksWrap {border-top:1px dashed #ccc; width:100%;}
#LeftCol ul.links {float:right; margin-top:10px;}
#LeftCol ul.links li {
	background: url(../images/arrow2.gif) no-repeat right 5px;
	padding-right:0;
	font-size:12px;
	padding-right:15px;
	text-align:right;
}
#LeftCol ul.links li a {
	background:transparent;
	border-bottom:1px dashed #93938D;
	padding: 2px 0;
}
#LeftCol ul.links li a:hover {
	background:#EDEDE6
}

#LeftCol ul.links01 {float:left;}
#LeftCol ul.links01 li {
	background: url(../images/arrow2.gif) no-repeat left 5px;
	padding-right:0;
	font-size:12px;
	padding-left:15px;
}
#LeftCol ul.links01 li a {
	background:transparent;
	border-bottom:1px dashed #93938D;
	padding: 2px 0;
}
#LeftCol ul.links01 li a:hover {
	background:#EDEDE6
}



#LeftCol li ul {
	margin-left:10px;
}
#LeftCol li ul li {
	background:url(../images/arrows_dot.gif) no-repeat left 4px;
	padding-left:14px;
}
blockquote {
	font:italic 18px "Palatino Linotype", "Book Antiqua", Palatino, serif;
	color:#9F201D;
	line-height:32px;
	border-left:1px solid #333;
	padding: 5px 10px;
	margin-bottom:20px;
}
.floatleft {
	float:left;
	margin-right:20px;
	margin-bottom:20px;
	margin-top:5px;
	border-bottom:4px solid #666;
}
.photo {
	background:#f3f3f3;
	padding:3px;
	border:1px solid #ccc;
	margin-right:10px;
	margin-top:5px;
}

#RtCol .box {
	margin-bottom:40px;
}
#RtCol .box h2, #RtCol .box h2 a {
	font:18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#3f97b7;
	border-top:1px dashed #C6C6C0;
	border-bottom:1px dashed #C6C6C0;
	margin-bottom:15px;
	padding:4px 0;
}
#RtCol .box p {
	color:#333;
	font-size:12px;
	font-weight:bold;
	padding-bottom:10px;
}
#RtCol .box p span {
	font-weight: normal;
}
#RtCol .box ul {
	font-size:12px;
}
#RtCol .box li {
	margin-bottom:7px;
	background:url(../images/blueBullet.png) no-repeat left 5px;
	padding-left:15px;
}

/*--- form styles -----------*/

#myform {
	border-top:1px solid #BFBFB7;
	border-bottom:1px solid #BFBFB7;
	padding:20px;
}
form.myform {width:495px;}
.myform legend {
	font:17px Georgia, "Times New Roman", Times, serif;
	border-top:1px dashed #C6C6C0;
	border-bottom:1px dashed #C6C6C0;	
	color:#9F1D36;
	margin:10px 0;
}

.myform  p { display: block; clear: both; padding-top:10px}
.myform  label { width: 120px; display: block; font: 300 13px/22px Verdana,Arial,Helvetica,sans-serif; float: left; text-align: right; padding-right: 15px; vertical-align: top; color: rgb(129, 129, 129); }
.myform input { font-family: verdana; font-size:11px; border:1px dashed #C6C6C0; background:#ededed; width: 300px; padding: 5px 4px; }
.myform input.email {margin-top:0; padding-left:4px;}
.myform  input:focus, #myform  textarea:focus { background-color: rgb(255, 255, 255); }
.myform  textarea { border:1px dashed #C6C6C0; background:#ededed; width: 305px; padding: 2px; font-family: verdana; font-size: 11px; }
.myform  select { border:1px dashed #C6C6C0; background:#ededed; font-family: verdana; font-size: 11px; /*padding: 5px 4px;*/ width: 300px; }
.myform  input.error, #myform  textarea.error, #myform  select.error { border-left: 2px solid rgb(157, 6, 6); }
.actions{margin-top:10px; float:right;}
form.myform input#contact_submit {
    background: url("..iamges/button_slice.gif") repeat-x scroll left top #DCD7C3;
    border: 1px solid #BAAF96;
    cursor: pointer;
    display: inline;
    float: left;
    margin-right: 29px;
    width: auto;
	padding:5px 10px;
	font:17px Georgia, "Times New Roman", Times, serif;
}
.send-button { width: auto ! important; height: auto ! important; margin-left: 111px; border: medium none; background-color: transparent; }
.myform  label.error { float:left; color:rgb(157, 6, 6); vertical-align:top; padding-left:25px; width:250px; text-align:left;}

	/*styled select box*/
.myform p span.customStyleSelectBox { font-size: 11px; padding: 5px 7px; border:1px dashed #C6C6C0; background:#ededed; width:295px; }
.customStyleSelectBoxInner { background: url('../images/canvas-list-nav-item-arrow-.gif') no-repeat scroll right center transparent; }

/*--- /form styles -----------*/

/*------------ /Internal Content --------------*/

/*------------- footer ------------*/
#footerWrapper {
	background:#333;
}
#footer {
	width: 963px;
	margin: 0 auto;
	padding:20px 0 25px 0;
	color:#95958c;
	font-size:12px;
}
#footer .block {
	float:left;
	margin-left:27px;
	line-height:22px;
	width:294px;
}
#footer .block a {
	color:#d4d4d4;
}
#footer .block a:hover { 
	color:#24A0CF;
}
.phone {
	background:url(../images/icon_phone.png) no-repeat left top;
	padding-left:28px;
}
.email {
	background:url(../images/icon_email.png) no-repeat left top;
	padding-left:28px;
	margin-top:15px;
}
.downloads a {
	margin-left:10px;
	font-weight:bold;
	line-height:21px;
	display:block;
	padding: 5px 0 5px 28px;
}
.brochure a {
	background:url(../images/icon_downloadBrochure.png) no-repeat left center;
}
.article a {
	background:url(../images/icon-downloadArticle.png) no-repeat left center;
}
.enquiry a {
	background:url(../images/icon_Enquiry.png) no-repeat left center;
}
.copyright p {
	margin-bottom:20px;
	padding-left:20px;
	line-height:20px;
}
/*------------- /footer ------------*/