/*
	Copyright (c) 2006 Reactive Media
	www.reactive.com
*/

	@import "content.css";
	@import "navigation.css";	

/* global 
-------------------------------------------------------------------------- */

	/* body */
	body { 
		margin: 6px 8px 8px; padding: 0;
		color: #091c5a;
		font-family: arial, helvetica, sans-serif;
		background: #ff6400; /* aconex orange */
		text-align: center;	
		direction: rtl;
			
		}
	/* all images */
	img { 
		display: block;
		border: 0;
		}					
	/* web standards notice */
	p#standardsNotice {
		display: none;
		}				
	/* skip navigation btn */
	div#skip {
		display: none;
		}
	/* page */
	body div#page {
		margin: 0 auto; padding: 0;
		min-width: 771px;
		max-width: 830px;
		}	
				
/* language 
-------------------------------------------------------------------------- */
	div#language {
		margin: 0; padding: 0;
		background: #ff6400; /* aconex orange */
		color: #ffffff;		
		}
	div#language ul {
		margin: 0 5px 0 0; padding: 0;
		list-style: none;
		float: left;
		}
	div#language ul li {
		margin: 0; padding: 0 5px 5px 5px;
		list-style: none;
		color: #ffffff;
		font-size: .7em;
		float: left;
		}
	div#language ul li img {
		margin: 0; padding: 3px 5px 0 0;
		display: block;
		float: left;
		}		
								
				
/* hdr 
-------------------------------------------------------------------------- */	
	div#hdr {
		margin: 0; padding: 0;
		background: url(../images/elements/hdrbg.gif) top left no-repeat #fff;
		height: 81px;
		clear: both;
		}
	/* logo */	
	div#hdr div#logo {
		margin: 0; padding: 0;
		float: right;
		}	
	
	/* login */	
	div#hdr div#login {
		margin: 8px 8px 0 8px; padding: 0;
		float: left;
		background: url(../images/elements/div.gif) top left no-repeat;
		text-align: left;
		}
	div#hdr div#login strong {
		margin: 4px 0 0 0; padding: 0 0 0 10px;
		color: #304074;
		font-size: .7em;
		float: left;
		}				
	div#hdr div#login select {
		margin: 2px 0 4px 6px;
		color: #304074;
		font-size: .7em;
		float: left;
		width: 166px;
		}
	div#hdr div#login input.btn {
		padding-left: 8px;
		float: left;
		}
		
	a.loginlink {
		clear: both;
		text-decoration: none;
		color: #ff6400;	
		font-size: 1.0em;
		font-weight: bold;
		margin-left: 70px;
		display:block;
		text-align:right;
		padding-right:66px;
		}
	a.loginlink:hover {
		text-decoration: underline;
		}								
		
	/* search */	
	div#hdr div#search {
		margin: 8px 3px 8px 3px; padding: 0;
		float: left;
		text-align: left;
		
		}
	div#hdr div#search input.textfeild {
		margin: 2px 0 4px 0;
		color: #304074;
		font-size: .7em;
		float: left;
		width: 130px;
		}
	div#hdr div#search .btn {
		float: left;
		padding-right: 5px;
		}																		
									
/* navigation 
-------------------------------------------------------------------------- */		
	div#navigation {
		z-index: 1;
		margin: 0; padding: 0;
		background: #fff;
		height: 60px;
		border-left: solid 1px #fff;
		border-right: solid 1px #fff;
		}
	body#homepage div#navigation {
		height: 29px;
		}						

/* title 
-------------------------------------------------------------------------- */		
	div#title {
		margin: 0; padding: 0;
		text-align: right;
		height: 70px;
		z-index: 3;
		border-left: solid 1px #fff;
		border-right: solid 1px #fff;
		}
	div#title h1 {
		margin: 0; padding: 17px 20px 0 0 !Important;
		color: #fff;
		font-size: 2.4em;
		font-family: arial, helvetica, sans-serif;
		font-weight: normal;
		text-align: left;
		}
		
	div.title {
		margin: 0; padding: 0;
		text-align: left;
		height: 70px;
		z-index: 3;
		border-left: solid 1px #fff;
		border-right: solid 1px #fff;
		background-color: #091c5a;
		}
	div.title h1 {
		margin: 0; padding: 17px 0 0 20px;
		color: #fff;
		font-size: 2.4em;
		font-family: arial, helvetica, sans-serif;
		font-weight: normal;
		text-align: left;
		}		
		
/* feature - homepage only
-------------------------------------------------------------------------- */		
	body#homepage div#line {
		margin: 0; padding: 0;
		background: #ff6400; /* aconex orange */
		height: 3px;
		border-left: solid 1px #fff;
		border-right: solid 1px #fff;
		}	
	
	div#hometitle {
		margin: 0; padding: 0;
		border-left: solid 1px #fff;
		border-right: solid 1px #fff;
		height: 158px;
		}
	div#hometitle img {
		float: right;
		}		

/* main 
-------------------------------------------------------------------------- */	
	div#main {
		margin: 0; padding: 0;
		text-align: right;
		background: url(../Images/elements/bgright.gif) top left repeat-y #fff;
		float: left;
		width: 100%;
		height: 100%;
		}
	body#homepage div#main {
		margin: 0; padding: 0;
		text-align: left;
		background: #fff;
		float: left;
		width: 100%;
		}
	body.rightcolOff div.leftnavOff div#main,
	body.rightcolOff div.leftnavOn  div#main {
		margin: 0; padding: 0;
		text-align: left;
		background: #fff;
		float: left;
		width: 100%;
		border: solid 1px red;		
		}
		
/* content01 */		
	div#main div#contentWrapper01 {
		margin: 0; padding: 20px 0 0 0;
		float: left;
		width: 100%; /* Glen: Added to correct layout on the office location page */
		}		
	div#main div#contentWrapper01 div#content01 {		
		margin: 0; padding: 0;		
		float: left;
		width: 230px;
		}
	/* content02 */					
	div#main div#contentWrapper02 {
		margin: 0 0 0 230px; padding: 0 0 20px 0;
		}
	div#main div#contentWrapper02 div#content02 {
		margin: 0; padding: 0;
		width: 99%;
		}
	/* content03 */		
	div#main div#contentWrapper03 {
		margin: 0; padding: 0;
		}		
	div#main div#contentWrapper03 div#content03 {		
		margin: 0; padding: 0;		
		float: right;
		width: 175px;
		}
	/* content04 */					
	div#main div#contentWrapper04 {
		margin: 0 175px 0 0 ; padding: 0 0 0 10px;		
		}
	div#main div#contentWrapper04 div#content04,
	div#main div#contentWrapper04 div.content04 {
		margin: 0; padding: 0;
		float: right;
		width: 99%;
		}
		
	/* content03 - rightcolOn leftnavOff  */		
	body.rightcolOn div.leftnavOff div#main div#contentWrapper03 {
		display: none;
		}		
	body.rightcolOn div.leftnavOff div#main div#contentWrapper03 div#content03 {		
		display: none;
		}
	/* content04 - master02 */					
	body.rightcolOn div.leftnavOff div#main div#contentWrapper04 {
		margin: 0; padding: 0 18px 10px 5px;		
		}
	body.rightcolOn div.leftnavOff div#main div#contentWrapper04 div#content04,
	body.rightcolOn div.leftnavOff div#main div#contentWrapper04 div.content04 {
		margin: 0; padding: 0;
		width: 99%;
		}	
		
	/* content01 - rightcolOff leftnavOn */		
	body.rightcolOff div.leftnavOn div#main div#contentWrapper01 {
		display: none;	
		}		
	body.rightcolOff div.leftnavOn div#main div#contentWrapper01 div#content01 {		
		display: none;
		}	
	/* content02  - master03 */				
	body.rightcolOff div.leftnavOn div#main div#contentWrapper02 {
		margin: 0; padding: 0 10px 20px 0;	
		}
	body.rightcolOff div.leftnavOn div#main div#contentWrapper02 div#content02 {
		margin: 0; padding: 0;
		width: 99%;
		}
	
	/* content01  - rightcolOff leftnavOff */	
	body.rightcolOff div.leftnavOff div#main div#contentWrapper01 {
		display: none;	
		}		
	body.rightcolOff div.leftnavOff div#main div#contentWrapper01 div#content01 {		
		display: none;
		}
	/* content02 */					
	body.rightcolOff div.leftnavOff div#main div#contentWrapper02 {
		margin: 0; padding: 0;	
		}
	body.rightcolOff div.leftnavOff div#main div#contentWrapper02 div#content02 {
		margin: 0; padding: 0;
		width: 99%;
		}
	/* content03 */		
	body.rightcolOff div.leftnavOff div#main div#contentWrapper03 {
		display: none;
		}		
	body.rightcolOff div.leftnavOff div#main div#contentWrapper03 div#content03 {		
		display: none;
		}
	/* content04 */					
	body.rightcolOff div.leftnavOff div#main div#contentWrapper04 {
		margin: 0; padding: 0 0 10px 10px;		
		}
	body.rightcolOff div.leftnavOff div#main div#contentWrapper04 div#content04,
	body.rightcolOff div.leftnavOff div#main div#contentWrapper04 div.content04 {
		margin: 0; padding: 0;
		width: 99%;
		}							
		
		
	/* content - homepage only */					
	div#main div#contentHome01Wrapper {
		margin: 0; padding: 0 20px 10px 20px;	
		}
	div#main div#content01Wrapper div#contentHome01 {
		margin: 0; padding: 0;
		width: 100%;
		}
	div#main div#contentHome02Wrapper {
		margin: 0; padding: 0 0 10px 0;	
		background: url(../Images/elements/lightbluebg.jpg) top left repeat-x #f3f4f9;
		float: left;
		width: 100%;
		}
	div#main div#contentHome02Wrapper02 {
		margin: 0; padding: 0 20px 0 20px;
		}			
	div#main div#contentHome02Wrapper div#contentHome02 {
		margin: 0; padding: 0;
		width: 100%;
		}

		
	/* contentHome - homepage only */
	table.contentHome h2  {
		margin: 0; padding: 15px 0 5px 0;
		font-size: 1em;
		font-weight: bold;
		color: #ff6400;
		text-align: right;
		clear: both;
		}
	table.contentHome h2 a  {
		text-decoration: none;
		color: #ff6400;
		}
	table.contentHome h2 a:hover  {
		text-decoration: underline;
		color: #ff6400;
		}							
	table.contentHome p  {
		margin: 0; padding: 0 0 5px 0;
		font-size: .75em;
		text-align: right;
		}
	table.contentHome a.link  {
		font-size: .7em;
		}						
		
/*	table.contentHome a  {
		margin: 0; padding: 0 0 10px 15px;
		color: #091c5a;
		font-size: .7em;
		font-weight: bold;
		text-decoration: none;
		background: url(../Images/elements/arroworange.gif) 0px 4px no-repeat;
		}	
	table.contentHome a:hover  {
		text-decoration: underline;
		}
*/		
	
	table.contentHome img.action  {
		margin: 0 0 0 5px; padding: 0;
		float: right;
		border: solid 1px #091c5a;
		}			


	/* feature orange - right column */	
	div#featureOrange {
		margin: 0 15px 15px 15px; padding: 0;
		background: url(/Images/features/bgorange.jpg) top no-repeat #ff6909;	
		width: 200px;
		}
	div#featureOrange h3 {
		margin: 0; padding: 10px 10px 0 10px;
		color: #fff;
		font-size: 1em;
		}
	div#featureOrange h3 a {
		color: #fff;
		text-decoration: none;
		}
	div#featureOrange h3 a:hover {
		color: #fff;
		text-decoration: underline;
		}				
	div#featureOrange p {
		margin: 0; padding: 10px;
		color: #fff;
		font-size: .75em;
		}					
	div#featureOrange a {
		margin: 0 10px 0 0; padding: 0 15px 0 10px;
		color: #fff;
		font-size: .7em;
		font-weight: bold;
		text-decoration: none;
		background: url(/Images/elements/arrowwhite.gif) right 4px no-repeat;
		float: right;
		}
	div#featureOrange a:hover {
		text-decoration: underline;
		}	
	.orangebtm {
		clear: both;
		}				
		
	/* feature white */		
	div#featureWhite {
		margin: 15px; padding: 0;
		background: url(/Images/features/bgwhite.jpg) top no-repeat #cdd1dd;	
		width: 200px;
		}
	div#featureWhite h3 {
		margin: 0; padding: 10px 10px 7px 10px;
		color: #091c5a;
		font-size: 1em;
		}
	div#featureWhite h3 a  {
		color: #091c5a;
		text-decoration: none;
		}
	div#featureWhite h3 a:hover {
		color: #091c5a;
		text-decoration: underline;
		}				
	div#featureWhite p {
		margin: 0; padding: 0 10px 3px 10px;
		color: #091c5a;
		font-size: .75em;
		}
	div#featureWhite p a {
		color: #091c5a;
		font-weight: bold;
		text-decoration: none;
		}
	div#featureWhite p a:hover {
		color: #091c5a;
		font-weight: bold;
		text-decoration: underline;
		}									
	div#featureWhite a.arrow {
		margin: 0 10px 10px 0; padding: 0 15px 0 10px;
		color: #091c5a;
		font-size: .7em;
		font-weight: bold;
		text-decoration: none;
		background: url(/Images/elements/arroworange.gif) right 4px no-repeat;
		float: right;
		}
	div#featureWhite a:hover.arrow {
		text-decoration: underline;
		}	
	div#featureWhite hr {
		margin: 5px 10px 0 10px;
		border: solid 1px #afbcd6;
		}	
	
	/* feature white */		
	div#featureBlue {
		margin: 15px 15px 0 15px; padding: 0;
		background: url(/Images/features/bgblue.jpg) top no-repeat #2857b5;	
		width: 200px;
		height: 100%;
		}	
	div#featureBlue h3 {
		margin: 0; padding: 10px;
		color: #fff;
		font-size: 1em;
		}
	div#featureBlue h3 a {
		color: #fff;
		font-size: 1em;
		text-decoration: none;
		}
	div#featureBlue h3 a:hover {
		color: #fff;
		font-size: 1em;
		text-decoration: underline;
		}				
	div#featureBlue img.photo {
		margin: 2px 5px 0 0;
		border: solid 1px #0a1c5a;
		float: right;
		}
	div.right {
		margin-left: 0; padding-left: 5px;
		float: left;
		width: 100px;
		} 		
	div#featureBlue div.right p {
		margin: 0; padding: 0 5px 10px 0;
		color: #fff;
		font-size: .75em;
		}					
	div#featureBlue div.right a {
		margin: 10px 0 0 0; padding: 0 15px 0 10px;
		color: #fff;
		font-size: .7em;
		font-weight: bold;
		text-decoration: none;
		background: url(../Images/elements/arroworange2.gif) right 4px no-repeat;
		clear: both;
		float: right;
		}
	div#featureBlue div.right a:hover {
		text-decoration: underline;
		}
	img.bluebtm {
		margin: 0;
		clear: both;
		}	
	/* selection */
	table.selection  {
		margin: 0; padding: 0 0 0 0;
		border-bottom: solid 1px #abb2c7;
		}
	table.selection td  {
		padding: 8px 8px 8px 0;
		}					
	table.selection strong {
		margin: 0; padding: 4px;
		float: left;
		color: #475583;
		font-size: .7em;
		}		
	table.selection h3  {
		margin: 0; padding: 4px 4px 0 4px;
		color: #475583;
		font-size: .7em;
		float: left;
		}		
	table.selection select  {		
		margin: 1px 0 4px 4px;
		color: #304074;
		font-size: .7em;
		float: left;
		width: 140px;
		}
	table.selection input  {		
		margin: 0 0 0 5px;
		float: left;
		}
		
	/* selection */
	div#selection  {
		margin: 0; padding: 0 0 10px 0;
		width: 100%;
		}		
	div#selection strong {
		margin: 0; padding: 4px;
		float: left;
		color: #475583;
		font-size: .7em;		
		}		
	div#selection h3  {
		margin: 0; padding: 0;
		color: #475583;
		font-size: .7em;
		}		
	div#selection select  {		
		margin: 1px 0 4px 0;
		color: #304074;
		font-size: .7em;
		float: left;
		width: 140px;
		}
	div#selection input  {		
		margin: 0 0 0 5px;
		float: left;
		}
		
	/* selection2 */
	div#selection2  {
		margin: 0 0 0 0; padding: 0 0 15px 0;
		}		
	div#selection2 strong {
		margin: 0; 
		color: #475583;
		font-size: .7em;
		padding: 0px 5px 0 0;
		width: 10px;
		display:block;
		float:right;
		margin-left:5px;
		}		
	div#selection2 h3  {
		margin: 0; padding: 0;
		color: #475583;
		font-size: .7em;
		}
	body#homepage2 div#selection h3  {
		margin: 0; padding: 4px 4px 0 0;
		float: right;
		}		
	div#selection2 select  {		
		color: #304074;
		font-size: .7em;
		width: 140px;
		float:right;
		display:block;
		padding:0;
		}
	div#selection2 input  {		
		margin: 0 0 0 5px;
		}
	div#selection2 .btn{
		float:right;
		padding:0px 5px 0 0;
	}
		
	hr.line {
		float: left;
		width: 100%;
		}
		
/* selection */
	div.dropdown {
		width: 140px;
		float:right;
		display:block;
		padding:0;
		}
	div.dropdownBtn {
		padding: 0px 5px 0 0;
		width: 50px;
		height: 25px;
		float:right;
		}
	div.dropdownOr {
		padding: 0px 5px 0 0;
		width: 10px;
		display:block;
		float:right;
		height: 16px;
		margin-left:5px;
		}					
	div.dropdown .text {
		font-size: .7em;
		display:block;
		}		
	
	div#selection3  {
		margin: 0; 
		padding: 0 0 25px 0;
		/*float: right;*/
		margin-bottom:30px;
		}		
	div#selection3 strong {
		margin: 0; padding: 4px;
		float: right;
		color: #475583;
		font-size: .7em;		
		}		
	div#selection3 h3  {
		margin: 0; padding: 0;
		color: #475583;
		font-size: .7em;
		}
	body#homepage3 div#selection h3  {
		margin: 0; padding: 4px 4px 0 0;
		float: left;
		}		
	div#selection3 select  {		
		margin: 1px 0 4px 0;
		color: #304074;
		font-size: .7em;
		width: 140px;
		display:block;
		}
	div#selection3 input  {		
		margin: 0 0 0 5px;
		float: right;
		}								
					

/* footer - print
-------------------------------------------------------------------------- */	
	div#printfooter {
		margin: 0; padding: 0;
		width: 100%;
		background: url(/Images/elements/bgright.gif) top left repeat-y #fff;
		float: right;

		}
	body.rightcolOn div.leftnavOn div#printfooter ul,
	body.rightcolOff div.leftnavOn  div#printfooter ul {
		margin: 0; padding: 0;
		list-style: none;
		float: right;
		}
	body.rightcolOff div.leftnavOn div#printfooter,
	body.rightcolOff div#printfooter {
		margin: 0; padding: 0;
		text-align: left;
		float: left;
		width: 100%;
		background: url(/Images/elements/bgright.gif) top left repeat-y #fff;
		clear: right;
		}
	body.rightcolOn div.leftnavOff div#printfooter ul,
	body.rightcolOff div#printfooter ul {
		margin: 0; padding: 0 0 0 20px;
		list-style: none;
		}				
	div#printfooter ul {
		margin: 0; padding: 0 0 0 0;
		list-style: none;
		float: right;
		}
	div#printfooter ul li {
		margin: 0 0 10px 0; padding: 8px 28px 0 10px;
		list-style: none;
		color: #ff6400;
		font-size: .7em;
		display: inline;
		font-weight: bold;
		float: left;
		height: 30px;
		}
	div#printfooter ul li.email {	
		background: url(/Images/elements/icnemail.gif) right 4px no-repeat;
		}	
	div#printfooter ul li.print {	
		background: url(/Images/elements/icnprint.gif) right 4px no-repeat;
		}	
	div#printfooter ul li.top {	
		margin-right: 25px;
		background: url(/Images/elements/icntoppage.gif) right 4px no-repeat;
		}
	div.leftnavOn div#printfooter ul li.top {	
		margin-right: 175px;
		}						
	div#printfooter ul li a {
		margin: 0; padding: 0 3px 0 3px;
		color: #ff6400;
		text-decoration: none;
		}
	div#printfooter ul li a:hover {
		margin: 0; padding: 0 3px 0 3px;
		color: #ff6400;
		text-decoration: underline;
		}		
		


/* footer - clients/awards
-------------------------------------------------------------------------- */	
	div#footer {
		margin: 0; padding: 0;
		text-align: left;
		background: #fff;
		border-top: solid 1px #abb2c7;
		float: left;
		width: 100%;
		background: url(../Images/elements/ftrcnrright.gif) bottom right no-repeat #fff;
		}
	div#footer img.div {
		float: left;
		}		
	/* clients */	
	div#clientsWrapper {
		margin: 0; padding: 0;
		float: left;
		width: 66%;
		background: url(/Images/elements/ftrcnrleft.gif) bottom left no-repeat #fff;
		text-align: right;
		
		}
	div#clientsWrapper2 {
		margin: 0; padding: 0 0 0 20px;
		background: url(/Images/elements/footerdiv.gif) top right no-repeat;
		}			
	div#clients {
		margin: 0; padding: 0;
		float: left;
		width: 100%;
		}		
	div#clients strong {
		margin: 10px 10px 3px 0; padding: 0;
		color: #475583;
		font-size: .7em;
		float: right;
		}				
	div#clients ul {
		margin: 0; padding: 0;
		list-style: none;
		clear: both;
		width: 100%;
		}
	div#clients ul li {
		margin: 0; padding: 5px 0 20px 0;
		list-style: none;
		width: 24%;
		float: left;
		text-align: center; 
		}		
		
	/* awards */
	div#awardsWrapper {
		margin: 0; padding: 0;
		float: right;
		width: 33%;
		background: url(/Images/elements/ftrcnrright.gif) bottom right no-repeat #fff;
		}
	div#awardsWrapper2 {
		margin: 0; padding: 0 20px 0 0;
		background: url(/Images/elements/footerdiv.gif) top left no-repeat;
		}		
	div#awards {
		margin: 0; padding: 0;
		float: left;
		width: 100%;
		}		
	div#awards strong {
		margin: 10px 10px 3px 0; padding: 0;
		color: #475583;
		font-size: .7em;
		float: right;
		}				
	div#awards ul {
		margin: 0; padding: 0;
		list-style: none;
		clear: both;
		width: 100%;
		}
	div#awards ul li {
		margin: 0; padding: 5px 0 20px 0;
		list-style: none;
		width: 49%;
		float: left;
		text-align: center;
		}			
			
	/* logo */
	div#clients ul li a,
	div#awards ul li a {
		background-position: top;
		width: 110px;
		height: 60px;
		display: block;
		}	
	div#clients ul li a:hover,
	div#awards ul li a:hover {
		background-position: bottom;
		}		
		
	div#clients ul li a.inactive,
	div#awards ul li a.inactive {
		background-position: top;
		width: 110px;
		height: 60px;
		display: block;	
		cursor: default;
		}
	div#clients ul li a:hover.inactive,
	div#awards ul li a:hover.inactive {
		background-position: bottom;
		cursor: default;
		}					
		
	
/* copyright
-------------------------------------------------------------------------- */
	div#copyright {
		margin: 0; padding: 8px 0 0 8px;
		float: left;
		width: 100%;
		}
	/* links */
	div#copyright div#links {
		margin: 0; padding: 0;
		clear: both;
		border: solid 1px #ff6400;
		}
	div#copyright div#links p {
		margin: 0; padding: 0;
		float: left;
		width: 52%;
		text-align: left;
		color: #33264f;
		font-size: .7em;
		text-align: right;
		}		
	div#copyright div#links ul {
		margin: 0; padding: 0;
		list-style: none;
		float: left;
		width: 46%;
		text-align: left;
		}
	div#copyright div#links ul li {
		margin: 0; padding: 0 10px 0 8px;
		list-style: none;
		color: #33264f;
		font-size: .7em;
		display: inline;
		font-weight: bold;
		background: url(../Images/elements/arrowwhite.gif) right 4px no-repeat;
		float: left;
		}
	div#copyright div#links ul li a {
		margin: 0; padding: 0 3px 0 3px;
		color: #33264f;
		text-decoration: none;
		}
	div#copyright div#links ul li a:hover {
		margin: 0; padding: 0 3px 0 3px;
		color: #33264f;
		text-decoration: underline;
		}														

	div.printonly {
		display: none;
		}
	
	.clear{
		clear:both;
		display:block;
	}