/* 	
		Design by seal - http://www.byseal.com/
		Copyright 2010 - All rights reserved.
*/


html, body {
	margin:0;
	padding:0;
	height:100%;
	font-family: tahoma,"lucida sans",arial,sans-serif;
	font-size: 12px;
	line-height: 24px;
	background: #ffffff;
	color: #5a5a5a;
}

input, 
textarea {
	font-family: tahoma,"lucida sans",arial,sans-serif;
	font-size: 12px;
}

h1 {
	font-size: 72px;
	color: #ffffff;
	margin: 0px;
	padding: 0px;
}

h2 {
	font-size: 72px;
	color: #214a70;
	margin: 0px;
	padding: 0px;
}

h3 {
	font-size: 24px;
	color: #ffffff;
	font-family: georgia, lucida sans;
	font-style: italic; 
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}

h4 {
	font-size: 34px;
	color: #ffffff;
	margin: 0px;
	padding: 0px;
}

h5 {
	color: #083568;
	background-color: #e4f2fb;
	font-family: georgia;
	font-size: 24px;
	font-style: italic;
	font-weight: normal;
	margin: 0px;
	padding: 10px 0px 10px 15px;
}

h6 {
	color: #083568;
	font-family: georgia;
	font-size: 24px;
	font-style: italic;
	font-weight: normal;
	margin: 0px;
	padding: 0px 0px 5px 0px;
}

img { 
	behavior: url(../iepngfix/iepngfix.htc) 
}

.clear {
	clear: both;
	font-size: 0px;
	line-height: 0px;
}





/***********************/
/***** Main Layout *****/
/***********************/

#container {
	position: relative; /* needed for footer positioning */
	margin: 0 auto;
	width: 100%;
	height: auto !important;
	height: 100%;
	min-height: 100%;
}

#header-top {
	height: 39px;
	background: #231f20;
	border-bottom: 1px solid #c8b494;
}

#header-main {
	height: 300px;
	background-image: url(../images/main_header_background.png);
	background-repeat: repeat-x;
}

#header-main-internal {
	height: 240px;
	background-image: url(../images/main_header_background.png);
	background-repeat: repeat-x;
}

#navigation {
	height: 46px;
	background-image: url(../images/menu_background.jpg);
	background-repeat: repeat-x;
}

#content {
	background-color: #ffffff;
	margin: 0px auto;
	margin-top: 12px;
	width: 960px;
	padding-bottom: 410px; /* Change the value 410 if you have a different footer */
	border-left: 1px solid #ebebeb;
	border-right: 1px solid #ebebeb;
}

#content-inner {
	width: 920px;
	margin: 0px auto;
	padding-top: 12px;
}

#footer {
	position: absolute;
	height: 370px;
	width: 100%;
	bottom: 0; /* stick to bottom */
	background-image: url(../images/footer_top_background.jpg);
	background-repeat: repeat-x;
	background-position: 50% top;
	background-color: #c8b494;
}





/******************/
/***** Search *****/
/******************/

#search-container {
	width: 360px;
	height: 22px;
	padding-top: 8px;
	width: 960px;
	margin: 0px auto;
	text-align: right;
}

#search-container p {
	margin: 0px;
	padding: 0px;
}

.search-field {
	background-image: url(../images/search_field_background.png);
	background-repeat: no-repeat;
	background-color: transparent;
	border: 0;
	width: 196px;
	height: 22px;
	line-height: 22px;
	color: #eee;
	padding-left: 6px;
	font-size: 11px;
	vertical-align: top;
}





/**********************************************/
/***** Header Clouds, Title and Portfolio *****/
/**********************************************/

#header-clouds {
	position: relative;
	background-image: url(../images/header_clouds.jpg);
	background-repeat: no-repeat;
	width: 960px;
	height: 300px;
	margin: 0px auto;
}

#header-clouds-internal { /* Header clods image for internal pages */
	position: relative;
	background-image: url(../images/header_clouds_internal.jpg);
	background-repeat: no-repeat;
	width: 960px;
	height: 240px;
	margin: 0px auto;
}

#header-title {
	position: absolute;
	top: 120px;
	left: 108px;
	z-index: 100;
}

#header-main-internal #header-title {
	position: absolute;
	top: 95px;
	left: 108px;
	z-index: 100;
}

#header-title-shadow {
	position: absolute;
	top: 121px;
	left: 109px;
	z-index: 90;
}

#header-main-internal #header-title-shadow {
	position: absolute;
	top: 96px;
	left: 109px;
	z-index: 90;
}

#header-subtitle {
	position: absolute;
	top: 190px;
	left: 155px;
}

#header-portfolio-container {
	position: absolute;
	top: 42px;
	right: 53px;
	background-image: url(../images/jcarousel_background.png);
	background-repeat: no-repeat;
	width: 328px;
	height: 227px;
}

.header-portfolio-carousel {
	padding: 14px;
}





/***************************/
/***** Main Navigation *****/
/***************************/

#navigation-inner {
	margin: 0px auto;
	width: 960px;
	font-size: 12px;
}

#navigation-inner ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

#navigation-inner li.navgiation-item {
	display: inline;
	float: left;
	background-image: url(../images/menu_item_divider.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	padding: 10px 20px;
}

.navigation-left-border {
	float: left;
	width: 3px;
}

.navigation-right-border {
	float: right;
	width: 3px;
}

.navigation-main-content {
	float: left;
	line-height: 18px;
}

.navigation-skin-change {
	float: right;
	font-size: 10px;
	color: #4a4a4a;
	height: 39px;
	line-height: 39px;
	padding-right: 20px;
}

span.skin {
	color: #757575;
	padding: 0px 10px;
}

a.navigation,
a.navigation:link,
a.navigation:visited {
	color: #231f20;
	font-weight: bold;
	text-decoration: none;
}

a.navigation:hover {
	color: #960;
}

a.skin {
	background-image: url(../images/skin_change_button.png);
	background-repeat: no-repeat;
	padding: 4px 13px;
	color: #ffffff;
	text-decoration: none;
}





/*****************************/
/***** Footer Navigation *****/
/*****************************/

#footer-navigation {
	width: 960px;
	margin: 0px auto;
	padding-top: 26px;
}

.footer-navigation-column {
	float: left;
	width: 150px;
	padding: 0px 5px;
	font-size: 11px;
}

#footer-navigation ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

#footer-navigation li {
	color: #97a5b0;
	padding-left: 8px;
}

#footer-navigation li:hover {
	background-color: #c8b494;
}

#footer-navigation li.first {
	background-color: #c8b494;
	padding: 8px;
	color: #ffffff;
}

a.footer-link,
a.footer-link:link,
a.footer-link:visited,
a.footer-special-link,
a.footer-special-link:link,
a.footer-special-link:visited {
	color: #960;
	text-decoration: none;
}

a.footer-link:hover,
a.footer-special-link:hover {
	color: #eee;
}

a.footer-special-link {
	border-bottom: 1px dotted #3c90d3;
}

a.footer-first-link,
a.footer-first-link:link,
a.footer-first-link:visited {
	color: #ffffff;
	text-decoration: none;
}

a.footer-first-link:hover {
	color: #231f20;
}

.footer-bottom-line {
	border-bottom: 1px solid #960; 
	text-align: center;
	padding-top: 50px;
}

.footer-bottom-title {
	background: #c8b494; 
	margin: -20px auto 0; 
	width: 280px; 
	text-align: center;
}





/****************************/
/***** Homepage Content *****/
/****************************/

.homepage-content-block-left {
	float: left;
	width: 450px;
}

.homepage-content-block-right {
	float: right;
	width: 450px;
}

.homepage-content-block-left p,
.homepage-content-block-right p {
	padding: 0px 8px;
	line-height: 22px;
	margin: 10px 0px;
}

p.center {
	text-align: center;
}

#testimonials {
	width: 860px;
	background-image: url(../images/testimonials.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #e7e7e7;
	margin: 30px 0px;
	padding: 30px;
}

.testimonials-left,
.testimonials-right {
	width: 330px;
	float: left;
	background-image: url(../images/quote.png);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding-left: 60px;
	font-family: georgia;
	font-size: 16px;
	font-style: italic;
	font-weight: normal;
}

.testimonials-left {
	float: left;


}

.testimonials-right {
	float: right;
}

.testimonials-left p,
.testimonials-right p {
	margin-bottom: 0px;
	font-weight: bold;
	font-family: tahoma;
	font-size: 12px;
	font-style: normal;
}





/****************************************/
/***** Homepage Content - Expertise *****/
/****************************************/

.expertise-left {
	float: left;
	width: 220px;
}

.expertise-right {
	float: right;
	width: 220px;
}

ul.expertise {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

ul.expertise li {
	background-color: #ecf1f4;
	padding: 0px 0px 0px 10px;
	margin-top: 10px;
	height: 64px;
}

ul.expertise li:hover {
	background-color: #E7E7E7;
}

ul.expertise img {
	vertical-align: middle;
	padding-right: 5px;
}

a.lite-blue,
a.lite-blue:link,
a.lite-blue:visited {
	color: #3c90d3;
	text-decoration: none;
}

a.lite-blue:hover {
	color: #031a48;
}





/***************************************/
/***** Homepage Content - About Me *****/
/***************************************/

.about-me-photo-container {
	float: left;
	width: 180px;
	height: 210px;
	background-image: url(../images/aboutme_photo_container.png);
	background-repeat: no-repeat;
}

.about-me-text {
	float: right;
	width: 270px;
}

.about-me-photo {
	width: 110px;
	height: 165px;
	margin: 22px 0px 0px 28px;
}

a.read-more-link {
	background-image: url(../images/read_more_background.jpg);
	background-repeat: no-repeat;
	padding: 8px 16px 9px 26px;
	color: #ffffff;
	text-decoration: none;
}

p.read-more {
	margin-top: 20px;
	text-align: right;
}





/*******************************************/
/***** Homepage Content - Blog Entries *****/
/*******************************************/

span.homepage-blog-date {
	color: #a3a3a3;
	border-right: 1px solid #a3a3a3;
	padding-right: 6px;
}

span.homepage-blog-title {
	padding: 0px 8px 0px 6px;
}

span.homepage-blog-comment {
	font-size: 11px;
}

ul.homepage-blog {
	list-style-image: none;
	list-style-type: none;
	padding: 0px;
	margin: 4px 0px 0px 0px;
}

ul.homepage-blog li {
	padding: 0px 0px 0px 6px;
	line-height: 34px;
	border-bottom: 1px solid #ebebeb;
}





/**********************************************/
/***** Internal Pages - Common Ressources *****/
/**********************************************/

.main-content-internal {
	float: left;
	width: 621px;
	padding-right: 20px;
}

.main-content-fullwidth {
	width: 920px;
}

.rhs-content {
	float: left;
	width: 258px;
	border-left: 1px solid #ebebeb;
	padding-left: 20px;
}

.rhs-content h5 {
	margin: 0px 0px;
}

#header-tweet {
	position: absolute;
	top: 10px;
	right: 0px;
	width: 300px;
	background-image: url(../images/header_tweet.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-left: 90px;
	font-family: georgia;
	font-size: 14px;
	color: #ffffff;
	font-style: italic;
}

#header-tweet span.tweet {
	color: #62d4f0;
	font-weight: bold;
}

ul.social {
	list-style-image: none;
	list-style-type: none;
	padding: 5px 0px 0px 0px;
	margin: 0px;
}

ul.social li {
	padding: 10px 8px 30px 9px;
	display: inline;
	float: left;
}

#newsletter-container p {
	margin: 0px;
	padding: 0px;
	text-align: center;
}

.newsletter-field {
	background-image: url(../images/newsletter_field_background.png);
	background-repeat: no-repeat;
	background-color: transparent;
	border: 0px;
	width: 196px;
	height: 22px;
	line-height: 22px;
	padding: 0px 0 0 7px;
	font-size: 11px;
	vertical-align: top;
}

ul.contacts-rhs {
	list-style-image: none;
	list-style-type: none;
	padding: 0px;
	margin: 6px 0px 30px 0px;
}

ul.contacts-rhs li {
	line-height: 34px;
}

span.contacts-rhs-icon {
	padding: 0px 8px 0px 4px;
	border-right: 1px solid #ebebeb;
}

span.contacts-rhs-icon img {
	vertical-align: middle;
}

span.contacts-rhs-text {
	padding-left: 4px;
}

a.contacts-rhs-link,
a.contacts-rhs-link:link,
a.contacts-rhs-link:visited {
	color: #3c90d3;
	text-decoration: none;
}

a.contacts-rhs-link:hover {
	color: #031a48;
}

.main-content-internal p,
.main-content-fullwidth p {
	line-height: 22px;
}

p.banners {
	margin-top: 0px;
}

.rhs-content ul.expertise {
	margin-bottom: 15px;
}




/**********************************/
/***** Internal Pages - About *****/
/**********************************/

.about-me-text-internal {
	float: left;
	width: 440px;
}




/*********************************/
/***** Internal Pages - Blog *****/
/*********************************/

.blog-entry-summary {
	float: left;
	width: 621px;
	margin-bottom: 40px;
}

.blog-entry-head {
	
}

.blog-entry-head .blog-date {
	float: left;
	background-image: url(../images/blog_date_background.png);
	background-repeat: no-repeat;
	width: 48px;
	height: 48px;
	text-align: center;
	color: #ffffff;
	padding-top: 2px;
	font-size: 11px;
	line-height: 18px;
}

.blog-entry-head .blog-date-number {
	font-family: georgia;
	font-style: italic;
	font-size: 24px;
}

.blog-entry-head .blog-title {
	float: left;
	padding-left: 12px;
}

.blog-entry-head .blog-title span {
	color: #a3a3a3;
	font-size: 11px;
}

.blog-entry-head .blog-comments-count {
	float: right;
	background-image: url(../images/comments_background.png);
	background-repeat: no-repeat;
	width: 94px;
	height: 21px;
	line-height: 21px;
	font-size: 11px;
	text-align: center;
}

.blog-entry-text img {
	padding-right: 12px;
}

.comment-block {
	margin-top: 8px;
	padding: 12px;
	background-color: #f1f1f1;
}

.comment-block p {
	margin: 8px 0px 4px 0px;
}

.comment-nick {
	padding-right: 6px;
	border-right: 1px solid #a3a3a3;
	font-weight: bold;
}

.comment-date {
	padding-left: 6px;
	color: #a3a3a3;
	font-size: 11px;
}

ul.blog-categories {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	padding: 0px;
	margin: 0px 0px 30px 0px;
}

ul.blog-categories li {
	background-image: url(../images/blue_arrow.jpg);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 0px 0px 0px 25px;
	line-height: 30px;
	border-bottom: 1px solid #ebebeb;
}

a.blog-title-link,
a.blog-title-link:link,
a.blog-title-link:visited,
a.blog-title-link:hover {
	color: #083568;
	text-decoration: none;
}





/**********************************/
/***** Internal Pages - About *****/
/**********************************/

.contact-field {
	background-image: url(../images/contact_field_background.png);
	background-repeat: no-repeat;
	border: 0px;
	width: 350px;
	height: 26px;
	padding: 8px 0px 0px 4px;
}

.contact-field-text {
	background-image: url(../images/contact_text_background.png);
	background-repeat: no-repeat;
	border: 0px;
	width: 354px;
	height: 147px;
	padding: 8px 0px 0px 5px;
	overflow: auto; /* Hiding textarea scrollbar under IE */
}

#contactform label {
	width: 130px;
	float: left;
	padding: 5px 10px 0px 0px;
	text-align: right;
}

#contactform .error {
	color: #ff0000;
}

#contactform label.error {
	display: block;
	float: none;
	width: auto;
	padding-left: 140px;
	text-align: left;
}

.submit-button {
	background-image: url(../images/contact_button.png);
	background-repeat: no-repeat;
	border: 0px;
	width: 125px;
	height: 24px;
	color: #ffffff;
}





/**************************************/
/***** Internal Pages - Portfolio *****/
/**************************************/

.portfolio-block-left {
	float: left;
	width: 450px;
	margin: 20px 0px;
}

.portfolio-block-right {
	float: right;
	width: 450px;
	margin: 20px 0px;
}

img.portfolio-image {
	padding: 4px;
	border: solid 1px #c8b494;
}





/*************************************/
/***** Internal Pages - Services *****/
/*************************************/

.services-left-column {
	float: left;
	width: 140px;
	margin-top: 30px;
}


.services-main-column {

	float: left;
	width: 481px;
	margin-top: 30px;
}

p.services-section-head {
	font-weight: bold;
	color: #231f20;
	margin: 0;
	font-size: 14px;
}