@charset "UTF-8";

html {
	margin:0px;
	padding:0px;
	background: #E8E7E8 url(_images/folio_background.gif) repeat-x;
	}

body {
	font:  100% "Verdana", Arial, sans-serif;
	margin: 0px; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0px;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

#container {
	width: 990px;
	height:700px;
	margin:auto;
	text-align: left;
	padding:0px;
	font-size: .85em;
}

#containerProfile {
	width: 400px;
	height:400px;
	margin:auto;
	text-align: left;
	padding:0px;
	font-size: .85em;
}

.header {
	margin:0px;
	padding:0px;
	background: url(_images/header.gif) no-repeat left center;
	text-indent: -9999px;
	width:300px;
	height:50px;
	display:block;
	}
	
.affiliates {
	margin:0px;
	padding-top:0px;
	background:  no-repeat left center;
	text-indent: -0px;
	width:300px;
	height:50px;
	display:block;
	}
	
a {
	cursor:pointer;
	color: #ff4747;
	text-decoration: none;
}

a:hover {
	text-decoration:underline;
	}

	
ul {
	list-style: none;
	}	
	
ul#profiles {
	list-style: none;
	border: 1px solid #F0F;
	}

ul#navList {
	padding:0px;
	margin:10px 0px 0px;
	list-style: none;
	width:100px;
	height:40px;
	text-indent:-9999px;
}

li#home a {
	background: url(_images/buttons/home.png) no-repeat left center;
	height:15px;
	width:100px;
	display: block;
	}
li#about a {
	background: url(_images/buttons/about.png) no-repeat left center;
	height:15px;
	width:100px;
	display: block;
	}
li#services a {
	background: url(_images/buttons/services.png) no-repeat left center;
	height:15px;
	width:100px;
	display: block;
	}
li#factsheet a {
	background: url(_images/buttons/factsheet.png) no-repeat left center;
	height:15px;
	width:100px;
	display: block;
	}
li#contact a {
	background: url(_images/buttons/contact.png) no-repeat left center;
	height:15px;
	width:100px;
	display: block;
	}

li#delta a {
	background: url(_images/buttons/delta.png) no-repeat left center;
	height:150px;
	padding-left:0px;
	margin-left:5px;
	width:100px;
	text-indent:-9999px;
	display: block;
	}
	
li#affHead  {
	background:url(_images/buttons/button_empty.png)  no-repeat left center;
	background-position:0px 35px;
	height:0px;
	padding-left:0px;
	margin-left:5px;
	padding-top:50px;
	width:100px;
	text-indent:0px;
	display: block;
	}
/*active nav*/	
	
li#homeA a {
	background: url(_images/buttons/home.png) no-repeat -104px center;
	height:15px;
	width:100px;
	display: block;
	}
li#aboutA a {
	background: url(_images/buttons/about.png) no-repeat -104px center;
	height:15px;
	width:100px;
	display: block;
	}
li#servicesA a {
	background: url(_images/buttons/services.png) no-repeat -104px center;
	height:15px;
	width:100px;
	display: block;
	}
li#factsheetA a {
	background: url(_images/buttons/factsheet.png) no-repeat -104px center;
	height:15px;
	width:100px;
	display: block;
	}
li#contactA a {
	background: url(_images/buttons/contact.png) no-repeat -104px center;
	height:15px;
	width:100px;
	display: block;
	}
	
/*hover nav*/	
	
li#home a:hover {
	background: url(_images/buttons/home.png) no-repeat -103px center;
	height:15px;
	width:100px;
	display: block;
	}
li#about a:hover {
	background: url(_images/buttons/about.png) no-repeat -103px center;
	height:15px;
	width:100px;
	display: block;
	}
li#services a:hover {
	background: url(_images/buttons/services.png) no-repeat -103px center;
	height:15px;
	width:100px;
	display: block;
	}
li#factsheet a:hover {
	background: url(_images/buttons/factsheet.png) no-repeat -103px center;
	height:15px;
	width:100px;
	display: block;
	}
li#contact a:hover {
	background: url(_images/buttons/contact.png) no-repeat -103px center;
	height:15px;
	width:100px;
	display: block;
	}

#mainContent {
	margin: 0px 0px 0px 180px;
	height: 600px;
	width: 275px;
	padding: 0px 0px 0px 370px;
	background: url(_images/logo_main.png) no-repeat left center;
}
#mainContentAboutUs {
	margin: 0px 0px 0px 180px;
	height: 700px;
	width: 275px;
	padding: 0px 0px 0px 378px;
	background: url(_images/about_us.png) no-repeat left center;
}

#mainContentOurServices {
	margin: 0px 0px 0px 180px;
	height: 600px;
	width: 275px;
	padding: 0px 0px 0px 370px;
	background: url(_images/our_services.png) no-repeat left 114px;
}

#mainContentFactsheet {
	margin: 0px 0px 0px 180px;
	height: 600px;
	width: 275px;
	padding: 0px 0px 0px 370px;
	background: url(_images/factsheet.png) no-repeat 68px 200px;
}

#mainContentContact {
	margin: 0px 0px 0px 180px;
	height: 600px;
	width: 275px;
	padding: 0px 0px 0px 300px;
	background: url(_images/logo_main.png) no-repeat left center;
}

.rightDiv {
	float: right;
	width: 140px;
	height: 200px;
	background: url(_images/home.png) no-repeat center 0px;
	padding: 15px 0;
	margin: 210px 0px 0px 0px;
	text-indent: -9999px;
}

.rightDivAboutUs {
	float: right;
	width: 140px;
	height: 200px;
	background: url(_images/logo_small.png) no-repeat center center;
	padding: 15px 0;
	margin: 210px 0px 0px 0px;
	text-indent: -9999px;
}

.rightDivOurServices {
	float: right;
	width: 140px;
	height: 200px;
	background: url(_images/logo_small02.png) no-repeat center 48px;
	padding: 15px 0;
	margin: 210px 0px 0px 0px;
	text-indent: -9999px;
}

#confirmation{
	margin: 0;
	padding:0 0 0 42px;
	width:  280px;
	height: 100px;
	}

.rightDivFactsheet {
	display:none;
	text-indent: -9999px;
}

.rightDivContact {
	float: right;
	width: 140px;
	height: 200px;
	background: url(_images/hello.png) no-repeat center center;
	padding: 15px 0;
	margin: 210px 0px 0px 0px;
	text-indent: -9999px;
}

ul.address{
	float:left;
	margin: 400px 0px 0px;
	padding: 0px;
	list-style: none;
	}
	
span{
	color: #ff4747;
	}
	
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain its child floats */
  clear: both;
  height: 0px;
  line-height: 0px;
}

#emailForm{
	margin: 0px;
	padding: 0px;
	height: 500px;
	width: 300px;	
	}
	
#topright {
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	height: 125px;
	width: 125px;
	background: url(TRbanner.gif) no-repeat;
	text-indent: -999em;
	text-decoration: none;
	}