/* ------------------------------------------------------------------------
	CSS IMPORT
------------------------------------------------------------------------- */

	@import url('nav.css');
	@import url('titles.css');
	@import url('buttons.css');


/* ------------------------------------------------------------------------
	Redefinition
------------------------------------------------------------------------- */

	* { margin: 0; padding: 0; border: 0; }
	
	body {
		font: 62.5%/1.5 Arial, Verdana, Sans-Serif;
		background: #f3f3f3 url(../media/images/all/backgrounds/patternBody.jpg) top left repeat-x;
		text-align: center; /* center the layout in IE6 */
		color: #787f8c;
	}
	
	address { font-style: normal; font-size: 1.2em; }
	
	a:focus { outline: none; }
	
	p { font-size: 1.2em; margin: 0 0 10px 0; }
	
	input, textarea, label { font: 1.2em Verdana, Arial, Sans-Serif; color: #787f8c; }
	
	label { display: block; }

	ul { margin: 0 0 10px 15px; font-size: 1.2em; }
	
	img.center { display: block; margin: 0 auto; }

/* ------------------------------------------------------------------------
	General Classes
------------------------------------------------------------------------- */

	.fRight { float: right; }
	.fLeft { float: left; }
	
	.noMargin { margin: 0 !important; }
	.noPadding { padding: 0 !important; }
	
	.marginTop { margin-top: 20px !important; }
	.marginLeft { margin-left: 180px !important; }
	.marginLeftSmall { margin-left: 30px !important; }
	
	.pdf {
		color: #2e5ebe;
		padding: 7px 0 7px 30px;
		background: url(../media/images/all/backgrounds/pdf.gif) center left no-repeat;
	}
	
		.pdf:hover { text-decoration: none; }
		
	.portfolio {
		color: #2e5ebe;
	}
	
		.portfolio:hover { text-decoration: none; }
			
	.overList {
		position: absolute !important;
		bottom: 100px; right: 30px;
	}


/* ------------------------------------------------------------------------
	Shell
------------------------------------------------------------------------- */

	#wrap {
		width: 942px;
		margin: 0 auto;
		text-align: justify;
		padding: 5px 0 0 0;
	}

	#wrap #header {
		position: relative;
		background: url(../media/images/all/backgrounds/headerBackground.jpg) top left no-repeat;
		width: 942px; height: 166px;
	}
	
	#wrap #header_en {
		position: relative;
		background: url(../media/images/en/backgrounds/headerBackground.jpg) top left no-repeat;
		width: 942px; height: 166px;
	}

	#wrap .content-container {	
		background: url(../media/images/all/backgrounds/contentPattern.jpg) top left repeat-y;
	}

	#wrap .content-container .content {
		position: relative;
		padding: 20px 30px;
		float: left;
	}

	#wrap #footer {
		clear: both;
		width: 942px;
		background: url(../media/images/all/backgrounds/contentBottom.gif) top left no-repeat;
		padding: 30px 0 0 0;
		text-align: center;
	}
	
/* ------------------------------------------------------------------------
	Lists
------------------------------------------------------------------------- */

	ul.twoCol {
		width: 40%;
		float: left;
		margin: 0 15px 15px 15px;
	}
	
		ul.twoCol li { margin: 0 0 3px 0; }

/* ------------------------------------------------------------------------
	NAV
------------------------------------------------------------------------- */

	ul.menu {
		height: 28px;
		margin: 0 0 0 5px;
	}
		ul.menu li { display: block; float: left; }
		
		ul.menu li.selected a { background-position: bottom left !important; }

	ul.submenu {
		margin: 5px 0 0 0;
		float: right;
	}
		ul.submenu li {
			display: block;
			float: left;
			padding: 0 7px 0 0;
			margin: 0 0 0 7px;
			background: url(../media/images/all/backgrounds/smSeparator.gif) top right no-repeat;
		}
		ul.submenu li.last { background: none; }


/* ------------------------------------------------------------------------
	Content
------------------------------------------------------------------------- */

	.content-container .content h2 { float: left; margin: 0 0 15px 0; }
	.content-container .content h4 { font-size: 1.2em; color: #476bb6; }

	.content-container .content div.separator {
		width: 463px; height: 16px;
		padding: 5px 0 0 0;
		margin: 0 auto;
		background: url(../media/images/all/backgrounds/contentSeparator.gif) bottom left no-repeat;
	}

	.content-container .content .fadeBox {
		padding: 17px 0 0 19px;
		background: url(../media/images/all/backgrounds/contentBox.gif) top left no-repeat;
	}

	.content-container .content .fRight { margin: 0 0 10px 25px; }
	.content-container .content .fLeft { margin: 0 10px 10px -10px; }

	.content-container .content .photoHolder {
		position: relative;
		width: 175px; height: 125px;
	}
		.content-container .content .photoHolder .photo { position: relative; z-index: 0; top: 5px; left: 12px; width: 149px; height: 111px; }
		.content-container .content .photoHolder .mask {
			position: absolute; z-index: 1;
			width: 175px; height: 125px;
			background: url(../media/images/all/backgrounds/photoHolder.png) top left no-repeat;
		}
		
	.content-container .content .photoHolderLarge {
		position: relative;
		width: 216px; height: 150px;
	}
		.content-container .content .photoHolderLarge .photo { position: relative; z-index: 0; top: 5px; left: 12px; width: 191px; height: 143px; }
		.content-container .content .photoHolderLarge .mask {
			position: absolute; z-index: 1;
			width: 216px; height: 150px;
			background: url(../media/images/all/backgrounds/photoHolderLarge.png) top left no-repeat;
		}
		
	
	.content-container .content .smallFadeBox {
		width: 177px; min-height: 118px;
		padding: 10px 0 0 20px;
		background: url(../media/images/all/backgrounds/smallFadebox.gif) top left no-repeat;
	}


	#contactForm {
		clear: left;
		float: left;
		margin: 20px 0 0 0;
	}
		#contactForm label {
			margin: 10px 0 3px 0;
		}
		
		#contactForm input {
			width: 227px; height: 17px;
			padding: 5px 10px 0 10px;
			background: url(../media/images/all/backgrounds/fieldBackground.gif) top left no-repeat;
		}
			#contactForm input.submit { float: left; background: none; padding: 0; width: 83px; height: 24px; margin: 10px 0; }
		
		#contactForm textarea {
			width: 227px; height: 84px;
			padding: 5px 10px;
			background: url(../media/images/all/backgrounds/textareaBackground.gif) top left no-repeat;
		}


/* ------------------------------------------------------------------------
	Google Maps
------------------------------------------------------------------------- */

	#googleMap {
		float: left;
		width: 550px; height: 252px;
		margin: 10px 0 0 30px;
		border: 1px #ddd solid;
	}


/* ------------------------------------------------------------------------
	Titles
------------------------------------------------------------------------- */

	#logoSorinco {
		position: absolute; z-index: 1000;
		top: 11px; left: 25px;
		display: block;
		width: 277px; height: 102px;
		text-indent: -10000px;
		background: url(../media/images/all/logos/logoSorinco.png) top left no-repeat;
	}

	
/* ------------------------------------------------------------------------
	OTHER
------------------------------------------------------------------------- */

	.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 */