/*

green = 7bc143 (to be used for text headers & nav non hover)
blue = 81c1d6 (body background color)
text blue = 0083a8 (more info, nav hover)
main text grey = 797a7b
orange = ff7f00 (news border)
light green = c8e2ad (background for main content area)

list-style-image: url("images/smiley.gif");
7ac142

http://64.202.189.105/staging

*/

#MainSpan
{ width: 100%; text-align: center ; margin-right: auto; margin-left: auto; }

BODY
{
  text-align: center;
  background-image: url(../img/bkground.gif);
  background-position:  0px 0px;
  background-repeat: repeat-x;    
  color: #797a7b; 
  font-family: "Futura Book", "Century Gothic", arial, helvetica, sans-serif;
  font-size: 9pt;
  margin: auto;
  background-color: #81c1d6;
}

* html BODY
{
  text-align: center;
  background-image: url(../img/bkground.gif);
  background-position:  0px 0px;
  background-repeat: repeat-x;    
  color: #797a7b; 
  font-family: "Futura Book", "Century Gothic", arial, helvetica, sans-serif;
  font-size: 8pt;
  margin: auto;
  background-color: #81c1d6;
}

img
{
  display: block;
  border: none;
}
H1 
{ 
color: #797a7b; 
font-size: 1.55em; 
} 

H2 
{ 
color: #797a7b; 
font-size: 1.05em; 
}

/* UL, LI
{  
  list-style-type: square;
} */

#TipSubmit
{
  border: none;
  background-image: url(../img/buttons/submit.gif);
  width: 79px;
  height: 26px;
  background-color: White;  
}
 

#Navigation { right: 0px; top: 100px; left: 0; width: 185px; z-index: 1; text-align: left; margin: 0; padding: 0;}

#Navigation .Content { margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 1.25em; }

#Navigation .Content ul { margin-bottom: 0px; margin-top: 0px; padding: 0px; margin-left: 1.75em; margin-right: 0;}

#Navigation .Content li { margin-left: 0.15em; margin-top: 0.5em; margin-bottom: 0.5em; list-style-type: square;}



/* OLD VERSION 

#Navigation 
{ top: 100px; left: 0; width: 185px; z-index: 1; text-align: left; }


#Navigation .Content
{ margin-bottom: 1.25em; }

#Navigation .Content li { margin-top: 0.15em; margin-bottom: 0.15em; }
*/

#News 
{

  left: 709px;
  width: 185px;
  z-index: 1;
}

#News .Content
{
  font-size: 9pt;
  text-align: left ;
  padding: 7px;
}

#News .Content ul 
{
	padding: 0px;
	margin-left: .5em;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 0px;

}

#News .Content ul li
{ list-style-type: none; padding: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0.33em; margin-bottom: 0.33em;

}


#Testimonial 
{

  left: 709px;  
  width: 185px;
  z-index: 1;
}

#Testimonial .Content
{
  
  font-size: 9pt;
  text-align: left ;
  padding: 7px;
}


#MembersOf
{
  width: 185px;

  left: 0px;
  z-index: 1;
}

#MembersOf .Content
{  
  text-align: center;
}

#MembersOf .ImageAd
{
  margin: 10px;
}


#Tips
{
  width: 185px;
  left: 0px;
  z-index: 1;
  text-align: left;
}


#Tips .Content
{
  font-size: 8pt;
  padding: 7px;
}


#Main, #BeforeAndAfter
{
  width: 514px;
  left: 190px;
  z-index: 1;
  vertical-align: top;
  
}


#Main .Content, #BeforeAndAfter .Content
{
  padding: 5px;
  vertical-align: top;  
}


#Background
{
  z-index: 0;

  background-color: #c8e2ad;
  border-left: solid 1px #0086A4;
  border-right: solid 1px #0086A4;
    
  left: 0px;
  text-align: center;
  vertical-align: middle ;
  -moz-box-sizing: border-box;

}

#BackgroundTop
{
  z-index: 0;

  left: 0px;
  text-align: center;
  vertical-align: middle ;
  -moz-box-sizing: border-box;
  width: 918px;  

}

#BackgroundTopCenter
{
  border-top: solid 1px #0086A4;
  background-color: #c8e2ad;
  font-size: 8px;  
}

#BottomShadow
{
  width: 918px;  
}

#Copyright 
{  
  width: 918px;  
}

#Copyright td , #Copyright tr td
{ 
  font-size: 8pt;
  color: #ffffff; 
  text-align: center;
}

#CopyrightCenter
{

  font-size: 8pt;
  color: #ffffff;
  z-index: 4;
  background-color: #7ac142; 
  border-bottom: solid 1px #0086A4;

}



#Search
{
  font-size: 8pt;  
  width: 100%;

  left: 300px;
  display: none;
}


#Banner , #Banner TD
{
  width: 918px;  

  background-repeat: no-repeat;
  background-color: #FFFFFF;
  text-align: left;
}

#FooterReflection
{

  background-image: url(../img/ASABanner.jpg);
  background-repeat: no-repeat;
  left:  0px;
  width: 100%;
  background-color: #FFFFFF;   
  z-index: 3;
}
 
 
 
/*
-----------------------------------------------------------------------------

Panel Definitions

-----------------------------------------------------------------------------
*/


.Panel .PanelImage, #BackgroundTop img
{
  display: block;
  border: none;
}

.Panel
{
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 5px;
  margin-bottom: 10px;
}

.Panel .Content
{ border-right: 1px solid #0086a4; border-left: 1px solid #0086a4; border-bottom: 1px solid #0086a4; background: #ffffff; text-align: left; }


/*
-----------------------------------------------------------------------------

Panel Definitions

-----------------------------------------------------------------------------
*/

.NewsPanel .PanelImage, #BackgroundTop img
{
  display: block;
  border: none;
}

.NewsPanel
{
  /*margin: 10px;*/
  /*margin-bottom: 10px;*/
}

.NewsPanel .Content
{  
  border-right: solid 1px #ff7f00;
  border-left: solid 1px #ff7f00;
  border-bottom: solid 1px #ff7f00;
  background: #FFFFFF;
}


/* 
-----------------------------------------------------------------------------

Navigation Panel

-----------------------------------------------------------------------------
*/

#Navigation a:hover
{ 
	font-size: 1.5em; 
	font-weight: 700; 
	background-color: #edf5e4; 
	color: #0083a8;
	text-decoration: none; 
}

* html #Navigation a:hover 
{ 
	color: #0083a8; 
	font-size: 1.05em; 
	font-style: normal; 
	font-weight: 700; 
	text-decoration: none; 
}

#Navigation a:link 
{ 
	font-size: 1.5em; 
	font-weight: 700; 
	color: #7bc143; 
	font-style: normal; 
	text-decoration: underline; 
}

* html #Navigation a:link 
{ 
	color: #7bc143; 
	font-size: 1.05em; 
	font-style: normal; 
	font-weight: 700; 
	text-decoration: underline; 
}

#Navigation a:visited
{
  font-size: 1.5em;
  font-weight: 700;
  color: #7bc143;
  font-style: normal;
  text-decoration: underline;
}

* html #Navigation a:visited 
{ 
	color: #7bc143; 
	font-size: 1.05em; 
	font-style: normal; 
	font-weight: 700; 
	text-decoration: underline; 
}

.style1 {font-size: 14px; color: #333333;}

.style2 {}

.style3 {
	font-family: "Futura Book", "Century Gothic", arial, helvetica, sans-serif;
	font-size: 14px;}

.style4 {color: #FFFFFF}

.style5 {color: #003399}

#biocentered {margin-right: 5px; margin-left: 5px; text-align: center;}
#bio { border-bottom-color: #ffd136; text-align: center; display: block; padding-left: 10px; padding-bottom: 5px; padding-right: 10px; padding-top: 0px; min-height: 206px; font-size: 12px; border-top-color: #ffd136; border-bottom-style: solid; border-bottom-width: 1px; border-top-style: solid; border-top-width: 1px; margin-bottom: 5px; margin-top: 5px; width: 480px}


#bioEmp { border-bottom-color: #ffd136; text-align: center; display: block; padding-left: 10px; padding-bottom: 5px; padding-right: 10px; padding-top: 0px; min-height: 206px; font-size: 12px; border-top-color: #ffd136; border-bottom-style: solid; border-bottom-width: 1px; border-top-style: solid; border-top-width: 1px; margin-bottom: 5px; margin-top: 5px; width: 480px}




#bioNoPhoto { border-bottom-color: #ffd136; text-align: center; display: block; padding-left: 10px; padding-bottom: 5px; padding-right: 10px; padding-top: 0px; min-height: 50px; font-size: 12px; border-top-color: #ffd136; border-bottom-style: solid; border-bottom-width: 1px; border-top-style: solid; border-top-width: 1px; margin-bottom: 5px; margin-top: 5px; width: 480px}
#bio img {left: 5px; position: relative; top: -2px; border-color: black; border-width: 2px; border-style: solid; float: right;}
* html #bio img {left: 5px; position: relative; top: -12px; border-color: black; border-width: 2px; border-style: solid; float: right;}


#bioEmp img {right: 5px; position: relative; top: -2px; border-color: black; border-width: 2px; border-style: solid; float: left;}
* html #bioEmp img {right: 5px; position: relative; top: -2px; border-color: black; border-width: 2px; border-style: solid; float: left;}






.leadin { font-size: 14px; }
.mainblocks { background-color: #ebf8e8; border-right-color: #b9cad0; border-left-color: #b9cad0; border-right-style: solid; border-left-style: solid; border-right-width: 2px; border-left-width: 2px; font-size: 14px; height: 98px; padding-bottom: 4px; padding-top: 4px; margin-bottom: 6px; clear: both; border-bottom-color: #b9cad0; border-top-color: #b9cad0; border-bottom-style: solid; border-top-style: solid; border-bottom-width: 2px; border-top-width: 2px; display: block; }
.mainblocks img {
 	margin-left: 4px;
 	margin-right: 4px;
 	float: left;
 }
.clearfloat {
 	padding: 0px;
 	margin: 0px;
 	clear: both;
 }
.smalldate {
 	font-size: 9px;
 }
.busyfamily {
 	margin: 0px;
 	background-repeat: no-repeat;
 	text-align: right;
 	background-image: url(../images/mainblocks/Busy-Family.jpg);
 	height: 93px;
 	width: 115px;
 	font-size: 12px;
 	padding-right: 5px;
 	padding-bottom: 5px;
 	padding-top: 2px;
 	padding-left: 130px;
 }

* html .busyfamily {
 	margin: 0px;
 	background-repeat: no-repeat;
 	text-align: right;
 	background-image: url(../images/mainblocks/Busy-Family.jpg);
 	height: 100px;
 	width: 115px;
 	font-size: 12px;
 	padding-right: 5px;
 	padding-bottom: 5px;
 	padding-top: 2px;
 	padding-left: 129px;
 }

.busyfamily h2 a{ 
  padding-left: 0px; 
  padding-bottom: 0px; 
  padding-right: 5px; 
  padding-top: 0px; 
  text-decoration: none;
  margin: 0px;
  font-size: 17px;
  text-align: right;
  font-family: "Arial Black", "Futura Book", "Century Gothic", arial, helvetica, sans-serif;
  white-space: nowrap;
}
.busyfamily p { margin: 0px; padding-right: 5px; padding-left: 15px; text-align: right; }
* html .busyfamily p { width: 110px; padding: 0px; margin: 0px; text-align: right; }

.relocation {
 	margin: 0px;
 	background-repeat: no-repeat;
 	text-align: right;
 	background-image: url(../images/mainblocks/Relocation.jpg);
 	height: 93px;
 	width: 115px;
 	font-size: 12px;
 	padding-right: 5px;
 	padding-bottom: 5px;
 	padding-top: 2px;
 	padding-left: 130px;
 }
* html .relocation {
 	margin: 0px;
 	background-repeat: no-repeat;
 	text-align: right;
 	background-image: url(../images/mainblocks/Relocation.jpg);
 	height: 100px;
 	width: 115px;
 	font-size: 12px;
 	padding-right: 5px;
 	padding-bottom: 5px;
 	padding-top: 2px;
 	padding-left: 135px;
 }
.relocation h2 a{ 
  padding-left: 0px; 
  padding-bottom: 0px; 
  padding-right: 5px; 
  padding-top: 0px; 
  text-decoration: none;
  margin: 0px;
  font-size: 17px;
  text-align: right;
  font-family: "Arial Black", "Futura Book", "Century Gothic", arial, helvetica, sans-serif;
  white-space: nowrap;
}
 
.relocation p { margin: 0px; padding-right: 5px; padding-left: 15px; text-align: right; }
* html .relocation p { width: 110px; padding: 0px; margin: 0px; text-align: right; }

 
.downsizing {
 	margin: 0px;
 	background-repeat: no-repeat;
 	text-align: right;
 	background-image: url(../images/mainblocks/Downsizing.jpg);
 	height: 93px;
 	width: 115px;
 	font-size: 12px;
 	padding-right: 5px;
 	padding-bottom: 5px;
 	padding-top: 2px;
 	padding-left: 130px;
 }
* html .downsizing {
 	margin: 0px;
 	background-repeat: no-repeat;
 	text-align: right;
 	background-image: url(../images/mainblocks/Downsizing.jpg);
 	height: 100px;
 	width: 115px;
 	font-size: 12px;
 	padding-right: 5px;
 	padding-bottom: 5px;
 	padding-top: 2px;
 	padding-left: 135px;
 }
.downsizing h2 a{ 
  padding-left: 0px; 
  padding-bottom: 0px; 
  padding-right: 5px; 
  padding-top: 0px; 
  text-decoration: none;
  margin: 0px;
  font-size: 17px;
  text-align: right;
  font-family: "Arial Black", "Futura Book", "Century Gothic", arial, helvetica, sans-serif;
  white-space: nowrap;
}

.downsizing p { margin: 0px; padding-right: 5px; padding-left: 15px; text-align: right; }
* html .downsizing p { width: 110px; padding: 0px; margin: 0px; text-align: right; }


.staging {
 	margin: 0px;
 	background-repeat: no-repeat;
 	text-align: right;
 	background-image: url(../images/mainblocks/Staging.jpg);
 	height: 93px;
 	width: 115px;
 	font-size: 12px;
 	padding-right: 5px;
 	padding-bottom: 5px;
 	padding-top: 2px;
 	padding-left: 130px;
 }
* html .staging {
 	margin: 0px;
 	background-repeat: no-repeat;
 	text-align: right;
 	background-image: url(../images/mainblocks/Staging.jpg);
 	height: 100px;
 	width: 115px;
 	font-size: 12px;
 	padding-right: 5px;
 	padding-bottom: 5px;
 	padding-top: 2px;
 	padding-left: 135px;
 }
.staging h2 a{ 
  padding-left: 0px; 
  padding-bottom: 0px; 
  padding-right: 5px; 
  padding-top: 0px; 
  text-decoration: none;
  margin: 0px;
  font-size: 17px;
  text-align: right;
  font-family: "Arial Black", "Futura Book", "Century Gothic", arial, helvetica, sans-serif;
  white-space: nowrap;
}
.staging p { margin: 0px; padding-right: 5px; padding-left: 15px; text-align: right; }
* html .staging p { width: 110px; padding: 0px; margin: 0px; text-align: right; }

.workspace {
 	margin: 0px;
 	background-repeat: no-repeat;
 	text-align: right;
 	background-image: url(../images/mainblocks/Workplace.jpg);
 	height: 93px;
 	width: 115px;
 	font-size: 12px;
 	padding-right: 5px;
 	padding-bottom: 5px;
 	padding-top: 2px;
 	padding-left: 130px;
 }
* html .workspace {
 	margin: 0px;
 	background-repeat: no-repeat;
 	text-align: right;
 	background-image: url(../images/mainblocks/Workplace.jpg);
 	height: 100px;
 	width: 115px;
 	font-size: 12px;
 	padding-right: 5px;
 	padding-bottom: 5px;
 	padding-top: 2px;
 	padding-left: 135px;
 }
.workspace h2 a{ 
  padding-left: 0px; 
  padding-bottom: 0px; 
  padding-right: 5px; 
  padding-top: 0px; 
  text-decoration: none;
  margin: 0px;
  font-size: 17px;
  text-align: right;
  font-family: "Arial Black", "Futura Book", "Century Gothic", arial, helvetica, sans-serif;
  white-space: nowrap;
}
.workspace p { margin: 0px; padding-right: 5px; padding-left: 15px; text-align: right; }
* html .workspace p { width: 110px; padding: 0px; margin: 0px; text-align: right; }


.getstarted { padding-right: 0px; padding-left: 0px; background-repeat: no-repeat; margin: 0px; background-image: url(../images/mainblocks/getstarted.gif); padding-bottom: 25px; padding-top: 15px; height: 60px; width: 250px; }
* html .getstarted { margin-left: 0px; margin-bottom: 0px; margin-right: 0px; margin-top: 0px; padding-right: 0px; padding-left: 0px; background-repeat: no-repeat; background-image: url(../images/mainblocks/getstarted.gif); padding-bottom: 18px; padding-top: 15px; height: 60px; width: 250px; }
.blockshift {
 	font-size: 12px;
 	padding-right: 5px;
 	padding-bottom: 5px;
 	padding-top: 0px;
 	padding-left: 125px;
 }
/*h2 a {
  text-decoration: none;
  padding: 0px;
  margin: 0px;
  font-size: 17px;
  text-align: right;
  font-family: "Arial Black", "Futura Book", "Century Gothic", arial, helvetica, sans-serif;
  white-space: nowrap;
 }*/
#News .NewsPanel .Header .Content a {
 	text-decoration: underline;
 }
div h3 { margin-left: 0px; margin-bottom: 5px; margin-right: 0px; margin-top: 5px; padding: 0px; color: #0083a5; font-size: 14px; font-weight: bold; text-align: left; }
h4 { margin-left: 0px; margin-bottom: 5px; margin-right: 0px; margin-top: 5px; padding: 0px; color: #0083a5; font-size: 14px; font-weight: bold; text-align: center; }



.call { margin-top: 4px; color: #0083a5; font-size: 14px; font-weight: bold; text-align: center; }
.tiny { font-size: 1px; }
.smallloc {
 	font-size: 10px;
 }
div.moretestimonials a { margin-left: 1px; margin-bottom: 1px; margin-right: 3px; margin-top: 1px; padding-left: 70%; background-position: right; padding-right: 0px; text-align: right; font-size: 0.9em; font-style: normal; font-weight: normal; }
* html div.moretestimonials a { margin-left: 1px; margin-bottom: 1px; margin-right: 3px; margin-top: 1px; padding-left: 60%; background-position: right; padding-right: 0px; text-align: right; font-size: 0.9em; font-style: normal; font-weight: normal; }
#BeforeAndAfter .Content img { margin: 5px; display: inline; }
.locwrap { width: 225px; padding: 6px; border-color: #abdfaa; border-style: solid; border-width: 1px; background-color: #ebf8e8; }
.formwrap { text-align: left; margin-right: auto; margin-left: auto; width: 85%; border-color: #69b4ce; border-style: solid; background-color: #e4f1f7; border-width: 1px; padding: 8px; }
.formwrap input {
color: #545454;
display: inline-block;
font-family: 'Lucida Grande';
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
height: 24px;
letter-spacing: normal;

 }
td, th {
 	display: table-cell;
 	vertical-align: top ;
 }

.smalle {
	
	font-size: 11px;
	
}
 
 /* form hacks */