/*========================================================================================================================
  Setting up layout
========================================================================================================================*/

#content div.rep-header {
	position: relative;
	width: 695px;
	height: 165px;
	padding: 10px 15px;
	margin: -10px 0 0 -15px;
	background: url(../images/bg_rep_header.jpg) no-repeat;
}

#content div.custom-content {
	position: relative;
	float: left;
	width: 695px;
	min-height: 165px;
	padding: 10px 15px;
	margin: 0 0 0 -15px;
	background: url(../images/bg_rep_content.jpg) top left no-repeat;
}

	div.custom-content div.headline {
		margin: 30px 0 0 40px;
		width: 330px;
	}

	div.custom-content div.text {
		float: left;
		width: 330px;
		margin: 2em 0 0 40px;
	}
	
	div.custom-content div.rep-information {
    position: absolute;
    top: 40px;
    right: 15px;
		width: 200px;
		padding: 10px 15px 10px 15px;
		background: url(../images/bg_rep_info.gif) repeat-y;
	}


/*========================================================================================================================
  Rep Header
========================================================================================================================*/

div.rep-header h1 {
	position: absolute;
	top: 98px;
	left: 22px;
	width: 400px;
	padding: 0 0 26px 0;
	
	text-transform: capitalize;
	text-align: center;
	line-height: 1.1em;
	font-size: 2.2em !important;
	font-weight: normal;
	color: #3d3d3d !important;
	background: url(../images/bg_rep_name.gif) center bottom no-repeat;
}

div.rep-header p.photo {
	position: absolute;
	top: 0;
	left: 481px;
	width: 230px;
	height: 185px;
}

	div.rep-header p.photo img {
		position: relative;
		left: 0;
		top: 50%;
	}


/*========================================================================================================================
  Custom Content section
========================================================================================================================*/

div.custom-content div.headline h2 {
	padding: 0 !important;
	margin: 0 !important;
	border: none !important;
	
	font-size: 2em !important;
	font-weight: normal !important;
	color: #2e96dd !important;
}


/*========================================================================================================================
  Contact section
========================================================================================================================*/

div.custom-content div.rep-information {
	color: #2e96dd;
}

div.custom-content div.rep-information h2 {
	height: 3.75em;
	padding: 5px 0 0 48px !important;
	margin: 0 0 0 -48px !important;
	border: none !important;
	background: url(../images/ic_contact.gif) left top no-repeat;
	
	font-size: 1em !important;
	font-weight: normal !important;
	color: #2e96dd !important;
}

div.custom-content div.rep-information p {
	margin: 0.5em 0 0 0 !important;
}

	div.custom-content div.rep-information span.name {
		display: block;
		
		font-size: 1.1em;
		font-weight: bold;
	}
	
  div.custom-content div.rep-information p.identification {
    margin-top: -2em !important;
  }