@charset "UTF-8";
/* 	CSS Document 
		default.css for Dumas website
		date: May 3, 2009
*/

/*	initial text formats 
		(after application of "reset.css")
***************************************************/
body {
	font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
	font-size: 62%;
	background-color:#ccc;
	color:#000;
}
p, li, td, th, dt, dd { font-size: 1.5em; }

/*	page blocks
***************************************************/

#page {
	background: url(../_images/common/grid.gif) repeat #fff;
}
#main {
	padding-bottom:0;
}
#col { 
	position:relative;
	margin:0 2px; 
	border-top: 2px solid #ccc;
	border-left: 2px solid #ccc;
	background: #fff url(../_images/common/footer-art-bp.gif) no-repeat bottom right;
}
#nav { 
	font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
	font-size: 1.6em;
	color: #6597f3;
	position:relative;
	float:left;
	width:180px;
}
#footer {
	color:#6597f3;
}


/*	basic text overrides
***************************************************/
blockquote {
	font-family: Cambria, "Hoefler Text", Utopia, "Liberation Serif", Times, "Times New Roman", serif;
	margin: 2em 5em 0 5em;
}
blockquote .quoted {
		font-weight:bold;
		text-align:right;
		margin:0em 5em 2em 10em;
		padding-right:2em;
}

/*	image overrides 
***************************************************/
img.centred{
	display:block;
	clear:both; 
	margin: 0 auto;
}

/*	div-specific styles
***************************************************/
#logo img { padding:38px 0 0 25px; }

/* navigation */

#nav ul { 
	width:180px;
	margin:22px 0 0 25px;
}
#nav li {	
	margin:0;
	padding:0;
	float:left;
	width:100%;
	list-style:none;
	height:35px;
}
#nav li a.simple {
	display:block;
	color:#fff;
	text-decoration:none;
	height:35px;
	text-indent:-9999px;
}


/* main */

#main h1, #main h2, #main h3, #main h4, #main p { 
	margin: 10px 30px 10px 20px; 
}

#main h1 {
	font-weight:bold;
	font-size: 3em;
	color: #6597f3;
	margin-top: 20px;
}
#main h2 {
	font-size:2.7em;
	color: #6597f3;
	margin-top: 20px;
}
#main h3 {
	font-size:2.4em;
	font-weight:bold;
	color: #6597f3;
	margin-top: 20px;
	margin-bottom: -4px;
}
#main h4 {
	font-size:2em;
	color: #6597f3;
	margin-top: 16px;
	margin-bottom: -4px;
}

#main ul {
	margin-left: 40px;
}

#main ul li ul li {
	font-size: 1em;
}

#main ol li {
	margin-left:30px;
}

#main a {
	color:#4b86f3;
	background-color:transparent;
}
#main a:hover {
	color:#fff;
	background-color:#4b86f3;
	text-decoration:none;
}

/* footer */
#footer ul {
	text-align:right;
	padding-top:120px;
	margin-right:200px;
	list-style:none;
	list-style-position:inside;
}
#footer ul li {
	color: #4b86f3;
}
#footer ul li a {
	color:#4b86f3;
	background-color:transparent;
}
#footer ul a:hover {
	color:#fff;
	background-color:#4b86f3;
	text-decoration:none;
}

/* col */
#col dl {
	margin-left: 20px;
}

#col table {
	margin: 0 auto 2em auto; 
	width:80%;
	text-align:left;
	border-collapse:collapse;
	border: 1px solid #d1d9f9;
	background:#d1d9f9;
}
#col table th { 
	margin:0; 
	padding:8px 20px; 
	border-bottom: 1px solid #d1d9f9; 
	text-align:center; 
	font-size:1.6em; 
	background:#7191fb; 
	vertical-align: middle; 
}

#col table td {
	margin:0;
	padding:4px 10px;
	vertical-align: top;
	border-right: 1px solid #d1d9f9;
}

#col table tr.alt {
	background: #fff;
}

#col table caption {
	font: italic 1.8em Cambria, "Hoefler Text", Utopia, "Liberation Serif", Times, "Times New Roman", serif ;
	text-align:center;
}
#col table th#development { width:25%; }
#col table th#construction { width:20%; }
#col table th#engineering { width:30%; }
#col table th#mine { width:25%; }

/*  nice box  */

div.niceBox {
	background-color: #6597f3;
	border:double #039;
}

/*  image options  */
img.headshot {
	float:left;
	display:inline;
	margin: 10px 10px 10px 10px;
	padding:10px;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 2px solid #666;
	border-bottom: 2px solid #666;
}

img.feature {
	text-align:center;
	margin: 10px 20px;
	padding:10px;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
}

.floatright {
	float: right;
	margin: 0 0 0 10;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}

.floatleft {
	float: left;
	margin: 0 10px 0 0;
}


/*	for team page
***************************************************/
#bTeam ul#teamList {
	list-style:none;
	line-height:1.8;
}

#bTeam #teamMembers { 
	float: left;
	width: 600px;
	position:relative;
}

#bTeam #teamMembers div h2,
#bTeam #teamMembers div h3,
#bTeam #teamMembers div p {
	margin-left: 205px;
}

#bTeam #col h2 { margin-bottom:-20px; }

#bTeam #col h3 {
	margin-bottom:15px;
	font-size: 2em;
}

/*	News pages styling
***************************************************/
#bNews h2 {
	font-size: 1.6em;
	font-style:italic;
	margin-bottom:18px;
}

#bNews dl {
	margin-left:20px;
}


/*	Accordion text styling
***************************************************/
#col div.Accordion {
	margin: 0 10px 10px 10px;
}

#col .AccordionPanel .AccordionPanelTab h3 {
	margin: 5px 10px;
	color: #fff;
}

#col .AccordionPanel .AccordionPanelTab:hover {
	background-color: #bbb;
}

#col .AccordionPanelOpen .AccordionPanelTab h3 {
	color: #6597f3;
}

#col .AccordionPanelOpen .AccordionPanelTab:hover {
	background-color: #eee;
}

#col .AccordionPanel .AccordionPanelContent dl {
	margin:10px 20px;
	padding:0;
}

#col .AccordionPanel .AccordionPanelContent dt {
	margin:0;
	padding:0;
	font-size:1.8em;
	width: 428px;
}

#col .AccordionPanel .AccordionPanelContent dd {
	margin:8px 0 0 0;
	padding:0;
	line-height:1.5;
}

#col .AccordionPanel dl img {
	float:right;
	margin-left:15px;
	margin-bottom:50px;
}
#col .AccordionPanel .AccordionPanelContent ul {
	float:left;
	margin-left: 60px;
}

/*	testimonials styling
***************************************************/
#main div.testimonial h2 a {
	font-size:.9em;
	margin-bottom:5px;
	margin-top:5px;
	color:#6597f3;
	background-color:#fff;
}
#main div.testimonial h2 a:hover {
	color:#fff;
	background-color:#6597f3;
	text-decoration:none;
}
#main div.testimonial p.quoted {
	margin-bottom:20px;
}
#main div.testimonial hr {
	margin-bottom: 20px;
}

/*	fix for equipment list
***************************************************/
div.col3list {
	position:relative;
	margin-top:10px;
}
div.col3list ul {
	position:relative;
	margin-left:35px;
	float:left;
	width:160px;
}
div.col3list ul li {
	margin-bottom:10px;
}