/*
 * Syed Shahrier
 * 24.07.09 
 * */
/*
 * background: #464646;
 * bodybg white: #ebebe4;
 * green light:#8dc63f;
 * green dark: #0a7d35;
 * nav gray: #b4b3b2;
 * */

/*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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul {
	list-style: none;
}
textarea{overflow:auto;}
/*---------------------------------------------------*/
a{color:#003663;}
a:hover{color:#b82104;}

body {
	font-family:"Trebuchet MS",Trebuchet,Helvetica,Arial,sans-serif;
	font-size:62.5%;
	color:#333;
	background:url(../img/background2.jpg);
}
#page{
	width:1000px; 
	margin-left:30px; 
	margin-top:30px;
	margin-bottom:30px;
	font-size:1.2em;
	float:left; 
}
#wrapper{
	width:944px;
	padding:28px;
	padding-top:10px;
	background:#ebebe4 url(../img/mastheadBar.jpg) no-repeat top center;
}
	#header{
		position:relative;
		background:url(../img/transHeader.png) no-repeat right top;
		zoom:1;
	}
		body#pageAbout #wrapper{background-image:none}
		
		#headerContainer{
			background:#ebebe4;
			height:160px;
			width:840px; 
		}
		h1#logo{position:absolute; left:30px; bottom:20px;}
		#header h2{text-indent:-9999px;}
			h1#logo a{
				display:block;
				width:316px; height:119px;
				background:url(../img/logo.jpg) no-repeat;
				text-indent:-9999px;
			}
				h1#logo a:hover{background:url(../img/logoHover.jpg) no-repeat;}
		
		a.subscribe{
		    color:#B82104;
		    display:none;
		    position:absolute;
		    right:33px;
		    top:76px;
		    padding:5px 0px 5px 30px;
		    background:url(/Content/img/iconNewsletter.gif) no-repeat left center;
	    }
	    body.fi-FI a.subscribe{display:block;}
	    
		#navigation{position:absolute; left:460px; bottom:20px;}
			#navigation ul{float:left;}
			#navigation ul.navAbout{
				text-align:right;
				border-right:3px solid #fe860c;
				padding-right:5px;
			}
			#navigation ul.navContact{
				padding-left:5px;
			}
			
				#navigation ul li{margin-top:2px;}
				#navigation ul li:first-child{margin-top:0px;}
					#navigation ul li a{
						font-size:1.3em;
						color:#ebebe4;
						text-transform:uppercase;
						background:#fe860c;
						text-decoration:none;
						font-family:"myriad pro","trebuchet ms","helvetica neue",helvetica,arial,sans-serif;
					}
						#navigation ul li a:hover{background:#b82104;}
						
					#navigation ul.navAbout li a{
						padding-left:18px;
						padding-right:5px;
					}
						#navigation ul.navAbout li a:hover{}
							#navigation ul.navAbout li a.navSolutions:hover{}
					#navigation ul.navContact li a{
						padding-right:18px;
						padding-left:5px;
					}
						#navigation ul.navContact li a:hover{}
					
		body#pageSolutions a.navSolutions,
		body#pageServices a.navServices,
		body#pageCases a.navCases,
		body#pageAbout a.navAbout,
		body#pageContact a.navContact,
		body#pageJobs a.navJobs{
			background:#b82104;
		}
		#goToBlog{
			position:absolute; z-index:1; 
			top:50px; right:0px;
			width:82px; height:32px;
		}
			#goToBlog a{
				width:82px; height:32px; display:block;
				text-indent:-9999px;
				background:url(../img/goToBlog.png) no-repeat center center; 
			}
				#goToBlog a:hover{background:url(../img/goToBlogHover.png) no-repeat center center; }			
					#goToBlog span{
						display:block;
						float:right;
						background:#fff; 
						padding:0px 2px; 
						margin-top:3px;
						-moz-border-radius-topleft: 5px; 
						-moz-border-radius-bottomleft: 5px;
						-webkit-border-top-left-radius: 5px;
						-webkit-border-bottom-left-radius: 5px; 

					}
			#talkToUs{position:absolute; right:0px; top:25px;z-index:5;}
			    #talkToUs a{
			    background:green; 
			    padding:5px; 
			    color:#fff; 
			    text-decoration:none;
			    -moz-border-radius-topleft: 5px; 
				-moz-border-radius-bottomleft: 5px;
				-webkit-border-top-left-radius: 5px;
				-webkit-border-bottom-left-radius: 5px; 
			 }
			 #bookMeeting 
			    {
		            position:absolute; 
		            right:5px; 
		            top:25px;
		            width:254px; 
		            padding:20px 30px;
		            background:#ebebe4;
		            border:1px double #ccc;
		            display:none;
			    }
			    body#pageBookMeeting #bookMeeting{display:block;position:relative; left:350px;}   
		
		#languageBar{position:absolute; right:23px; bottom:20px;}
			#languageBar li{
				float:left; 
				background:url(../img/langDevider.jpg) no-repeat left center;
			}
				#languageBar li:first-child{
					background:none;
				}
				#languageBar li a{
					text-decoration:none;
					text-transform:uppercase;
					padding:0px 9px 0px 11px;
					color:#898989;
					font-size:0.9em;
				} 
					#languageBar li a:first-child{}
					#languageBar li a.selected, #languageBar li a:hover{color:#b82104;}
		body.fi-FI ul#languageBar a.langFi,
		body.en-US ul#languageBar a.langEn,
		body.sv-SE ul#languageBar a.langSv,
		body.ru-RU ul#languageBar a.langRus
			{color:#b82104; text-decoration:underline;}
	#content{
		margin-top:5px;
	}
	
	/*Main Intro*/
	#mainIntro{
		height:418px;
		margin-bottom:30px;
		background:url(../img/mainIntro.jpg) no-repeat left center;
		position:relative;
	}
		.intro{
			width:480px;
			float:left;
			margin-left:30px;
		}
			.intro h1{
				color:#c2c0c0;
				font-size:2.7em;
				font-weight:normal;
				line-height:1em;
				font-family:"myriad pro","trebuchet ms","helvetica neue",helvetica,arial,sans-serif;
				margin:45px 0px 30px 0px;
				text-align:center;
				padding-right:20px;
			}
				.intro h1 strong{color:#fff; font-size:105%;}
			.intro p{
				color:#ebebe4; 
				margin-top:15px;
				padding-right:30px;
				text-align:center;
				font-size:1.3em;
			}
				.intro p.dark{color:#c6c6c1; font-size:1.2em} 
			#mainIntro img{position:absolute; right:50px; bottom:50px;}
			a.talkToUs{
				position:absolute;
				left:100px; bottom:-27px;
				display:block;
				width:302px; height:55px;
				line-height:55px;
				text-align:center;
				font-size:2em;
				color:#fff;
				background:url(../img/greenButton.png) no-repeat left center;
				text-decoration:none;
			}
			body#pageBookMeeting #talkToUs {display:none;}
	.secondaryContent{
	}
		#partners{
			float:left;
		}
		#whyDeuspak{
			width:386px; /* + 30+30 padding*/
			background:#fff;
			border:1px solid #d7d7d7;
			float:right;
			padding:30px;
			position:relative;
		}
			#whyDeuspak h1{
				position:absolute;
				top:-90px; left:-3px;
				background:url(../img/whyDeuspak.png) no-repeat top left;
				width:158px; height:115px;
				color:#fff;
				padding-top:21px;
				padding-left:15px;
				font-size:1.4em;
			}
			#whyDeuspak p{
				font-size:1.3em;
				color:#464646;
				line-height:1.2em;
			}
	
	/*Solutions*/
	#solutions, #services, #cases, #contact, #jobs{
		background:url(../img/gradBg.jpg) repeat-x;
		padding-top:17px;
	}
		#solutions h3{
			font-size:2.2em;
			padding:30px;
			padding-top:0px;
			font-weight:normal;
			color:#333;
		}
			#solutions h3 strong{color:green; font-size:115%;}
		
		.turnKey{
			background:url(../img/turnKey.png) no-repeat;
			height:163px;/*207-padding 40px*/
			width:166px;/*238 - padding 60px*/
			float:left; display:inline;
			margin:20px 52px;
			padding:22px;
			color:#ebebe4;
			position:relative; 
		}
			.turnKey h4{
				background:url(../img/iconTurnkey.png) no-repeat left 6px;		
				padding:5px 0px 5px 25px;
				border-bottom:1px dotted #a9a8a8;
				font-weight:bold;
				font-size:105%;
				color:#fff;
				margin-top:-9px;
			}
			 .turnKey p{margin-top:10px; font-weight:bold; line-height:1.2em;}
		.turnKey div{
			background:url(../img/shade.png) no-repeat;
			width:26px; height:32px;
			position:absolute;
			bottom:0px;
			right:-26px;
			
		}
	/*Services*/
	#services .column h2{
		font-size:1.1em;
		background:url(../img/iconServices.png) no-repeat left center;
		padding-left:30px;
	}
	#services .column.vDevider{
		border-right:2px solid #ebebe4;
		border-left:2px solid #ebebe4;
		background-image:none;
		margin-left:-4px;
	}
	.holder{
		height:190px; line-height:190px;
		width:100%; 
		margin:15px 0px;
		text-align:center; 
	}
		.holder img{vertical-align:middle;}
	
	#services ul{
		margin-top:20px;
	}	
		.column ul li{
			padding:5px 0px 5px 30px;
			background:url(../img/arrow.png) no-repeat left 10px;
			border-top:1px dotted #ccc;
		}
			.column ul li:first-child{border-top:0px;}
	
	/*cases*/
	#cases{}
		.caseBox{}
			.caseBox h2{
				width:184px;/*+padding-right:20px=204px*/ 
				float:left; display:inline;
				margin:0px 17px;
				padding:7px 0px;
				padding-right:20px;
				border-top:1px solid #b82104;
				border-bottom:1px solid #b82104;
				background:url(../img/arrow.png) no-repeat right center;
			}
			.screenShot{
				width:383px;
				float:left; display:inline;
				margin-right:17px;
				border-top:1px solid #b82104;
			}
				.screenShot img{padding-top:7px;}
			.caseDescription{
				width:286px; 
				float:left; display:inline;
				padding-right:17px;
				
			}
				.caseDescription ul{
					border-top:1px solid #b82104;
					padding:7px 0px;
					border-bottom:1px solid #ccc;
				}
				.caseDescription ul li{font-style:italic;}
				.caseDescription ul li strong{
					color:#898989;
					font-style:normal;
					width:60px;
					display:inline-block;
				}
				.caseDescription p{
					border-top:1px solid #fff;
					padding-top:10px;
				}
					.caseDescription p a{}
	
	
	/*Contact*/
	 #contact{}
	 	#contact img.map{padding:17px; padding-top:0px;}
		
		#people{
			margin-top:30px;
			padding-top:20px;
			background:url(../img/gradBgHalf.jpg) repeat-x;
		}
			#people .column{}
				#people .vcard{margin-bottom:20px;}
					#people .vcard img{
						float:left;
						margin-right:10px;
						vertical-align:top;
					}
					#people .vcard span{display:block;}
					.vcard .fn{font-weight:bold; text-transform:uppercase; border-bottom:1px dotted #333;}
		  	#contactUs{}
				#contactUs h3{
					font-size:1.2em;
					margin-bottom:10px;
				}
				#contactUs p{margin-bottom:10px;}
				#contactUs .button{float:right;}
				 
	/*Jobs*/
	#jobs p{}
	
	/*Summary*/
	
	#summary{
		margin-top:30px;
		padding-top:20px;
		background:url(../img/gradBgHalf.jpg) repeat-x;
		height:350px;
		border-top:5px solid #FE860C;
	}
		#summary .column h2{
			color:#b82104;
		}
	/*Columns*/
		.column{
			width:254px; /*314+paddings*/
			float:left; display:inline;
			padding:0px 30px;
		}
			.column.exclude{border-right:0px;}
			.column h2{
				text-transform:uppercase;
				font-size:1.3em;
				color:#363636;
				padding-bottom:5px;
				margin:5px 0px;
				border-bottom: 1px solid #b82104;
			}
			
			.vDevider{
				background:url(../img/vertDeviderHalf.png) no-repeat right center;
			}
			/*
			.blogEntry{
				padding:5px 0px;
				border-top:1px solid #ccc;
			}
				.blogEntry.exclude{border-top:0px;}
				.publishDate{
					float:left;
					width:50px;
				}
					.blogEntry span{
						display:block;
						color:#707070; 
						font-family:georgia;
					}
						.blogEntry span.month{}
						.blogEntry span.day{
							font-size:1.6em; 
							font-weight:900;
						}
						.blogEntry span.year{}
					.blogEntry a.blogTitle{
						display:block; 
						float:left;
						width:203px;
					}
				*/
			#quoteContainer h2{text-indent:-9999px;}	
			.testimonial{display:none;}
				span.bigQuote{
					background:url(../img/quote.png) no-repeat;
					display:block;
					width:56px; height:40px;
					margin-top:-30px;
					margin-left:-5px;
					text-indent:-9999px;
				}
				blockquote{
					margin-top:5px;
					xmargin-left:5px;
				}
				.referer{margin-top:15px;}
				.referer strong, .referer a{display:block;}
	#footer{
		clear:both;
	}
	/*FORMS*/
	form{}
		form input, textarea{
			width:100%;
			border:0px;
			background:#d4cdcd;
			padding:5px;
			padding-left:10px;
			margin-bottom:10px;
		}
			form input[value]{
				color:#898989;
			}
		
		textarea{height:100px;}
		.button{
			background:url(../img/button.png);
			border:0px;
			width:143px; height:23px; line-height:23px;
			color:#fff;
			padding:0px;
			font-weight:bold;
		}
		input.button[value]{
			color:#fff; line-height:23px;
			font-weight:bold;
			padding-bottom:4px;
		}
		
	p.feedTitle{
		text-transform:uppercase;
		font-size:1.3em;
		color:#363636;
		padding-bottom:5px;
		margin:5px 0px;
		border-bottom: 1px solid #b82104;
		
	}
		p.feedTitle a{
			color:#B82104;
			font-weight:bold;
			text-decoration:none;
		}
			#creditfooter{
				display:none;
				/*
				margin-top:10px;
				padding-top:6px;
				border-top:1px dotted #ccc;
				margin-left:25px;
				*/
			}
			#bookMeeting a.cancel{
			    display:none;
			    position:absolute;
			    top:10px; right:-5px;
			    background:url(../img/no.png) no-repeat;
			    width:16px; height:16px;
			    cursor:pointer;
			    text-indent:-9999px;
			    
		    }
body#pageSolutions.ru-RU .turnKey h4{line-height:1.2em;}
body#pageSolutions.ru-RU .turnKey p{line-height:1.1em; margin-top:7px;}	
body#pageAbout.ru-RU #whyDeuspak h1{width:145px;font-size:1.2em;}	
	.clear{clear:both;}
	.imageReplacement{text-indent:-9999px;}
	.myriad{
		font-family:"myriad pro","trebuchet ms","helvetica neue",helvetica,arial,sans-serif;
		font-weight:normal;
	}
	address{
		font-style:normal; 
		text-transform:uppercase;
		text-align:center;
		margin-top:20px;
	}
		address .org {
			background: url(../img/orgDot.png) no-repeat right center;
			padding-right:17px;
			margin-right:6px;
		}
		address span{padding-right:10px;}
			address span.postal-code{padding-right:2px;}
			
	#mainIntro:after,
	#content:after,
	#solutions:after,
	#services:after,
	.caseBox:after,
	.vcard:after,
	#jobs:after,
	#contact:after
	 	{
		    content: ".";
		    display: block;
		    height: 0;
		    clear: both;
		    visibility: hidden;
		 }
	/* IE6&7 */
	.mainIntro,
	#content,
	#solutions,
	#services,
	.caseBox,
	.vcard,
	#jobs,
	#contact
		{
			*zoom: 1;_zoom:1;     /* triggers hasLayout */
		} 				 
		

	#map_canvas{display:none; width:910px; _width:890px; height:494px; margin:0 auto;}


    /* CONTACT FORM VALIDATION */
    span.field-validation-error, .validation-summary-errors {display:none;}
    .input-validation-error
    {
        border: 1px dotted #B82104;
    }

#talkToUs { display:block; }