* { padding: 0; margin: 0; }

body { text-align: center; font: 1em/1.3 Verdana; line-height: 120%;
background: white url(images/wrapper-bg.gif) 50% 0 no-repeat;  }

#wrapper { clear: both; width: 723px; margin: 0 auto; text-align: left; position: relative; padding: 0 54px;}

h1 { font-size: 1.4em; font-weight: normal; color: #00aadd; line-height: 120%; margin: 0 0 0.3em;}
h2 { font-size: 1.2em; font-weight: normal; color: #00aadd; line-height: 120%; margin: 1em 1em .5em 0; }
h3 { font-size: 1.1em; font-weight: normal; color: #00aadd; line-height: 120%; margin: 1em 1em .5em 0; }
h4, h5, h6 { font-size: 1em; font-weight: normal; color: #00aadd; line-height: 120%; margin: 1em 1em .5em 0; }
h3 a { text-decoration: none; }
p, ul, label { font-size: 0.8em; color: #3c3c3c; margin: 0 0 0.6em 0; }
ul { margin-left: 12px; list-style: none;}
li { background: url(images/blue-dot.gif) 0 5px no-repeat; padding-left: 11px; }

a { color: #3c3c3c; } 
a:hover { color: #00aadd; }

#topbar { float: left; width: 100%; background: #00aadd url(images/altnav-bg.gif) top center repeat-y; }

a#uoblogo { position: absolute; display: block; width: 90px; height: 35px; left: 54px; top: -36px; }

#altnav { width: 831px; margin: 0 auto; position: relative; }
#altnav ul { float: right; height: 24px; background-color: #2f5199; border: 2px solid white; border-width: 2px 2px 0; margin: 13px 54px 0 0; display: inline; list-style: none; font-weight: bold; padding: 0 16px 0 0;font-size: 0.85em; }
#altnav li { float: left; margin: 3px 0 0 16px; background: none; padding: 0; display: inline; }
#altnav a { color: white; text-decoration: none; }
#altnav a:hover { color: #00aadd; }

a#logo { position: absolute; top: 30px; left: 54px; }

img#pulse { position: absolute; top: 72px; left: 254px; }

#header { width: 723px; height: 204px; background: url(images/london.jpg) top left no-repeat; }
body#home #header { background: url(images/collage.jpg) top left no-repeat; } 
body#trans #header { background: url(images/dubai.jpg) top left no-repeat; } 
body#whysy #header { background: url(images/newyork.jpg) top left no-repeat; } 
body#inter #header { background: url(images/paris.jpg) top left no-repeat; } 
body#other #header { background: url(images/shanghai.jpg) top left no-repeat; } 
body#quote #header { background: url(images/pisa.jpg) top left no-repeat; } 
body#types #header { background: url(images/moscow.jpg) top left no-repeat; } 

a img { border: none; }

#nav { background: #f0fbff url(images/nav-top-left.gif) top left no-repeat; width: 714px; margin: 0 0 30px; padding: 9px 1px 11px 8px; border-top: 4px solid #00aadd;}
#nav ul { /*background: url(images/nav-bottom-left.gif) bottom right no-repeat;*/ font-size: 0.9em; margin: 0; width:100%; }
#nav li { list-style: none; float: left; font-weight: bold; /*width: 120px;*/ background: none; padding: 0; text-align: center;}

	#nav li.navt{ padding-left: 10px; }
	
	li#why { width: 137px; }
	li#tra { width: 108px; }
	li#int { width: 113px; }
	li#typ { width: 113px; }
	li#oth { width: 131px; }
	li#quo { width: 100px; }
	
	body.lan-french li#why { width: 170px; }
	body.lan-french li#quo { width: 70px; }

	body.lan-italian li#why { width: 204px; }
	body.lan-italian li#tra { width: 102px; }
	body.lan-italian li#int { width: 117px; }
	body.lan-italian li#typ { width: 64px; }
	body.lan-italian li#oth { width: 105px; }
	body.lan-italian li#quo { width: 104px; }

	body.lan-spanish li#why { width: 147px; }
	body.lan-spanish li#tra { width: 98px; }
	body.lan-spanish li#int { width: 113px; }
	body.lan-spanish li#typ { width: 113px; }
	body.lan-spanish li#oth { width: 121px; }
	body.lan-spanish li#quo { width: 110px; }
	
	body.lan-german li#why { width: 141px; }
	body.lan-german li#tra { width: 98px; }
	body.lan-german li#int { width: 108px; }
	body.lan-german li#typ { width: 98px; }
	body.lan-german li#oth { width: 121px; }
	body.lan-german li#quo { width: 142px; }
		
	body.lan-russian li#why { width: 141px; }
	body.lan-russian li#tra { width: 108px; }
	body.lan-russian li#int { width: 108px; }
	body.lan-russian li#typ { width: 118px; }
	body.lan-russian li#oth { width: 131px; }
	body.lan-russian li#quo { width: 102px; }
	
	body.lan-polish li#why { width: 161px; }
	body.lan-polish li#tra { width: 118px; }
	body.lan-polish li#int { width: 118px; }
	body.lan-polish li#typ { width: 108px; }
	body.lan-polish li#oth { width: 121px; }
	body.lan-polish li#quo { width: 82px; }


#nav li a { text-decoration: none; color: #3d3d3d; }
#nav a:hover, #nav li.active a { color: #00aadd; }

#content { width: 723px; clear: both; float: left; }

#maincol { width: 470px; float: left; margin-right: 15px; display: inline;}
#maincol img { float: right; margin: 3px 10px 3px 0; }

#boxout { float: right; width: 205px; background: #6acdeb; padding: 17px 14px 2px; margin-bottom: 10px; clear: right; }
.faq-page #boxout, .noticeboard-layout #boxout { float: right;}
#boxout h2, .right-box h2 { font-size: 1em; color: white;  line-height: 110%; font-weight: bold; margin: 1em 1em .5em 0; }
#boxout h2 a, .right-box h2 a { color: white; text-decoration: none; }
#boxout p, #boxout ul, .right-box p, .right-box ul { font-size: 1em; line-height: 120%; font-weight: bold; color: #d0f4ff; } 
#boxout p a, #boxout li a, #boxout dd a { color: #d0f4ff; text-decoration: none; }
#boxout p a:hover, #boxout li a:hover, #boxout dd a:hover { color: white; }
#boxout p.contactdetails { line-height: 120%; }
#boxout ul, .right-box ul { margin: 0 0 12px; padding: 0; }
#boxout li, .right-box li { background: url(images/blue-dot-alt.gif) 0 4px no-repeat; line-height: 120%; padding-left: 14px; }  

#language { margin: 0; padding: 0;  }
#language ul { margin: 9px 0 12px; }
#language li { background: none; padding: 0; width: 30px; height: 20px; float: left; margin: 0 5px 0 0;}
#language a { display: block; width: 30px; height: 20px; text-indent: -5000px; outline: none;  }
	li#english { background: url(images/english-s.gif); }
	li#french { background: url(images/french-s.gif); }
	li#italian { background: url(images/italian-s.gif); }
	li#german { background: url(images/german-s.gif); }
	li#spanish { background: url(images/spanish-s.gif); }
	li#polish { background: url(images/polish-s.gif); }
	li#russian { background: url(images/russian-s.gif); margin-right: 0; }
	li#polish-end { background: url(images/polish-s.gif); margin-right: 0; }

#quotation { background: url(images/quotation-bg.gif) center left no-repeat; margin: 0 0 0 -14px; text-align: right; }
#quotation h2 { margin-left: 14px;  border-top: 6px solid #8edbf2; padding-top: 12px; }
#quotation p { border-bottom: 6px solid #8edbf2; padding: 0 0 15px 30px; margin-left: 14px; }

#vacancies { background: url(images/vacancies-bg.gif) bottom right no-repeat; margin: 2px -14px 0 0; padding: 2px 65px 0 0; }

.quote, .quotealt { border-top: 6px solid #8edbf2; padding: 12px 0 0; margin: 0; font-size: 0.9em; }
.quote img { float: left; margin: 0 2px 0 -10px; }
.quote p {padding: 0 0 15px 0; color: #d0f4ff; text-align: right; margin: 0; font-style: italic;}
.quote p.quoter { font-style: normal; }
.quotealt img { float: right; margin: 0 -10px 0 2px; }
.quotealt p {padding: 0 0 15px 0; color: #d0f4ff; text-align: left; margin: 0; font-style: italic;}
.quotealt p.quoter { font-style: normal; }

h2#clients { font-size: 1.4em; font-weight: normal; margin-bottom: 12px;  }   

#noticeboard { padding: 0; margin: 20px 0 0; float: right; width: 475px; }
#noticeboard h2 { margin: 0; }
#noticeboard h2 a { display: block; text-indent: -5000px; background: url(images/noticeboard-header.gif) no-repeat top left; width: 475px; height: 29px;  } 
#noticeboard h3 { font-size: 0.9em; font-weight: bold; margin: 0;}
#noticeboard h3 a { color: #213b98; text-decoration: none; }
#noticeboard p { margin: 0; }
	.story {margin: 6px 0 10px;  }
	.storyalt {margin: 6px 0 10px; padding-bottom: 12px; border-bottom: 6px solid #c7ecf6;  }
	
.post { clear: both; }	
.post h3 { text-transform: none; }	
.post small { color: #00aadd; }	
	
#languages { border: 6px dotted #e7ecf3; width: 433px; margin: 10px 0 0 0; padding: 6px 18px 8px 12px; clear: both; float: left; }	
#languages h2 { font-size: 1em; color: #00aadd; margin: 0 0 4px; }
#languages ul { list-style: none; margin: 0; padding: 0; }
#languages li { float: left; margin-right: 11px; }

.homegroup { width: 723px; float: left; clear: both; }

.lan-french #languages, .lan-spanish #languages, .lan-italian #languages, .lan-german #languages, .lan-russian #languages, .lan-polish #languages { width: 433px; float: right; }

#boxout #languages { width: 177px; border: 0; float: none; }
#boxout #languages h2 { color: white; margin: 0; }
#boxout #languages li { margin-right: 6px; }
#boxout #languages li.last { clear: left; width: 177px; }

#accreditations { clear: both; float: left; margin-top: 20px; width: 205px; padding: 20px 14px 4px; background-color: #f7f7f7;}

.lan-french #accreditations, .lan-spanish #accreditations, .lan-italian #accreditations, .lan-german #accreditations, .lan-russian #accreditations, .lan-polish #accreditations { clear: none; margin-top: 10px; }

#iti { background-color: #213658; margin: 0 0 10px; padding: 5px 15px 4px 5px;  }
#iti img { float: left; margin: 4px 5px 0 0; }
#iti p { color: white; font-size: 0.7em; margin: 5px 0 4px 5px; }

#bw { margin: 20px 0 10px 0; padding: 5px 15px 5px 5px; }
#bw img { float: left; margin: 0 0 16px; }
#bw p { font-size: 1em; margin: 20px 0 0 5px; }

dt { font-size: 1em; color: #00aadd; }
dd { color: #666; margin-bottom: 1em; }

#phonebox { float: left; width: 447px; background: #82e2ee url(images/phone-bg.gif) top right no-repeat; padding: 17px 14px 2px; margin-top: 20px; }
#phonebox h2 { margin: 0; padding: 0; font-size: 1.2em; font-weight: bold; line-height: 110%; color: white; }
#phonebox p { font-size: 1.2em; line-height: 110%; font-weight: bold; color: #188bae; padding-right: 60px;  }
#home #phonebox { clear: both; width: 695px; }
#home #phonebox p { font-size: 1.4em;  }

#boxout ul.app-icons li { padding: 4px 0 4px 26px; }
#boxout li.quark { background:url(images/quark-icon.gif) 0 50% no-repeat; }
#boxout li.illustrator { background:url(images/illustrator-icon.gif) 0 50% no-repeat; }
#boxout li.indesign { background:url(images/indesign-icon.gif) 0 50% no-repeat; }
#boxout li.photoshop { background:url(images/photoshop-icon.gif) 0 50% no-repeat; }
#boxout li.word { background:url(images/word-icon.gif) 0 50% no-repeat; }

#faqslink { font-size: 1em; width: 233px; margin-top: 16px; float: right; clear: right; }
#faqslink a { font-weight: bold; text-decoration: none; display: block; padding: 10px 14px 10px; width: 205px; line-height: 110%; color: white; }
#faqslink a:hover { color: black; }
#faqslink a.i-faq { background: #00dfc2 url(images/faq-bg-green.gif) top right no-repeat; }
#faqslink a.t-faq { background: #d2df00 url(images/faq-bg-yellow.gif) top right no-repeat; }

#footer { float: left; clear: both; margin-top: 20px; padding: 14px 0; width: 723px; border-top: 6px solid #e7ecf3; }
#footer ul { margin: 0; padding: 0; } 
#footer li { float: left; margin-right: 12px; background: none; padding: 0; }
#footer a { text-decoration: none; /*display: block;*/ }

input, textarea { border: 1px solid #6acdeb; color: #333; background-color: white; margin-bottom: 0.6em; padding: 3px 4px; font: 0.85em/1.2 Verdana; width: 250px; }
textarea { width: 280px; height: 100px;} 
label { float: left; width: 150px; text-align: left; padding-right: 5px; font-size: 0.9em; color: #00aadd; }
input.submit { margin: 10px 0 20px 155px; width: auto; border: 2px outset white; text-transform: uppercase; background-color: #6acdeb; color: white;}
form br { clear: left; }

form#quoteform, form#contactform { clear: both; border: 3px dotted #e7ecf3; border-width: 6px 0 0; padding: 24px 0 1px; margin: 20px 15px 0 0; float: left; width: 723px; }
fieldset { border: 0;padding-top: 20px; }
form#quoteform fieldset { padding-top: 0; }
legend { display: none; }  

form#contactform { clear: none; float: left; padding: 0; border: 0; width: 475px; }
form#contactform fieldset { margin: 0; padding: 0; }

#conta #boxout { padding-bottom: 7px;}
#conta #boxout dt, #conta #boxout dd { margin: 0; font-size: 1em; line-height: 110%; font-weight: bold; color: #d0f4ff;}
#conta #boxout dd { margin-bottom: 10px; }

p.required { color: #00aadd; font-size: 0.7em; margin: 0 0 16px; }

.sitemap { float: left; width: 218px; margin-right: 22px; display: inline; }
.sitemap-col { clear: both; float: left; margin-bottom: 20px; width: 723px }

.sitemap h2 { font-size: 1em; line-height: 110%; margin: 0 0 4px; padding-right: 45px; }
.s-english h2 { background: url(images/english.gif) 100% 3px no-repeat; }
.s-french h2 { background: url(images/french.gif) 100% 3px no-repeat; }
.s-italian h2 { background: url(images/italian.gif) 100% 3px no-repeat; }
.s-spanish h2 { background: url(images/spanish.gif) 100% 3px no-repeat; }
.s-german h2 { background: url(images/german.gif) 100% 3px no-repeat; }
.s-russian h2 { background: url(images/russian.gif) 100% 3px no-repeat; }
.s-polish h2 { background: url(images/polish.gif) 100% 3px no-repeat; }

/*FLOAT CLEARING*/	

.cf:after {
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	height:0px;
}

.right-box{
	background:#6ACDEB none repeat scroll 0 0;
	clear:right;
	float:right;
	margin-bottom:10px;
	padding:17px 14px 2px;
	width:205px;
}
.right-box label, .right-box p.required, .right-box ul, .right-box ul li{
	color: #FFFFFF;
}
.right-box input, .right-box textarea{
	width: 190px;
}

.flyout-menu ul li:hover ul li a{
	text-align: left;
	padding-left: 20px;
	width:110px;
}

img#phones {
	left:264px;
	position:absolute;
	top:12px;
}

a.footlink{
	text-decoration: underline !important;
	color: blue;
}