body 
{
	margin-top: 0px;
	background: #36393D url(/images/background.png);
	font-family: Arial, Helvetica, sans-serif;
	color: #D1E9A3;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #ffffff;
}

strong
{
	font-size:13px;
	font-weight:normal;
}

.InflectoBlog strong
{
	font-weight:bold;
}

a
{
	color: #949DA7;
	text-decoration: none;
}


h1
{
	letter-spacing: 2px;
	font-size:17px;
	color:#FFFFFF;
	margin:0px;
	padding: 6px 0px 6px 0px;
}



h2
{
	letter-spacing: 1px;
	font-size:14px;
	color:#FFFFFF;
	margin:0px;
	padding: 6px 0px 6px 0px;
}



h3
{
	letter-spacing: 1px;
	font-size:14px;
	color:#FFFFFF;
	margin:0px;
	padding: 6px 0px 6px 0px;
}

h4
{
	letter-spacing: 1px;
	font-size:13px;
	color:#FFFFFF;
	margin:0px;
	padding: 6px 0px 6px 0px;
}

#logo img
{
	border:none;
}

.MarginTop
{
	margin-top: 10px;
}

#wrapper
{
	width: 945px;
	margin: 0px auto;
}
#ContactUs
{
	width: 25px;
	float:left;
}

#ContactUs a
{
	background-image: url(/images/buttons/contact-us-green-0.gif);
	display:block;
	height: 130px;
	width:25px;
	margin-top:250px;
}
#ContactUs a:hover
{
	background-image: url(/images/buttons/contact-us-green-1.gif)
}


#MainSite
{
	width: 920px;
	float:right;
	background-color: #202225;
}

#header
{
	font-size: 11px;
}

#FooterBar
{
	margin-top: 10px;
	height: 20px;
}

#LeftFooter
{
	float: left;
	width: 460px;
}
#RightFooter
{
	float: left;
	width: 460px;
	text-align: right;
}

#FooterBar span
{
	padding-left: 14px;
	padding-right: 14px;
}

#Footer
{
	width: 920px;
	background: #202225;
	font-size: 9px;
}

#Footer table
{
	border-collapse:collapse;
}

#Footer table td
{
	padding: 0px 20px 0px 0px;
}

#Footer h4
{
	font-size: 10px;
	margin-top: 0px;
	margin-bottom: 3px;
	padding: 0px;
}

#Footer a
{
	font-size: 9px;
	margin-top: 0px;
	margin-bottom: 0px;
}

#Footer #Services
{
	background: #000000;
	margin: 10px 0px 10px 14px;
	padding: 5px;
	width: 346px; 
	height: 50px;
	float: left;
	display:inline; /*Fixes IE6 Double Margin Bug */
}

#Footer #Services table
{
	width: 350px;
	margin: 0px;
}

#Footer #Areas
{
	background: #000000;
	margin: 10px 0px 10px 10px;
	padding: 5px;
	width: 300px;
	height: 50px;
	float: left;
	display:inline; /*Fixes IE6 Double Margin Bug */
}

#Footer #Areas table
{
	width: 300px;
	margin: 0px;
	padding: 0px;
}

#Footer #Sitemap
{
	background: #000000;
	margin: 10px 0px 10px 10px;
	padding: 5px;
	width: 195px; 
	height: 50px;
	float: left;
	text-align: right;
	display:inline; /*Fixes IE6 Double Margin Bug */
}



#Footer #Sitemap .left
{
	float: left;
	text-align:left;
}

#Footer #Sitemap .right
{
	float: right;
	text-align:right;
}

#Footer table td
{
	padding:0px;
}

#logo
{
	height: 80px;
	float: left;
	width: 300px;
}


#logo img
{
	padding: 5px 0px 5px 13px; 
}


#tagline
{
	height: 80px;
	float: right;
	width: 600px;
	text-align: right;
}
#tagline h1, #tagline h2, #tagline h4
{
	letter-spacing: 8px;
	font-weight:lighter;
	padding-right: 30px;
	padding-top: 27px;
	font-size:18px;
}

#xmasOpening
{
	padding-top: 10px;
	text-align: center;
	color: White;
	font-size: 10px;
}

#xmasOpening h6
{
	letter-spacing: 8px;
	font-size:13px;
	margin: 0px;
}



.ThickBorder img
{
	border: none;
}

/*Template A */

#HomeFlash
{
	margin-top: 14px;
	height: 335px;
	background-color: #000000; 
}

#HomeFlash #AlternateFlashContent
{
	padding: 10px;
}

#HomeFlash h1 
{
	width: 416px;
	margin:0px;
	padding:10px;
}

#HomeFlash a
{
	text-decoration: none; 
	color: #87C442
}
#HomeFlash a:hover
{
	text-decoration: none; 
	color: #307BBE
}

#HomeFlash h1.leftProduct
{
	float:left;
} 

#HomeFlash h1.rightProduct
{
	float:right;
} 

#HomeAbout .AboutBox a, #HomeAbout .AboutBox a:hover
{
	text-decoration: none;
}

#HomeAbout .AboutBox
{
	font-size: 12px;
	margin-top: 14px;
	height: 180px;
	width: 176px;
	float: left;
	padding: 10px;
	margin-right: 14px;
	background-color: #000000;
}

#HomeAbout .AboutBox p
{
	margin:0px;
}


#HomeAbout .first
{
	width: 241px;
}
#HomeAbout .first h1
{
    font-size: 14px;
    letter-spacing: 1px;
}

#HomeAbout .fourth
{
	margin-right: 0px;
}

#HomeAbout .AboutBox h2
{
	letter-spacing: normal;
	padding-top: 0px;
}

#HomeAbout .first h1, #HomeAbout .first a
{
	color: #DE2125;
	padding-top: 0px;
	
}

#HomeAbout .second h2, #HomeAbout .second a
{
	color: #87C241;
}

#HomeAbout .third h2, #HomeAbout .third a
{
	color: #FED308;
}

#HomeAbout .fourth h2, #HomeAbout .fourth a
{
	color: #307BBF;
}


.Home #FooterBar a, .Home #Footer a
{
	color: #87C22E;
	text-decoration:none;
}

.Home #Footer h4
{
	color: #87C22E;	
}

/* Template B */

#LayoutBContent ul li
{
	padding-top: 3px;
	padding-bottom:3px;
}

#MenuL1Container
{
	border-top: solid 1px #4d4d4d;
	background: #A9AAAD url(/images/MenuL1Back.gif) repeat-x;
	height: 32px;
	clear:both;
}

#MenuL1 
{
	
	padding: 0px;
	margin: 0;
	list-style: none;
}
#MenuL1 li
{
	float: left;
}

#MenuL1 li a
{
	text-decoration: none;
	color: #ffffff;
	padding: 9px 14px 9px 14px;
	border-right: solid 1px #4d4d4d;
	font-weight: bold;
	display: block;
}

#MenuL1 li a:hover
{
	background: #A9AAAD url(/images/MenuL1BackOn.gif) repeat-x;
	color: #ffffff;
}

#breadcrumb
{
	padding: 4px 14px 4px 14px;
	border-bottom: solid 1px #000000;
	text-align: right;
}

#breadcrumb, #breadcrumb a
{
	color: #000000;
	text-decoration: none;
}

#breadcrumb a:hover
{
	color: #a9aaad;
	text-decoration: none;
}

#SiteContent
{
	padding: 0px 14px 0px 14px;
}


#MenuL2Container 
{
	width: 200px;
	height: 270px;
	background-color: #000000;
	float: left;
	margin-top: 14px;
}

#MenuL2 
{
	margin: 5px 0px 0px 0px;
	padding: 0px 10px 0px 10px;
	list-style: none;
	color: #ffffff;
}

#MenuL2 ul
{
	margin: 0px;
	padding: 0px 0px 0px 10px;
	list-style: none;
	color: #ffffff;
}

#MenuL2 li
{
	padding: 5px 0px 5px 0px;
	color: #ffffff;
}


#MenuL2 li a
{
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	font-size: 13px;
}

#MenuL2 li ul li 
{
	padding: 2px 0px 2px 5px;
}

#MenuL2 li ul li a
{
	font-size: 12px;
}

/* LAyoutB */

#LayoutBLeftCol
{
	float: left;
	width: 200px;
	height: 540px;
}

#LayoutBImageContainer
{
	width: 200px;
	height: 256px;
	background-color: #000000;
	margin-top: 14px;
	float:left;
}

#LayoutBContent
{
	width: 658px;
	height: 520px;
	background-color: #000000;
	float: left;
	overflow-y:auto;
	overflow-x:hidden;
	margin-left: 14px;
	padding: 10px;
	margin-top: 14px;
}

#LayoutBContent table, #LayoutBContent tr, #LayoutBContent td
{
	margin: 0px;
	padding:0px;
}

#LayoutBContent td.form
{
	border-top: dashed 1px #202225;
	vertical-align: top;
	padding-top: 10px;
	padding-bottom: 10px;
	width:400px;
}

#LayoutBContent td.form input.topPadded
{
	margin-top: 6px;
}

#LayoutBContent td.form input[type=text], #LayoutBContent td.form textarea
{
	margin-left:5px;
}

#LayoutBContent td.form textarea 
{
	height: 200px;
	width: 380px;
}

.padded, padded td
{
	border-collapse: collapse;
	padding: 0px;
	margin: 0px;
}

.padded td label
{
	padding-left: 10px;
}

/* LAyoutC */

#LayoutCLeftCol
{
	float: left;
	width: 200px;
	height: 540px;
}

#LayoutCImageContainer
{
	width: 200px;
	height: 256px;
	background-color: #000000;
	margin-top: 14px;
	float:left;
}

#map_canvas
{
	width: 678px;
	height: 406px;
	background-color: #000000;
	float: left;
	margin-left: 14px;
	margin-top: 14px;
}

#LayoutCContactLeft, #LayoutCContactRight
{
	width: 312px;
	height: 100px;
	margin-top: 14px;
	margin-left: 14px;
	padding: 10px;
	background-color: #000000;
	float:left;
}


/*Blog */
#BlogMenu 
{
	background-color: #000000;
	width: 892px;
	margin-bottom: 14px;	
	margin-top: 14px;
}

#BlogMenu ul 
{
	width: 892px;
	padding: 0px;
	margin: 0;
	list-style: none;
}

#BlogMenu ul li
{
	float: left;
	padding: 8px 10px 8px 10px;
}

#BlogMenu ul li img 
{
	vertical-align: middle;
	border: none;
}

#BlogLeftPanel
{
	width: 180px;
	height: 480px;
	background-color: #000000;
	float: left;
	margin-right: 14px;
	overflow-y: auto;
	overflow-x: hidden;
	padding: 10px;
	margin-bottom: 0px;
	margin-top: 0px;
}

#BlogLeftPanel ul li img 
{
	vertical-align:middle;
	border: none;
	margin-right: 4px;
}

#BlogLeftPanel ul
{
	list-style: none;
	padding:0px;
	margin: 0px;
	margin-bottom: 5px;
}
#BlogLeftPanel ul li
{
	padding-left: 5px;
}

#BlogContent 
{
	width: 658px;
	height: 500px;
	background-color: #000000;
	float: left;
	overflow-y: auto;
	overflow-x: hidden;
	padding-right: 10px;
	padding-left: 10px;
	margin-bottom: 0px;
	margin-top: 0px;
}

#BlogContent img 
{
	border: none;
}

.post, #relatedPosts, #BlogCommentsContainer, .commentForm
{
	background-color: #202225;
	margin-top: 10px;
	padding: 10px;
}

.commentForm input
{
	width: 200px;
}

.commentForm select 
{
	width: 204px;
}

.commentForm label
{
	width: 60px;
	display: inline-block;
}

#postnavigation{
	margin-bottom: 10px;
	margin-top: 10px;
	text-align: center;
}

#postnavigation a 
{
	padding-left: 5px;
	padding-right: 5px;
}


#BlogCommentsContainer .comment
{
	background-color: #000000;
	margin-top: 10px;
	padding: 10px;
}

#postPaging
{
	margin-top: 10px;	
}

#relatedPosts
{
	background-color: #202225;
	margin-top: 10px;
	padding: 10px;	
}

#relatedPosts span
{
	display: block;
	margin-bottom: 5px;
}

#archive table
{
	margin-bottom: 10px;
}

#archive .date 
{
	width: 80px;
}

#archive .title 
{
	width: 200px;
}

#archive .comments 
{
	width: 80px;
}

#archive th 
{
	text-align:left;
}

#archive ul
{
	display: none;
}

#archive .date
{
	width: 100px;
}


/* Case Studies */
.CaseStudyButton
{
	background-color: #202225;
	float: left;
	height: 110px;
	width: 270px;
	border: solid 3px #FED308;
	padding: 10px;
	margin: 10px;
}

.CaseStudyButton .Logo
{
	text-align: center;
}

.CaseStudyButton .Logo img
{
	border: none;
}

.CaseStudyButton .Title
{
	margin-top: 6px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	
}
.ClientLink
{
	margin-top: -8px;
	margin-bottom: 8px;
}

.CaseStudyLink
{
	font-size: 10px;
}
.QuoteR
{
	width: 250px;
	float: right;
	padding: 10px;
	font-style:italic;
	clear: both;
	margin-left: 10px;
}
.QuoteL
{
	width: 250px;
	float: left;
	padding: 10px;
	font-style:italic;
	margin-right: 10px;
}

.CaseStudyImageR
{
	width: 250px;
	float: right;
	padding: 5px;
	clear: both;
	margin-left: 10px;
}
.CaseStudyImageR-Small
{
	width: 125px;
	float: right;
	padding: 5px;
	clear: both;
	margin-left: 10px;
}

.CaseStudyImageL
{
	width: 250px;
	float: left;
	padding: 5px;
	clear: both;
	margin-right: 10px;
}

/* Products & Services */
.PAndSImageR
{
	width: 250px;
	float: right;
	padding: 5px;
	clear: both;
	margin-left: 10px;
}

.PAndSImageL
{
	width: 250px;
	float: left;
	padding: 5px;
	clear: both;
	margin-right: 10px;
}

.ProductButton
{
	background-color: #202225;
	float: left;
	height: 110px;
	width: 270px;
	border: solid 3px #FED308;
	padding: 10px;
	margin: 10px;
}

.ProductButton .PImage
{
	text-align: center;
}

.ProductButton .PImage img
{
	border: none;
}

.ProductButton .Title
{
	margin-top: 6px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	
}

/* Sitemap */
#SitemapContainer
{
	margin-left: 30px;
}

/*About US General */
.SoftwareDevDiagram
{
	padding: 10px;	
}

/* About Us Overrides */

.AboutUs #ContactUs a
{
	background-image: url(/images/buttons/contact-us-red-0.gif);
}
.AboutUs #ContactUs a:hover
{
	background-image: url(/images/buttons/contact-us-red-1.gif)
}

.AboutUs #LayoutBContent ul li
{
	list-style-image: url('/images/bullets/red.gif');
}

.AboutUs #MenuL1 li.active a 
{
	background-color: #DE2125;
	color: #000000;
}
.AboutUs #MenuL1 li.active a:hover
{
	background-color: #DE2125;
	background-image: none;
	color: #ffffff;
}

.AboutUs #breadcrumb
{
	background: #DE2125;
}

.AboutUs H1, .AboutUs H2, .AboutUs H3, .AboutUs H4
{
	text-decoration: none; 
	color: #DE2125;
}
.AboutUs #MenuL2 ul li
{
	background: url(/images/menu/red-bullet.gif) left 5px no-repeat;
	padding-left: 10px;
}

.AboutUs #MenuL2 li a:hover, .AboutUs #MenuL2 li a.active
{
	color: #DE2125;
	font-weight: bold;
}

.AboutUs .ThickBorder
{
	border: solid 3px #949DA7;
}


/* Products and Service Overrides */
.ProductsAndServices #ContactUs a
{
	background-image: url(/images/buttons/contact-us-green-0.gif);
}
.ProductsAndServices #ContactUs a:hover
{
	background-image: url(/images/buttons/contact-us-green-1.gif)
}

.ProductsAndServices #LayoutBContent ul li
{
	list-style-image: url('/images/bullets/green.gif');
}

.ProductsAndServices #MenuL1 li.active a 
{
	background-color: #85C441;
	color: #000000;
}
.ProductsAndServices #MenuL1 li.active a:hover
{
	background-color: #85C441;
	background-image: none;
	color: #ffffff;
}

.ProductsAndServices #breadcrumb
{
	background: #85C441;
}

.ProductsAndServices H1, .ProductsAndServices H2, .ProductsAndServices H3, .ProductsAndServices H4
{
	text-decoration: none; 
	color: #85C441;
}

.ProductsAndServices #MenuL2 ul li
{
	background: url(/images/menu/green-bullet.gif) left 5px no-repeat;
	padding-left: 10px;
}

.ProductsAndServices #MenuL2 li a:hover, .ProductsAndServices #MenuL2 li a.active
{
	color: #85C441;
	font-weight: bold;
}

.ProductsAndServices .ThickBorder
{
	border: solid 3px #949DA7;
}


/* CaseStudies Overrides */
.CaseStudies #ContactUs a
{
	background-image: url(/images/buttons/contact-us-yellow-0.gif);
}
.CaseStudies #ContactUs a:hover
{
	background-image: url(/images/buttons/contact-us-yellow-1.gif)
}

.CaseStudies #LayoutBContent ul li
{
	list-style-image: url('/images/bullets/yellow.gif');
}

.CaseStudies #MenuL1 li.active a 
{
	background-color: #FED308;
	color: #000000;
}
.CaseStudies #MenuL1 li.active a:hover
{
	background-color: #FED308;
	background-image: none;
	color: #ffffff;
}

.CaseStudies #breadcrumb
{
	background: #FED308;
}

.CaseStudies H1, .CaseStudies H2, .CaseStudies H3, .CaseStudies H4
{
	text-decoration: none; 
	color: #FED308;
}

.CaseStudies #MenuL2 ul li
{
	background: url(/images/menu/yellow-bullet.gif) left 5px no-repeat;
	padding-left: 10px;
}

.CaseStudies #MenuL2 li a:hover, .CaseStudies #MenuL2 li a.active
{
	color: #FED308;
	font-weight: bold;
}

.CaseStudies .ThickBorder
{
	border: solid 3px #949DA7;
}



/* ContactUs Overrides */
.ContactUs #ContactUs a
{
	background-image: url(/images/buttons/contact-us-blue-0.gif);
}
.ContactUs #ContactUs a:hover
{
	background-image: url(/images/buttons/contact-us-blue-1.gif)
}

.ContactUs #LayoutBContent ul li
{
	list-style-image: url('/images/bullets/blue.gif');
}

.ContactUs #MenuL1 li.active a 
{
	background-color: #307BBE;
	color: #000000;
}
.ContactUs #MenuL1 li.active a:hover
{
	background-color: #307BBE;
	background-image: none;
	color: #ffffff;
}

.ContactUs #breadcrumb
{
	background: #307BBE;
}

.ContactUs #breadcrumb a:hover 
{
	color: #ffffff;
}

.ContactUs H1, .ContactUs H2, .ContactUs H3, .ContactUs H4
{
	text-decoration: none; 
	color: #307BBE;
}

.ContactUs #MenuL2 ul li
{
	background: url(/images/menu/blue-bullet.gif) left 5px no-repeat;
	padding-left: 10px;
}

.ContactUs #MenuL2 li a:hover, .ContactUs #MenuL2 li a.active
{
	color: #307BBE;
	font-weight: bold;
}
.ContactUs .ThickBorder
{
	border: solid 3px #307BBE;
}


/* InflectoBlog Overrides */
.InflectoBlog  #ContactUs a
{
	background-image: url(/images/buttons/contact-us-green-0.gif);
}
.InflectoBlog  #ContactUs a:hover
{
	background-image: url(/images/buttons/contact-us-green-1.gif)
}

.InflectoBlog #MenuL1 li.active a 
{
	background-color: #85C441;
	color: #000000;
}
.InflectoBlog #MenuL1 li.active a:hover
{
	background-color: #85C441;
	background-image: none;
	color: #ffffff;
}

.InflectoBlog #breadcrumb
{
	background: #85C441;
}

.InflectoBlog H1, .InflectoBlog H2, .InflectoBlog H3, .InflectoBlog H4
{
	text-decoration: none; 
	color: #85C441;
}

.InflectoBlog #MenuL2 ul li
{
	background: url(/images/menu/green-bullet.gif) left 5px no-repeat;
	padding-left: 10px;
}

.InflectoBlog #MenuL2 li a:hover, .InflectoBlog #MenuL2 li a.active
{
	color: #85C441;
	font-weight: bold;
}

/* Sitemap Overrides */

.Sitemap #MenuL1 li.active a 
{
	background-color: #85C441;
	color: #000000;
}
.Sitemap #MenuL1 li.active a:hover
{
	background-color: #85C441;
	background-image: none;
	color: #ffffff;
}

.Sitemap #breadcrumb
{
	background: #85C441;
}

.Sitemap H1, .Sitemap H2, .Sitemap H3, .Sitemap H4, .Sitemap a
{
	text-decoration: none; 
	color: #85C441;
}

.Sitemap #MenuL2 ul li
{
	background: url(/images/menu/green-bullet.gif) left 5px no-repeat;
	padding-left: 10px;
}

.Sitemap #MenuL2 li a:hover, .Sitemap #MenuL2 li a.active
{
	color: #85C441;
	font-weight: bold;
}

.Sitemap .ThickBorder
{
	border: solid 3px #85C441;
}

.clear
{
	clear: both;
}
.spacer
{
	height: 10px;
}

#aspnetForm
{
	margin: 0px;
}

/* code styles for CodeFormatter Extension*/
.code, .code pre
{
	font-size: small;
	color: #000000;
	font-family: Consolas, "Courier New", Courier, Monospace;
	background-color: white;
	margin: 5px;
	padding: 10px;
	overflow:auto;
	white-space:nowrap;
	/*white-space: pre;*/
}
.code pre { margin: 0em; }
.code .rem { color: #008000; }
.code .kwrd { color: #245DCA; font-weight:600; font-size:smaller; }
.code .str { color: #006080; }
.code .op { color: #0000c0; }
.code .preproc { color: #cc6633; }
.code .asp { background-color: #ffff00; }
.code .html { color: #800000; }
.code .attr { color: #ff0000; }
.code .alt 
{
	background-color: red;
	width: 100%;
	margin: 0em;
}
.code .lnum { color: #606060; }

#page { margin: 0 10px 0 10px; padding: 0; }
#page h1 { font : 2em verdana, Arial, Sans-Serif; background: #414141; padding: 15px; margin-bottom: 15px; }

.box { margin-bottom: 20px; }
.box p { font-size: 1em; text-align:left; line-height: 1.1em; }
.box li a {font-size: 1.0em; padding-bottom: 5px; }

/* bookmarks */
.bookmarks
{
	padding: 10px 0px 10px 0px;
}

.bookmarks span
{
	display: inline-block;
	vertical-align: middle;
}