/*
######################################################################################
######                                                                        #######
######     WEB TEMPLATE STYLES                                               #######
######                                                                      #######
##################################################################################
*/

body { background-image: url(../../images/generic/body_bg.gif); overflow-x: hidden; }

.background {
	background-image: url(../../images/generic/bg_texture.jpg);
	background-position: top center;
	height: auto !important;
	min-height: 813px;
	height: 813px;
	color: #6e6e6e;
}
p {
	margin: 0 0 25px 0;
	padding: 0;
	line-height: 1.4em;
	}


/********************************************************************************/
/***** CLASS STYLES ************************************************************/
/******************************************************************************/

.highlight { color: #c55913; }

/********************************************************************************/
/***** HEADER STYLES ***********************************************************/
/******************************************************************************/

h1 {
	font: normal 2.3em Georgia, Times New Roman, Times, serif;
	margin: 0;
	padding: 0 0 20px 0;
	color: #c55913;
	}
h2 {
	font: normal 1.4em Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0 0 25px 0;
	color: #6e6e6e;
	}
	h2 span { color: #c55913; }
	h2 a { color: #c55913; text-decoration: none; }
	h2 a:hover { text-decoration: underline; }


/********************************************************************************/
/***** WRAPPER STYLES **********************************************************/
/******************************************************************************/

#wrapper {
	position: relative;
	width: 730px;
	height: auto !important;
	min-height: 813px;
	height: 813px;
	margin: 0 auto;
	font-size: 1.4em;
	}
	#wrapper #portrait {
		position: absolute;
		background-repeat: no-repeat;
		}

/********************************************************************************/
/***** HEADER STYLES ***********************************************************/
/******************************************************************************/

#header {
	position: relative;
	height: 134px;
	width: 730px;
	margin: auto;
	padding-top: 28px;
	font-size: 0.8em;
	}
	#header .logo {
		display: block;
		width: 91px;
		margin: 0 auto;
		}
	
	#header .language-selector {
		position: absolute;
		right: 0;
		top: 11px;
		margin: 0;
		padding: 0;
		}
		#header .language-selector img {
			position: relative;
			top: 3px;
			}



/********************************************************************************/
/***** BANNER STYLES ***********************************************************/
/******************************************************************************/

#navigation {
	height: 50px;
	width: 730px;
	margin: auto;
	}
	#navigation .links {
		margin: 0 0 0 75px;
		padding: 0;
		list-style: none;
		height: 50px;
		width: 638px;
		}
		#navigation .links li {
			float: left;
			height: 33px;
			margin: 0;
			padding: 17px 31px 0 29px;
			background-image: url(../../images/generic/nav_separator.gif);
			background-repeat: no-repeat;
			background-position: right top;
			}
		#navigation .links li.last {
			background-image: none;
			}
			#navigation .links li a {
				float: left;
				height: 15px;
				background-position: 0 0;
				text-indent: -6767px;
				overflow: hidden;
				}
			#navigation .links li a:hover,
			#navigation .links li a.active {
				background-position: 0 -15px;
				text-decoration: underline;
				}
	
			#navigation .links #nav_home a			{ background-image: url(../../images/generic/nav_home.gif); width: 52px; }
			#navigation .links #nav_what-we-do a	{ background-image: url(../../images/generic/nav_what-we-do.gif); width: 118px; }
			#navigation .links #nav_get-in-touch a	{ background-image: url(../../images/generic/nav_get-in-touch.gif); width: 123px; }
			#navigation .links #nav_user-login a	{ background-image: url(../../images/generic/nav_user-login.gif); width: 103px; }
	

	

/********************************************************************************/
/***** MIDDLE STYLES ***********************************************************/
/******************************************************************************/

#middle {
	padding-top: 32px;
	width: 730px;
	margin: auto;
	font-size: 1em;
	-webkit-text-size-adjust:none 
	}


/********************************************************************************/
/***** CONTENT EXTENDED ********************************************************/
/******************************************************************************/

.content_full {
	}


/********************************************************************************/
/***** FOOTER STYLES ***********************************************************/
/******************************************************************************/

#footer {
	padding-top: 26px;
	color: white;
	font-size: 1.1em;
	width: 730px;
	margin: auto;
	}
	#footer .content {
		width: 730px;
		margin: 0 auto;
		}
	
	#footer .links {
		width: 730px;
		overflow: hidden;
		margin: 0 0 12px 0;
		padding: 0;
		height: auto !important;
		min-height: 152px;
		height: 152px;
		background-image: url(../../images/generic/footer_nav-seperator.gif);
		background-position: top center;
		background-repeat: repeat-y;
		list-style: none;
		font-size: 1.1em;
		}
		#footer .links li {
			float: left;
			width: 169px;
			margin: 0;
			padding: 6px 37px 10px 37px;
			}
			#footer .links li br { display: none; }
			#footer .links li a {
				display: block;
				height: 24px;
				background-position: 0 0;
				text-indent: -6767px;
				overflow: hidden;
				margin-bottom: 5px;
				}
			#footer .links li a:hover,
			#footer .links li a.active {
				background-position: 0 -24px;
				text-decoration: none;
				}
			#footer .links .column1 a	{ background-image: url(../../images/generic/footer_nav_what-we-do.gif); width: 126px; }
			#footer .links .column2 a	{ background-image: url(../../images/generic/footer_nav_user-login.gif); width: 109px; }
			#footer .links .column3 a	{ background-image: url(../../images/generic/footer_nav_get-in-touch.gif); width: 127px; }

	#footer .share-this {
		text-align: center;
		line-height: 2.8em;
		margin: 0 0 5px 0;
		}

	#footer .copyright {
		text-align: center;
		line-height: 2.8em;
		}
		#footer .copyright a {
			color: white;
			text-decoration: underline;
			}
		#footer .copyright a:hover {
			text-decoration: none;
			}