body {
   background: #283643;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-family: Arial, Helvetica, sans-serif;
   color: #666666;
   margin: 0;
   padding: 0;
   text-align: center;
   font-size: .75em;
}
 img { behavior: url(iepngfix.htc) }


/* clearing for the browsers */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

a:link, a:active, a:visited {
   color: #214c82;
}
a:hover {
   color: #0046a4;
}

.fltL {
   float: left;
   padding: 0 10px 10px 0;
}
p {
   margin: 6px 0 12px 0;
   padding: 0;
   line-height: 1.5em;
}


/* basic structure */
.base {
	background: #ffffff;
}
.home {
	background: #ffffff url(/assets/images/backgrounds/liquidBG.jpg) no-repeat center 0;
}
.company {
	background: #ffffff url(/assets/images/backgrounds/companyBG.jpg) no-repeat center 0;
}
.process {
	background: #ffffff url(/assets/images/backgrounds/processBG.jpg) no-repeat center 0;
}
.projects {
	background: #ffffff url(/assets/images/backgrounds/projectsBG.jpg) no-repeat center 0;
}
.news {
	background: #ffffff url(/assets/images/backgrounds/newsBG.jpg) no-repeat center 0;
}
.contact {
	background: #ffffff url(/assets/images/backgrounds/contactBG.jpg) no-repeat center 0;
}
#logoBox {
   margin: 0 auto 90px auto;
   text-align: left;
   width: 900px;
   behavior: url(iepngfix.htc)
}
#logoBoxHome {
   margin: 0 auto 130px auto;
   text-align: left;
   width: 900px;
   behavior: url(iepngfix.htc)
}
#titleBlock {
   margin: 0 auto 45px auto;
   width: 900px;
   text-align: left;
}
#titleBlockHome {
   margin: 0 auto 45px auto;
   width: 900px;
   text-align: left;
}
#contentBlock {
   width: 900px;
   margin: 0 auto;
   text-align: left;
	overflow: hidden;
	padding: 0 0 20px 0;
	line-height: 1.5em;
}
#portContentBlock {
	width: 860px;
	margin: 0 auto;
	text-align: left;
	overflow: hidden;
	padding: 6px 20px 12px 20px;
	background: url(/assets/images/backgrounds/subTabBG.gif) no-repeat;	
}
#portLines {
	background: url(/assets/images/backgrounds/portfolioLines.gif) repeat-y;
	overflow: hidden;
	width: 860px;
	text-align: left;
}
#portTab {
	position: relative;
	top: 7px;
	left: 20px;
	text-align: left;
	width: 960px;
	margin: 0 auto;
}
#cbL {
   width: 610px;
   margin: 0 40px 0 0;
   float: left;
}
#cbR {
   width: 250px;
   float: left;
}
#projectBlock {
   border-top: 1px dashed #d7d7d7;
   border-bottom: 1px dashed #d7d7d7;
   margin: 24px 0 30px 0;
   padding: 10px 10px 20px 10px;
   width: 590px;
   background: #f2fafb;
}
#contentBlock #projectBlock h2 {
   font-size: 1.5em;
   font-weight: normal;
   color: #333333;
   margin: 0 0 6px 0;
   padding: 0;
   letter-spacing: -.1px;
   word-spacing: -.5px;
}
.projectCol {
   width: 140px;
   margin: 0 10px 0 0;
   float: left;
   font-size: .9em;
}
.projectCol p {
   line-height: 1.2em;
   margin: 0;
   padding: 0;
}
.projectCol img {
	width: 136px;
	height: 65px;
}
.projectCol a img {
	border: 2px solid #ffffff;
}
.projectCol a:hover img {
	border-color: #ff6600;
}
.noRight {
   margin: 0;
}
.projectCol img {
   margin: 6px 0 0 0;
}
h3.latestTitle, h3.latestTitle a {
	font-size: 1.1em;
	margin: 0 0 4px 0;
	padding: 0;
	text-decoration: none;
}
h3.latestTitle a:hover {
	text-decoration: underline;
}





/* 3 Col w/ borders */
.col3, .col3Last {
	width: 279px;
	border-right: 1px solid #eaeaea;
	float: left;
	padding: 12px 10px 1012px 10px;
	margin-bottom: -1000px;
}
.col3Last {
	border-right: none;
}
.col3Row, col3RowBottom {
	border-bottom: 1px solid #eaeaea;
	_border: 0;
	overflow: hidden;
}
.col3RowBottom {
	border: 0;
	_border-bottom: 1px solid #eaeaea;
}
.col3Bottom, .col3BottomLast {
	width: 279px;
	border-right: 1px solid #eaeaea;
	padding: 12px 10px 1012px 10px;
	float: left;
	margin: 0 0 -975px 0;
}
.col3BottomLast {
	border-right: none;
}
.col3 h1, .col3Last h1, .col3Bottom h1, .col3BottomLast h1 {
	font-size: 1.5em;
   font-weight: normal;
   color: #1c609f;
   margin: 0;
   padding: 4px 0;
   letter-spacing: -.2px;
   word-spacing: -.5px;
}
.col3 h2, .col3Last h2, .col3Bottom h2, .col3BottomLast h2 {
	font-size: 1em;
   font-weight: bold;
   margin: 0 0 6px 0;
   padding: 0;
   letter-spacing: -.2px;
   word-spacing: -.5px;
}



/* 4 Col w/ borders */
.col4 {
	width: 203px;
	float: left;
	padding: 12px 6px 12px 6px;
	height: 160px;
	overflow: hidden;
}
.col4Row {
	border-bottom: 1px solid #eaeaea;
	overflow: hidden;
	_border: 0;
	text-align: left;
	clear: left;
}
#portContentBlock .col4 h1 {
	font-size: 1.2em;
   font-weight: bold;
   color: #1c609f;
   margin: 0;
   padding: 4px 0;
   word-spacing: -.5px;
	border: 0;
}
.col4 a {
	text-decoration: none;
   color: #1c609f;	
}
.col4 a:hover {
	text-decoration: underline;
   color: #1c609f;	
}
.col4 a img {
	border: 2px solid #e3e3e3;	
	width: 199px;
}
.col4 a:hover img {
	border: 2px solid #ff4500;	
}
#sectionSummary {
	text-align: left;
	width: 860px;
	padding: 0;
	margin: 0 auto 30px auto;
}
#sectionSummary h1 {
   font-size: 1.5em;
   font-weight: normal;
   color: #333333;
   margin: 0;
   padding: 0;
   letter-spacing: -.1px;
   word-spacing: -.5px;
}





/* col 2 portfolio */
.col2A {
	width: 404px;
	margin: 0;
	padding: 20px 26px 20px 0;
	float: left;
}
.col2B {
	width: 404px;
	margin: 0;
	padding: 20px 0 20px 26px;
	float: left;
	text-align: center;
}
.portfolioDetailBG {
	background: url(/assets/images/backgrounds/portfolioDetailBG.gif) repeat-y center;
	width: 100%;
	overflow: hidden;
}
#portContentBlock h1 {
	font-size: 1.8em;
	color: #1c609f;
	border-bottom: 1px solid #eaeaea;
	margin: 10px 0 0 0;
	padding: 0 0 6px 0;
	font-weight: normal;
}
#portContentBlock h2, #portContentBlock h2.alt {
	font-size: 1.25em;
	color: #f24b10;
	margin: 0;
	padding: 6px 0 0 0;
}
#portContentBlock h2.alt {
	color: #52799d;
	margin: 40px 0 0 0;
	padding: 0;
}
#viewLiveBtn {
	background: url(/assets/images/buttons/viewProjectLive.gif) no-repeat;
	width: 133px;
	height: 26px;
	margin: 12px 0;
}
#viewLiveBtn a {
	width: 100%;
	height: 100%;
	display: block;
}
#technologyBox {
	background: url(/assets/images/backgrounds/technologyBoxBG.gif) repeat-x;
	width: 388px;
	padding: 8px;
}
#technologyBox ul {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}
#technologyBox ul li {
	width: 124px;
	border: 1px solid #d0def0;
	background: #fbffff;
	text-align: center;
	display: block;
	padding: 4px 0;
	margin: 0 5px 5px 0;
	float: left;
	overflow: hidden;
}
#technologyBox ul li.last {
	margin: 0 0 5px 0;
}

/* tabs */
ul.tabNav {
	list-style: none;
	margin: 0 auto;
	padding: 0 20px;
	width: 860px;
	text-align: right;
	overflow: hidden;
}
ul.tabNav li {
	display: inline;
	margin: 0;
	padding: 0 2px;
	float: right;
}
a.webBtn {
   display: block;
   position: relative;
   width: 44px;
   height: 28px;
   background-image: url(/assets/images/nav/webTab.gif);
   text-decoration: none;
}
a.webBtn:hover {
   background-position: 0 -28px;
}
a.webBtn.current {
	background-image: url(/assets/images/nav/webTabCurrent.gif);	
}
a.multimediaBtn {
   display: block;
   position: relative;
   width: 96px;
   height: 28px;
   background-image: url(/assets/images/nav/multimediaTab.gif);
   text-decoration: none;
}
a.multimediaBtn:hover {
   background-position: 0 -28px;
}
a.printBtn {
   display: block;
   position: relative;
   width: 50px;
   height: 28px;
   background-image: url(/assets/images/nav/printTab.gif);
   text-decoration: none;
}
a.printBtn:hover {
   background-position: 0 -28px;
}
a.brandingBtn {
   display: block;
   position: relative;
   width: 80px;
   height: 28px;
   background-image: url(/assets/images/nav/brandingTab.gif);
   text-decoration: none;
}
a.brandingBtn:hover {
   background-position: 0 -28px;
}

body#web a.webBtn {
	background-image: url(/assets/images/nav/webTabCurrent.gif);	
}
body#multimedia a.multimediaBtn {
	background-image: url(/assets/images/nav/multimediaTabCurrent.gif);	
}
body#print a.printBtn {
	background-image: url(/assets/images/nav/printTabCurrent.gif);	
}
body#branding a.brandingBtn {
	background-image: url(/assets/images/nav/brandingTabCurrent.gif);	
}




/* Content Level */
#contentBlock h1 {
   font-size: 1.5em;
   font-weight: normal;
   color: #333333;
   margin: 0;
   padding: 0;
   letter-spacing: -.1px;
   word-spacing: -.5px;
}
#contentBlock h2 {
   font-size: 1.3em;
   font-weight: normal;
   color: #1f578f;
   margin: 0;
   padding: 0 0 6px 0;
   letter-spacing: -.1px;
   word-spacing: -.5px;
   font-weight: bold;
}
#cbR h1 {
   color: #f24b10;
}
.tbL, .tbR {
   width: 290px;
   margin: 0 20px 0 0;
   float: left;
}
.tbR {
   margin: 0;
}
#contentBlock h1.separatorBox {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px dashed #d7d7d7;
	color: #1f578f;
}
.tripleCol {
	width: 190px;
	margin: 10px 20px 0 0;
	float: left;
}
.tripleCol h3 {
	font-size: 1.5em;
	margin: 4px 0 0 0;
	padding: 0;
	color: #1f578f;
	font-weight: normal;
}
.tripleCol p {
	font-size: 1em;
	line-height: 1.4em;
	margin: 0 0 20px 0;
}



/* projects home */
.projectsBox {
	overflow: hidden;
	margin: 20px 0 0 0;
	padding: 0 0 20px 0;
	border-bottom: 1px dashed #d0d0d0;
}




/* employment box */
#employmentBox {
	background: url(/assets/images/misc/employmentBox.jpg) no-repeat;
	width: 350px;
	padding: 0 30px 0 230px;
	margin: 40px 0 0 0;
}
#employmentBox h2 {
	font-size: 1.5em;
	color: #1c609f;
	margin: 0;
	padding: 10px 0 0 0;
	font-weight: normal;
}
#employmentBox h3 {
	font-weight: normal;
	font-size: 1.4em;
	color: #1c609f;
	margin: 20px 0 6px 0;
	padding: 0;
}
#employmentBox ul {
	margin: 10px 0 20px 0;
}
#employmentBox ul li {
	margin: 4px 0;
}


/* Navigation */
#navBox {
   background: url(/assets/images/backgrounds/navMainBG.png) no-repeat;
   height: 46px;
   border-bottom: 1px dashed #8f8f8f;
   margin: 0 0 10px 0;
   text-align: right;
	 behavior: url(iepngfix.htc)
}
#navBoxInt {
   width: 900px;
   margin: 0 auto;
}
ul#nav {
   list-style: none;
   margin: 0;
   padding: 0;
   text-align: right;
}
ul#nav li {
   display: inline;
   padding: 0;
}
ul#nav li a {
   float: right; margin: 16px 20px 0 0;
}
ul#nav li#contact a {background: url(/assets/images/nav/contactBtn.gif) no-repeat; width: 47px; height: 15px; }
ul#nav li#contact a:hover { background-position: 0 -15px; }

ul#nav li#news a {background: url(/assets/images/nav/newsBtn.gif) no-repeat; width: 32px; height: 15px; }
ul#nav li#news a:hover { background-position: 0 -15px; }

ul#nav li#projects a {background: url(/assets/images/nav/projectsBtn.gif) no-repeat; width: 50px; height: 15px; }
ul#nav li#projects a:hover { background-position: 0 -15px; }

ul#nav li#process a {background: url(/assets/images/nav/processBtn.gif) no-repeat; width: 50px; height: 15px; }
ul#nav li#process a:hover { background-position: 0 -15px; }

ul#nav li#company a {background: url(/assets/images/nav/companyBtn.gif) no-repeat; width: 58px; height: 15px; }
ul#nav li#company a:hover { background-position: 0 -15px; }

ul#nav li#home a {background: url(/assets/images/nav/homeBtn.gif) no-repeat; width: 35px; height: 15px; }
ul#nav li#home a:hover { background-position: 0 -15px; }



/* home page logos */
#clientBase {
   background: #f5f5f5;   
   border-top: 1px dashed #d7d7d7;   
   margin: 6px 0 0 0;
}
#clientBaseBox {
   margin: 0 auto;
   text-align: left;
   width: 900px;
   padding: 0 0 12px 0;
}
ul#logos {
   list-style: none;
   margin: 0 0 0 0;
   padding: 0 6px 0 0;
}
ul#logos li {
   display: inline;
}
ul#logos li a {
   float: left; 
   margin: 12px 11px 0 0;
}
ul#logos li#philips a { background: url(/assets/images/logos/philipsLogo.gif) no-repeat; width: 99px; height: 47px; }
ul#logos li#philips a:hover { background-position: 0 -47px; }
ul#logos li#heineken a { background: url(/assets/images/logos/heinekenLogo.gif) no-repeat; width: 109px; height: 47px; }
ul#logos li#heineken a:hover { background-position: 0 -47px; }
ul#logos li#ash a { background: url(/assets/images/logos/secHarvestLogo.gif) no-repeat; width: 84px; height: 47px; }
ul#logos li#ash a:hover { background-position: 0 -47px; }
ul#logos li#dictaphone a { background: url(/assets/images/logos/dictaphoneLogo.gif) no-repeat; width: 96px; height: 47px; }
ul#logos li#dictaphone a:hover { background-position: 0 -47px; }
ul#logos li#ivi a { background: url(/assets/images/logos/iviLogo.gif) no-repeat; width: 62px; height: 47px; }
ul#logos li#ivi a:hover { background-position: 0 -47px; }
ul#logos li#ire a { background: url(/assets/images/logos/ireLogo.gif) no-repeat; width: 137px; height: 47px; }
ul#logos li#ire a:hover { background-position: 0 -47px; }
ul#logos li#nuance a { background: url(/assets/images/logos/nuanceLogo.gif) no-repeat; width: 73px; height: 47px; }
ul#logos li#nuance a:hover { background-position: 0 -47px; }
ul#logos li#ragozzino a { background: url(/assets/images/logos/ragozzinoLogo.gif) no-repeat; width: 137px; height: 47px; }
ul#logos li#ragozzino a:hover { background-position: 0 -47px; }







/* footer */
#footerBox {
	border-top: 1px dashed #8f8f8f;
	padding: 12px 0 60px 0;
	background: url(/assets/images/vimLogo_footer.gif) no-repeat 0 12px;
	text-align: right;
	color: #c2c2c2;
	width: 900px;
	margin: 0 auto;
	font-size: .9em;
}
#footerBox span {
   color: #eaeaea;
   
}
#footerBox a:link, #footerBox a:active, #footerBox a:visited {
   color: #8abcef;
   text-decoration: none;
}
#footerBox a:hover {
   text-decoration: underline;
}






.comment {
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    position: relative;
    padding: 10px;
    overflow: hidden;
}
.commentAlt {
    background-color: #f4f4f4;
}
.commentAuthor {
    background-color: #ffc;    
}
.commentMe {
    background-color: #ccf !important;
    padding-top: 5px;
}
.commentNum {
    font-family: Arial, sans-serif;
    font-size: 50px;
    line-height: 30px;
    position: absolute;
    top: 0;
    right: 0;
    color: #f2f2f2;
    font-weight: bold;
    letter-spacing: -4px;
    z-index: 1;
}
.commentAlt .commentNum {
    color: #eaeaea;
}
.commentMe .commentNum {
    color: #b0b0ff;
}
.commentAuthor .commentNum {
    color: #f3f3bb;
}
.commentTitle {
    position: relative;
    z-index: 10;
    color: #999;
}
.commentTitle span {
    text-transform: uppercase;
    font-size: 86%;
}
.commentTitle strong {
    color: #693;
    font-size: 110%;
    text-transform: none;
    font-weight: normal;
    margin-right: 6px;
}
.comment .content {
    position: relative;
    z-index: 10;
}
 
.nl_summaryPost h3 {
border-bottom: 1px solid #CCCCCC;
margin: 0px !important;
padding: 5px !important;
color: black;
}
 
.nl_summaryPost .nl_info {
background-color: #F8F8F8;
padding: 5px !important;
font-size: 0.8em;
color: black;
}
 
.nl_link {
font-size: 76%;
text-align: right;
}
 
.nl_paging {
    border-top: 1px solid #ccc;
    padding: 10px; 
    font-size: 86%;
    color: #618100;
}
#nl_pages #nl_currentpage {
    border: 1px solid #618100;
    padding: 1px 5px 2px; 
    margin-right: 1px;
    background-color: #9c0; 
    color: #fff;
} 
#nl_pages .nl_off {
    border: 1px solid #ccc;
    padding: 1px 5px 2px; 
    margin-right: 1px;
    color: #ccc;
}
#nl_pages a, #nl_pages a:link, #nl_pages a:visited {
    border: 1px solid #9c0; 
    padding: 1px 5px 2px; 
    margin-right: 1px; 
    text-decoration: none !important; 
    color: #618100;
} 
#nl_pages a:hover {
    background-color: #fff;
    color: #000;
}
#nl_archivelist ul {
    list-style-type: none; 
    margin-left: 15px; 
    padding-left: 0;
}
#nl_archivelist ul ul{
    list-style-type: square;
    margin-left: 35px;
} 
#nl_archivelist .nl_month {
    font-weight: bold;
}


/* ditto items */
/* News */
.ditto_item {
	margin: 6px 0 30px 0;
	padding: 0 0 12px 0;
	overflow: hidden;
}
.ditto_item p {
   font-family: Verdana, Geneva, sans-serif;
}
h3.ditto_pageTitle {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 2px 0;
	padding: 0;
	font-size: 1.6em;
	padding: 0 0 4px 0;
	letter-spacing: 0;
	font-weight: normal;
	color: #333333;
	border-bottom: 1px dashed #dedede;
}
h3.ditto_pageTitle a {
	text-decoration: none;
	color: #214c82;
}
h3.ditto_pageTitle a:hover {
	text-decoration: underline;
}
.ditto_documentInfo {
	color: #555555;
	padding: 0 0 6px 0;
	font-weight: bold;
}
.ditto_introText {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1em;
	line-height: 1.3em;
}


/* home news styles */
.ditto_item_home {
	font-family: Verdana, Geneva, sans-serif;
	border-bottom: 1px dashed #d7d7d7;
	margin: 6px 0 10px 0;
	padding: 0 0 10px 0;
	font-size: .9em;
}
.ditto_item_home p {
	margin: 4px 0 0 0;
	padding: 0;
}
.ditto_introText_home {
	font-family: Verdana, Geneva, sans-serif;
	line-height: 1.3em;
}
body .ditto_introText_home a {
	color: #214c82;
	text-decoration: none;
}
body .ditto_introText_home a:hover {
	text-decoration: underline;
}
h3.ditto_pageTitle_home {
	font-family: Verdana, Geneva, sans-serif;
	margin: 0;
	padding: 0;
	font-size: .9em;
	padding: 0 0 2px 0;
	letter-spacing: 0;
}
h3.ditto_pageTitle_home a {
	text-decoration: none;
	color: #214c82;
}
h3.ditto_pageTitle_home a:hover {
	text-decoration: underline;
}
.ditto_documentInfo_home {
	color: #555555;
	padding: 0 0 6px 0;
}




/* breadcrumbs */
.B_crumbBox {
	margin: 10px 0 20px 0;
	display: block;
}





/* Reflect Styles */
#reflect_example { width: 200px; } 

#reflect_example h3 { display: none; } 

#reflect_example ul { list-style: none; } 

.reflect_archive_list ul { list-style: none !imporant; margin-left: 0px; padding-left: 0; } 

.reflect_archive_list ul ul{ margin-left: 0px; } 

.reflect_archive_list ul ul li { margin-top: -5px; margin-bottom: 0.8em; } 

.reflect_archive_list li a { display:block; padding:5px 5px 5px 10px; margin:0 0 1px 0; background-color:#f6f6f6; border-right:10px solid #fff; color:#666; text-decoration:none; border-left:2px solid #ddd; } 

.reflect_archive_list li a:hover { background-color:#eee; color:#333; border-right:10px solid #eee; }




/* sidebar nav */
ul.sidebarNav {
	list-style: none;
	margin: 10px 0 20px 0;
	padding: 0;
}
ul.sidebarNav li {
	padding: 0;
	margin: 0;
	border-bottom: 1px dashed #e3e3e3;
}
ul.sidebarNav li a {
	padding: 4px 10px;
	margin: 0;
	border-bottom: 1px dashed #e3e3e3;
	background: #ffffff;
	font-weight: bold;
	text-decoration: none;
	display: block;
}
ul.sidebarNav li a:hover {
	background: #f5f5f5;
}




/* sitemap */
#sitemap ul {
	list-style: none;
	padding: 0;
	margin: 20px 0 0 0;
}
#sitemap ul li {
	font-size: 1.1em;
	font-weight: bold;
	margin: 0 0 5px 0;
	padding: 0 0 5px 20px;
	border-bottom: 1px dashed #e3e3e3;
}
#sitemap ul li a {
	text-decoration: none;
}
#sitemap ul li a:hover {
	text-decoration: underline;
}

#sitemap ul li ul {
	margin: 10px 0 0 20px;
}
#sitemap ul li ul li {
	font-size: .9em;
	font-weight: bold;
	margin: 2px 0;
	border: 0;
}
#sitemap ul li ul li ul li{
	font-weight: normal;
	margin: 2px 0;
	list-style: disc;
	padding: 0;
}


/* forms */
.sforms {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	clear: left;
}
.sforms form {
	margin: 0;
	padding: 0;
}
form {
	margin: 0;
	padding: 0;
}
form input, form label, form textarea, form select {
	font-size: 1em;
	display: block;
	float: left;
	padding: 0;
	margin: 0;
	margin-top: 6px;
	margin-right: 4px;
}
form label {
	text-align: right;
	width: 230px;
	padding-right: 6px;
}
form textarea {
	margin: 0;
	padding: 0;
	margin-top: 6px;
	width: 250px;
	font-size: 1.2em;
}
#formTitle {
	margin-top: 20px;
}
#formTitle h3 {
	font-size: 1.3em;
	color: 3e000d;
	font-weight: bold;
	margin: 0;
	padding: 0;
}


.last {
	margin-right: 0;
}