/*--------------------------------------------------------*/
/* General styles and default resets */
/*--------------------------------------------------------*/

* {
	padding: 0;
	margin: 0;
	font-family: Helvetica;
	font-size: 10pt;
	color: rgb(150,150,150);
}


body {
	
}

a {
	color: red;

}

a img {
	border: none;

}

/*--------------------------------------------------------*/
/* Header specific styles */
/*--------------------------------------------------------*/

.header {
	padding-top: .5em;
	padding-bottom: -1.5em;
	width: 780px;
	margin: 0 auto;
	
}

.navigation {
	list-style: none;
	height: 50px;
}

.navigation a{
	position: relative;
	color: white;
	text-decoration: none;
	font-size: 10px;
	left: 33px;
	top: 16px;
}


.choice {
	position: relative;
	left: 350px;
	top: -70px;
}


/* Main li element style >>cascades through to all elements below */

ul.navigation li  {
	float: left;	
	height: 55px;
	
}


/* Loop through all sections */

ul.navigation li.firmProfile  {
	width: 120px;
	background: url(../img/navigation_interface-cooperco_03.jpg) no-repeat;
} 

ul.navigation li.partnerProfile  {
	width: 130px;
	background: url(../img/navigation_interface-cooperco_04.jpg) no-repeat;
}

ul.navigation li.services  {
	width: 94px;
	background: url(../img/navigation_interface-cooperco_05.jpg) no-repeat;
} 

ul.navigation li.careerOpportunities  {
	width: 159px;
	background: url(../img/navigation_interface-cooperco_06.jpg) no-repeat;
} 

ul.navigation li.newsAndUpdates  {
	width: 147px;
	background: url(../img/navigation_interface-cooperco_07.jpg) no-repeat;
} 

ul.navigation li.contactUs  {
	width: 124px;
	background: url(../img/navigation_interface-cooperco_08.jpg) no-repeat;
} 


ul.navigation li.filler  {
	width: 275px;
	background: url(../img/navigation_interface-cooperco_filler.jpg);
	
} ul.navigation li.filler:hover {
	width: 275px;
	background: url(../img/navigation_interface-cooperco_filler.jpg);
	
}


/* When mouse is over the navigation li element */

ul.navigation li:hover  {
	background-position-y: -56px;
}


/* TRICKY: This scripts clerverly highlights the current page by appling based on the body id */

#firmProfile ul li.firmProfile ,
#partnerProfile ul li.firmProfile ,
#services ul li.firmProfile ,
#careerOpportunities ul li.firmProfile ,
#newsAndUpdates ul li.firmProfile ,
#contactUs ul li.firmProfile  {
	background-position-y: 56px;
}


/*--------------------------------------------------------*/
/* Main specific styles */
/*--------------------------------------------------------*/


.main_bakground {
	background-color: rgb(41,32,31);
	
	margin-top: 5px;
	margin-left: 6px;
	
}

.main {
	background-color: white;

	width: 780px;
	height: 600px;
	
	margin-right: 5px;
	

	margin: 0 auto;
} .main img {
	margin-top: 2px;
}

.vignette {
	background-color: white;

	width: 780px;
	height: 450px;
	
	margin-right: 5px;
	

	margin: 0 auto;
}

.alignright {
	width: 448px;
	float: right;
	padding-right: 20px;
}	.alignright h1 {
	padding-top: 30px;
	padding-bottom: 25px;
}	.alignright p {
	padding-bottom: 15px;
}


#map {
	width: 780px;
	height: 300px;
	top: 5px;
	
}

.contactLocation {
	background-color: rgb(240,240,240);
	background-repeat: no-repeat;
	width: 780px;
	height: 300px;
}

.moreinfo {
	clear: both;
	padding: 30px;

}

/*--------------------------------------------------------*/
/* SubNav specific styles */
/*--------------------------------------------------------*/

.subNavigation {
	list-style: none;
	margin-left: 30px;
	margin-top: 30px;
	float: left;
		
	
}

ul.subNavigation li {
	text-indent: 25px;
	height: 20px;
	width: 210px;
	background-image: url(../img/subNavBackground.png);
	background-repeat: no-repeat;
	padding-bottom: 3px;
	padding-top: 2px;

} ul.subNavigation li a {

		font-size: 10px;
		text-decoration: none;
		color: black;
		
}

.carousel {
	width: 448px;
	height: 600px;
	float: left;
	margin-right: 30px;
	margin-top: 30px;
	overflow: hidden;
	position:relative;
	
} .carousel p {
	margin-bottom: 10px;

} .carousel h1 {
	margin-bottom: 15px;
	font-size: 14px;

}

.scrollContainer {
	height: 700px;
	width: 448px;
	float: left;
	

} 

.space {
	margin-bottom: 15px;
} 
.sections {
	width: 448px;
	height: 600px;
	
} .sections img {
	padding-bottom: 20px;
}

.location {
	float: left;
	padding-top: 60px;
	padding-left: 30px;
} .location h1 {
	padding-bottom: 10px;
}

/*--------------------------------------------------------*/
/* Footer specific styles */
/*--------------------------------------------------------*/

.footer {
	background-image: url(../img/footer.png);
	background-repeat: no-repeat;
	
	width: 780px;
	height: 19px;

	margin: 0 auto;
	
	padding-bottom: 50px;
}