* {
	margin: 0px;
	padding: 0px;
}
html {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
body {
	font: bold 12px/12px "Lucida Grande", Helvetica, Arial;
	color: #808080;
	background: #FFFFFF;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
div {
	font: bold 12px/12px "Lucida Grande", Helvetica, Arial;
	color: #808080;
}
#content {
	position: relative;
}
img {
	border: none;
}
.wrapper {
	position: relative;
	width: 1000px;
	margin: auto;
}
.left100 {
	margin-left: 100px;
}


/********* WELCOME **********/

#welcome {
	background: url(../images/welcome-bg.jpg) repeat-x 0px 0px;
	position: absolute;
	width: 100%;
	height: 1300px;
	top: 0px;
}
#welcome #slideshow {
	position: absolute;
	right: 0px;
	top: 180px;
	width: 390px;
	height: 310px;
}
#slideshow img {
	top:  0; 
	left: 0; 
}
#welcome h1 {
	background: url(../images/nysteria.jpg) no-repeat 0px 0px;
	height: 90px;
	width: 449px;
	position: absolute;
	top: 180px;
	text-indent: -9999px;
	background-image: url(../images/nysteria.jpg);
}
#welcome p {
	background: url(../images/welcome.jpg) no-repeat 0px 0px;
	height: 61px;
	width: 429px;
	position: absolute;
	top: 290px;
	left: 100px;
	text-indent: -9999px;
}
#welcomelinks {
	position: absolute;
	top: 365px;
	left: 0px;
}

#codescreen {
	background: url(../images/codescreen.png) no-repeat 0px 0px;
	height: 233px;
	width: 463px;
	position: absolute;
 	left:100px;
	top: 400px;
	text-indent: -9999px;
	background-image: url(../images/codescreen.png);
}


/********* ABOUT **********/

#about {
	position: absolute;
	top: 1300px;
	background: url(../images/about-bg.jpg) repeat-x 0px 0px;
	height: 1300px;
	width: 100%;
	height: 1300px;
}
#aboutBg {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../images/about-bg2.jpg) no-repeat center 100%;
}
#aboutBox {
	position: relative;
	margin: 25px auto 0px;
	height: 536px;
	width: 951px;	
	background: url(../images/about-box.jpg) no-repeat 0px 0px;
}
#aboutBox #photos {
	position: absolute;
	top: 50px;
	left: 690px;
	width: 206px;
}
#aboutBox #photos img {
	padding-bottom: 22px;
}
#aboutBox h2 {
	position: absolute;
	text-indent: -9999px;
	height: 18px;
	width: 205px;
	left: 50px;
}
#aboutBox p {
	position: absolute;
	text-indent: -9999px;
	width: 581px;
	left: 50px;
}

#aboutBox h2#h2a1 {
	top: 50px;
	background: url(../images/started.jpg) no-repeat 0px 0px;	
}
#aboutBox p#pa1 {
	top: 95px;
	height: 196px;
	background: url(../images/started2.jpg) no-repeat 0px 0px;	
}

#aboutBox h2#h2a2 {
	top: 350px;
	background: url(../images/commitment.jpg) no-repeat 0px 0px;	
}
#aboutBox p#pa2 {
	top: 395px;
	height: 80px;
	background: url(../images/commitment2.jpg) no-repeat 0px 0px;	
}


/********* WEBSITES **********/

#websites {
	position: absolute;
	top: 2600px;
	background: url(../images/websites-bg.jpg) repeat-x 0px 0px;
	height: 1300px;
	width: 100%;
	height: 1300px;
}
#websitesBg {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../images/websites-bg2.jpg) no-repeat right 156px;
}
#websites h2 {
	background: url(../images/websites.gif) no-repeat 0px 0px;
	height: 33px;
	width: 169px;
	text-indent: -9999px;
	position: absolute;
	left: 30px;
	top: 28px;
}
#websites p#p1 {
	background: url(../images/websites.png) no-repeat 0px 0px;
	height: 129px;
	width: 674px;
	text-indent: -9999px;
	position: absolute;
	left: 30px;
	top: 97px;
}
#websitesBox {
	background: url(../images/websites-box.jpg) no-repeat 0px 0px;
	height: 335px;
	width: 564px;
	position: absolute;
	left: 30px;
	top: 248px;
}
#websitesBox h3 {
	width: 260px;
	height: 20px;
	position: absolute;
	text-indent: -9999px;
	left: 26px;
}
#websitesBox p#p2,#websitesBox p#p3,#websitesBox p#p4 {
	width: 335px;
	height: 40px;
	position: absolute;
	text-indent: -9999px;
	left: 26px;
}

#websitesBox h3#h31 {
	top: 33px;
	background: url(../images/fully-featured.gif) no-repeat 0px 0px;
}
#websitesBox p#p2 {
	top: 63px;
	background: url(../images/features.gif) no-repeat 0px 0px;
}

#websitesBox h3#h32 {
	top: 138px;
	background: url(../images/beautiful-designs.gif) no-repeat 0px 0px;
}
#websitesBox p#p3 {
	top: 168px;
	background: url(../images/designs.gif) no-repeat 0px 0px;
}

#websitesBox h3#h33 {
	top: 245px;
	background: url(../images/company-trust.gif) no-repeat 0px 0px;
}
#websitesBox p#p4 {
	top: 275px;
	background: url(../images/trust.gif) no-repeat 0px 0px;
}

#webBtns {
	position: absolute;
	left: 376px;
	top: 33px;
}
#features-btn {
}
#examples-btn {
	margin-top: 52px;
}
#comments-btn {
	margin-top: 60px;
}


/********* PRICING **********/

#pricing {
	position: absolute;
	top: 3900px;
	background: url(../images/pricing-bg.jpg) repeat-x 0px 0px;
	height: 1300px;
	width: 100%;
	height: 1300px;
}
#pricing h2, #pricing h3, #pricing p {
	position: absolute;
	text-indent: -9999px;
}
#pricingBg {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../images/pricing-bg2.jpg) no-repeat center 100%;
}
#pricingBg {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../images/pricing-bg2.jpg) no-repeat center 100%;
}
#pricingBox {
	position: relative;
	margin: 25px auto 0px;
	height: 536px;
	width: 951px;	
	background: url(../images/pricing-box.jpg) no-repeat 0px 0px;
}
#customDesign {
	top: 121px;
	left: 36px;
	position: absolute;
}
#customDesign h3 {
	background: url(../images/first.jpg) no-repeat 0px 0px;
	height: 22px;
	width: 222px;
}
#customDesign p {
	top: 27px;
	background: url(../images/first-text.jpg) no-repeat 0px 0px;
	height: 60px;
	width: 222px;
}
#fullyManaged {
	top: 336px;
	left: 36px;
	position: absolute;
}
#fullyManaged h3 {
	background: url(../images/last.jpg) no-repeat 0px 0px;
	height: 22px;
	width: 222px;
}
#fullyManaged p {
	top: 27px;
	background: url(../images/last-text.jpg) no-repeat 0px 0px;
	height: 100px;
	width: 222px;
}
#second{
	top: 121px;
	left: 650px;
	position: absolute;
}
#second h3 {
	background: url(../images/second.jpg) no-repeat 0px 0px;
	height: 22px;
	width: 245px;
}
#second p {
	top: 27px;
	background: url(../images/jerry.jpg) no-repeat 0px 0px;
	height: 65px;
	width: 245px;
}
#pricingBox h2 {
	top: 24px;
	left: 36px;
	background: url(../images/processes.jpg) no-repeat 0px 0px;
	height: 44px;
	width: 167px;
}
#pricing #diagram {
	background: url(../images/diagram.jpg) no-repeat 0px 0px;
	height: 378px;
	width: 444px;
	position: absolute;
	left: 223px;
	top: 128px;
}
#pricing #price {
	top: 336px;
	left: 650px;
	position: absolute;
	background: url(../images/price.jpg) no-repeat 0px 0px;
	height: 91px;
	width: 174px;
}
#pricing #discount {
	position: absolute;
	bottom: 0;
	right: 0;
	background: url(../images/discount.jpg) no-repeat 0px 0px;
	height: 117px;
	width: 197px;	
}
#getstarted {
	top: 427px;
	left: 650px;
	position: absolute;
	height: 40px;
	width: 132px;
	cursor: pointer;
}


/********* CONTACT **********/

#contact {
	position: absolute;
	top: 6500px;
	background: url(../images/contact-bg.jpg) repeat-x 0px 0px;
	height: 1300px;
	width: 100%;
}
#contactBox {
	margin: 24px auto 0px;
	height: 534px;
	width: 784px;	
	background: url(../images/contact-box.jpg) no-repeat 0px 0px;
}
#contactBox ul {
	padding: 50px 0px 0px 210px;
	list-style: none;
}
#contactBox li {
	margin: 0px 0px 12px;
	padding-left: 84px;
}
#contactBox input {
	background: url(../images/formLine.jpg) no-repeat 0px 0px;
	height: 33px;
	width: 404px;
	font-size: 15px;
	color: #3C3C3C;
	padding: 7px 10px 0 20px;
	border-style: none;
}
#contactBox input:focus,
#contactBox textarea:focus {
	border-style: none;
}
#contactBox textarea {
	background: url(../images/formArea.jpg) no-repeat 0px 0px;
	height: 193px;
	width: 404px;
	color: #3C3C3C;
	padding: 7px 10px 0 20px;
	border-style: none;
	font: 13px/13px "Lucida Grande", Helvetica, Arial;
}
#contactBox li#title {
	padding-left: 0px;
	margin: 0px 0px 12px;
}
#contactBox li#contactName {
	background: url(../images/formName.jpg) no-repeat 0px 0px;
}
#contactBox li#contactEmail {
	background: url(../images/formEmail.jpg) no-repeat 0px 0px;
}
#contactBox li#contactLink {
	background: url(../images/formLink.jpg) no-repeat 0px 0px;
}
#contactBox li#contactMsg {
	background: url(../images/formMsg.jpg) no-repeat 0px 0px;
	margin: 0px 0px 7px;
}
#contactBox #contactSubmit {
	background: url(../images/submit.jpg) no-repeat right 0px;
	height: 42px;
	width: 434px;
	display: block;
	text-indent: -9999px;
	cursor: pointer;
}
#contactBox #contactSubmit:hover {
	background: url(../images/submit-over.jpg) no-repeat right 0px;
}


/********* GET STARTED POPUP **********/

#startBox {
	margin: 20px;
}
#startBox ul {
	padding: 25px 0px 0px 0px;
	list-style: none;
}
#startBox li {
	margin: 0px 0px 12px;
	padding-left: 84px;
}
#startBox input {
	background: url(../images/startLine.jpg) no-repeat 0px 0px;
	height: 33px;
	width: 404px;
	font-size: 15px;
	color: #3C3C3C;
	padding: 7px 10px 0 20px;
	border-style: none;
}
#startBox input:focus,
#startBox textarea:focus {
	border-style: none;
}
#startBox textarea {
	background: url(../images/startArea.jpg) no-repeat 0px 0px;
	height: 148px;
	width: 404px;
	color: #3C3C3C;
	padding: 7px 10px 0 20px;
	border-style: none;
	font: 13px/13px "Lucida Grande", Helvetica, Arial;
}
#startBox li#title {
	padding-left: 0px;
	margin: 0px 0px 12px;
}
#startBox li#startName {
	background: url(../images/startName.jpg) no-repeat 0px 0px;
}
#startBox li#startEmail {
	background: url(../images/startEmail.jpg) no-repeat 0px 0px;
}
#startBox li#startBudget {
	background: url(../images/startBudget.jpg) no-repeat 0px 0px;
}
#startBox li#startLink {
	background: url(../images/startLink.jpg) no-repeat 0px 0px;
}
#startBox li#startMsg {
	background: url(../images/startMsg.jpg) no-repeat 0px 0px;
	margin: 0px 0px 7px;
}
#startBox #startSubmit {
	height: 42px;
	width: 135px;
	display: block;
	text-indent: -9999px;
	cursor: pointer;
}
#startBox #contactSubmit:hover {
	background: url(../images/submit-over.jpg) no-repeat right 0px;
}
#startBox #smallchurch {
	position: absolute;
	top: 102px;
	left: 585px;
	width: 165px;
}
#startBox #smallchurch p {
	padding: 10px 0 0;
	font-size: 11px;
	line-height: 14px;
}


#unknown {
	position: absolute;
	top: 6500px;
	background: url(../images/unknown-bg.jpg) repeat-x 0px 0px;
	height: 1300px;
	width: 100%;
	height: 1300px;
}
#unknown h2, #unknown h3, #unknown p {
	position: absolute;
	text-indent: -9999px;
}


/********* FOOTER **********/

#footer {
	z-index: 50;
	background: url(../images/footer-bg.png) repeat-x 0px 0px;
	width: 100%;
	position: absolute;
	bottom: 0px;
	left: 0px;
	height: 58px;
}
ul#nav {
	list-style: none;
	margin-left: 80px;
	margin-top: 8px;
}
ul#nav li {
	float: left;
	width: 131px;
	height: 50px;
	margin-right: 10px;
	font-size: 12px;
	font-weight: normal;
	cursor: pointer;
	text-indent: -9999px;
}
li#navAbout {
	background: url(../images/nav-about.jpg) no-repeat 0px 0px;
}
li#navWebsites {
	background: url(../images/nav-websites.jpg) no-repeat 0px 0px;
}
li#navPricing {
	background: url(../images/nav-pricing.jpg) no-repeat 0px 0px;
}
li#navContact {
	background: url(../images/nav-contact.jpg) no-repeat 0px 0px;
}
li#navTop {
	background: url(../images/nav-home.jpg) no-repeat 0px 0px;
}
li#navTopx {
	background: url(../images/nav-products.jpg) no-repeat 0px 0px;
}
li#navAbout:hover {
	background: url(../images/nav-about.jpg) no-repeat 0px -50px;
}
li#navWebsites:hover {
	background: url(../images/nav-websites.jpg) no-repeat 0px -50px;
}
li#navPricing:hover {
	background: url(../images/nav-pricing.jpg) no-repeat 0px -50px;
}
li#navContact:hover {
	background: url(../images/nav-contact.jpg) no-repeat 0px -50px;
}
li#navTop:hover {
	background: url(../images/nav-home.jpg) no-repeat 0px -50px;
}
li#navTopx:hover {
	background: url(../images/nav-products.jpg) no-repeat 0px -50px;
}
li#navAbout.current {
	background: url(../images/nav-about.jpg) no-repeat 0px -100px;
}
li#navWebsites.current {
	background: url(../images/nav-websites.jpg) no-repeat 0px -100px;
}
li#navPricing.current {
	background: url(../images/nav-pricing.jpg) no-repeat 0px -100px;
}
li#navContact.current {
	background: url(../images/nav-contact.jpg) no-repeat 0px -100px;
}
li#navTop.current {
	background: url(../images/nav-home.jpg) no-repeat 0px -100px;
}
li#navTopx.current {
	background: url(../images/nav-products.jpg) no-repeat 0px -100px;
}



/********* EXTRA **********/

#extra {
	position: absolute;
	top: 5200px;
	background: url(../images/pricing-bg.jpg) repeat-x 0px 0px;
	height: 1300px;
	width: 100%;
	height: 1300px;
}
#extra h2, #extra h3, #extra p {
	position: absolute;
	text-indent: -9999px;
	background-image: url(../images/erp-text.jpg);
}s
#extraBg {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../images/pricing-bg2.jpg) no-repeat center 100%;
}
#extraBg {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../images/pricing-bg2.jpg) no-repeat center 100%;
}
#extraBox {
	position: relative;
	margin: 25px auto 0px;
	height: 536px;
	width: 951px;	
	background: url(../images/pricing-box.jpg) no-repeat 0px 0px;
}
#customDesignProduct {
	top: 121px;
	left: 36px;
	position: absolute;
}
#customDesignProduct h3 {
	background: url(../images/erp.jpg) no-repeat 0px 0px;
	height: 22px;
	width: 222px;
}
#customDesignProduct p {
	top: 27px;
	background: url(../images/erp-text.jpg) no-repeat 0px 0px;
	height: 60px;
	width: 222px;
}
#fullyManagedX {
	top: 336px;
	left: 36px;
	position: absolute;
}
#fullyManagedX h3 {
	background: url(../images/cms.jpg) no-repeat 0px 0px;
	height: 22px;
	width: 222px;
}
#fullyManagedX p {
	top: 27px;
	background: url(../images/cms-text.jpg) no-repeat 0px 0px;
	height: 100px;
	width: 222px;
}
#customDevelopment{
	top: 121px;
	left: 650px;
	position: absolute;
}
#customDevelopment h3 {
	background: url(../images/nysreport.jpg) no-repeat 0px 0px;
	height: 22px;
	width: 245px;
}
#customDevelopment p {
	top: 27px;
	background: url(../images/nysreport-text.jpg) no-repeat 0px 0px;
	height: 59px;
	width: 245px;
}
#extraBox h2 {
	top: 24px;
	left: 36px;
	background: url(../images/products.jpg) no-repeat 0px 0px;
	height: 44px;
	width: 148px;
}
#extra #diagram {
	background: url(../images/product-diagram.jpg) no-repeat 0px 0px;
	height: 378px;
	width: 444px;
	position: absolute;
	left: 223px;
	top: 128px;
}
#extra #price {
	top: 336px;
	left: 650px;
	position: absolute;
	background: url(../images/nyssupport.jpg) no-repeat 0px 0px;
	height: 68px;
	width: 238px;
}
#extra #discount {
	position: absolute;
	bottom: 0;
	right: 0;
	background: url(../images/discount.jpg) no-repeat 0px 0px;
	height: 117px;
	width: 197px;	
}
#getstarted {
	top: 409px;
	left: 739px;
	position: absolute;
	height: 40px;
	width: 132px;
	cursor: pointer;
}