/*======================================================================
CSS DOCUMENT

description:	arca - home page (index) CSS - version 2 - 2015
author:			Tudor Cătălin Urcan
urls:			http://www.urcan.ro
				http://arca.urcan.ro
				
======================================================================*/

/* FONTS

source and copyrights:

fonts from http://www.fontsquirrel.com

Open Sans: by Steve Matteson : Ascender Corp.
Khand: copyright (C) 2014, Indian Type Foundry

----------------------------------------------------------------------*/

	@font-face {
		font-family: 'OpenSans-Regular';
			src: local('☺'),
			url('../fonts/OpenSans-Regular.woff') format('woff'),
			url('../fonts/OpenSans-Regular.ttf') format('truetype');
		font-weight: normal;
		font-style: normal;
		}
		
	@font-face {
		font-family: 'OpenSans-Bold';
			src: local('☺'),
			url('../fonts/OpenSans-Bold.woff') format('woff'),
			url('../fonts/OpenSans-Bold.ttf') format('truetype');
		font-weight: bold;
		font-style: normal;
	}
		
	@font-face {
		font-family: 'Khand-Light';
			src: local('☺'),
			url('../fonts/Khand-Light.woff') format('woff'),
			url('../fonts/Khand-Light.ttf') format('truetype');
		font-weight: normal;
		font-style: normal;
	}
		
	@font-face {
		font-family: 'Khand-Semibold';
			src: local('☺'),
			url('../fonts/Khand-Semibold.woff') format('woff'),
			url('../fonts/Khand-Semibold.ttf') format('truetype');
		font-weight: bold;
		font-style: normal;
	}

/* LAYOUT
----------------------------------------------------------------------*/	

	body {
		background: fixed #bfb78f url(../bblocks/arca_index_bkg_marble.jpg) no-repeat center top;
		text-align: center;
	}
		
/* header---------------------------------------*/

	#header {
		width: 100%;
		height: 149px;
		border-bottom: 1px solid #97bdb0;
		background-color: #abd6c8;
		text-align: center;
	}

	#logo-top {
		margin-top: 35px;
	}

/* header logo sidelines ------------------------*/

	#line-logo {
		margin: 8px auto 120px auto;
		width: 676px;
		height: 1px;
	}
	
	#logoleft {
		width: 200px;
		height: 1px;
		margin: 0;
		border: none;
		padding: 0;
		color: #e6e3cc;
		background-color: #e6e3cc;
		float: left;
	}
	
	#logoright {
		width: 200px;
		height: 1px;
		margin: 0;
		border: none;
		padding: 0;
		color: #e6e3cc;
		background-color: #e6e3cc;
		float: right;
	}

/* projects separator ------------------------*/
	
	.line-double {
		margin-top: 58px;
		margin-bottom: 57px;
		width: 100%;
		height: 1px;
	}
	
	#lineleft {
		width: 47%;
		height: 1px;
		margin: 0;
		border: none;
		padding: 0;
		color: #e6e3cc;
		background-color: #e6e3cc;
		float: left;
	}
	
	#lineright {
		width: 47%;
		height: 1px;
		margin: 0;
		border: none;
		padding: 0;
		color: #e6e3cc;
		background-color: #e6e3cc;
		float: right;
	}
	
/* central separator ------------------------*/
	
	#line-center {
		width: 676px;
		height: 1px;
		margin: 57px auto 0px auto;
		border: none;
		padding: 0;
		color: #e6e3cc;
		background-color: #e6e3cc;
	}

/* projects names -------------------------------*/
	
	a.title-1 {
		line-height: 100%;
		font-family: 'Khand-Semibold', Verdana, sans-serif;
		font-weight: bold;
		font-style: normal;
		font-size: 82px;
		color: #ffff7f;
		text-shadow: 0px 1px 2px #000000;
	}
		
	a.title-2 {
		line-height: 100%;
		font-family: 'Khand-Semibold', Verdana, sans-serif;
		font-weight: bold;
		font-style: normal;
		font-size: 64px;
		color: #f0f0c0;
		text-shadow: 0px 1px 2px #000000;
	}
	
	#subtitle-h1 {
		margin-top: 0px;
		font-family: 'OpenSans-Regular', Verdana, sans-serif;
		font-weight: normal;
		font-style: normal;
		font-size: 18px;
		word-spacing: 4px;
		color: #444444;
	}

	.subtitle-h2 {
		margin-top: 5px;
		font-family: 'OpenSans-Regular', Verdana, sans-serif;
		font-weight: normal;
		font-style: normal;
		font-size: 15px;
		color: #444444;
	}
	
/* texts -------------------------------------*/
	
	#textpad {
		width: 906px;
		height: auto;
		margin: 8px auto 10px auto;
		border: 1px solid #b2ad8f;
		text-align: center;
		background-color: rgb(255, 255, 205); /* fallback */
		background-color: rgba(255, 255, 205, 0.14);
	}
	
	#textbox {
		width: 686px;
		height: auto;
		margin: 0px auto 0px auto;;
	}
	
	#texttitle-1  {
		padding-top: 57px;
		padding-bottom: 35px;
		font-family: 'OpenSans-Bold', Verdana, sans-serif;
		font-weight: bold;
		font-style: normal;
		font-size: 20px;
		color: #000000;
	}
	
	.texttitle-2  {
		padding-top: 13px;
		padding-bottom: 22px;
		font-family: 'OpenSans-Bold', Verdana, sans-serif;
		font-weight: bold;
		font-style: normal;
		font-size: 18px;
		color: #000000;
	}
	
	.texttitle-3  {
		padding-top: 0px;
		padding-bottom: 13px;
		font-family: 'OpenSans-Bold', Verdana, sans-serif;
		font-weight: bold;
		font-style: normal;
		font-size: 16px;
		color: #000000;
	}


	p {
		padding-bottom: 13px;
		line-height: 24px;
		font-family: 'OpenSans-Regular', Verdana, sans-serif;
		font-weight: normal;
		font-style: normal;
		font-size: 14px;
		color: #000000;
	}

	#Guenontext {
		padding-top: 57px;
		}

	#copysign {
		padding-top: 35px;
		font-size: 28px;
		position: relative;
		top: 4px;
	}
	
	#contact {
		padding: 58px 0 62px 0;
		word-spacing: 6px;
		letter-spacing: 1px;
	}

	a {
		font-family: 'OpenSans-Bold', Verdana, sans-serif;
		font-weight: bold;
		font-style: normal;
		font-size: 14px;
		color: #006699;
	}

	span {
		font-family: 'OpenSans-Bold', Verdana, sans-serif;
		font-weight: bold;
		font-style: normal;
		font-size: 14px;
		color: #000000;	
	}
	
/* footer ---------------------------------------*/

	#footer {
		width: 100%;
		height: 184px;
		border-top: 1px solid #a3b1cc;
		background-color: #b8c7e6;
		text-align: center;
	}

	#footerbox {
		width: 464px;
		height: auto;
		margin: 0 auto 0 auto;
		padding-top: 32px;
	}

	#proiecte {
		font-family: 'OpenSans-Bold', Verdana, sans-serif;
		font-weight: bold;
		font-style: normal;
		font-size: 24px;
		letter-spacing: 2px;
		color: #5c5c5c;
		float: left;
	}

	#personale {
		font-family: 'OpenSans-Bold', Verdana, sans-serif;
		font-weight: bold;
		font-style: normal;
		font-size: 24px;
		color: #5c5c5c;
		float: right;
	}

	#logo-bottom {
		margin-top: 5px;
	}