/*------------------------------------------------------------------
[Master Stylesheet]

Project:		AJ Demor
Version:		1.0
Last change:	5/25/09 5:11pm                
Assigned to:	Stu Young
-------------------------------------------------------------------*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;	
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}


body {
	line-height: 1;
	color: black;
	background: white;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

ol, ul {list-style: none;}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, 
blockquote:after,
q:before, 
q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}


/*------------------------------------------------------------------
[Body ]
*/


body {background-image:url(../images/bg.gif); background-repeat:repeat;}


/*------------------------------------------------------------------
[Container]
*/

#container {width:634px;margin:6px auto 0 auto;padding:0; text-align:center;height:auto;background-color:#fff;}


/*------------------------------------------------------------------
[Links]
*/
a {color: #333366;  text-decoration : underline; }
a:hover { text-decoration: underline; background-color: #bce0db; color: #333; }




/*------------------------------------------------------------------
[Header ]
*/

#header {margin:0;padding:0;border:0;height:108px;}



/*------------------------------------------------------------------
[Navigation ]
*/

#navigation {margin:0;padding:0; font-size:.8em;}
	#navigation ul 	{
	padding-left: 0;
	margin-left: 0;
	background-color: #266078;
	color: White;
	float: left;
	width: 100%;
	font-family: verdana, arial, helvetica, sans-serif;
	margin: 0 auto;
	text-align:center;
	}
	
		#navigation ul li {display: inline;}
		#navigation ul li.selected {display: inline;background-color: #036;}
		
		#navigation ul li a:link, 
		#navigation ul li a:visited { 
		margin: 0;
		padding: 6px;
		color: #fff;
		text-decoration: none;
		float: left;
		border-right: 1px solid #fff;
		background-color: #266078;}
		
		#navigation ul li a:hover {text-decoration:underline;background-color: #266078;}
		
		#navigation ul li a:active { 
		margin: 0;
		padding: 6px;
		color: #fff;
		text-decoration: none;
		float: left;
		border-right: 1px solid #fff;}
		
		#navigation ul li a.selected {color: #fff;text-decoration:none;background-color: #c97754;}
		
	

/*------------------------------------------------------------------
[Content ]
*/
	

#content {width:632px;margin:0 auto;padding:0; text-align:center;float:left;background-color:#fff;border:1px solid #266078;}

	/* IE6 Only */
	* html #content {width:632px;}
	
	/* IE7 Only */
	*:first-child+html #content {width:632px;}
	
	

	#content #col1 {width:300px;margin:60px 0 60px 36px;padding:0;float:left;}
	
		/* IE6 Only */
		* html #content #col1 {width:300px;margin:60px 0 60px 18px;padding:0;float:left;}
	
		/* IE7 Only */
		*:first-child+html #content #col1 {width:300px;margin:60px 0 60px 36px;padding:0;float:left;}
	
	
	#content #col2 {width:202px;margin:60px 0 60px 60px;padding:0;float:left;}
	
		/* IE6 Only */
		* html #content #col2 {width:202px;margin:60px 0 60px 60px;padding:0;float:left;}
	
		/* IE7 Only */
		*:first-child+html #content #col2 {width:202px;margin:60px 0 60px 60px;padding:0;float:left;}
		
	
	
	#content #Subcol1 {width:360px;margin:60px 0 60px 36px;padding:0;float:left;clear:none;}
		
		/* IE6 Only */
		* html #content #Subcol1 {width:360px;margin:60px 0 60px 18px;padding:0;float:left;clear:none;}
	
		/* IE7 Only */
		*:first-child+html #content #Subcol1 {width:360px;margin:60px 0 60px 36px;padding:0;float:left;clear:none;}
	
	
		#content #Subcol1 p{font-size:0.8em;line-height:1.5em;text-align:left;}
		#content #Subcol1 input {font-size:1.1em;margin:0;padding:6px;width:180px;}
		#content #Subcol1 textarea {font-size:1.1em;margin:0;padding:6px;width:180px;}
		#content #Subcol1 ul {margin:18px 0 18px 0;font-size:.9em;}
			#content #Subcol1 ul li {font-size:.8em;line-height:1.5em;list-style-type:square;margin:6px 0 6px 18px;text-align:left;}
		
	
	#content #Subcol2 {width:170px;margin:60px 0 60px 36px;padding:0;float:left;}
		#content #Subcol2 .box {width:170px;border:1px solid #4e8ca6;margin:12px 0 0 0;}
		#content #Subcol2 .box h2{background-color: #4e8ca6;border:1px solid #4e8ca6;font-size:.9em;color:#fff;text-align:left;margin: 6px;padding:3px;}
		#content #Subcol2 .box p {font-size:.75em;margin:12px 6px;padding:0;text-align:left;}
			
		#content #Subcol2 .box ul {font-size:0.75em;line-height:1.4em;margin:18px 0 18px 6px;}
			#content #Subcol2 .box ul li {font-size:0.9em;list-style-type:square;margin:0 0 0 18px;padding:4px 0;text-align:left;}	
	
	#content #SubcolWide {width:558px;margin:60px 0 60px 36px;padding:0;float:left;clear:none;}
	
			/* IE6 Only */
			* html #content #SubcolWide {width:558px;margin:60px 0 60px 18px;padding:0;float:left;clear:none;}
			
			/* IE7 Only */
			*:first-child+html #content #SubcolWide {width:558px;margin:60px 0 60px 36px;padding:0;float:left;clear:none;}
	
	
		#content #SubcolWide p{text-align:left; font-size:.8em;font-family:Verdana, Arial, Helvetica, sans-serif;line-height:1.5em;color:#333;}
		#content #SubcolWide input {font-size:1.1em;margin:0;padding:6px;width:180px;}
		#content #SubcolWide textarea {font-size:1.1em;margin:0;padding:6px;width:180px;}
		#content #SubcolWide ul {margin:18px 0 18px 0;font-size:.9em;}			
			
			/* IE6 Only */
			* html #content #SubcolWide ul {margin:18px 0 1px 0;padding:0;}
			
			/* IE7 Only */
			*:first-child+html #content #SubcolWide ul {margin:18px 0 1px 0;}
			
			
			#content #SubcolWide ul.TabbedPanelsTabGroup {margin:18px 0 0px 0;font-size:.9em;float:left;}
					
				/* IE6 Only */
				* html #content #SubcolWide ul.TabbedPanelsTabGroup {margin:18px 0 1px 0;padding:0;}
			
				/* IE7 Only */
				*:first-child+html #content #SubcolWide ul.TabbedPanelsTabGroup {margin:18px 0 1px 0;}
			
			
			
			
			#content #SubcolWide ul li {font-size:.85em;line-height:1.3em;list-style-type:square;margin:6px 0 6px 18px;text-align:left;}
			#content #SubcolWide ul.TabbedPanelsTabGroup li {list-style-type:none;margin:0;}
		
		
	
	#content h1 {
	background-color:#FFFFFF;	
	font-weight:bold;
	text-align:left;
	margin:0 0 6px 0;	
	color:#4E8CA6;
	font-family:verdana,sans-serif;
	font-size:1.3em;
	font-weight:bold;
}
	
	#content p.homeIntro {
	text-align:left; 
	color:#333333;
	font-family:"Trebuchet MS",Georgia,Arial;
	font-size:1em;
	line-height:1.5em;
	margin:0;
	padding:0;
	width:300px;
	}
	
		
		/* IE6 Only */
		* html #content p.homeIntro {
		margin:0;
		padding:0;
		width:300px;}
		
		/* IE7 Only */
		*:first-child+html #content p.homeIntro {
		margin:0;
		padding:0;
		width:300px;
		}
			
		
	
	.float-left {float:left;}
	.float-right {float:right;}
	
	
	
.head1, h2 {color: #c97754; font-weight: bold; font-size: 14px; font-family: Trebuchet MS,Arial, Verdana;margin: 20px 0 12px 6px;text-align:left; }
.head2, h3 {color: #4E8CA6; font-weight: bold; font-size: 11px; font-family: verdana, sans-serif;  }
.head3, h4 {color: #666; font-weight: bold; font-size: 10.5px; font-family: verdana, sans-serif;}
.date { color: #333;  font-size: 10px; font-family: verdana, sans-serif; background-color : #FFF;  }
.city { color: #333;  font-size: 10px; font-family: verdana, sans-serif ; background-color : #FFF; }
	
.bodytext  {
color:#333;
font-size:0.8em;
line-height:1.3em;
text-align:left;
}


.bodysmall  {
color:#4E8CA6;
font-size:0.7em;
line-height:1.3em;
text-align:left;
margin:3px 0 0 0;
}

table.form {font-size:.75em;vertical-align:top;}
table.projets {width:530px;vertical-align:top;}
table.projets td {vertical-align:top;}


.boxsmall  {
color:#333;
font-family:Verdana;
font-size:0.72em;
line-height:1.3em;}



/* table quotes */
table.quotes {
	margin:0 0 2em 0 ;
	padding:0;
	border:0;
	border-bottom:1px solid #ccc; 
	clear:left;
	background:#fff;		
	width:100%;
	text-align: left;
	border-collapse: collapse;}


table.quotes caption {
	text-align:left;
	font-size: 1em;
	min-height:1.4em;
	vertical-align:middle;
	font-weight: bold;
	background-color: #56c9de;
	color:#fff;	
	border-bottom: 1px solid #6099a0;
	padding: 8px;
	}	
		
table.quotes caption.hidden {display:none;}


table.quotes th {
	font-weight: normal;
	padding: 6px;
	background: #cfdee1;
	font-size:1em;
	border-bottom: 2px solid #fff;
	color: #252525;
	border-right:1px solid #fff;
	text-align:left;	
	}


table.quotes h3 {
	background-color: #eaf8d9;
	text-align: left;	
	font-size:.85em;
	border:0;	
	padding: 6px;
	margin:0;
	}

table.quotes tr {	
	padding: 8px;
	background: #f6f8f8; 
	color: #252525;
	border-bottom: 1px solid #ccc;
	vertical-align:top;	
	font-size:.85em;
	line-height:1.6em;margin:12px;
	height:30px;
	}
	
	table.quotes td {	
	padding: 8px;
	line-height:1.6em;
	margin:12px;
	border-right:1px solid #ccc;
	border-bottom: 1px solid #ccc;	
	vertical-align:top;
	}
	
		table.quotes td.who {color:#252525;font-family:verdana;font-size:0.85em;line-height:1.3em;vertical-align:top;}	
	
		table.quotes td.title {font-style:italic;font-size:.9em;vertical-align:top;}		
		table.quotes td.company {
		color:#252525;
		font-family:verdana;
		font-size:0.8em;
		font-weight:bold;
		line-height:1.2em;
		vertical-align:top;
		}

		table.quotes td.quote {	line-height:1.8em;font-size:1.1em;vertical-align:top;}	
		table.quotes tr:hover {	background: #ffffe1;}


	
/* box 3 col short*/
#content #SubcolWide .box-3col-short {
	float:left;
	width:166px;
	border:1px solid #ccc;;
	color: #333;	
	font-size:.9em;	
	margin: .5em 12px 1em 0;
	padding: 2px 4px 0 2px;
	min-height:195px;
	height:auto;
	line-height:2em;	
	}

/* for Internet Explorer */
	/*\*/
* html #content #SubcolWide .box-3col-short {
	height: 195px;
	}
	/**/
	
	
#content #SubcolWide .box-3col table, 
#content #SubcolWide .box-3col-medium table, 
#content #SubcolWide .box-3col-short table {
  	font-size:1.2em;
	margin:.5em 0 .2em 0;
	padding:0;
	width:98%;
	}		

		 
#content #SubcolWide .box-3col h2, 
#content #SubcolWide .box-3col-medium h2, 
#content #SubcolWide .box-3col-short h2 {
	background-color:#FFFFFF;
	border-bottom:4px double #FFFFFF;
	color:#4E8CA6;
	font-family:verdana;
	font-size:0.8em;
	font-weight:bold;
	line-height:1.4em;
	margin:0 0 4px;
	padding:4px;
	text-align:left;
	}
	
	
 
#content #SubcolWide .box-3col h2 span.link, 
#content #SubcolWide .box-3col-medium h2 span.link, 
#content #SubcolWide .box-3col-short h2 span.link{
   	font-size:.95em;
	color:#fff;	
	text-transform:none;
	text-align:right;
	padding:0 0 0 .3em;
	margin:0 ;	
	}		 
	 
 
#content #SubcolWide .box-3col h3, 
#content #SubcolWide .box-3col-medium h3, 
#content #SubcolWide .box-3col-short h3 {
   color: #6b8bac;
  	font-size:1em;
 	font-weight:bold;
  	border-bottom:1px solid #ccc ;
  	text-align:left;
	padding:.3em 0 0 .3em;
	margin:0 ;
	width:auto;
  	 }		  

#content #SubcolWide .box-3col caption, 
#content #SubcolWide .box-3col-medium caption, 
#content #SubcolWide .box-3col-short caption  {
 	color: #6b8bac;
	font-size:1.2em;
  	font-weight:bold; 
  	text-align:left;
  	margin:0 0 .33em 0;
	padding:0 0 .33em 0;
	}		
	
#content #SubcolWide .box-3col caption.hidden, 
#content #SubcolWide .box-3col-medium caption.hidden, 
#content #SubcolWide .box-3col-short caption.hidden  {
 	display: none;
	}	
	 	 	 
#content #SubcolWide .box-3col th,
#content #SubcolWide .box-3col-medium th,
#content #SubcolWide .box-3col-short th  {
	font-weight:normal; 
	color: #fff;
	text-align: left;	
	vertical-align:top;
	font-size:.9em;
	border:0;	
	border-right: 1px solid #fff;
	border-bottom: 1px  solid #fff;
	padding: .2em .2em .3em .2em;
	margin:0;
	width:auto;		
	background-color:transparent;
	}	
	 	 	 
#content #SubcolWide .box-3col table.summary th, 
#content #SubcolWide .box-3col-medium table.summary th,
#content #SubcolWide .box-3col-short table.summary th {
 	font-weight:normal; 
	color: #fff;
	background-color: #8db7df;
	text-align: left;	
	vertical-align:top;
	font-size:.9em;
	border:0;	
	border-right: 1px solid #fff;
	border-bottom: 1px  solid #fff;
	padding: .2em .2em .3em .2em;
	margin:0;
	width:auto;	
 	}	

#content #SubcolWide .box-3col table.summary th.subcategory {
	text-align: left;
	color: #252525;
	font-size:.85em;
	font-style: italic;
	font-weight:normal;
	border-right: 1px solid #fff;
	border-bottom: 1px  solid #fff;
	padding:.2em 0 .3em .2em;
	margin:0;
	background-color: #e0ecfa;
	}

#content #SubcolWide .box-3col td {
	font-weight:normal; 	
	text-align: left;
	color: #252525;
	vertical-align:top;
	font-size:.85em;
	border:0;	
	padding: .2em .2em .3em .2em;
	margin:0;
	width:auto; 	
	line-height:.95em;	
	background-color: transparent;	
	vertical-align:top;
	}	

#content #SubcolWide .box-3col table.summary td  {
	font-weight:normal; 
	background-color: #e7e7e7;
	text-align: left;
	color: #252525;
	vertical-align:top;
	font-size:.9em;
	border:0;	
	border-right: 1px solid #fff;
	border-bottom: 1px  solid #fff;
	width:auto;
	padding: .2em .2em .3em .2em;
	margin:0;
	width:auto; 	
	}	

#content #SubcolWide .box-3col td.fixedwitdh  {
	width: 13em;
	line-height:1em;
	list-style-position: inside;
	margin:0;
	padding:0;
	vertical-align:top;
	}	

	
#content #SubcolWide .box-3col-medium p, 
#content #SubcolWide .box-3col-short p   {
	font-size: .75em;
	line-height:1.3em;
	padding:0 .3em ;
	margin:.3em 0 ;
	}		

			

/* text area within  boxes  - say 03/02/2007 */
#content #SubcolWide  .box-3col textarea {	
	border: 1px solid #5899d9;
	padding: .3em 0;
	width:20em;
	margin:.5em;
	font-size:1.2em;
	}	
			

/*  add on 2/28/07 by say  */	
#content #SubcolWide .box-3col ul.form-guidelines-lists  {	
	list-style:square;
	margin:0 .3em .3em .6em;
	*margin:0 .3em .3em 0;
	_margin:0 .3em .3em 0;		
	}

#content #SubcolWide .box-3col ul.form-guidelines-lists li, 
#content #SubcolWide .box-3col-short ul.form-guidelines-lists li {	
	list-style:square;	
	padding-left:1em;
	margin:0; 
	}

/* one of the below labels( A or B) must go  say 02/16/2007 */
/* A. */
#content #SubcolWide .box-3col .form-label {font-size: 1em;	font-weight:bold;}
	
/* B. */
#content #SubcolWide .box-3col label {
	font-size: 1em;
	font-weight:bold;
   	text-align:left;
   	Margin:0;
   	padding:0;
	vertical-align:top;
	list-style-position: inside;
	}	
	

/* one of the below values (A or B) must go say 02/16/2007 */
/* A. */
#content #SubcolWide .box-3col .form-value {
	font-size: 1em;
	font-weight:normal;
	}
	
/* B.  */
#content #SubcolWide .box-3col value {
	/*font-size: 1em;*/
	/*font-weight:normal;*/
	text-align:left;
  	padding-left:2em;
	vertical-align:top;
	}		
		
		

/*------------------------------------------------------------------
[10. Case Studies]
*/
	  
	#content .casestudy {		
		clear:both;	
		color: #333;	
		line-height:2em;	
		border:1px solid #e1e1c1;
		background-color:#faf9f9;
		float:left;
		margin:6px 6px 12px 6px;
		padding:0.5em 0.2em 1em;
		width:526px;		
		}
	 
	#content .casestudy h1 {
	background-color:transparent;
	color:#4E8CA6;
	font-family:verdana,sans-serif;
	font-size:0.9em;
	font-weight:bold;
	line-height:1em;
	margin:0 0 6px;
	padding:3px 0 3px 12px;
	text-align:left;
		 } 
	 
	.casestudy h2 {border-bottom:1px solid;color:#D6733B;font-size:1.3em;margin:12px 6px 0pt 200px;padding:0;}
	.casestudy .floatboxleft_notextwrap { float:right;margin:12px 12px 0 0;width:100px;}
	.casestudy .floatboxleft_notextwrap img {display:block; margin: 12px 0 12px 3px; height:100px; width:100px;padding:0 0 0 0;float: left;clear:both;border:1px solid #4e8ca6;} 
	
	
	 * html #content #SubcolWide .casestudy  p { /* IE 3px jog hack*/ height: 1%;}
	#content #SubcolWide .casestudy p {
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1.5em;
	float:left;
	font-size:0.75em;
	margin:6px 0 6px 12px;
	padding:0 6px 0 0;
	width:380px;
	}	
	
	
			/* IE6 Only */ 
			* html #content #SubcolWide .casestudy p {width:370px;margin-left:6px;}
			
			/* IE7 Only */
			*:first-child+html #content #SubcolWide .casestudy p {width:370px;}
	
	
		
	/* float an image to left and not have the text wrap on the right- similar to 2 col with image in left col and text in right col*/
	.imgLeftTxtRight_NoWrap {padding:0;FLOAT: left;MARGIN: 0px;border-bottom:1px solid #999; width:500px}
	 .imgLeftTxtRight_NoWrap h1 {font-size:18px;font-weight:normal;margin:0px 0px 3px;padding:0px;} 
	 .imgLeftTxtRight_NoWrap .floatboxleft_notextwrap { float: left;width: 140px;}
	 .imgLeftTxtRight_NoWrap .floatboxleft_notextwrap img { border:1px solid #CFD3D4;display:block; margin: 12px 0;}
	 * html .imgLeftTxtRight_NoWrap p { /* IE 3px jog hack*/ height: 1%;}
	 .imgLeftTxtRight_NoWrap p {margin: 18px 0 18px 146px;}
	 
	
	/* float an image to right and not have the text wrap - similar to 2 col with text in left col and image in right col*/
	.imgRightTxtLeft_NoWrap {padding:0;FLOAT: left;MARGIN: 0px;border-bottom:1px solid #999;}
	 .imgRightTxtLeft_NoWrap h1 {font-size:18px;font-weight:normal;margin:0px 0px 3px;padding:0px;}
	 .imgRightTxtLeft_NoWrap .floatboxright_notextwrap {float: right; width:120px;}
	 .imgRightTxtLeft_NoWrap .floatboxright_notextwrap img {  border:1px solid #CFD3D4;display:block; margin-bottom:9px;}
	 .imgRightTxtLeft_NoWrap p {margin-top: 0;width:300px;}			

/*------------------------------------------------------------------
[footer ]
*/
	
#footer {
border-top:1px solid #CCCCCC;
clear:both;
color:#252525;
float:left;
font-size:0.7em;
line-height:1.1em;
width:632px;
margin:3px 0 12px 0;

}


	/* IE6 Only */
	* html #footer {
	clear:both;
	float:left;
	font-size:0.7em;
	line-height:1.1em;
	padding:3px 0 12px 0;
	}
	
	/* IE7 Only */
	*:first-child+html #footer {
	clear:both;
	float:left;
	font-size:0.7em;
	line-height:1.1em;
	}
		
	

	#footer .col1,  
	#footer .col2 {	
	width:275px;
	float:left; 
	text-align:left;
	margin:12px 0 12px 36px;
	padding:0;
	color:#333;
	font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
	line-height:1.2em;
	}
	
	
		/* IE6 Only */
		* html #footer .col1, 
		* html #footer .col2 {
		width:250px;
		float:left; 
		text-align:left;
		margin:12px 0 12px 36px;
		padding:0;
		line-height:1.2em;
		
		}
		
		/* IE7 Only */
		*:first-child+html #footer .col1,
		*:first-child+html #footer .col2
		 {
		width:275px;
		float:left; 
		text-align:left;
		margin:12px 0 12px 36px;
		padding:0 0 12px 0;
		line-height:1.2em;
		}