a:focus, a:active {
outline: 0;
-moz-outline: none;
}
/*General Element Styles*/
body {
	font-size: 76%;
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	text-align: center;
	background-color: #03124D;
	background-attachment: fixed;
	background-image: url(images/mechanicals/background02.jpg);
	background-repeat: repeat-x;
} 
	br  { width: 100%; height: 1px; clear: both }
	h1  { color: #f00; margin: 0; padding: 0 }
	h2   { color: #411a99; font-size: 1.65em; font-weight: bold; margin: 0; padding: 0 }
	h3   { color: #8381c2; font-size: 1.3em; font-weight: bold; margin: 0; padding: 0 }
	h4   { color: #626262; font-size: 1.1em; font-weight: bold; margin: 0; padding: 0 }
	h5  { color: #000; font-size: 1.2em; font-weight: bold; margin: 0; padding: 0 }
	p { margin: 0; padding: 0.5em 0 }
	ul  { margin: 0.5em 0 0.5em 2em; padding: 0 }
	ul li{
		margin-bottom: 1em;
	}
	ol  { margin: 0.5em 0 0.5em 2em; padding: 0 }
	ol li{
		margin-bottom: 1em;
	}
	a:link { color: #5a43af }
	a:visited { color: #afafaf }
	a:hover { color: #eea800 }
	a:active { color: #f30 }
	img { border-style: none }
#aww404block{
	background-color: #FFFFFF;
	height: 300px;
	width: 300px;
	display: block;
}
#menu   { position: absolute; top: 148px; left: 31px }
#subfooter {
	background-color: transparent;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	z-index: 2;
	width: 766px;
	height: 117px;
	//filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/mechanicals/subfooter-back.png');
	background-repeat: no-repeat;
	padding-top: 30px;
} 
/*. The following rule lets FFox display the background image with Transparency*/
#subfooter[id]{
 	background-image: url(images/mechanicals/subfooter-back.png);
} 
#subfooter p{
	font-weight: normal;
	color: #FFFFFF;
} 
 
/*q_and_a*/
	.qanda_block { background-color: #fff; background-image: url(images/mechanicals/area_location.jpg); background-repeat: no-repeat; text-indent: -43px; margin-top: 0.75em; margin-right: 0; margin-bottom: 0.75em; padding: 8px 8px 8px 50px; position: relative; border: solid 1px #ddd }
	.question     { color: #5a43af; font-size: 1.5em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; background-color: transparent; text-align: left; margin-right: 10px; padding: 5px 5px 5px 8px; position: relative; left: -5px }
	.answer     { color: #8381c2; font-size: 1.5em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; background-color: transparent; text-align: left; margin-right: 10px; padding: 5px; position: relative; left: -5px }
	div.qanda_block p { width: auto }


/*Main Div*/
#main    {
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	width: 800px;
}
#header {
	background-image: url(images/mechanicals/banner.gif);
	margin-bottom: 0px;
	position: relative;
	width: 100%;
	height: 148px;
}
#header h1 { font-size: 1px; text-indent: -5000px }
#main-foot  {
	background-image: url(images/mechanicals/main-block/main-foot.gif);
	background-repeat: no-repeat;
	background-position: 0 bottom;
	position: relative;
	width: 100%;
	height: 25px;
	clear: both;
}


/* This div is used to set a vertical repeat that doesn't go behind the footer or the banner */
#contentbase{
	background-image: url(images/mechanicals/main-block/main-repeat.gif);
	background-repeat: repeat-y;
	_height: 1%;
}
#contentbase:after{
	content: ".";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}

/*Columns Home Page*/
	#column1  { position: relative; float: left; font-size: 1.2em;}
	#column2  { position: relative; height: auto; float: left; clear: right; font-size: 1.2em;}
	#feature-block  { display: block; margin-top: 25px; padding: 0; position: relative; left: 32px; width: 750px; clear: both }

/*Feature A AKA- Featured Project */
	#featureA    { background-image: url(images/mechanicals/featureA-block/feature-A_repeat.jpg); background-repeat: repeat-y; text-align: left; display: block; margin: 0 0 0 10px; padding: 0; position: relative; z-index: 100; width: 299px; float: left }
	#featureA-top { background-image: url(images/mechanicals/featureA-block/feature-A_top.jpg); background-repeat: no-repeat; margin: 0; padding: 0; position: relative; width: 100%; height: 13px; clear: both; overflow: hidden; clip: auto }
	#featureA-contents   { background-color: transparent; padding-bottom: 5px; position: relative; left: 10px; width: 280px; clear: both }
	#featureA-foot { background-image: url(images/mechanicals/featureA-block/feature-A_foot.jpg); background-repeat: no-repeat; margin: 0; padding: 0; width: 100%; height: 12px; clear: both; overflow: hidden; clip: auto }
	#featureA h2 { font-size: 1em }
	#featureA p { }
#feature_site {
	margin-left: 5px;
	float: right;
	border: 2px solid #CCCCCC;
	margin-bottom: 5px;
}

/*Feature B AKA- Callout */
	#featureB  { background-image: url(images/mechanicals/featureB-block/feature-B_repeat.jpg); background-repeat: repeat-y; text-align: left; display: block; margin: 0; padding: 0; position: relative; z-index: 100; width: 421px; float: left }
	#featureB-top { background-image: url(images/mechanicals/featureB-block/feature-B_top.jpg); background-repeat: no-repeat; margin: 0; padding: 0; position: relative; width: 100%; height: 13px; clear: both; overflow: hidden; clip: auto }
	#featureB h2 { font-size: 1em }
	#featureB p { }
	#featureB-contents   { background-color: transparent; padding-bottom: 1.5em; position: relative; left: 10px; width: 400px; clear: both }
	#featureB-foot { background-image: url(images/mechanicals/featureB-block/feature-B_foot.jpg); background-repeat: no-repeat; margin: 0; padding: 0; width: 100%; height: 12px; clear: both; overflow: hidden; clip: auto }
	#callout_image{
	margin-left: 10px;
	float: right;
	margin-bottom: 5px;
}

/*Home Page Content*/
#home-content   {
	margin-top: 15px;
	margin-left: 18px;
	position: relative;
	width: 511px;
	height: 407px;
	left: -5px;
	top: -10px;
}
 

/*Highlight Buttons*/
#highlight-buttons  { margin-bottom: 1em; margin-left: 30px }
#highlight-buttons ul { font-size: 1px; text-indent: -5000px; list-style-type: none; margin: 0; padding: 0 }

.getstarted{
	background-image: url(images/mechanicals/highlight-button/getstarted.jpg);
	background-position: 0 top;
	display: block;
	width: 207px;
	height: 68px;
}

.axiomadvantage{
	background-image: url(images/mechanicals/highlight-button/axiomadvantage.jpg);
	background-position: 0 top;
	display: block;
	width: 207px;
	height: 68px;
}

.serviceshighlight{
	background-image: url(images/mechanicals/highlight-button/services.jpg);
	background-position: 0 top;
	display: block;
	width: 207px;
	height: 68px;
}
.portfolio   {
	background-image: url(images/mechanicals/highlight-button/portfolio.jpg);
	background-position: 0 top;
	display: block;
	width: 207px;
	height: 68px;
}
.casestudies   {
	background-image: url(images/mechanicals/highlight-button/case-studies.jpg);
	background-position: 0 top;
	display: block;
	width: 207px;
	height: 68px;
}
.testimonials   {
	background-image: url(images/mechanicals/highlight-button/testimonials.jpg);
	background-position: 0 top;
	display: block;
	width: 207px;
	height: 68px;
}
.faqs   {
	background-image: url(images/mechanicals/highlight-button/faq.jpg);
	background-position: 0 top;
	display: block;
	width: 207px;
	height: 68px;
}
.redesign   {
	background-image: url(images/mechanicals/highlight-button/site-redesigns.jpg);
	background-position: 0 top;
	display: block;
	width: 207px;
	height: 68px;
}
.hosting   {
	background-image: url(images/mechanicals/highlight-button/affordable-hosting.jpg);
	background-position: 0 top;
	display: block;
	width: 207px;
	height: 68px;
}
.applications   {
	background-image: url(images/mechanicals/highlight-button/customapplications.jpg);
	background-position: 0 top;
	display: block;
	width: 207px;
	height: 68px;
}
#highlight-buttons a:hover { background-position: 0 bottom }
#highlight-buttons	ul li{
		margin-bottom: 0px;
	}
/*  Tables */
	#by-design  { margin: 0 0 8px; padding: 0; border-top: 1px solid #411a99; border-right: 1px solid #411a99; border-bottom: transparent; border-left: transparent }
	#by-design td { color: #383838; font-size: 13px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-align: left; margin: 0; padding: 5px 5px 5px 10px; border-bottom: 1px solid #5a43af; border-left: 1px solid #5a43af }
	.header   { color: #464646; font-size: 13px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; background-color: #fafbf5; text-align: center; margin: 0; padding: 5px; border-bottom: 1px solid #5a43af; border-left: 1px solid #5a43af }
	#hosting  { margin: 0 auto 8px; padding: 0; border-style: solid solid none none; border-width: 1px 1px medium medium; border-color: #411a99 #411a99 transparent transparent }
	#hosting td { font-size: 13px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; margin: 0; padding: 5px 5px 5px 10px; border-bottom: 1px solid #5a43af; border-left: 1px solid #5a43af }
	.hosting_header { color: #fff; font-weight: bold; background-color: #411a99; text-align: center }
	.hosting_label { color: #000; font-weight: bold; background-color: #f1f2f0; text-align: center }
	#hosting-addons { margin: 0 auto 8px; padding: 0; border-style: solid solid none none; border-width: 1px 1px medium medium; border-color: #411a99 #411a99 transparent transparent }
	#hosting-addons td { font-size: 13px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; margin: 0; padding: 5px 5px 5px 10px; border-bottom: 1px solid #5a43af; border-left: 1px solid #5a43af }
	caption { font-size: 0.9em; text-align: left }
	#domain-registration { margin: 0 auto 8px; padding: 0; border-style: solid solid none none; border-width: 1px 1px medium medium; border-color: #411a99 #411a99 transparent transparent }
	#domain-registration td { font-size: 13px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; margin: 0; padding: 5px 5px 5px 10px; border-bottom: 1px solid #5a43af; border-left: 1px solid #5a43af }
	#ssl { margin: 0 auto 8px; padding: 0; border-style: solid solid none none; border-width: 1px 1px medium medium; border-color: #411a99 #411a99 transparent transparent }
	#ssl td { font-size: 13px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; margin: 0; padding: 5px 5px 5px 10px; border-bottom: 1px solid #5a43af; border-left: 1px solid #5a43af }
 
/* Quick Tabs */
	.tabs   { position: absolute; z-index: 6000; top: 111px; right: 40px; width: auto; height: 36px }
	div.tabs ul { margin: 0; padding: 0 }
	div.tabs li { display: block; float: left }
	.contact   { background-image: url(images/mechanicals/quick-buttons/contact-us.gif); background-repeat: no-repeat; background-position: center bottom; display: block }
	.clientzone   { background-image: url(images/mechanicals/quick-buttons/client-zone.gif); background-repeat: no-repeat; background-position: center bottom; display: block }
div.tabs a  {
	text-decoration: none;
	background-color: transparent;
	text-indent: -99999px;
	display: block;
	margin: 0 3px 0 0;
	padding: 0;
	width: 109px;
	height: 36px;
	font-size: 1px;
}
	div.tabs a:hover  { background-position: center }
	#active_tab { background-position: center top; cursor: default }
 
/* Inside Page Content Blocks */
	#content { background-color: transparent; background-image: url(images/mechanicals/content-block/content-repeat.gif); background-repeat: repeat-y; position: relative; left: 27px; width: 746px }
	#content-inside { background-color: transparent; background-repeat: repeat-y; margin-right: 25px; margin-left: 25px; position: relative; top: -15px }
	#content-top { background-image: url(images/mechanicals/content-block/content-top.gif); background-repeat: no-repeat; display: block; width: 100%; height: 42px; clear: both; border-color: #fefffd }
	#content-foot { background-image: url(images/mechanicals/content-block/content-foot.gif); background-repeat: no-repeat; display: block; width: 100%; height: 25px; clear: both; border-color: #fefffd }
 
/* Contact Page */
	#contact-form        {
	display: block;
	margin-top: 1em;
	padding-left: 10px;
	width: 675px;
	clear: both;
	overflow: auto;
	clip: auto;
	border: solid 3px #e5e5e5;
}
#people       { display: block; padding: 10px }
#column6 { text-align: center; margin-bottom: 1em; width: 50%; float: left; clear: right }
#column5 { margin-bottom: 1em; width: 40%; float: left }
label {
	text-align: right;
	display: block;
	height: 1em;
	float: left;
	padding-right: 10px;
	width: 100px;
}
 
/* Client Zone Login */
	.client-login { position: relative; left: 200px }
	div.client-login a { font-size: 1px; background-image: url(images/mechanicals/login-button.jpg); text-indent: -1000px; display: block; width: 229px; height: 134px }
	div.client-login a:hover { background-image: url(images/mechanicals/login-button.jpg); background-position: 0 center; display: block; width: 229px; height: 134px }
	div.client-login a:active { background-image: url(images/mechanicals/login-button.jpg); background-position: 0 bottom; display: block; width: 229px; height: 134px }
 
 
/* Testimonial */
	.testimonial_block   { background-color: #fcfcfc; margin-top: 15px; margin-right: 0; margin-bottom: 10px; padding: 8px; position: relative; width: 97%; min-height: 345px; border: solid 1px #e5e5e5 }
	div.testimonial_block ul { margin: 0 0 0 25px; padding: 0 }
	div.testimonial_block li { margin: 0 0 10px; padding: 0 }
	.signature  { color: #75c0e7; font-size: 15px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-style: italic; font-weight: bold; text-align: right; float: right }
	.signature p { margin: 0; padding: 0 }
	.testimonial-screen  { margin-right: 10px; float: left; clear: left }
  
 
/* Images */
	#clientzone_screen { margin-left: 10px; float: right; border: solid 1px #9a9a9a }
	#Web { margin-left: 10px; float: right }
	#servers { margin-bottom: 1em; float: right; clear: right }
	#axiom_editor_screen { margin-left: 10px; float: right; border: solid 1px #9a9a9a }
 
/* Product Service Pages */
	.product-service  { margin-top: 1.5em; padding: 10px; position: relative; border: solid 1px #e5e5e5 }
	.product-service h3  { font-size: 1.5em; margin-bottom: 0.5em }
	.product-service h2 { margin-bottom: 0.5em }
	.more   { padding-top: 10px; position: absolute; top: -25px; right: 30px; width: 175px; height: 56px }
	.more ul { list-style-type: none; margin: 0; padding: 0 }
	.more ul li { display: block; width: 56px; height: 53px; float: right }
	.more a  { background-position: 0 top }
	.more a:hover  { background-position: 0 bottom }
	.casestudyavailable { background-image: url(images/mechanicals/product-services-icons/casestudy.gif); text-indent: -3000px; display: block; width: 56px; height: 53px }
	.portfolioavailable { background-image: url(images/mechanicals/product-services-icons/portfolio.gif); text-indent: -3000px; display: block; width: 56px; height: 53px }
	.moreinfoavailable { background-image: url(images/mechanicals/product-services-icons/more_infor.gif); text-indent: -3000px; display: block; width: 56px; height: 53px }
	#interests { padding: 10px; width: 40% }
	#interests p  { color: #626262; font-size: 1.25em; font-style: oblique; font-weight: bold; display: block; margin-bottom: 0.25em; padding: 3px 0 0; width: 250px; height: auto; float: left; clear: right }
	#interests a  { color: #626262; font-size: 1px; font-weight: bold; text-decoration: none; background-image: url(NewSite/images/mechanicals/check-box.gif); background-position: 0 top; text-indent: -2000px; width: 28px; height: 28px; float: left }
	#interests a:visited { color: #626262 }
	#interests a:hover { color: #eea800; background-position: 0 bottom }
 
/* Banner Ad specs */
	#banner_image { }
	#banner-table { display: block; width: 300px; height: auto; float: left }
	#banner-image { text-align: center; display: block; padding: 10px; width: 50%; float: left }
 
/* Primenav */
.primnav  {
	width: 100%;
	_height: 1%;
	margin-bottom: 1em;
}
.primnav:after  {
	content: ".";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}
/* Main Menu Items */
.home  {
	background-color: #665b9f;
	background-position: center 0;
	width: 185px;
	border-width: 1px;
}
.about  {
	background-color: #665b9f;
	background-position: center 0;
	width: 185px;
	border-width: 1px;
}
.services  {
	background-color: #665b9f;
	background-position: center 0;
	width: 183px;
	border-width: 1px;
}
.work  {	
	background-color: #665b9f;
	background-position: center 0;
	width: 175px;
	border-width: 1px; 
}

div.primnav ul {
	margin: 0;
	padding: 0;
	position: relative;
	left: 31px;
	_height: 1%;
}
div.primnav ul:after {
 	content: ".";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}
	div.primnav li  { list-style-type: none; display: block; margin: 0; padding: 0; float: left }
	div.primnav a      { color: #fcf9ff; font-size: 14px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; text-decoration: none; text-align: center; display: block; margin: 1px; padding: 0.25em 0; overflow: hidden; clip: auto }
	div.primnav a:visited { color: #fcf9ff }
	div.primnav a:hover    { color: #fff; background-color: #b4aba4; background-position: center -24px }
	#active_section    { color: #fcf9ff; background-color: #000080; cursor: default }

/*Subnav*/
	.secondnav       { background-color: white; margin: 0 0 0 25px; padding: 0 0 0 15px; position: relative; z-index: 100; width: 730px }
	.secondnav h4    { font-size: 16px; margin: 0 0 0 5px; padding: 0; position: relative; width: 708px; border-bottom: 1px solid #e5e5e5 }
	div.secondnav ul   { list-style-type: square; margin: 0; padding: 0; position: relative }
	div.secondnav li    { display: block; margin: 0; padding: 0; float: left; clear: right }
	div.secondnav a     { color: #120f82; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; text-decoration: underline; background-color: #fcf9ff; text-align: center; text-transform: capitalize; display: block; margin: 2px; padding: 3px; width: auto; overflow: hidden; clip: auto }
	div.secondnav a:visited { color: #646488 }
	div.secondnav a:hover     { color: #eea800; background-position: center -24px }
	#active_page     { color: #8195ce; text-decoration: none; cursor: default }

#portfolio-flash   { display: none; position: absolute; z-index: 100; top: 10px; left: 10px }
/*Text Footer Menu*/
#textfootermenu{
	width: 600px;
	display: block;
	margin-right: auto;
	margin-left: auto;
	_height: 1%;
	position: relative;
	top: -50px;
	z-index: 9999;
}
#textfootermenu:after{	
	content: ".";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}
	
#textfootermenu ul   {
	list-style-type: square;
	margin: 0;
	padding: 0;
	position: relative;
}
#textfootermenu li    {
	display: block;
	margin: 0;
	padding: 0;
	float: left;
	clear: right;
}
#textfootermenu a     {
	color: #999999;
	font-size: 10px;
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
	text-transform: capitalize;
	display: block;
	margin: 2px;
	padding: 3px;
	width: auto;
	overflow: hidden;
	clip: auto;
}
#textfootermenu a:visited { color: #999999}
#textfootermenu a:hover     { color: #FFFFFF; background-position: center -24px }
/* Intro text for getting started page*/
#getstarted{
	font-size: 1.75em;
	padding-top: 2.5em;
	width: 300px;
	position: relative;
	left: 10px;
	top: auto;
	font-style: italic;
	color: #666666;
}

#paypal{
	border: 3px solid #E4E4E4;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 230px;
	background-image: url(images/mechanicals/paypal.jpg);
	background-repeat: no-repeat;
	background-position: 20px 15px;
	height: 150px;
	position: relative;
	top: 18px;
	-moz-border-radius: 10px;
-webkit-border-radius: 10px;

}
#paypal .col1{
	float: left;
	padding-left: 65px;
 }

#paypal .col2{
	float: left;
	padding-left: 50px;
  }
#inprogress_img{
	height: 100%;
	width: 100%;
}

#payinvoice{
	clear: both;
	text-align: center;
	width: 100%;
	padding-top: 25px;
}
#payinvoice a{
	font-size: 1px;
	background-image: url(images/mechanicals/PayInvoiceButton.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	text-indent: -9999px;
	height: 41px;
	width: 131px;
	display: block;
	margin-right: auto;
	margin-left: auto;
}
#payinvoice a:hover{
	background-position: top; 
}