/* 
  Basement Systems CSS by Evan Islam
  http://www.basementsystems.com
*/

 /* General page style. The scroll bar colours only visible in IE5.5+ */
body {
	background-color: #7a929c;
}

a:link, a:visited, a:active ()

.text1		{font-size : 10pt; font-family : verdana; color : #000000; text-decoration:none; font-weight: none;}
.text2		{font-size : 10pt; font-family : verdana; color : #000000; text-decoration:none; font-weight: none;}
a.text2, a.text:visited		{font-size : 10pt; font-family : verdana; color : #000000; font-weight: none; text-decoration:underline;}
a.text2:hover {font-size : 10pt; font-family : verdana; color : #000000; font-weight: none; text-decoration:underline;} 
.textblue		{font-size : 8pt; font-family : verdana; color : #0E5492; text-decoration:none; font-weight: none;}


.topphone {padding: 8px 3px 0px 100px; color:#ff0000; font-weight:bold; font-family: verdana; font-size: 11px;}
a.topphone:link, a.topphone:visited {color:#ff0000; font-weight:bold; font-family: verdana; font-size: 11px;}

.topmenu {margin: 0px 42px 0px 24px; padding: 10px 0px 10px 0px; color:#ffffff; font-weight:bold; font-family: verdana; font-size: 11px; background-color:#3c75a2}

.mainbody {margin: 0px 42px 0px 24px; padding: 10px 0px 10px 0px; color:#000000; font-family: verdana; font-size: 11px;}
.mainbody-home {margin: 0px auto; padding: 10px 19px 0 0; color:#000000; font-family: verdana; font-size: 11px; width: 680px;}


a.redlinks:link, a.redlinks:visited		{color:#ff0000; font-weight:bold; font-family: verdana; font-size: 11px; text-decoration:none;}
a.redlinks:hover	{color:#ff0000; font-weight:bold; font-family: verdana; font-size: 11px; text-decoration:underline;}



.blue
{font-size : 10pt; font-family : verdana, arial; color : #09427B; text-decoration:none;}
a.blue:link, a.blue:visited, a.blue:active
{font-size : 10pt; cursor: pointer; font-family : verdana, arial; color : #09427B; font-weight: bold; text-decoration:none;}
a.blue:hover
{font-size : 10pt; cursor: pointer; font-family : verdana, arial; color : #09427B; font-weight: bold; text-decoration:underline;} 

.purple
{font-size : 10pt; font-family : arial; color : #666699; text-decoration:none;}
a.purple
{font-size : 10pt; cursor: pointer; font-family : arial; color : #666699; font-weight: bold;}
a.purple:hover
{font-size : 10pt; cursor: pointer; font-family : arial; color : #F17DB1; font-weight: bold;} 

.purplelinks
{font-size : 10pt; font-family : arial; color : #666699; text-decoration:none;}
a.purplelinks
{font-size : 10pt; cursor: pointer; font-family : arial; color : #666699; text-decoration:none; font-weight: bold;}
a.purplelinks:hover
{font-size : 10pt; cursor: pointer; font-family : arial; color : #666699; text-decoration : underline;}

.whitelinks
{font-size : 10pt; font-family : arial; color : #ffffff; text-decoration:none; font-weight: bold;}
a.whitelinks:link, a.whitelinks:visited, a.whitelinks:active
{font-size : 11px; cursor: pointer; font-family : verdana; color : #ffffff; text-decoration:none; font-weight: bold;}
a.whitelinks:hover
{font-size : 11px; cursor: pointer; font-family : verdana; color : #ffff00; text-decoration : underline;}



h1, a.h1:link, a.h1:visited	{padding: 10px 0px 0px 0px; font-size : 16pt; font-family : verdana; color : #3c75a2; text-decoration:none;}
a.h1:hover	{padding: 10px 0px 0px 0px; font-size : 16pt; cursor: pointer; font-family : verdana; color : #b20000; text-decoration : underline;}

h2 {padding: 10px 0px 0px 0px; font-weight: bold; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif;
			text-decoration: none; color : #000000;}

h3, a.h3:link, a.h3:visited	{padding: 10px 0px 0px 0px; font-size : 14pt; font-family : verdana; color : #3c75a2; text-decoration:none;}
a.h3:hover	{padding: 10px 0px 0px 0px; font-size : 14pt; cursor: pointer; font-family : verdana; color : #b20000; text-decoration : underline;}

/* menu for the left hand side  */
.menulinks {font-size:11pt;  font-family:arial; color:#3c75a2; font-weight:bold; text-decoration:none;}
.menulinks2 {font-size:11pt;  font-family:arial; color: #3c75a2; font-weight:bold; text-decoration:none;}
a.menulinks, a.menulinks:visited 	{font-size : 11pt; cursor: pointer; font-family : arial; color :  #3c75a2; text-decoration:none;}
a.menulinks:hover	{font-size : 11pt; cursor: pointer; font-family : arial; color :  #3c75a2; text-decoration : underline;}
a.menulinksred, a.menulinksred:visited		{font-size : 11pt; cursor: pointer; font-family: arial;  font-weight:bold; color:#fa8181; text-decoration:none;}
a.menulinksred:hover	{font-size : 11pt; cursor: pointer; font-family : arial; color : #fa818;  font-weight:bold; text-decoration : underline;}
a.submenu, a.submenu:visited		{font-size : 10pt; cursor: pointer; font-family : arial; color :#3c75a2; text-decoration:none; font-weight:bold; padding-left:10px;}
a.submenu:hover	{font-size : 10pt; cursor: pointer; font-family : arial; color : #3c75a2; text-decoration : underline; font-weight:bold; padding-left:10px;}

a.submenured, a.submenured:visited		{font-size : 10pt; cursor: pointer; font-family : arial; color : #fa8181; text-decoration:none; font-weight:bold; padding-left:10px;}
a.submenured:hover	{font-size : 10pt; cursor: pointer; font-family : arial; color : #fa8181; text-decoration : underline; font-weight:bold; padding-left:10px;}


/* The general footer...  */
.footerlinks		{ font-size : 8pt; font-family : Verdana; color : #000000; text-decoration:none;}
a.footerlinks		{ font-size : 8pt; cursor: pointer; font-family : Verdana; color : #000000; text-decoration:none; font-weight: none;}
a.footerlinks:hover	{ font-size : 8pt; cursor: pointer; font-family : Verdana; color : #000000; text-decoration:underline;}


/* Main table cell colours and backgrounds */

table.table1	{ border: #7C7F91; border-style: solid; border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px}


td.blue	{ background-color: #3B3C36; }


/* Copyright and bottom info */
.copyright		{ font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000;}
a.copyright		{ color: #ffe0d1; text-decoration: none;}
a.copyright:hover { color: #ffe0d1; text-decoration: underline;}

.border {
	border: 1px solid #3c75a2;
}

.img-right {
	margin: 0px 0px 5px 5px;
	float:right
}

.img-left {
	margin: 4px 5px 5px 0;
	float:left
}

#testimonials{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
BORDER: #ccc 2px dotted; 
PADDING-RIGHT: 12px; 
PADDING-LEFT: 8px; 
PADDING-BOTTOM: 8px;
WIDTH: 90%; PADDING-TOP: 8px;
}

#testimonials a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: underline;
color: #85003A;
}


#testimonials h2 a {font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 14px;
font-weight: bold;
}
#testimonials h2 a {font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: underline;
}

table#opinion td {

            padding: 5px;

            vertical-align: top;

}

div.scroll {
  height: 160px;
  width: 160px;
  overflow-Y: scroll;
  border: 1px solid #666;
  margin:0 0 10px;
  padding: 8px;
}

#credibility {
	background-color: #fff;
 margin: 0 auto;
 width: 245px;
 padding: 3px;
 text-align: center;
 /* border-radius */
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
 /* box-shadow */
 -webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
 -moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
 box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;

}

#rotating_items{
	font-family: "Trebuchet MS", "Geneva CY", Verdana;
	font-size: 12px;
	color: #414141;
	position: relative;
}
	#rotating_items h3{
		font-size: 18px;
		margin: 0px;
		color: #414141;
	}

	#rotating_items div.rotating_item{
		border: 2px solid #eee;
		margin: 5px;
		padding: 5px;
	}

#rotating_items div.rotating_item h3{
			font-size: 16px;
			color: #3c75a2;
}

.blogitem {
	margin: 5px;
}

.blogcredit {
	padding: 0 0 2px 25px;
}
. blog_more {
	font: bold;
}

#index1 {
	border: 2px #ccc solid; 
	font-size: 11px; 
	margin: 5px; 
	padding: 8px;
	
}

#index1 h2 {
	padding: 0;
	
}
	
:focus {
  -moz-outline-style:none;
}

#triggers {
	text-align:center;
}

#triggers img {
	cursor:pointer;
	margin:0 5px;
	background-color:#fff;
	border:1px solid #ccc;
	padding:2px;

	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* styling for elements inside overlay */
.boxdetails {
	position:absolute;
	top:15px;
	right:15px;
	font-size:15px;
	color:#fff;
	width:270px;
}

.boxdetails h3 {
	color:#aba;
	font-size:15px;
	margin:0 0 15px 0;
}

#triggers table td {
text-align: center;
font-weight: bold;
width:152px;
}

/* the overlayed element */
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#333;
	
	width:650px;	
	min-height:200px;
	border:1px solid #666;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(http://www.ayersbasementsystems.com/images/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}

#long-content-box {
background-color: #f1f1f1;
border:1px solid;
border-color: #5977b2;
padding:10px;
margin-top:20px;
}

#long-content-box h3 {
color:#153980;

}

#gray-hr {
	margin:15px 0px 15px 0px;
	height:1px;
	background-color:#ddd;
	color:#ddd;
	border:0
}

/* The outermost container of the Menu Bar, a fixed width box with no margin or padding */
ul.MenuBarVertical
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	cursor: default;
	width: 180px;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
	z-index: 1000;
}
/* Menu item containers, position children relative to this container and are same fixed width as parent */
ul.MenuBarVertical li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	position: relative;
	text-align: left;
	cursor: pointer;
	width: 180px;
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarVertical ul
{
	margin: 0px 0px 0px 182px;
	padding: 0;
	list-style-type: none;
	position: absolute;
	z-index: 1020;
	cursor: default;
	width: 180px;
	left: -1000em;
	top: 0;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarVertical ul.MenuBarSubmenuVisible
{
	left: 0;
}
/* Menu item containers are same fixed width as parent */
ul.MenuBarVertical ul li
{
	width: 220px;
}

/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/

/* Outermost menu container has borders on all sides */
ul.MenuBarVertical
{

}
/* Submenu containers have borders on all sides */
ul.MenuBarVertical ul
{
	
}
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarVertical a
{
	display: block;
	cursor: pointer;
	background-color: #e2edfe;
	padding: 6px;
	color: #00538f;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus
{
	background-color: #3c75a2;
	color: #FFF;
	text-decoration: none;
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible
{
	background-color: #3c75a2;
	color: #FFF;
	text-decoration: none;
}

/*******************************************************************************

 SUBMENU INDICATION: styles if there is a submenu under a given menu item

 *******************************************************************************/

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarVertical a.MenuBarItemSubmenu
{
	background-image: url(/images/right2.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarVertical a.MenuBarItemSubmenuHover
{
	background-image: url(/images/right.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarVertical iframe
{
	position: absolute;
	z-index: 1010;
	filter:alpha(opacity:0.1);
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarVertical li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
		background: #FFF;
	}
}
#leftnavi {
	width: 180px;
	margin: 4px 0 10px 0;
	padding: 0px;
}