/* /Styles/Site.css */
/* DEFAULTS
----------------------------------------------------------*/
/*  Seems pie.htc is better than ie-css3.htc */

.CCExpMonth {
    background-color :#ff0000;
    width:50%;
  padding: 5px;
  border-radius: 0;
  resize: none
}
.CCExpYear {
    background-color :#ff0000;
    width:50%;
  padding: 5px;
  border-radius: 0;
  resize: none
}

/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #666666;
    font-variant: normal;/* small-caps;*/
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
}

h1
{
    font-size: 1.6em;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

h2
{
    font-size: 1.5em;
    font-weight: 600;
}

h3
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0px;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.page
{
    width: 1050px; /* 960 */
     background-color: #fff;
background: url("/images/bg_header_1050.jpg") no-repeat scroll center top transparent;
			margin: 0 auto 0px auto;
			padding: 0px; /* 15px */
/*			border: 11px solid #c6ac6c; */
			position: relative;
			margin-top: 0px;
}

.RoofEZ-TopMenu1-BackgroundImg {
background: url("/images/bg_header_1050.jpg") repeat scroll center top transparent;
			margin: 0 auto 0px auto;
			padding: 0px; /* 15px */
			border: 1px solid #ffffff; /*Schubert. a gap on topif without this border*/
/*			border: 11px solid #c6ac6c; */
			position: relative;
			margin-top: 0px;
/*            border:none;*/
}
.page_bkp_with_round_corner
{
    width: 980px; /* 960 */
     background-color: #fff; 
/*    margin: 0px auto 0px auto;
    border: 1px solid #496077;
*/
			margin: 0 auto 30px auto;
			padding: 10px; /* 15px */
			border: 11px solid #c6ac6c;
			position: relative;
			margin-top: 35px;
 
			-moz-border-radius: 32px;
			-webkit-border-radius: 32px;
			border-radius: 32px;
 
			-moz-box-shadow: 10px 10px 10px #000;
			-webkit-box-shadow: 10px 10px 10px #000;
			box-shadow: 10px 10px 10px #000;
			z-index: 2;
			behavior: url("\\HTC\\pie.htc"); /* Seems pie.htc is better than ie-css3.htc */
/*888888888888888888888*/
background: #2a6da9;

/* gecko based browsers */
background: -moz-linear-gradient(top, #55aaee, #003366);

/* webkit based browsers */
background: -webkit-gradient(linear, left top, left bottom, from(#55aaee), to(#003366));

color: #000000; /* text colour (black) */
height: auto; /* gradient uses the full height of the element */
padding: 5px; /* distance from border edge to text */
}

.header
{
    position: relative;
    margin: 0 0 0 0;
    padding: 0px;
    background-color : transparent;/* #3b6c9e;  #4b6c9e; */
    width: 100%;
/*8888888888888888888888888888888*/
/*			background: transparent url("\\Test\\css3_4_ie678\\ashera.jpg2"); no-repeat top left; */
/*			margin: 0 auto 35px auto;
			padding: 15px;
			border: 11px solid #c6ac6c;
			position: relative;
			margin-top: 35px;
 
			-moz-border-radius: 32px;
			-webkit-border-radius: 32px;
			border-radius: 32px;
 
			-moz-box-shadow: 10px 10px 10px #000;
			-webkit-box-shadow: 10px 10px 10px #000;
			box-shadow: 10px 10px 10px #aa5500;
			z-index: 2;
			behavior: url("\\HTC\\pie.htc"); 
*/}

.header h1
{
    font-weight: 700;
    margin: 0px;
    padding: 0px 0px 0px 15px;
    color: #f9f9f9;
    border: none;
    line-height: 2em;
    font-size: 2em;
}
.roof_drawing
{
    position: relative;
    margin: 0 0 0 0;
/*    top:0px;
    left:680px; */
    padding: 0px;
    background-color :  transparent; /* #3b6c9e;  #4b6c9e; */
/*    width: 100%; */
}

.main
{
	background: url("/images/bg_middle_1050.jpg") scroll center top transparent;
    padding: 0px 12px 15px;
	margin: 0 auto 0px auto;
    min-height: 420px;
}

.leftCol
{
    padding: 6px 0px;
    margin: 12px 8px 8px 8px;
    width: 200px;
    min-height: 200px;
}

.footer
{
	position:relative;
    color: #4e5766;
/*    border: 2px #4e667d solid;  */
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px; /*auto;*/
    height:100px;
    text-align: center;
    line-height: normal;
	background: url("/images/bg_footer_1050.jpg") no-repeat scroll center top transparent;
}


/* TAB MENU   
----------------------------------------------------------*/

div.hideSkiplink
{
    background-color:transparent; /*#3a4f63;*/
    width:100%;
}

div.menu
{
    padding: 4px 0px 4px 8px;
    background-color: transparent;
/*    height:80px; */
/* this is for whole menu, not each menu item
			padding: 0px;
			border: 2px solid #c6ac6c;
			position: relative;
			margin-top: 0px;
 
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
 
			-moz-box-shadow: 2px 2px 2px #000;
			-webkit-box-shadow: 2px 2px 2px #000;
			box-shadow: 2px 2px 2px #000;
			z-index: 2;
			behavior: url("\\HTC\\pie.htc"); 
*/
}

div.menu ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;
}

div.menu ul li a, div.menu ul li a:visited
{
/*	position:relative; */
    background-color: #465c71;
    border: 5px #4e667d solid;
    color: #dde4ec;
    display: block;
    line-height: 1.35em;
    padding: 4px 20px;
    text-decoration: none;
    white-space: nowrap;
    font-size:larger;
/*    height:40px; */
font-weight:bold; 
    text-align:center ;
    vertical-align:middle;
			position: relative;
			margin-top: 0px;
			margin-left: 5px;
 
			-moz-border-radius: 20px;
			-webkit-border-radius: 20px;
			border-radius: 20px;
 
			-moz-box-shadow: 2px 2px 2px #000;
			-webkit-box-shadow: 2px 2px 2px #000;
			box-shadow: 2px 2px 2px #000;
			z-index: 999;/* make it larger than others. Otherwise when resize, menu text and button area won't be match. 2011-12-01. Look at http://fetchak.com/ie-css3/ Issues and Workarounds */
-css3-background: linear-gradient(45deg,#00ff00,#ff0000));
			behavior: url("/HTC/pie.htc");  /* Seems pie.htc is better than ie-css3.htc */
/*  hm the http_r_je_css3.htc not work? 
			behavior: url("HTC/css3.htc"); 
*/			
}
/*
pie.htc: (http://fetchak.com/ie-css3/)
Issues and Workarounds
You would expect URLs in behavior: url(...) to be relative to the current directory as they are in a background-image: url(...) style for example, but instead Microsoft decided to ignore standards here and make them relative to the docroot instead. So behavior: url(pie.htc) should work if pie.htc is in the root directory of the site.

You will probably run into issues with z-index, especially if embedding one IE-CSS3 enabled element inside of another. There are two simple workarounds:

•Set the z-index of the IE-CSS3 element to a number larger than its surrounding elements.
•Make sure the IE-CSS3 element is positioned, such as with position: relative or position: absolute
Sometimes an IE-CSS3 element will show up at a slightly different position than the original, untouched element. There could be a few reasons for this:

•You have broken tags somewhere in your markup, probably above the IE-CSS3 element.
•You are experiencing misc IE6 and IE7 bugs. Try adding the styles zoom: 1 and/or position: relative to the IE-CSS3 element and its immediate parent. You could also try removing any margins on the IE-CSS3 element and/or its parent, use padding instead.
*/

div.menu ul li a:hover
{
    background-color: #bfcbd6;
    color: white;/*#465c71;*/
    text-decoration: none;
}
/*
    text-decoration: none;

*/

div.menu ul li a:active
{
    background-color: #465c71;
    color: #cfdbe6;
    text-decoration: none;
}

.divPricing2Responsive
{
	position:relative;
	text-align:left ;
	display:inherit ;
    width: 100%;
    max-width :800px;
    /*height:600px;*/
    padding:10px;
	border: 2px solid #c6ac6c;
    background-color:white;/* why it's black if not set it white in IE? FF is not black even without set it white */
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			border-radius: 10px;
 
			-moz-box-shadow: 2px 2px 2px #000;
			-webkit-box-shadow: 2px 2px 2px #000;
			box-shadow: 2px 2px 2px #000;
			z-index: 9;/* make it larger than others. Otherwise when resize, menu text and button area won't be match. 2011-12-01. Look at http://fetchak.com/ie-css3/ Issues and Workarounds */
/* -css3-background: linear-gradient(45deg,#00ff00,#ff0000)); */
			behavior: url("/HTC/pie.htc");  /* Seems pie.htc is better than ie-css3.htc */

}

/* FORM ELEMENTS   
----------------------------------------------------------*/
.accountInfo
{
	position:relative;
	text-align:left ;
	display:inherit ;
    width: 100%;
    max-width :650px;
    /*height:600px;*/
    padding:10px;
	border: 2px solid #c6ac6c;
    background-color:white;/* why it's black if not set it white in IE? FF is not black even without set it white */
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			border-radius: 10px;
 
			-moz-box-shadow: 2px 2px 2px #000;
			-webkit-box-shadow: 2px 2px 2px #000;
			box-shadow: 2px 2px 2px #000;
			z-index: 9;/* make it larger than others. Otherwise when resize, menu text and button area won't be match. 2011-12-01. Look at http://fetchak.com/ie-css3/ Issues and Workarounds */
/* -css3-background: linear-gradient(45deg,#00ff00,#ff0000)); */
			behavior: url("/HTC/pie.htc");  /* Seems pie.htc is better than ie-css3.htc */

}

.BidJobInfo
{
	position:relative;
	text-align:left ;
	display:inherit ;
    width: 100%;
    max-width :900px;
    /*height:600px;*/
    padding:10px;
	border: 2px solid #664c1c;
    background-color:white;/* why it's black if not set it white in IE? FF is not black even without set it white */
}

.tblAccountInfo
{
 text-align:left;	
}

tblAccountInfo *
{
    display: block ;
}


fieldset
{
    margin: 1em 0px;
    padding: 1em;
    border: 0px solid #ccc;
    width:300px;
    background-color: transparent ;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
    display: block ;
}

fieldset label.inline 
{
    display: inline;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input.textCity 
{
    width: 150px;
    border: 1px solid #ccc;
}
input.textZip 
{
    width: 70px;
    border: 1px solid #ccc;
}
input.textZip2 
{
    width: 120px;
    border: 1px solid #ccc;
}

input.textCost
{
    width: 210px;
    border: 1px solid #ccc;
}

input.textEntry 
{
    width: 100%;
    border: 1px solid #ccc;
}

input.passwordEntry 
{
    width: 100%;
    border: 1px solid #ccc;
}

textarea.textEntry 
{
    border: 1px solid #ccc;
}

textarea.textEntry2 
{
    width: 280px;
    border: 1px solid #ccc;
}

.button 
{
  background-color: #ccc;
  padding: 10px; 
  border-radius: 10px;
  -moz-border-radius: 10px; 
  -webkit-border-radius: 10px; 
}

input.roundCornerButton
{
  background-color: #ccc;
  padding: 5px; 
  border-radius: 25px;
  -moz-border-radius: 25px; 
  -webkit-border-radius: 25px; 
}

div.RegisterInfo
{
	position:relative;
	text-align:left ;
	display:inherit ;
    width: 65%;
    padding:10px;
	border: 2px solid #c6ac6c;
    background-color:white;/* why it's black if not set it white in IE? FF is not black even without set it white */
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			border-radius: 10px;
 
			-moz-box-shadow: 2px 2px 2px #000;
			-webkit-box-shadow: 2px 2px 2px #000;
			box-shadow: 2px 2px 2px #000;
			z-index: 9;/* make it larger than others. Otherwise when resize, menu text and button area won't be match. 2011-12-01. Look at http://fetchak.com/ie-css3/ Issues and Workarounds */
/* -css3-background: linear-gradient(45deg,#00ff00,#ff0000)); */
			behavior: url("/HTC/pie.htc");  /* Seems pie.htc is better than ie-css3.htc */

}

div.LoginInfo
{
	position:relative;
    text-align:center ;
    /*width: 42%;*/
    max-width:400px;
    min-width:220px;
    padding:10px;
	border: 2px solid #c6ac6c;
    background-color:white;/* why it's black if not set it white in IE? FF is not black even without set it white */
			-moz-border-radius: 20px;
			-webkit-border-radius: 20px;
			border-radius: 20px;
 
			-moz-box-shadow: 2px 2px 2px #000;
			-webkit-box-shadow: 2px 2px 2px #000;
			box-shadow: 2px 2px 2px #000;
			z-index: 9;/* make it larger than others. Otherwise when resize, menu text and button area won't be match. 2011-12-01. Look at http://fetchak.com/ie-css3/ Issues and Workarounds */
/* -css3-background: linear-gradient(45deg,#00ff00,#ff0000)); */
			behavior: url("/HTC/pie.htc");  /* Seems pie.htc is better than ie-css3.htc */
}

div.Testimonials
{
	position:relative;
    width: 100%;
    padding:10px;
	border: 2px solid #c6ac6c;
	
    background-color:white;/* why it's black if not set it white in IE? FF is not black even without set it white */
			-moz-border-radius: 20px;
			-webkit-border-radius: 20px;
			border-radius: 20px;
 
			-moz-box-shadow: 2px 2px 2px #000;
			-webkit-box-shadow: 2px 2px 2px #000;
			box-shadow: 2px 2px 2px #000;
			z-index: 9;/* make it larger than others. Otherwise when resize, menu text and button area won't be match. 2011-12-01. Look at http://fetchak.com/ie-css3/ Issues and Workarounds */
/* -css3-background: linear-gradient(45deg,#00ff00,#ff0000)); */
			behavior: url("/HTC/pie.htc");  /* Seems pie.htc is better than ie-css3.htc */

}
/* MISC  
----------------------------------------------------------*/
p.ClientTestimonials
{
 font-size:large;
 font-weight :bold ;
}

#tableTestimonials  
{
	width:75%;
	border:0;
	}
	
#tdTestimonials
 {
 width:100%;	
 }
 
.clear
{
    clear: both;
}

.pricingTop
{
	position: relative;
    display: block;
    float: left;
    text-align: left;
    width: 100%;
background-color: transparent;
font-size:x-large; 
}

.pricingTop a:link
{
    color: #3380D4;
}

.pricingTop a:visited
{
    color: #2370C4;
}

.pricingTop a:hover
{
    color: #4390E4;
}

.divTitle
{
    display: block;
    float: left;
    text-align: left;
    width: 210px;
    margin-right:15px;
background-color: transparent;
/*    background: rgb(200, 200, 200) ; 
    opacity: 0.5;    
	filter: alpha(opacity=10); /-* IE7 *-/
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; /-* IE8 *-/
*/
/*    border-top-right-radius: 50px 25px;
    behavior: url("\\Styles\\pie.htc"); 
*/
}

.divTitle h1 
{
   color : #3380D4;
/* nice font: Brush Script MT;   Rage Italic;
  Freestyle Script; Kunstler Script; Mistral;Monotype Corsiva;Vivaldi;
Place Script MT; Script MT Bold;Vivaldi; 
*/
   font-size: 22px; 
   font-weight: bolder;
   font-family:Arial Black; /* Forte; Edwardian Script ITC ; */
}

.wraptocenter {
    display: block;/*table-cell;*/
    text-align: center;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}
.wraptocenter div
{
	display:inherit;
    vertical-align: middle;
    text-align: center;
}
.wraptocenter * {
    vertical-align: middle;
    text-align: center;
}
/*\*//*/
.wraptocenter {
    display: block;
}
.wraptocenter span {
    display: inline-block;
    height: 100%;
    width: 1px;
}
*/
.loginDisplay
{
    font-size: 1.4em;
    font-weight:bolder;
    display: block;
    text-align: right;
    padding: 0px;
    color : #3380D4;
    /*float: right; 
    position: absolute; */
    top: 5px;
    /*left:850px; */
    width:100%;
    vertical-align:top;
    background-color: transparent ; 
}

.loginDisplay a:link
{
    color: #3380D4;
}

.loginDisplay a:visited
{
    color: #2370C4;
}

.loginDisplay a:hover
{
    color: #4390E4;
}

.failureNotification
{
    font-size: 1.2em;
    color: Red;
}

.bold
{
    font-weight: bold;
}

.submitButton
{
    text-align: right;
    padding-right: 10px;
}
.sendMePasswordButton
{
    text-align: left;
    padding-right: 10px;
}
/* ==================================================================== */
/*
.bl {background: url(bl.gif) 0 100% no-repeat #e68200; width: 20em}   
.br {background: url(br.gif) 100% 100% no-repeat}   
.tl {background: url(tl.gif) 0 0 no-repeat}   
.tr {background: url(tr.gif) 100% 0 no-repeat; padding:10px}   
.clear {font-size: 1px; height: 1px}  
*/
		.box2_bkp {
			background: url('file://Test//css3_4_ie678//ashera.jpg2'); no-repeat top left;
			width: 414px;
			height: 262px;
			margin: 35px auto;
			padding: 15px;
			border: 11px solid #c6ac6c;
			position: relative;
			-moz-border-radius: 32px;
			-webkit-border-radius: 32px;
			border-radius: 32px;
 
			-moz-box-shadow: 10px 10px 10px #000;
			-webkit-box-shadow: 10px 10px 10px #000;
			box-shadow: 10px 10px 10px #000;
			z-index: 2;
			behavior: url("/HTC/pie.htc"); /* Seems pie.htc is better than ie-css3.htc */
		}
		
		.spanOrderFromCellPhone
		{
			color:Red;
		}
		.divPhoneOrderMsg
		{
			position:relative;  
			height:100px;
			width:80%;
			text-align:left;
		}
.divReportText 
{
	position:relative;  
    width: 100%;
    float:left;
    margin-top:20px;
    font-size:large; 
    padding:5px;
	border: 2px solid #c6ac6c;
    background-color:white;/* why it's black if not set it white in IE? FF is not black even without set it white */
			-moz-border-radius: 20px;
			-webkit-border-radius: 20px;
			border-radius: 20px;
 
			-moz-box-shadow: 0px 0px 0px #000;
			-webkit-box-shadow: 0px 0px 0px #000;
			box-shadow: 0px 0px 0px #000;
			z-index: 9;/* make it larger than others. Otherwise when resize, menu text and button area won't be match. 2011-12-01. Look at http://fetchak.com/ie-css3/ Issues and Workarounds */
/* -css3-background: linear-gradient(45deg,#00ff00,#ff0000)); */
			behavior: url("/HTC/pie.htc");  /* Seems pie.htc is better than ie-css3.htc */

}
.divReportSample
{
	position:relative;  
    width: 45%;
    float:right;
    margin-top:20px;
    padding:5px;
	border: 2px solid #c6ac6c;
    background-color:white;/* why it's black if not set it white in IE? FF is not black even without set it white */
			-moz-border-radius: 20px;
			-webkit-border-radius: 20px;
			border-radius: 20px;
 
			-moz-box-shadow: 2px 2px 2px #000;
			-webkit-box-shadow: 2px 2px 2px #000;
			box-shadow: 2px 2px 2px #000;
			z-index: 9;/* make it larger than others. Otherwise when resize, menu text and button area won't be match. 2011-12-01. Look at http://fetchak.com/ie-css3/ Issues and Workarounds */
/* -css3-background: linear-gradient(45deg,#00ff00,#ff0000)); */
			behavior: url("/HTC/pie.htc");  /* Seems pie.htc is better than ie-css3.htc */

}


div.divOrderRMRInfo
{
	position:relative;  
    text-align:left ;
    width: 380px;/* 42%; */
    padding:5px;
	border: 2px solid #c6ac6c;
    background-color:white;/* why it's black if not set it white in IE? FF is not black even without set it white */
			-moz-border-radius: 20px;
			-webkit-border-radius: 20px;
			border-radius: 20px;
 
			-moz-box-shadow: 2px 2px 2px #000;
			-webkit-box-shadow: 2px 2px 2px #000;
			box-shadow: 2px 2px 2px #000;
			z-index: 9;/* make it larger than others. Otherwise when resize, menu text and button area won't be match. 2011-12-01. Look at http://fetchak.com/ie-css3/ Issues and Workarounds */
/* -css3-background: linear-gradient(45deg,#00ff00,#ff0000)); */
			behavior: url("/HTC/pie.htc");  /* Seems pie.htc is better than ie-css3.htc */

}
		
.divPricing
{
background: -moz-linear-gradient(top, #ffffff, #C1D3DD);
/* webkit based browsers */
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#C1D3DD));
background-color: white ;/*for IE8 and below. Not sure IE9? */
 float:none;
			width: 1000px; /* 1050 */
			height: 550px;   
			margin: 15px 10px auto 10px;
			padding: 4px;
/*			border: 0px solid #c6ac6c;  */
			position: relative;
			-moz-border-radius: 2px;
			-webkit-border-radius: 2px;
			border-radius: 2px;
 
			-moz-box-shadow: 0px 0px 0px #000;
			-webkit-box-shadow: 0px 0px 0px #000;
			box-shadow: 0px 0px 0px #000;
			z-index: 2;
			behavior: url("/HTC/pie.htc"); /* Seems pie.htc is better than ie-css3.htc */
}

.divContactUs
{
background: -moz-linear-gradient(top, #ffffff, #C1D3DD);
/* webkit based browsers */
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#C1D3DD));
background-color: white ;/*for IE8 and below. Not sure IE9? */
 float:none;
			width: 1000px; /* 1050 */
			height: 500px;   
			margin: 15px 10px auto 10px;
			padding: 4px;
/*			border: 0px solid #c6ac6c;  */
			position: relative;
			-moz-border-radius: 2px;
			-webkit-border-radius: 2px;
			border-radius: 2px;
 
			-moz-box-shadow: 0px 0px 0px #000;
			-webkit-box-shadow: 0px 0px 0px #000;
			box-shadow: 0px 0px 0px #000;
			z-index: 2;
			behavior: url("/HTC/pie.htc"); /* Seems pie.htc is better than ie-css3.htc */
}

.divTerms
{
background: -moz-linear-gradient(top, #ffffff, #C1D3DD);
/* webkit based browsers */
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#C1D3DD));
background-color: white ;/*for IE8 and below. Not sure IE9? */
 float:none;
			width: 1000px; /* 1050 */
			height: 860px;   
			margin: 15px 10px auto 10px;
			padding: 4px;
/*			border: 0px solid #c6ac6c; */
			position: relative;
			-moz-border-radius: 2px;
			-webkit-border-radius: 2px;
			border-radius: 2px;
 
			-moz-box-shadow: 0px 0px 0px #000;
			-webkit-box-shadow: 0px 0px 0px #000;
			box-shadow: 0px 0px 0px #000;
			z-index: 2;
			behavior: url("/HTC/pie.htc"); /* Seems pie.htc is better than ie-css3.htc */
}

		.footer div {
background: -moz-linear-gradient(top, #ffffff, #C1D3DD);
/* webkit based browsers */
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#C1D3DD));
background-color: white ;/*for IE8 and below. Not sure IE9? */
 float:none;
			width: 1014px; /* 1050 */
			height: 90px;   
			margin: 0px 0px auto 0;
			padding: 4px;
			border: 0px solid #c6ac6c;
			position: relative;
			-moz-border-radius: 2px;
			-webkit-border-radius: 2px;
			border-radius: 2px;
 
			-moz-box-shadow: 0px 0px 0px #000;
			-webkit-box-shadow: 0px 0px 0px #000;
			box-shadow: 0px 0px 0px #000;
			z-index: 2;
			behavior: url("/HTC/pie.htc"); /* Seems pie.htc is better than ie-css3.htc */
		}

		.home_box1 {
/* background: -moz-linear-gradient(top, #DADBDD, #C9CAC8); */
/* webkit based browsers */
/* background: -webkit-gradient(linear, left top, left bottom, from(#C1D3DD), to(#99BAC8)); */
background-color: white ;/*for IE8 and below. Not sure IE9? */
float: left;
color:Black;
font-family: Arial Baltic ;
font-size:18px; 
			width: 100%;
			height: 100%;   
			/*margin: 45px auto 20px 20px;*/
			padding: 15px;
			border: 0px solid #c6ac6c;
			position: relative;
			-moz-border-radius: 0px;
			-webkit-border-radius: 0px;
			border-radius: 0px;
 
			-moz-box-shadow: 0px 0px 0px #000;
			-webkit-box-shadow: 0px 0px 0px #000;
			box-shadow: 0px 0px 0px #000;
			z-index: 2;
			behavior: url("/HTC/pie.htc"); /* Seems pie.htc is better than ie-css3.htc */
		}
		.home_box2_p1
		{
			font-weight:lighter;
			font-size: 12pt;
			color: Black;/* #ffd550;*/
		}
.home_box2_span1
{
			font-weight:bolder;
			font-size: 20pt;
			font-style: italic;
			color: Black;/* #ffd550;*/
}

		.home_box2 {
background: -moz-linear-gradient(top, #C1D3DD, #99BAC8);
/* webkit based browsers */
background: -webkit-gradient(linear, left top, left bottom, from(#C1D3DD), to(#99BAC8));
background-color: white ;/*for IE8 and below. Not sure IE9? */
			font-weight:normal;
			font-size: 12pt;
			color: Black;/* #ffd550;*/
float: right;
			width: 100%;/*450px*/
			height: 100%;   /*350px*/
			/*margin: 45px 25px auto 15px;*/
			padding: 15px;
			border: 1px solid #c6ac6c;
			position: relative;
			-moz-border-radius: 20px;
			-webkit-border-radius: 20px;
			border-radius: 20px;
 
			-moz-box-shadow: 3px 3px 3px #000;
			-webkit-box-shadow: 3px 3px 3px #000;
			box-shadow: 3px 3px 3px #000;
			z-index: 2;
			behavior: url("/HTC/pie.htc"); /* Seems pie.htc is better than ie-css3.htc */
		}
		.home_box2 div {
			background-color: transparent ;
			position: absolute;
			margin:0px;
			top: 10px;
/*			left: 0px; */
			width: 90%;
/*			text-align: left; */
/*			font-weight: bold; */
			font-size: 13pt;
			color: Black;/* #ffd550;*/
/*			_bottom: 21px; */ /* IE6 */ 
			_width: 108%; /* IE6 */
			/* IE6 workarounds are ugly, I know. Just feeling lazy right now... */
		}

.img-grd {
background: url('../images/css-gradient.gif') repeat-x;
color: #000000;
height: 100px;
padding: 5px;
}

/* The background gradient on hover CSS */
.hov-grd {
height: 100px;
padding: 5px;
}
.hov-grd:hover {
background: url('../images/bkgrade.gif') repeat-x;
color: #000000;
height: 100px;
padding: 5px;
}

.shadow {
   -moz-box-shadow: inset inset inset none ;
   -webkit-box-shadow: initial inherit initial none;
   box-shadow:inset 0 0 10px #000000;
}
/* ======================= */
#did_you_know {
    -webkit-box-shadow: #999 5px 5px 10px;
    background-color: black;
    border-bottom-right-radius: 15px 15px;
    border: 0px;
    border-top-right-radius: 15px 15px;
    color: #DDD;
    font-size: 14px;
    left: -450px;
    margin: 0px;
    opacity: 0.92;
    padding: 25px;
    position: fixed;
    top: 10%;
    width: 350px;
    z-index: 9999;
    }