/* CSS Document */

html,body {
        margin:0;
        padding:0;
        border:none;
		font: 12px 'Helvetica Neue', arial;
		background-color:white;   
        text-align:justify;      
}

#wrapper {
        
        width: 934px;
		 background-image:url(../images/shadowbg.jpg);
		background-repeat:repeat-y;
		 margin-left:auto;
        margin-right:auto;
}

#overall {width: 890px; margin-left:auto;margin-right:auto;}
img {border:none;margin: 0;padding: 0;}
img.padding {margin:5px 10px 5px 10px;}
p {color:#666666;text-align:justify;}
pre {text-align:left;	}
p.paddingImg {padding-top:2em;padding-bottom:0;}
#quote {width:580px;}
.floatLeft {float:left;padding: 5px;}
.floatRight {float:right;padding-left:5px;}
a {text-decoration:none;color: #268BCF;}
a:hover, a:active {text-decoration:underline;color: #a9d6f6;}
a:visited {color:#268BCF;}
ul {color: #777;}
hr {clear: both;margin: 0;padding: 0; visibility: hidden;}
#content .pic-left  {float: left;margin: 0 1em 1em 0;}
#content .pic-right {float: right;margin: 0 0 1em 1em;}
.clear {clear:both;}

/* blue main page title */
h1 {font: bold 26px Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;color: #013b63; margin-bottom:5px;}
h2 {font: bold 18px Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;color: #3297dc;}

/* light blue subtitle */
h3 {font:  15px "Trebuchet MS", verdana, arial, helvetica, sans-serif;color: #75b6f4; text-align:center;}

/* light blue subtitle used for taking screenshots for use in the quote -- photoshop file is called sep07_menu_open.psd */

.bluequoteTitle {
font:  14px "Trebuchet MS", verdana, arial, helvetica, sans-serif;
	color: #75b6f3; text-align:center;
	width:85%; line-height:20px;
	background:url(../images/graphics/title_quotebg.jpg);
	background-repeat:no-repeat;
	height:101px;
	width:593px;
	padding:9px 0 0 15px;
}

h4 {font: bold 12px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;}
h4.posted {font: normal 11px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;margin: 0px 0 0px 0;color: #666;}




/* about us section */

#aboutusColleft {float:left; width:320px;}
#aboutusColleft p{font-size:11px;}
#aboutusColleft img{float: left;margin-right: 20px;border: 0;}
#aboutusColright {float:right; width:320px; }
#aboutusColright p{font-size:11px;}
#aboutusColright img{float: left;margin-right: 20px;border: 0;}

.aboutusGrey {color:#ef2d23;font-size:larger;font-weight:bolder;}
.aboutusPink {color:#FF0066;font-size:larger;font-weight:bolder;}
.aboutusPurple {color:#663399;font-size:larger;}
.aboutusBlue {color:#0066ff;font-size:larger;}
.aboutusGreen {color:#00cc33;font-size:larger;}
.aboutusYellow {color:#cc9900;font-size:larger;}
.aboutusOrange {color:#ff6600;font-size:larger;}
.aboutusRed {color:#cc0000;font-size:larger;}
.aboutusMaroon {color:#990033;font-size:larger;}

.threecol {float:left; width:180px; padding-right:20px;}
.twocol {float:left; width:300px; padding-right:20px;}

/* page construct and layout styles -- */

#headerBanner {height:141px;background-image:url(graphics/homebanner_09.gif);background-repeat:no-repeat;}

/* -- horizontal menu styles -- */
#horizontalMenu {
	height:23px;
	color:#fff;
	margin-right:350px;
}

#horizontalMenu a {
	text-transform:uppercase;
	display:inline;
	text-decoration:none;
	color:white;
	font-size:11px;
	font-weight:bold;
	padding:0px 8px 0 8px;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

#horizontalMenu a:hover {color:#063b67;}

#horizontalMenu #horizontalLinks {margin-top:0px;padding-top:121px;}

/* -- end of horizontal styles -- */


#testimonialsColleft {float:left; width:317px; margin:0 5px 0 5px; }
#testimonialsColright {float:right; width:317px; margin:0 5px 0 5px;  }
.testimonialTxt { color:#555555; text-align:justify; margin-top:0; font-size:11px;}
.testimonialArea {width:310px; margin:14px 0 0px 0; border:1px white solid;}
.testimonialArea img{float:left; padding-right:10px;}

p.quotesmall {
	font: 10px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	padding: 0 0 0px 0;
	line-height: 15px;
	margin-top: 0px;
	margin-left:0px;
	color:#3e3838;
}

#testimonialWrapper {float:left;width:267px; height:186px; background:url(graphics/testimonial_bg2.png);
background-repeat:no-repeat;}
.testimonial {
font-size:13px;
line-height:19px;
margin-bottom:10px;
padding-bottom:20px;
padding:20px 20px;
font-family:'Helvetica Neue', arial;
font-weight:300;
color:#fff;
}


#testimonial_text{color:#555555;margin-top: 5px;font-size: 14px;line-height: 20px;}
#title_highlighted_testimonial{margin-top:2px;left: 1px;}
#right_col{margin-top: 0px;width: 230px;float:left;}

.Darkgrey_Regular{color: #4b4b4b;}


/* -----------------submenu icons-------------------*/

#iconMenu {width:850px;margin-left:40px; }
#iconMenu ul  {background-color:#FFF;}
#iconMenu li {   list-style:none; display:inline; padding-right:20px; }
.hiddenMenu {display:none;}
#websubmenu {width:500px;margin:0 0 0 360px; padding-top:0; display:none;  }
#websubmenu ul  {background-image:url(../images/websubmenubg.png); background-repeat:no-repeat; height:26px;margin-top:0; padding-top:0; }
#websubmenu li {list-style:none; display:inline; padding-right:20px;font-size:96%; font-variant:small-caps; color:#FFFFFF; }
#websubmenu a {color:#FFFFFF; }
#websubmenu a:hover {color:#012849; text-decoration:none; }
#menuFooter {height:21px;}
#logoAndStrap {height:70px;background-image:url(graphics/ab_logo_strapbar.gif);background-repeat:no-repeat;}
#logoAndStrap #webmail {float:right;margin:0;padding:0px;	}
#webmail {padding-top:15px;}
#webmail .blueLabel {color:#268BCF;padding:0 5px 0 5px;}
#webmail .webmailLabel {color:#2D2D2D;padding:0 0 0 5px;}

/*#logoAndStrap table,#logoAndStrap td {
	border:1px solid black;
}*/

#pageContent {
	text-align:left;
	margin-top:0px;
	margin-bottom:0;
}

#content {
	float:right;
	width:670px;
	padding-left:1.5em;
	border-left:1px solid #CBDFE3;
}

#contentweb {
	float:right;
	width:670px;
	padding-left:1.5em;
	border-left:1px solid #CBDFE3;
}

#contentweb a {color: #49a5e4; border-bottom:dashed 1px #49a5e4;}
#contentweb a:hover {text-decoration:none;color: #c0dcf7;}

#vertMenu {width:180px;}
#vertMenu img {margin-top:5px;}


#pageFooter {
  width: 890px;
   margin-left:auto;
    margin-right:auto;
	margin-top: 0;
	clear:both;
	height:27px;
	background-image:url(graphics/footerbg.jpg);
	background-repeat:no-repeat;	
}

#pageFooter #footerContent {
	padding:0 0 0 45px;
}

#pageFooter #footerContent p{
	color:white;
	text-align:left;
	font-size:11px;
	font-family:Georgia,Garamond,Times,serif;
	padding-top:8px;

}


/* info boxes ---*/
.infoBoxes {width:649px;margin:20px 0 20px 70px;}
.infoBoxes .infoBoxHeading {color:#97BEC6;height:33px;}
.infoBoxes .infoBoxHeading .infoHeadingContent {font-size:115%;padding:8px 0 0 20px;font-weight:bold;}
.infoBoxes .infoBoxColumn {width:220px;float:left;color:#053B66;}
.infoBoxColumn img {margin:10px 0 0 10px;}
.infoBoxColumn p {margin:.3em 10px .3em 10px;}


/* homepage boxes ---*/
#newsprojectwrap {width:630px;}
#newsSection {width:270px; margin:10px 10px 0 10px; border:solid 1px #d3ddde; float:left}
#newsSection p{font-size:10px; text-align:justify; margin-right:4px;  margin-left:4px;}
#newsSectionheader {background-color:#e03e27; height:20px;}
#newsSectionheader p {margin:5px 5px; padding:1px; text-transform:uppercase; color:#FFF; font-size:14px; text-align:center; }

#projectSection {width:270px; margin:10px 10px 0 10px; border:solid 1px #d3ddde; float:right}
#projectSection p{font-size:10px; text-align:justify; margin-right:4px; margin-left:4px;}
#projectheader {background-color:#49a5e6; height:20px;}
#projectheader p {margin:5px 5px; padding:1px; text-transform:uppercase; color:#FFF; font-size:14px; text-align:center; }
.greylineDots {border:solid 1px #d3ddde;}

/* homepage boxes ---*/





/* about us boxes ---*/
#aboutuswrap {width:630px;}
#aboutusSection1 {width:270px; margin:10px 10px 0 10px; border:solid 1px #d3ddde; float:left}
#aboutusSection1 p{font-size:10px; text-align:justify; margin-right:4px;  margin-left:4px;}
#aboutusSection2 {width:270px; margin:10px 10px 0 10px; border:solid 1px #d3ddde; float:right}
#aboutusSection2 p{font-size:10px; text-align:justify; margin-right:4px; margin-left:4px;}

/* about us boxes ---*/







/* -- vertical menu system -- */

#vertMenu .vertMenuItem {margin:0.5em 0em 1em .3em;}
/* -- blue heading vertical menu item -- */
.vertMenuItem .itemHeading {color:#268BCF;}
/* -- red heading vertical menu item -- */
.vertMenuItem .itemHeading_Red {color:#EF4038;}
.vertMenuItem .itemHeading_Red, .vertMenuItem .itemHeading {text-transform:uppercase;font-weight:bold;font-size:100%;padding-bottom:.2em;}
.vertMenuItem .itemContent {color:#268BCF;}
#memberships {width: 180px;text-align:center; padding-top:2em;}
#w3cLogos {width: 180px;text-align:center; padding-top:2em;}
#vertMenu ul {list-style:none;padding-left:1em;}


/* -- end of vertical menu -- */





/* Accordion CSS for Vertical Menu */

#accordion{width: 189px;padding: 0;margin: 0;}

.toggler {
	margin-left: 4px;
	background: url(graphics/menu_header_bg.gif);
	border-bottom: 1px solid #ddd;
	font: bold 12px "Trebuchet MS", verdana, arial, helvetica, sans-serif;
	height: 18px;
	padding-left: 4px;
	padding-top: 0px;
	cursor: pointer;
	color: #BFE8F5;
}



#portfolioheader { background:url(graphics/software_menu_header.gif) no-repeat; height:27px; width:193px;}
#softwareHeader { background:url(graphics/software_menu_header.gif) no-repeat; height:27px; width:193px;}

 .optionStart {padding-top: 3px;}
.element {height: 345px;background:url(graphics/software_menu_background.gif) no-repeat;}


.element p {
	margin: 0;
	padding-left: 20px;
	padding-right: 4px;
	height: 345px;
	font-size: 0.9em;
}

.element p img{border: 1px solid #999;text-align:center;}

#accordionHome{width: 189px;padding: 0;margin: 0;}


 
 #Contactheader {font: bold 14px "Trebuchet MS", verdana, arial, helvetica, sans-serif; background-image:url(graphics/indexmenuheadernew.gif); background-repeat:no-repeat; height:27px; color: #BFE8F5; padding-left: 54px; padding-top: 7px;}
.elementHome {background:url(graphics/software_menu_background.gif) no-repeat;}
.elementHome p {height: 245px;margin: 0;padding:0 8px 0 14px;font-size: 0.9em;}
.elementHome p img{border: 1px solid #666;padding:0 5px 0 5px;}

.elementIndex {height: 182px;background:url(graphics/index_menu_background.gif) no-repeat;}
.elementIndex p {margin:0;padding:0 8px 0 14px;font-size: 0.9em;}
.elementIndex p img{border: 1px solid #666;padding:0 5px 0 5px;}



.AlignCenter {vertical-align:middle;text-align:center;}
#vertmenufooter{width: 193px;height: 32px;margin: 0; background-image:url(graphics/software_menu_footer.gif);  background-repeat:no-repeat;}
#vertmenufooterIndex{width: 193px;height: 34px;margin: 0; padding:0;  background-image:url(graphics/software_menu_footer2.gif);  background-repeat:no-repeat;}
#vertmenufooterIndex img, #vertmenufooterIndex a{ margin:0; padding:0; }
/* Text formatting */

p.quote {
	font: 12px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	padding: 0 0 0px 0;
	line-height: 15px;
	margin-top: 15px;
	color:#333333;
}




/* Case Study Styles */

.casestudy {border:1px solid #999999;}
p {color:#666666;}
p.paddingImg {padding-top:2em;padding-bottom:0;}
.blackTxt{color:#000000;}
.noBorder{border:none;}
.center{text-align:center;}


/*  -- end of general construct and layout styles -- */


.borderOne{border:1px solid black;}

/*  -----styles for websites section---------*/

.largetext {border-bottom: 2px solid #666;
clear: both;
color: #666;
font-family: Helvetica, Arial, 'Lucida Sans Unicode', Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 2.3em;
font-weight: normal;
letter-spacing: 0px;
line-height: 1.2em;}

#designimportant {color: #49a5e4; border-bottom:dashed 1px #49a5e4;cursor:pointer;}
#goodDesign {color: #49a5e4; border-bottom:dashed 1px #49a5e4; cursor:pointer;}
#workWithUs {color: #49a5e4; border-bottom:dashed 1px #49a5e4;cursor:pointer;}
#seo ul li{ list-style: decimal;}
.smallsubmenutext {font-size:96%; font-variant:small-caps;} /*  -- I used this to take a screenshot of the font to place under the icons in the menu -- */
.smallsubmenutextwhite {font-size:96%; font-variant:small-caps; color:#FFFFFF;}
.toppadding {padding-top:20px;}
.axonenterprises {font-size:11px; font-weight:bolder; color:#606d75; font-family:"Lucida Grande", verdana, arial, helvetica, sans-serif;}
.BlueTitleAxon {font-size:14px; font-weight:bolder; color:#557faf; font-family:"Lucida Grande", verdana, arial, helvetica, sans-serif;}
.RedTitleAxon {font-size:12px; font-weight:bolder; color:#9a0000; font-family:"Lucida Grande", verdana, arial, helvetica, sans-serif; text-decoration:underline;}
.GreyTitleAxon {font-size:12px; font-weight:bolder; color:#758390; font-family:"Lucida Grande", verdana, arial, helvetica, sans-serif;}