/**********************************************************************************************

	Title: CSS
	Author: Arezou Ipakchi
	Date: 2009

***********************************************************************************************

	1. Global Reset
	
	2. General Elements
	
	3. Layout
		3.1 Header
		3.2 Pitch
		3.3 portfolio
		3.4 Footer	
		3.4 Blog		
		
***********************************************************************************************/


/* 1. Global 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, images, ins, kbd,q, s, samp, small, strike, strong, sub, sup, tt, var, 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-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

	ol, ul {
		list-style: none;
	}
	
	table {
		border-collapse: separate; 
		border-spacing: 0;
	}

	caption, th, td {
		text-align: left; 
		font-weight: normal;
	}
	h1, h2, h3, h4, h5, h6 {
		font-weight:normal;
	}

/* 2. General Elements
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

	body {
		font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
		font-size: 62.5%;
		line-height: 1.5;
		text-align: center;
		color: #4b4b4b;
		background: #1e2a50 url(../images/bg-page.jpg) center top no-repeat;
		padding-top: 320px;
		padding-bottom: 15px;
	}

	hr { 
		display: none;
	}
		
	strong {
		font-weight: bold;
	}
		
	em {
		font-style: italic;
	}
	
	address {
		font-style: normal;
	}

	input, textarea, select {
		font: 1em Arial, Helvetica, sans-serif;
	}

	a {
		color: #4C7B9E;
		text-decoration: none;
		outline: none;
	}
	a:hover {
		color: #151515;
		text-decoration: none;
	}

	a:visited {}

	a:active {}
	


/* 3. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

	#accesibility {
		position:absolute;
		left:-999em;
	}
	#container {
		width: 977px;
		margin: 0 auto;
		text-align: left;
		font-size: 1.3em;
	
	}
	.clearer {
		clear:both;
	}
	div.header-figure{
		background: url() left top no-repeat;
		position:relative;
		
		width: 980px;
		margin: 0 auto;
		display: block;
		height: 6px;
	}

/* 3.1 HEADER
------------------------------------------------------------------------------------------------ */
#header {
	background: none;
	position:relative;
	overflow:hidden;
	margin-top:10px;
	
}
	
	/* 3.1.1 MENU
	-----------------------------------------*/
	#main_menu {
		float:right;
		display:inline;
		margin-top:40px;
		width:700px;
		border-bottom:1px standard #fff;
	
	}
		#main_menu li {
			float:center;
			display:inline;
	}
		#main_menu li.fist_element {		
			margin-left:40px;
	}
		#main_menu a {
			float:left;
			fcolor:#4b4b4b;
			text-transform:uppercase;
			font-weight:bold;
			font-family:Arial, Helvetica, sans-serif;
			padding:6px 12px;
			text-decoration:none;
		}
		#main_menu a:hover {
			color: #7fbb1b;
		}
		#main_menu .selected {
			color: #7fbb1b;
			background-color:#f5f5f5;
			
		
		}

	
		
/* 3.2 PITCH
------------------------------------------------------------------------------------------------ */		
#pitch {
	border-top:10px solid #fff;
	height:340px;
	position:relative;
	background:url() left top no-repeat;
}
	#pitch h1 {
	position:absolute;
	background:url() left top no-repeat;
	height:104px;
	width:210px;
	left:39px;
	top:30px;
	text-indent:-9999em;
	z-index: 100;
	background-image: url();
	}
	#pitch h2 {
		width:224px;
		margin-left:49px;
		padding-top:150px;
		font-size:105%;
		position: relative;
		z-index: 100;
	}
	#pitch .brochure {
		position:absolute;
		top:125px;
		left:300px;
		z-index: 100;
	}
	#pitch .website {
		position:absolute;
		top:89px;
		left:449px;
		z-index: 100;
	}
	#pitch .bcard {
		position:absolute;
		top:211px;
		left:712px;
		z-index: 100;
	}
	#pitch .portfolio-main{
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
	}
	#pitch a img{
		border: 0;
	}
/* 3.3 PORTOFOLIO
------------------------------------------------------------------------------------------------ */
#portfolio {

	overflow:hidden;
	width: 979px; 
	background:#fff;
	text-align:left;
	margin-left:-2px;
}

#portfolio ul {
		float:left;
		margin-left:98px;
		width:900px;	
	
	}
	#portfolio li {
		float:left;
		width:195px;
		text-align:center;
		display:inline;
		background:url(../vorlagen/images/bg-portfolio-separator.gif) right 50% no-repeat;
	}
	#portfolio h2 {
		text-align:left;
		font-size:1.0em;
		margin-left:40px;
		margin-right:40px;
		margin-top:20px;
		fcolor:#4b4b4b;
		font-family: Arial, Helvetica, sans-serif;
		
	
	}
	#portfolio h3 {
		font-size:1.6em;
		margin-top:20px;
		
		
	}
	#portfolio p {
		margin:0 35px;
		line-height:16px;
	}
	#portfolio img {
		margin:30px auto 10px;
		display:block;
	}


/* 3.4 FOOTER
------------------------------------------------------------------------------------------------ */	
#footer {
	background:#0a1638;
	border:1px solid #192343;
	padding:20px 0 17px;
	color:#bababa;
	overflow:hidden;
	margin-left:-4px;
		width: 979px; 
}

	#footer .quick_menu {	
		width:338px;
		float:left;
		background:url(../images/bg-footer_separator.gif) right 50% no-repeat;
	}
	#footer .quick_menu ul,
	#footer .quick_menu h3 {
		margin-left:25px;
		color:#9c9c9c;
		text-transform:uppercase;
		text-decoration:none;
		font-size:85%;
	}
	#footer .quick_menu li {
		float:left;
		width:790px;
	}
	#footer .quick_menu a {
		color:#9c9c9c;
		text-transform:uppercase;
		text-decoration:none;
		font-size:85%;
	}
	#footer .quick_menu a:hover {
		color:#fff;
	}
	#footer .quick_action {
		float:right;
		width:422px;
			height:42px;
		margin-right:25px;
		text-align:right;
	}
	#footer .quick_action h3 {
		background:url(../images/titl-phone_no.gif) left top no-repeat;
		width:405px;
		height:42px;
		text-align:left;
		margin-left:15px;
		margin-bottom:5px;
		text-indent:-9999em;
	}
	#footer .quick_action a {
		background:url(../images/btn-request_a_quote.gif) left top no-repeat;
		height:35px;
		width:197px;
		text-indent:-9999em;		
		text-align:left;
		margin:20px 0 20px 225px;
		display:block;
	}
		#footer .quick_action a:hover {
			background:url(../images/btn-request_a_quote.gif) left bottom no-repeat;
		}
	#footer .quick_action p.titl-we_provide_free {
		background:url(../images/titl-we_provide_free.gif) right top no-repeat;
		text-indent:-9999px;
		height:17px;
		width:359px;
		text-align:left;
		margin-left:59px;
		margin-top:6px;
	}
	#footer .quick_action .copyright {
		text-transform:uppercase;
		color:#515151;
		font-size:85%;
	}
	span.figure-footer{
		background: url(../images/footer-earth.jpg) left top no-repeat;
		position:relative;
		overflow:hidden;
		width: 980px;
		margin: 0 auto;
		display: block;
		height: 81px;
	}