body {
	background:url("bodyBkgd.gif" ) repeat-x top;
	visibility: visible;
}

/*
----------------------------------------------------------------------------- 
YUI
-----------------------------------------------------------------------------*/

#custom-doc { 
margin:auto;text-align:left; /* leave unchanged */ 
width:59.22em;/* non-IE */ 
*width:59.22em;/* IE */ 
min-width:789px;/* optional but recommended */ 
}

#ft {width:808px; margin-bottom:15px;}

.yui-tt {background:#ffffcc;}
/*
----------------------------------------------------------------------------- 
NAV
-----------------------------------------------------------------------------*/

ul#mainNav {height:42px; width:808px; margin:15px 0 5px 1px;}
#mainNav li {float:left; text-indent:-5000px; overflow:hidden;}
#mainNav li a {display:block; height:42px; width:134px; background:url("nav-sprite_II.jpg"/*tpa=http://www.networxonline.com/media/nav-sprite_II.jpg*/) no-repeat; border:0;}

li#navHome a:hover, li#navHome .current {background-position: 0 -42px;}
li#navHome a:active {background-position: 0 -84px;}

li#navAbout a {background-position: 0 -126px;}
li#navAbout a:hover, li#navAbout .current {background-position: 0 -168px;}
li#navAbout a:active {background-position: 0 -210px;}

li#navSystems a {background-position: 0 -252px;}
li#navSystems a:hover, li#navSystems .current {background-position: 0 -294px;}
li#navSystems a:active {background-position: 0 -336px;}

li#navFeatures a {background-position: 0 -378px;}
li#navFeatures a:hover, li#navFeatures .current {background-position: 0 -420px;}
li#navFeatures a:active {background-position: 0 -462px;}

li#navFAQ a {background-position: 0 -504px;}
li#navFAQ a:hover, li#navFAQ .current {background-position: 0 -546px;}
li#navFAQ a:active {background-position: 0 -588px;}

li#navContact {width:136px !important;}
li#navContact a {background-position: 0 -630px;}
li#navContact a:hover, li#navContact .current {background-position: 0 -672px;}
li#navContact a:active {background-position: 0 -714px;}

ul#footerNav a {border:0;}
ul#footerNav {float:right; font-size:94%; text-align:right;}
ul#footerNav li {display:inline; padding-left:10px; margin-right:5px; border-left: 1px solid #999;}
ul#footerNav li.first {border-left:none;}

/*
----------------------------------------------------------------------------- 
HOME PAGE
-----------------------------------------------------------------------------*/

#wrapper {
	width:808px;
	margin-bottom:10px;
	background:url("mainContentBkgd.gif" ) repeat-y top;
}
#wrapperBottom {
	display:block;
	width:808px;
	height:17px;
	background: url("mainContentBottom.gif" ) repeat-x bottom;
}

#splashMessage {
	position:relative;
	display:block;
	height:236px;
	width:808px;
	background:url("splashHome.gif" ) no-repeat;
	overflow:visible;
	visibility: visible;
}
#splashMessageText {
	position:absolute;
	top:-55px;
	left:6px;
	width:300px;
}

#productAds {display:block; width:806px; height: 129px; margin-left:1px;}
#productAds .adProduct h2 {margin:0;}
#productAds .adProduct h2 a {
	float:left;
	display:block;
	width:403px;
	height:129px;
	text-indent:-5000px;
	overflow:visible;
	border:0;
}
#productAds .adProduct h2 a#adDoItYourselfSystem {
	background:url("homeProductPBRight.gif" ) no-repeat;
}
#productAds .adProduct h2 a#adCustomSystem {
	background:url("homeProductCustomLeft.gif" ) no-repeat;
}

#testimonials, #salesContent {margin-top:25px; padding: 0 25px; border-right:1px solid #ededed;}
#salesContent {border:0;}

.testimonial {margin-bottom:25px;}

/*
----------------------------------------------------------------------------- 
TYPE
-----------------------------------------------------------------------------*/
.clear {clear:both;	height:0px; font-size:0px; line-height:0px;}

a {color:#669966; text-decoration:none; border-bottom:1px dotted #669966;}
a:hover {color:#336633; border-bottom:1px solid #336633;}

strong, .strong {font-weight: bold;}
em {font-style:italic; font-weight:inherit;}

p {margin-bottom:1em; line-height:1.4em;}

#testimonials, #secondaryTestimonials, #secondaryClientList {font-size:93%;color:#666;}
p.testmonialTitle {font-size: 94%; font-weight:bold; text-transform:uppercase; letter-spacing:0.2em; color:#2e5c8a;}
.testimonial .name {font-weight:bold;}
.testimonial .organization {font-weight:normal; font-style:italic;}

#secondaryClientList {
	margin:25px 20px 0 0;
	padding:20px;
	background: url("clientListBkgd.gif" ) no-repeat bottom center;
}
p.clientListTitle {margin:0.5em 0 1em 0; font-size:118%; font-weight:bold; text-transform:uppercase; letter-spacing:0.15em; color:#2e5c8a; text-align:center;}
ul#clientList li {margin:.8em 0; font-size: 139%; font-family: "Palatino Linotype", Palatino, Georgia, "Times New Roman", Times, serif; color: #659865; font-style:italic; text-align:center;}

#splashMessageText p {font-size:94%;}
#splashMessageText .title {font-size:180%; font-weight:bold; margin-bottom:0;}

h1, h2, h3, h4 {color:#2e5c8a; margin-bottom:.6em; line-height:1.1em;}
h1 {font-size:189%;}
h2 {font-size:144%; margin-top:1.4em;}
h3 {font-size:189%;}
h4 {font-size:189%;}

.aboutName {margin-top:25px; padding-bottom:5px; border-bottom:1px solid #7DA9D4;}
span.aboutTitle {font-size:80%; color:#7DA9D4;font-style:italic;}

#contactFormWrapper h2 {font-size:120%; font-weight:bold; text-transform:uppercase; margin-top:0; padding-bottom:5px; border-bottom: 1px solid #a6dbff;}
h2.systemFeature {margin-top:1.5em;}
.systemFeatureTitle {font-weight:bold; color:#669966;}

#copyright {float:left; color:#999999; font-size:94%;}

.note {font-size:92%;}
.noteSmaller {font-size:70%;}

.contactPrompt {background:#f1fee8; border:solid 1px #a1cf7f; padding:8px 12px; margin-bottom:40px;}

.pricingTitle {color:#669966; font-weight:bold; margin-bottom:0;}

/*
----------------------------------------------------------------------------- 
Secondary Pages
-----------------------------------------------------------------------------*/
#sectionBranding {position:relative; display:block; height:135px; width:806px; margin-left:1px;}
.aboutBranding {background:url("splashAbout.jpg"/*tpa=http://www.networxonline.com/media/splashAbout.jpg*/) no-repeat;}
.systemsBranding {background:url("splashSystems.jpg"/*tpa=http://www.networxonline.com/media/splashSystems.jpg*/) no-repeat;}
.featuresBranding {background:url("splashPricing.jpg"/*tpa=http://www.networxonline.com/media/splashPricing.jpg*/) no-repeat;}
.faqBranding {background:url("splashFAQ.jpg"/*tpa=http://www.networxonline.com/media/splashFAQ.jpg*/) no-repeat;}
.contactBranding {background:url("splashContact.jpg"/*tpa=http://www.networxonline.com/media/splashContact.jpg*/) no-repeat;}

#mainContent {margin-top:25px; padding: 0 25px; border-right:1px solid #ededed;}
#secondaryTestimonials {margin-top:25px; padding: 0 25px 0 10px;}

ul.systemFeatures{margin-bottom:15px;}
ul.systemFeatures li {margin:0.5em 0 15px 0; background:url("small-arrow.png"/*tpa=http://www.networxonline.com/media/small-arrow.png*/) no-repeat 0 2px; padding-left:20px;}
ul.systemFeatures li ul {margin:0.5em;}
ul.systemFeatures li ul li {margin:0; background:url("bullet.gif"/*tpa=http://www.networxonline.com/media/bullet.gif*/) no-repeat 0 2px; padding-left:20px; color:#666;}

ol.faq {margin:0 0 20px 20px;}
ol.faq li {padding-left:5px; margin:0.5em 0; list-style:decimal;}
ol.faq li p {margin:0.5em 0 1.5em 0; font-weight:normal;}

#contactFormWrapper {background-color:#e4f4ff; margin:2em 0; padding:20px 10px; border:1px solid #a6dbff;}
form#contactForm legend {display:none;}
form#contactForm label {float:left; width:90px; text-align:right; margin:0 10px 5px 0;}
form#contactForm input, form#contactForm textarea {float:left; width:350px; margin-bottom:5px;}
form#contactForm textarea {height:70px;}
form#contactForm input.submit {width:100px; margin-left:100px;}

table.systemGrid, table.featureGrid {border-collapse:collapse; border-top:1px solid #7DA9D4; border-bottom:1px solid #7DA9D4; font-size:94%; margin-bottom:1em;} 
table.systemGrid td, table.featureGrid td {padding:10px;}
table.systemGrid td.feature, table.featureGrid td.feature {color:#669966; font-weight:bold; border-right: 1px solid #7DA9D4;width:25%; border-bottom: 1px solid #7DA9D4;}
table.systemGrid td.featureDescription, table.featureGrid td.featureDescription {border-bottom: 1px solid #7DA9D4;} 
table.systemGrid th.systemGridTitle, table.featureGrid th.systemGridTitle {padding:5px 10px; color:#fff; font-size:88%; text-transform:uppercase; letter-spacing:2px; background:#7DA9D4;}
.toolTip {font-weight:bold;}
.yui-tt {width:300px; font-size: 94%; padding:10px; color:#333; background-color:#e4f4ff; border:1px solid #a6dbff; text-align:left;}
.yui-tt li {margin:0; background:url("bullet.gif"/*tpa=http://www.networxonline.com/media/bullet.gif*/) no-repeat 0 2px; padding-left:20px;}
.yui-tt .bd{position:relative;top:0;left:0;z-index:1;}

.exampleSystems {display:block; width:475px; height:105px; margin-bottom:20px; border:1px solid #7DA9D4;}
.exampleSystems.custom {background: #fdffd1 url("exampleCustomSystems.jpg"/*tpa=http://www.networxonline.com/media/exampleCustomSystems.jpg*/) no-repeat center;}
.exampleSystems.salesArchitect {background: #fdffd1 url("exampleSalesArechitectSystem.jpg"/*tpa=http://www.networxonline.com/media/exampleSalesArechitectSystem.jpg*/) no-repeat center;}
.exampleSystems p {margin: 12px 0 0 270px; line-height:1.1em; font-weight:bold; color:#336633;}
.exampleSystems ul {margin-left:275px; font-size:94%;}
.exampleSystems li {margin-top:0.25em; background:url("small-arrow.png"/*tpa=http://www.networxonline.com/media/small-arrow.png*/) no-repeat 0 2px; padding-left:18px;}

table.pricingGrid {border-top:1px solid #7DA9D4; border-bottom:1px solid #7DA9D4; font-size:94%; margin-bottom:1em; background:#ffffcc;}
table.pricingGrid td {padding:8px;}
table.pricingGrid td.price {border-right: 1px solid #7DA9D4;width:25%;}

/* 
----------------------------------------------------------------------------- 
INLINE media
-----------------------------------------------------------------------------*/
.inlineMedia {text-align:center; font:normal 1.0em arial,tahoma,sans-serif; color: #999;}
img.inlineMedia {padding:2px; border:1px solid #CADEF8; background:#fff;}
.inlineMediaNB img {padding:0; border:0px solid #eee1a2; background:#fff;}
.noStyle img {padding:0; border:0 none;}
.right {float:right; margin:0 0 0.5em 1.3em;}
.left {float:left; margin:0 1em 0 0;}
.center {position:relative; margin-left:auto; margin-right:auto;}