body {
	background: #064371 url(../img/bodybg.gif) 0px 0px repeat-x scroll;
	margin:0;
	padding:0;
	text-align:center;
	position: relative;
	font-family: Optima, "Trebuchet MS", Verdana, Arial, sans-serif;
	color: #dfebb9;
	font-size: 15px;
}
.clear-both {
	font-size: 1px;
	clear: both;
	margin: 0;
	padding: 0;
	color: #064371;
	text-indent: -9999px;
}

#pagecell	{ /**/
	margin: 0 auto;
	padding: 0;
	border: 0;
	width: 776px;
	text-align: left;
	position: relative;
}
h1{
	margin: 0;
	padding: 0;
	border: 0;
	clear: both;
}

h1 a {
	background: transparent url(../img/logobg.gif) 0px 0px no-repeat scroll;
	text-indent: -9999px;
	width: 328px;
	height: 165px;
	position: absolute;
	top: 100px;
	left: 450px;
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	text-decoration:none;
}

#header {
	height: 300px;
}
/*Top navigation bar*/
#nav {
    width: 776px;
    height: 30px;
    border: 0;
    padding: 0;
    margin: 0;
    position: absolute;
    left: 0px;
    top: 32px;
    background: transparent url(../img/nav.gif) 0px 0px no-repeat scroll;
}
#nav ul{
/*    width: 776px;*/
    margin: 0;
    padding: 0;
    font-size: 2px;
    text-indent: -9999px;
}
#nav ul li a {
    text-indent: -9999px;
    text-decoration:none;
}
#nav ul li, #nav a    {
    list-style: none;
    text-indent: -9999px;
}
#webworks a {
    border: 0;
    position: absolute; 
    top: 8px;
    left: 4px;
    height: 30px;
    width: 28px;
    display: block;
    cursor: pointer;
    background: transparent url(../img/nav.gif) -4px -92px no-repeat scroll;
}
#webworks a:hover {
    background: transparent url(../img/nav.gif) -4px -50px no-repeat scroll;
    cursor: pointer;
}


#creative a {
    border: 0;
    position: absolute; 
    top: 8px;
    left: 46px;
    height: 30px;
    width: 148px;
    display: block;
    cursor: pointer;
    background: transparent url(../img/nav.gif) -46px -92px no-repeat scroll;
}
#creative a:hover {
    background: transparent url(../img/nav.gif) -46px -50px no-repeat scroll;
    cursor: pointer;
}
#language a {
    border: 0;
    position: absolute; 
    top: 8px;
    left: 207px;
    height: 30px;
    width: 142px;
    display: block;
    cursor: pointer;
    background: transparent url(../img/nav.gif) -207px -92px no-repeat scroll;
}
#language a:hover {
    background: transparent url(../img/nav.gif) -207px -50px no-repeat scroll;
    cursor: pointer;
}
#conferences a {
    border: 0;
    position: absolute; 
    top: 8px;
    left: 363px;
    height: 30px;
    width: 61px;
    display: block;
    cursor: pointer;
    background: transparent url(../img/nav.gif) -363px -92px no-repeat scroll;
}
#conferences a:hover {
    background: transparent url(../img/nav.gif) -363px -50px no-repeat scroll;
    cursor: pointer;
}
#convergence a {
    border: 0;
    position: absolute; 
    top: 8px;
    left: 400px;
    height: 30px;
    width: 80px;
    display: block;
    cursor: pointer;
    background: transparent url(../img/nav.gif) -400px -92px no-repeat scroll;    
}
#convergence a:hover {
    background: transparent url(../img/nav.gif) -400px -50px no-repeat scroll;
    cursor: pointer;
}
#about a {
    border: 0;
    position: absolute; 
    top: 8px;
    left: 606px;
    height: 30px;
    width: 60px;
    display: block;
    cursor: pointer;
    background: transparent url(../img/nav.gif) -606px -92px no-repeat scroll;
}
#about a:hover {
    background: transparent url(../img/nav.gif) -606px -50px no-repeat scroll;
    cursor: pointer;
}
#links a {
    border: 0;
    position: absolute; 
    top: 8px;
    left: 745px;
    height: 30px;
    width: 22px;
    display: block;
    overflow: hidden;
    cursor: pointer;
    background: transparent url(../img/nav.gif) -745px -92px no-repeat scroll;
}
#links a:hover {
    background: transparent url(../img/nav.gif) -745px -50px no-repeat scroll;
    cursor: pointer;
}
#blog a {
    border: 0;
    position: absolute; 
    top: 8px;
    left: 660px;
    height: 30px;
    width: 0px;
    display: block;
    cursor: pointer;
    background: transparent url(../img/nav.gif) -660px -92px no-repeat scroll;
}
#blog a:hover {
    background: transparent url(../img/nav.gif) -660px -50px no-repeat scroll;
    cursor: pointer;
}    
#contact_us a {
    border: 0;
    position: absolute; 
    top: 8px;
    left: 677px;
    height: 30px;
    width: 50px;
    display: block;
    cursor: pointer;
    background: transparent url(../img/nav.gif) -677px -92px no-repeat scroll;
}
#contact_us a:hover {
    background: transparent url(../img/nav.gif) -677px -50px no-repeat scroll;
    cursor: pointer;
}
/*End of top navigation bar*/ 

#payoffs {
	width: 404px;
	height: 188px;
	margin: 0;
	padding: 0;
	border: 0;
	position: absolute;
	top: 85px;
	left: 6px;
	text-indent: -9999px;
	background: transparent url(../img/slideshow/lightweight.jpg) 0px 0px no-repeat scroll;
	font-size: 1px;
}


#payoffs_img {
	visibility:hidden;
	width: 404px;
	height: 188px;
	margin: 0;
	padding: 0;
	border: 0;
	position: absolute;
	top: 85px;
	left: 6px;
}



#payoffs img {
	margin: 0;
	padding: 0;
	border: 0;
	top: 0px;
	left: 0px;
	width: 404px;
	height: 188px;
	float: left;
	position: absolute;
}

.toright {
	text-align: right;
	clear: both;
}
.toleft {
	text-align: left;
	clear: both;
}
.tocenter {
	text-align: center;
	clear: both;
}
#maincontent {

	border: 0;
	padding: 0;
	margin: 0 0 0 6px;
	width: 766px; 
}
.pageintro {
	font-size: 18px;
	padding: 0;
	margin: 8px 0 24px 0;
}
/*multicolumn tweaks*/
#services_preview {
	float: left; 
	width: 764px; 
	position: relative;
	font-size: 14px;
	margin: 0;
	padding: 0;
	border-bottom: 3px double #5c7990;
	
}
#services_preview ul {
	margin-left:2px;
	padding: 0;
	list-style: none;
}
#services_preview li {
	padding-left: 10px;
	background: transparent url(../img/bullet.gif) 0px 5px no-repeat;
}
#webworks_preview, #creative_preview, #language_preview, #conferences_preview{ 
	float: left; 
	width: 169px; 
	padding: 10px;
	margin-right: 2px; 
	border-top: 3px double #5c7990 /*#dfebb9*/;
	background: transparent url(../img/preview_boxes_bg.gif) repeat-x -2px 0px;
	padding: 10px 10px 52px 10px;
}
#conferences_preview{
	margin-right: 0;

}
.more {
	position: absolute;
	bottom: 0;
	width: 173px;
	background: transparent url(../img/preview_bot_bg.gif) repeat-x left bottom;
	display: block;
	padding: 50px 0 8px 16px;
	margin: 4px 4px 0px -10px;
	text-align: left;
	text-indent: 80px;
}
#conferences_preview .more {
	width: 175px;
}
a {
	color: #307ab4;
}
a:hover {
	color: #fff;
} 
/*headings typography*/

h2, .h2{
	font-size: 22px;
	margin: 0 0 8px 0;
	padding: 0;
	color: #53aea9;
	font-weight: bold;

}
.h_final {
	font-size: 22px;
	margin: 16px 0 8px 0;
	padding: 14px 0 0 0;
	color: #53aea9;
	font-weight: bold;

	border-top: 3px double #5c7990;
}
h2 a {
	text-decoration: none;
}
h3, .h3 {
	font-size: 15px;
	margin: 0 0 8px 0;
	padding: 0;
	color: #53aea9;
	font-weight: bold;

}
h3 a {

	text-decoration: none;
}
h4, .h4 {
	font-size: 14px;
	margin: 0 0 8px 0;
	padding: 0;
	color: #53aea9;
	font-weight: bold;
}

h4 a {

	text-decoration: none;
}
h5 {
	font-size: 13px;
	margin: 0 0 8px 0;
	padding: 0;
	color: #53aea9;
}
h5 a {

	text-decoration: none;
}
.sectionheader {
	margin: 8px 0 0 0;
}
#services_nav {
	float: left;
	text-align: left;	
}
#company_nav {
	float: right;
	text-align: left;
}
#footernav ul {
	margin: 0; 
/*	padding: 5px 0; */
	list-style: none;
	height: 30px;
	padding: 5px 0 0 0;
}
#footernav ul li {
	display: inline;
}
#footer p{
	clear: both;
	padding: 0;
	margin: 0;

}
#address {
	clear: both;
	padding: 0;
	margin: 0;

}
#electronic {
	float: right;
	text-align: left;
	clear: right;
}
#footercell	{
	margin: 18px 0;
	border: 0;
/*	width: 100%;*/
	color: #5d85a3;
	text-align: center;
	position: relative;
	background: transparent url(../img/footerbg.gif) 0px 0px repeat-x scroll;
}

#footercell p {
	text-align: center;
	margin: 0;
	padding:0;
	font-size: 12px;
}

#footernav {
	width: 99%;
	margin: 0 auto; 
	font-size: 13px;
	color: #5d85a3;
}
#whatwedo, .leftdiv {
	width: 48%;
	float: left;
	margin: 0;

}
#whatandhow, .specialblock, #whoswho {
	margin: 0;
	padding: 0;
	position: relative;
	border-top: 3px double #5c7990;
	width: 99%;
	z-index: 10;

}
.sequel {
	border-top: none;
}
.sections {
	border-bottom: 3px double #5c7990;
}
#whatwedo dd, .leftdiv dd, .message dd {
	margin: 0px;
	padding: 0 0 0 10px;
	
}
#whatwedo dd dd, .leftdiv dd dd, .message dd dd {
	background: transparent url(../img/bullet.gif) 0px 5px no-repeat;
}
.integration dd{
/*	background: red;*/
	margin: 0;
	padding: 0 2px;
}

dl { 
	margin: 0;

	padding: 0;
}
#howwedoit dd, #howwedoit, .howwedoit, .howwedoit dd{
	margin: 0px;
padding: 0 2px;
}
#howwedoit dd dd, .howwedoit dd dd, .leftdiv dd.story dd{
	background: none;
	padding: 0;
}
#cms, #webapps, dl.right_bullets {
	float: right;
	clear: right;
	margin: 6px 0;
	width: 45%;
}
dl.col_span {
	margin: 6px 0;
	width: 99%;
}

#structure, #accessibility, #usability, .item {
	margin: 6px 0;
}

#sites, #ecom, dl.left_bullets {
	float: left;
	clear: left;
	margin: 6px 0;
	width: 45%;
}
.plus {
	clear: both;
	text-indent: -9999px;
	font-size: 4px;
	background: transparent url(../img/dot.gif) left top repeat-x scroll;
}
.plusnone {
	clear: both;
	text-indent: -9999px;
	font-size: 4px;
}
p.plus {
	margin: 8px 0;
}
#howetal, .howetal, .rightlist {
	width: 50%;
	float: left;
	margin: 0 0 0 2%;

}
.headers, dt.headers {
	padding: 22px 0 0 0;
}
dl#structure,dl#usability, dl#accessibility, dl#copywriting{
	margin: 6px 0; 
/*	float: right;*/
}
dl#workflow {
	margin: 6px 0; 
	float: left;
}
dl#webmkt {
	margin: 6px 0;
}
#usability dd dd, #accessibility dd dd, #structure dd dd {
	margin: 0;
}
.subtitle {
	margin: 8px auto;
}
.moreblankspace {
	margin: 18px 0 8px 0;
}
.showcase {
	background: transparent url(../img/preview_boxes_bg.gif) 0px -10px repeat-x scroll;
	padding: 14px 8px 0 0;
	height: 40px;
	margin: 0;
}
#showcase dl {
	clear: both;
}
#showcase dl, #showcase dd, #showcase dt{
	padding: 0;
}
ol#showcase_order {
	margin: 0 0 0 262px;
	padding: 0;
	font-size: 2px;
	clear: both;
	
}
ol#showcase_order li {
	list-style: none;
	padding: 0;
	margin: 0;
	display: inline;
}
ol#showcase_order li a {
	width: 16px;
	height: 16px;
	text-indent: -9999px;
	float: left;
	margin: 0 0 0 4px;
}
#first a, #first a:visited {
	background: #064371 url(../img/showcasebuttons.gif) 0px -32px no-repeat;
	cursor: pointer;
	text-decoration:none;

}
#second a, #second a:visited {
	background: #064371 url(../img/showcasebuttons.gif) -16px -32px no-repeat;
	cursor: pointer;
	text-decoration:none;
}
#third a, #third a:visited {
	background: #064371 url(../img/showcasebuttons.gif) -32px -32px no-repeat;
	cursor: pointer;
	text-decoration:none;
}
#first a:hover {
	background: #064371 url(../img/showcasebuttons.gif) 0px -16px no-repeat;
	text-decoration:none;

}
#second a:hover {
	background: #064371 url(../img/showcasebuttons.gif) -16px -16px no-repeat;
	text-decoration:none;
}
#third a:hover {
	background: #064371 url(../img/showcasebuttons.gif) -32px -16px no-repeat;
	text-decoration:none;
}
ol dl{
	clear: both;
}
#showcase dl {
	width: 99%;
}
.floatright{
	float: right;
}
ol li p, ol li li, ol li li li {
	color: #dfebb9;
	font-size: 15px;
	font-weight: normal;

}
#faqs ol li {
	margin: 15px 0;
	color: #307ab4;
}
#faqs ol li li, #faqs ol li li li {
	margin: 0;
	color: #dfebb9;
}
.language dd dd {
	margin: 0;
	padding: 0;
}
.language dl dl {
	margin: 0;
	padding: 0;

}

.language dd {
	margin: 0 0 0 4px;
}
#interpretazione_simultanea, #interpretazione_consecutiva, #localize_why, #localize_what {
	width: 33%;
	float: left;
	margin: 0 6px 0 0;
	padding: 0;
	text-align: left;
}
#interpretariato_trattativa, #localize_tools{
	width: 33%;
	float: right;
	margin: 0;
	padding: 0;
}

#traduzione_letteraria {
	width: 49%;
	float: left;
	margin: 0 6px 0 0;
	padding: 0;
	text-align: left;
}
#traduzione_tecnica {
	float: right;
	width: 49%;
	margin: 0;
	padding: 0;
	text-align: left;

}
#interpretariato, #traduzione, #localizzazione {
	position: relative;
}
.sectioncloser {
	position: absolute;
	bottom: 0;
	text-indent: -9999px;
	width: 33%;
	display: block;
	clear: both;
	height: 100%;
}
/*form styling*/
form {
	margin: 0;
	padding: 0;

}

fieldset {
	border: 0;
	margin: 0;
	padding: 0;

}
fieldset input.fields {
	float: right;
	clear: right;
	margin: 4px 10px;
	display: block;
	font-size: 12px;
	height: 14px;
}
textarea {
	width: 96%;
	margin: 0;
	background: #064371;
	border: 3px double #5c7990;
	color: #dfebb9;
	font-family: Optima, "Trebuchet MS", Verdana, Arial, sans-serif;
	padding: 4px;
	font-size: 12px;
}
label {
	margin: 4px 0;
	clear: left;
	float: left;
	display:block;
	line-height: 18px;

}
label.title {
	clear: both;
	float: left;


}
input {
	margin: 4px 0;
	color: #dfebb9;
	background: #064371;
	border: 3px double #5c7990;
	width: 180px;

}
input#button1, input#button2 {
	width: 75px;
}

.hdn {
	display:none;
	font-size:1px;
	visibility:hidden;
}

/*screenselector styling*/
		.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
			margin: 0px 0;
			position: relative;
			width: 100%;
		}

		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 340px; height: 560px; background: #fff; overflow: hidden}
		.csw .loading {margin: 60px 0 60px 0; text-align: center}

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			width: 335px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			clear: both;
			
			
	margin: 0px 14px;
/*	background: #def2fd; */
border:1px solid #5c7990;
	height: 248px;
	padding: 0;				
			
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			width: 335px; /* Also specified in  .stripViewer  above */

		}
		

		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
/*			padding: 10px; */
		}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			margin: auto;
			display:none;
		}
		
		.stripNav ul { /* The auto-generated set of links */
			list-style: none;
		}
		
		.stripNav ul li {
			float: left;
			margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
		}
		
		.stripNav a { /* The nav links */
			font-size: 10px;
			font-weight: bold;
			text-align: center;
			line-height: 32px;
			background: #c6e3ff;
			color: #fff;
			text-decoration: none;
			display: block;
			padding: 0 15px;
		}
		
		.stripNav li.tab1 a { background: #60f }
		.stripNav li.tab2 a { background: #60c }
		.stripNav li.tab3 a { background: #63f }
		.stripNav li.tab4 a { background: #63c }
		.stripNav li.tab5 a { background: #00e }
		
		.stripNav li a:hover {
			background: #333;
		}
		
		.stripNav li a.current {
			background: #000;
			color: #fff;
		}
		
		.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute;
			text-indent: -9000em;
			width: 20px;

			height:248px;
			top: 1px;

/*			background: transparent url(../img/preview_boxes_bg.gif) scroll repeat-x; */
			background-color:#064371;
			margin:0;
			padding:0;
		}
		
		.stripNavL a, .stripNavR a {
			display: block;
			height: 18px;
			width: 18px;
			background: transparent url(../img/screenselectors_02.gif) scroll no-repeat;			
			overflow:hidden;
			margin-top:115px;
		}
		.stripNavL a{
/*			background-position: 0px -19px; */
			background-position: -6px -7px;
			margin-left:1px;
		}		
		.stripNavR a{
			background-position: -42px -7px;
			margin-left:1px;
		}		
/*		
		.stripNavR a:hover {
			background-position: -20px 0px;
		}
		.stripNavL a:hover {
			background-position: 0px 0px;
		}
*/		
/*
		.stripNavR a:active {
			background-position: -20px -38px;
		}
		.stripNavL a:active {
			background-position: 0px -38px;
		}
*/

		.stripNavL {
			left: 15px;
			z-index:11;
		}		
		.stripNavR {
			right: 14px;
			z-index:11;
		}


.gallery_ul {
	margin: 14px 0 14px 15px;
	padding: 0;
	list-style-type: none;
}

.gallery_ul li{
	display: block;
	float: left;
	margin: 8px 0px 8px 10px;
	display:inline;
	overflow:hidden;
	width:130px;
	height:88px;
	border: 3px double #5c7990;
}

.gallery_ul li.empty{
	background-color: #26567b;
	border:none;
	width:136px;
	height:94px;
}

.gallery_ul li a img{
	border: 0;
/*	visibility:hidden; */
}
/*end of screenselector styling*/