/* @group Structure */

body {
	background-color: #F7F5EC;
}

p {
	text-align: justify;
	color: #F7F5EC;
	font: 10pt "Calibri", "Helvetica", Arial, Helvetica, Geneva, sans-serif;
	margin: 0;
}

div#wrapper {
	width: 827px;
	position: absolute;
	left: 50%;
	margin-top: 20px;
	margin-left: -414px;
}

div#header {
	clear: both;
	height: 95px;
	width: 797px;
	background: url(../img/backgrounds/header.png) no-repeat;
	padding-right: 30px;
	position: relative;
}

img#home {
	display: block;
	width: 14px;
	height: 15px;
	position: relative;
	float: right;
	top: 40px;
	border: none;
}

div#content {
	clear: both;
	width: 787px;
	background: url(../img/backgrounds/background.png) no-repeat;
	padding: 5px 20px;
}

div#footer {
	clear: both;
	height: 71px;
	width: 777px;
	background: url(../img/backgrounds/footer.png) no-repeat;
	padding: 0 25px;
}

div#phone_block {
	float: left;
}

div#address_block {
	float: right;
	margin-top: 3px;
	text-align: right;
}

.row {
	clear: both;
}

/* @group Navigation */
div#nav_bar_wrapper {
	position: relative;
	text-align: right;
	clear: both;
	float: right;
	top: 44px;
}

div#nav_bar_wrapper ul {
	position: relative;
	display: block;
	text-align: left;
}

div#nav_bar_wrapper ul li {
	list-style: none;
	float: left;
	padding-left: 10pt;
}

div#nav_bar_wrapper ul li a {
	color: #195E28;
	font: 10pt "Calibri", "Helvetica", Arial, Helvetica, Geneva, sans-serif;
	text-decoration: none;
}

div#nav_bar_wrapper ul li a:hover {
	text-decoration: underline;
}

/* @end */

/* @end */

/* @group Style */

/* @group Portfolio */
div#technical_documentation_wrapper {
	width: 480px;
	height: 380;
	padding: 10px;
}

div#technical_documentation_insert {
	width: 480px;
	height: 330px;
	overflow: auto;
}

h3.project_name, 
h3.technical_docs_title, 
h4.technical_docs_category {
	color: #F7F5EC;
	font: 24pt/24pt Times, Georgia, "Times New Roman", serif;
	margin: 0;
}

h3.technical_docs_title, 
h4.technical_docs_category {
	color: #195E28;
}

h4.technical_docs_category {
	font-size: 18pt;
	line-height: 18pt;
}

p.project_description {
	width:380px; 
	float:left;
}

a.link_to_docs, 
a.docs_links {
	color: #F7F5EC;
	font: 10pt "Calibri", "Helvetica", Arial, Helvetica, Geneva, sans-serif;
	margin: 0;	
}

a.docs_links {
	color: #195E28;
}

img.project_image {
	float:right; 
	max-width:400px;
}

/* @end */

/* @group Contact Us */
div#contact_form {
	width:50%; 
	float:left;
}

div#contact_form label {
	color: #F7F5EC;
	display: block;
	clear: both;
	font: 10pt/10pt "Calibri", "Helvetica", Arial, Helvetica, Geneva, sans-serif;
}

div#contact_form input[type = text], 
div#contact_form textarea {
	width: 100%;
}

div#contact_form input[type = text]:focus, 
div#contact_form textarea:focus {
	background-color: #FBF6AD;
}

div#vcard {
	color: #F7F5EC;
	clear: both;
	text-align: center;
	font: 12pt/15pt "Calibri", "Helvetica", Arial, Helvetica, Geneva, sans-serif;
}

div#vcard p.organization-name {
	text-align: center;
	font: 14pt/17pt "Calibri", "Helvetica", Arial, Helvetica, Geneva, sans-serif;
}

div#vcard p.street-address {
	text-align: center;
	font: 12pt/12pt "Calibri", "Helvetica", Arial, Helvetica, Geneva, sans-serif;
}

div#vcard span.locality, 
div#vcard abbr.region, 
div#vcard span.postal-code,
div#vcard span.tel abbr.type,
div#vcard span.tel span.value {
	font: 12pt/12pt "Calibri", "Helvetica", Arial, Helvetica, Geneva, sans-serif;
}

/* @end */

/* @group Services */

ul#services li {
	font: 12pt/12pt "Calibri", "Helvetica", Arial, Helvetica, Geneva, sans-serif;
	color: #F7F5EC;
	margin: 7px 0;
}

/* @end */

/* @group Principals */

ol#principals {
	padding: 0;
}

ol#principals li {
	list-style: none;
	margin: 5px 0;
}

ol#principals li h4 {
	font: 14pt/14pt "Calibri", "Helvetica", Arial, Helvetica, Geneva, sans-serif;
	color: #F7F5EC;
	margin: 0;
}

ol#principals li p {
	font: 10pt/10pt "Calibri", "Helvetica", Arial, Helvetica, Geneva, sans-serif;
	color: #F7F5EC;
	margin: 0;
}

/* @end */

h1.big {
	text-align: center;
	color: #F7F5EC;
	font: 45pt/45pt Times, Georgia, "Times New Roman", serif;
	margin: 0;
}

h1.tel {
	text-align: left;
	color: #F7F5EC;
	font: 20pt "Calibri", "Helvetica", Arial, Helvetica, Geneva, sans-serif;
	margin: 10px 0;
}

span.street_address, 
span.locality,
abbr.region, 
span.postal-code, 
span.url {
	font: 10pt "Calibri", "Helvetica", Arial, Helvetica, Geneva, sans-serif;
	color: #F7F5EC;
	margin: 0;
}



p.welcome_message {
	text-align: center;
	color: #F7F5EC;
	font: 16px "Calibri", "Helvetica", Arial, Helvetica, Geneva, sans-serif;
	margin: 0;
}

img.welcome {
	display: block;
	padding: 0;
	margin-left: 71px;
}

/* @end */