/*--------------General CSS-----------------*/
body, html{ padding:0; margin:0; background-color: #000000;  }
h1, h2, h3, h4, h5 {padding:0; margin:0; font-family:Helvetica;}
h2 {padding-top:3px;}
img {border:0;}
ul, li{padding:0; margin:0}
.hideOverflow{overflow:hidden;}
.leftPadding{padding-left: 35px;}
.floatLeft{float: left;}
.floatRight{float: right;}
.pinkLink{color: #E60C81; font-family:Verdana; font-size:12px; font-weight:bold; text-decoration:none;}
.blackLink{text-decoration: none;color:#020202;}
#moreInfo, #freeDownload {display:none;}
.bottomSpacing{position: relative; padding-bottom: 20px;}
.fontColor{color: White;}
.SynpaseLogo {background:transparent url(../images/SynpaseLogo.png) no-repeat top Center; height:48px; width: 100%; position:relative; margin: auto 0; z-index:99; top:-140px;  }
#Content { position: relative; width: 860px; z-index: 99; text-align: center; margin: 0 auto;              }
#ContentPanelComingSoon{position:relative; margin:0 auto; width:414px;  height:300px; font-family: Verdana; color: White; font-size:12px;text-align:center; background:transparent url(../images/comingsoon.png) no-repeat center center;}
.ContentPanel{position:relative;  width:100%; font-family: Verdana; color: White; font-size:12px;text-align:left; }
.ContentBG{position:relative; margin:0 auto;   background: url(../images/contentbg2.png) repeat bottom;}
.ContentTopBG{position:relative; margin:0 auto;   background: url(../images/contenttopbg.png) repeat-x top; top:0px; left:0px;  padding: 60px 35px 30px 40px; line-height:22px}
.ContentTitle{position:relative;  height: 30px; top:34px; left:35px; z-index:999; vertical-align:middle; margin:0; padding:0; display:inline-block;}
.ContentLeft{width:555px;display:inline-block;vertical-align:top;}
.ContentRight{padding-left:30px; width:195px;display:inline-block; vertical-align:top;}
.PinkDrop{position:absolute;  background: url(../images/pinkdrop.png) no-repeat top left; top:20px;  height: 30px;   width:40px; display:inline-block;}
.BlueDrop{position:absolute; background: url(../images/bluedrop.png) no-repeat top left; top:20px;  height: 30px;  width:40px; display:inline-block;}
.YellowDrop{position:absolute; background: url(../images/yellowdrop.png) no-repeat top left; top:20px;  padding-bottom:3px;   height: 30px;  width:40px; display:inline-block;}

/*--------------Include File Pages CSS-----------------*/
.freeQuotePadding{padding-left: 33px;}
.QuoteImagePosition{left:635px;top:35px;}
.SocialIconLayout{position: absolute; left: 600px; top: 20px}
.SocialIconPosition{width: 190px; height: 30px;}
.BottomLinkPosition{position:relative; padding-top:10px;}
.BottomLinkFont{font-family:  Verdana, Geneva, sans-serif; font-size: 10px; color: #ffffff; text-decoration:none;}
.Copyright{position:absolute; z-index:99;  right:0px;  font-family: Verdana, Geneva, sans-serif; font-size: 10px; color: #ffffff;}
.Sitemap{position:absolute; z-index:99;  Left:0px;  font-family:  Verdana, Geneva, sans-serif; font-size: 10px; color: #ffffff; text-decoration:none;}

/*--------------Web Design Page CSS-----------------*/
.BucketImagesPosition{position: relative; top: 0px;height:120px;margin:0 auto;}
.YellowBucket{position: absolute; background: transparent url(../images/BuckerPaintYellow.png) center left no-repeat;width: 85px; height: 98px; left: 200px; cursor: pointer;}
.BlueBucket{position: absolute; background: transparent url(../images/BuckerPaintBlue.png) center left no-repeat;width: 98px; height: 98px; left: 350px; cursor: pointer;}
.PinkBucket{position: absolute; background: transparent url(../images/BuckerPaintPink.png) center left no-repeat;width: 98px; height: 98px; left: 500px; cursor: pointer;}

/*--------------Web Development Page CSS-----------------*/
.BrowserPosition{position: relative; top: 15px;height:100px;margin:0 auto;}
.ChromeBrowser{position: absolute; background: transparent url(../images/Browser2.png) center left no-repeat;width: 90px; height: 98px; left: 430px; cursor: pointer;}
.IEBrowser{position: absolute; background: transparent url(../images/Browser4.png) center left no-repeat;width: 96px; height: 98px; left: 130px; cursor: pointer;}
.FirefoxBrowser{position: absolute; background: transparent url(../images/Browser1.png) center left no-repeat;width: 90px; height: 98px; left: 280px; cursor: pointer;}
.SafariBrowser{position: absolute; background: transparent url(../images/Browser3.png) center left no-repeat;width: 88px; height: 98px; left: 580px; cursor: pointer;}
.BrowserTextPosition{position: relative; top:15px; height:35px; color: White; font-weight:bold; font-family: Verdana; color: White; font-size:12px;}
.ChromeBrowserText{position: absolute; left: 420px; top: 0px; width: 120px; height: 40px;text-align: center;}
.IEBrowserText{position: absolute; left: 120px; top: 0px; width: 120px; height: 40px;text-align: center;}
.FirefoxBrowserText{position: absolute; left: 270px; top: 0px; width: 120px; height: 40px;text-align: center;}
.SafariBrowserText{position: absolute; left: 560px; top: 0px; width: 120px; height: 40px;text-align: center;}
.fontStyle{text-decoration: none; color: White; cursor: pointer;}

/*--------------SEO Page CSS-----------------*/
.BannersPosition{position: relative; top: 0px; height: 60px;}
.GoogleBanner{position: absolute; background: transparent url(../images/Google.png) center left no-repeat;width: 122px; height: 42px; left: 120px; cursor: pointer;}
.YahooBanner{position: absolute; background: transparent url(../images/Yahoo.png) center left no-repeat;width: 123px; height: 42px; left: 320px; cursor: pointer;}
.BingBanner{position: absolute; background: transparent url(../images/Bing.png) center left no-repeat;width: 101px; height: 42px; left: 520px; cursor: pointer;}

/*--------------Page Layout CSS-----------------*/
.GeneralSiteStructure{position: relative; height: 97px; margin: 0 auto;}
.GeneralSitePositioning{text-align: center; width: 860px; margin: 0 auto;}
.ContactPageStructure{position: relative; height: 95px}
.WebHostingPositioning{position:relative; height:15px;}
.TitleLayout{position: absolute; left: 0px; width: 560px;}
.TitlePosition{padding-left: 27px; position: absolute; top: 20px;}

/*--------------Menu CSS-----------------*/
.Menu{position: absolute; top:0; left:0; width: 100%; height:61px; z-index: 10; background: url(../images/Menufull.png) repeat-x top;}
.TopBarPosition{position:relative; margin:0 auto; width:860px;height:50px;}
.MenuPosition{position: absolute; left: 165px; top:12px; z-index: 999999999;}
.TopBarLinksPosition{position: absolute; left: 467px; top:4px; white-space: nowrap; width: 294px;}
.SignupPosition{padding-left: 25px; line-height: 15px; font-family: Verdana; font-size: 12px;font-weight: bold; color: White;}
.SignupButtonPosition{position:absolute; top:2px;}
.NewsLetterBox{width:115px; height:16px; color:white; border:solid 1px #2c2c2c;font-size:11px;font-family:Verdana; padding-left:4px;}
.Logo { position:absolute; top:10px; left:0px; z-index:200; background:transparent url(../images/MenuLogo.png) no-repeat top Left; height:33px; width: 160px; }

div#menu {height: 26px;padding-left: 6px;width:auto;}
div#menu ul {margin: 0;padding: 0;list-style: none;float: left;}
div#menu li {position: relative;margin: 0;padding: 0 0px 0 0;display: block;float: left;z-index: 9;width: auto;}
div#menu ul ul li {z-index: 9;}
div#menu li div {list-style: none;float: left;position: absolute;z-index: 11;top: 28px;left: 0;visibility: hidden;width: 180px;margin: 0px 0 0 -4px;padding: 0;}
div#menu ul ul {z-index: 12;padding: 0px 4px 10px 4px;background: url(../images/submenu-bottom.png) no-repeat 0px bottom;margin: 10px 0 0 0;}
div#menu li:hover>div {visibility: visible;}
div#menu a {position: relative;z-index: 10; height: 50px;display: block;float: left;line-height: 50px;text-decoration: none;margin-top: 1px;white-space: nowrap;width: auto;padding-right:5px;text-align:center;}
div#menu span {margin-top: 2px;padding-left: 15px;color: #fff;font-family: Verdana; font-size:12px;background: none;line-height: 23px;display: block;cursor: pointer;background-repeat: no-repeat;background-position: 95% 0;text-align: center;}
div#menu a {padding: 0 10px 0 0;line-height: 50px;height: 52px;margin-right: 5px; background: none;}
div#menu a:hover {background:  url(../images/selected-right-sub.png)  no-repeat right -1px;}
div#menu a:hover span {background: url(../images/selected-left-sub.png) no-repeat 0 -3px;}
div#menu li.current a,div#menu ul.menu>li:hover>a {background: url(../images/selected-right-sub.png)  no-repeat right -1px;}
div#menu li.current a span,div#menu ul.menu>li:hover>a span {background: url(../images/selected-left-sub.png) no-repeat 0 -3px;}
div#menu ul.menu>li:hover>a span {color: #07b3e1;}
div#menu li.last { background: none; }
div#menu ul ul li {background: none;padding: 0;}
div#menu ul ul a {padding: 0px;height: auto;float: none;display: block;line-height: 25px;font-size: 12px;color: #fff;z-index: -1;padding-left: 10px;white-space: normal;width: 160px;text-transform: none;}
div#menu ul ul a span {padding: 0 0px;line-height: 25px;font-size: 12px;}
div#menu li.current ul a,div#menu li.current ul a span {background:none;}
div#menu ul ul a:hover {background:none;background-color: #141414;}
div#menu ul ul a:hover span {background:none;color: #07b3e1;}
div#menu ul ul a.parent {background: url(../images/submenu-pointer.png) no-repeat right bottom;}
div#menu ul ul a.parent span {background:none;}
div#menu ul ul a.parent:hover {background: url(../images/submenu-pointer.png) no-repeat right bottom;background-color: #3c3c3c;}
div#menu ul ul a.parent:hover span {background:none; }
div#menu ul ul span {margin-top: 0;text-align: left;}
div#menu ul ul li.last { background: none; }
div#menu ul ul li {width: 100%;}
div#menu li.back {background: url(../images/menuhoverleft.png) no-repeat 0 0;width: 17px;height: 26px;z-index: 8;position: absolute;padding: 0;margin: 0px 0 0 0;}
div#menu li.back .left {padding:0;width:auto;background: url(../images/menuhoverright.png) no-repeat right 0;height: 26px;margin: 0 0 0 17px;float: none;position: relative;top: 0;left: 0;visibility: visible;}

/*--------------Twitter CSS-----------------*/
#tweets li {font-family: Verdana; color: White; font-size:12px;line-height:22px;}
#tweets .hash { color:#E60C81; } 
#tweets .reply { color:#E60C81; } 
#tweets a:link { text-decoration:none; color:#E60C81;}
#tweets a:active { text-decoration:none; color:#E60C81;}
#tweets a:hover { text-decoration:underline; color:#E60C81;}
#tweets a:visited { text-decoration:none; color:#E60C81;}

/*--------------Background CSS-----------------*/
#bg1{background:black url(../images/BG1.jpg) no-repeat  center top; height:inherit;  width:100%;position:absolute; top:0px; left: 0; background-attachment:fixed;}
#bg2{background:black url(../images/BG2.jpg) no-repeat  center top; height:inherit;  width:100%;position:absolute; top:0px; left: 0; background-attachment:fixed;}
#bg3{background:black url(../images/BG3.jpg) no-repeat  center top; height:inherit;  width:100%;position:absolute; top:0px; left: 0; background-attachment:fixed;}

/*--------------Quote CSS-----------------*/
.QuoteLayout{width:700px;background-color: White;margin:0 auto;padding: 25px 25px 25px 25px;}                    
.LogoPlain{position:absolute;vertical-align: top;width: 177px;height: 74px;background: transparent url(../images/logoplain.png) no-repeat;}
.ContactDetails{position:absolute;vertical-align: top;text-align:right;right:0px;}
.HeaderQuote{position: relative;font-size: 16px;font-weight: bold;}
.HeaderQuote2{position: relative;font-size: 12px;font-weight: bold;height: 30px;background-color: #e2e2e2;padding-top: 8px;padding-left: 5px;}
.Header{width:100%;height:74px;position:relative;padding-left: 5px;}
.textQuote{position: relative;padding-left: 5px;}
.TextStyle, #RadioButtonList TABLE TR TD{position:relative;vertical-align: top;font-family: Verdana;font-size: 12px;color: #444444;line-height: 20px;vertical-align:middle;padding-left: 5px;}
.QuoteRequired{color: Red;font-weight: bold;vertical-align:top;}
.textbold{font-weight:bold;padding-left: 5px;}
.QuoteSpaceTop{height: 100px;}
.QuoteSpace{height: 20px;}
.QuoteSpaceTiny{height: 10px;}
.QuoteSeparator{width:100%;height:1px;background-color:#c2c2c2;}
.QuoteSubmit{background: black;width: 90px; padding-bottom: 5px; text-decoration: none;height: 30px;color: White;text-align: center;padding-top: 8px;vertical-align: middle;font-size: 12px;font-weight: bold;}
.controlPadding{position:relative; left:6px;}
#contactDetails li {margin-left: 0;margin-right: 10%;margin-top: .3em;margin-bottom: .3em;} 
.StatusTextStyle{font-family: Verdana;font-size: 12px;color: red;position:relative; left:6px;}

/*--------------Sign Up Form CSS-----------------*/
.freeDownloadTitle{position: absolute; top: -14px; height: 35px;}
.freeDownloadCloseButton{position: absolute; top: -14px; right: 0px; background: url(../images/Close.png) no-repeat;width: 32px; height: 32px;}
.freeDownloadEmailAddress{position: relative; top: 20px; font-family: Verdana; font-size: 12px;}
.freeDownloadEmailLabelPosition{position: relative; top: 35px; height: 20px;}
.freeDownloadEmailLabel{font-family: Verdana;color: White; font-size: 12px;}
.freeDownloadTextboxPosition{position: relative; top: 40px; height: 35px}
.freeDownloadEmailTextbox{border: solid 0px #ccc; font-family: Verdana;color: black; font-size: 12px;}
.freeDownloadSubmit{text-decoration: none; color: White;font-size: 14px; font-family: helvetica;}
.freeDownloadBlogNewsPosition{position: relative; top: 47px; height: 35px;}
.freeDownloadBlogStyle{font-family: Verdana; color: White; font-size: 12px; line-height: 21px;width: 130px;}
.freeDownloadDisclaimer{position: relative; top: 85px; font-family: Verdana; color: White; font-size: 10px;}

/*--------------Product Table CSS-----------------*/
.ProductCloseTable{position: absolute; top: -14px; right: 0px; background: url(../images/Close.png) no-repeat;width: 32px; height: 32px;}
.ProductTableStructure{position: absolute; top: 90px;}
#ProductTable { width:550px; background-color: #000000; position: absolute; margin: 0 auto; display:none; z-index:9999999;}
#Services { width:700px; background: transparent url(../images/TableBG.png) repeat; position: relative; margin: 0 auto; z-index:9999999; top: 100px; }
.MainTitle {position: absolute; top: 20px; font-family: Verdana, Geneva, sans-serif; font-size: 24px; color: #ffffff;  display:block;  }
.MainServicesImage {position: absolute;  background: transparent url(../images/Services2.png) no-repeat; width: 64px; height: 64px;  top: -15px; font-family: Verdana, Geneva, sans-serif; font-size: 24px; color: #ffffff;  display:block; padding-left: 24px; }
.title1	{ position: relative; font-family: Verdana, Geneva, sans-serif; font-size: 16px; color: #ffffff; padding: 20px 0px 10px 20px; display:inline-block;width: 150px; }
.title2	{ position: relative; font-family: Verdana, Geneva, sans-serif; font-size: 16px; color: #ffffff; padding: 20px 0px 10px 20px; display:inline-block;width: 150px; }
.title3	{ position: relative; font-family: Verdana, Geneva, sans-serif; font-size: 16px; color: #ffffff; padding: 20px 0px 10px 20px; display:inline-block;width: 150px; }
.Alternate { background-color: #141414; width:530px; margin: 0 auto; }
.AlternateNone { width:530px; margin: 0 auto; }
.header { position: relative; font-family: Verdana, Geneva, sans-serif; font-size: 12px; color: #ffffff; display:inline-block; margin-left: 10px; padding-left: 0px; width: 150px; padding-top: 8px; padding-bottom: 8px; vertical-align: middle;	}
.value1 { position: relative; font-family: Verdana, Geneva, sans-serif; font-size: 12px; color: #ffffff; display:inline-block; padding-left: 10px; padding-top: 10px; width: 150px; vertical-align: middle; padding-bottom: 10px; text-align: center;}
.value2 { position: relative; font-family: Verdana, Geneva, sans-serif; font-size: 12px; color: #ffffff; display:inline-block; padding-left: 10px; padding-top: 10px; width: 150px;	vertical-align: middle; padding-bottom: 10px; text-align: center;}
.Footer{height: 20px;}
.valueAll { position: relative; font-family: Verdana, Geneva, sans-serif; font-size: 12px; color: #ffffff; display:inline-block; padding-left: 10px; padding-top: 10px; 	vertical-align: middle; padding-bottom: 10px; text-align: center; margin: 0 auto; width:300px;}
.valueFull { position: relative; font-family: Verdana, Geneva, sans-serif; font-size: 12px; color: #ffffff; display:inline-block; padding-left: 10px;  	vertical-align: middle; text-align: Left; width:100%; width: 640px; padding-left: 30px; line-height: 19px;}
.sep {width: 100%; height: 15px;}
.synapse 	{background: transparent url(../images/synapse.png) no-repeat ; width:135px; height: 48px; left:165px; position:relative; }
.synapsePro {background: transparent url(../images/synapsepro.png) no-repeat;  width:135px; height: 48px; left: 155px; position:relative; }
.Yes {position: relative; background: transparent url(../images/Yes2.png) no-repeat center center; height: 20px; }
.No {position: relative;  background: transparent url(../images/No3.png) no-repeat center center;  height: 20px; }
.Browsers {position: relative;  background: transparent url(../images/Browsers3.png) no-repeat center center; width: 220px;  height: 33px;  margin: 0 auto; text-align: center; }

/*--------------Homepage CSS-----------------*/
.mainTitle{position: absolute; left: 0px; top: 20px; width: 560px;}
.mainPaddingLeft{padding-left: 27px; padding-top:20px;}
.twitterPaddingLeft{padding-left: 36px; padding-top:20px;}
.leftPosition{position: absolute; left: 595px}
.freeQuotePosition{padding-left: 36px; width: 150px; padding-top:20px;}
.gotoQuote{background: transparent url(../images/QuoteButton2.png) bottom no-repeat;width: 160px; height: 55px; cursor: pointer;}
.contactWidth{width:48px;}
#leftbox {position: absolute;left: 0px;width: 98px;background: transparent url(../images/MenuLeft.png);height:74px;top:0px;}
#middlebox { margin: 0 96px 0 98px;background: transparent url(../images/MenuCenter.png) repeat-x;height:74px;top:0px;}
#rightbox {position: absolute;right:0px;width: 96px;top:0px;background: transparent url(../images/MenuRight.png);height:74px;}
.slideShowTable{position: relative; width: 860px;  z-index: 99; text-align: center; margin:0 auto; top: 335px;}
#p-select{position:relative; top:-100px; height:45px; margin:0 auto; width:860px;}
.prev{position:absolute; z-index: 99999; display:inline-block; width: 37px; height: 44px; background: url(../images/ArrowLeft.png) no-repeat left;cursor: pointer;}
.next{position:absolute;  z-index: 99999; right:0px; display:inline-block; width: 37px; height: 44px; background: url(../images/ArrowRight.png) no-repeat right;cursor: pointer;}
.ButtonPosition{position:relative; top:-20px; height:45px; margin:0 auto; width:786px;}
.freeDownload{z-index: 999;display:inline-block;position:absolute; top:-20px;width: 165px; height: 60px; cursor: pointer;}
.moreInfoHome{z-index: 999;position:absolute;right:0px; display:inline-block;width: 165px; height: 45px; cursor: pointer;}
.moreInfo{z-index: 999;position:absolute;right:0px; display:inline-block;width: 165px; height: 45px; cursor: pointer;}
.FreeQuoteTitleImage{position:absolute; background: url(../images/ArrowQuote.png) no-repeat top left; height: 30px; width:40px; top:20px; display:inline-block;}
.ContactUsTitleImage{position:absolute; background: url(../images/ContactUs.png) no-repeat top left; height: 30px; width:40px; top:20px; display:inline-block;}
.TwitterTitleImage{position:absolute;   background: url(../images/TwitterIcon.png) no-repeat top left;  height: 30px; top:20px; width:40px; display:inline-block;}
.TwitterTitle{font-size:18px; font-weight:bold; position:absolute; top:5px; left:45px;}
.FreeQuoteTitle{font-size:18px; font-weight:bold; position:absolute; top:5px; left:45px;}
#FreeQuoteTitleImage{background: url(../images/ArrowQuote.png) no-repeat bottom right; height: 30px; width:40px; left:35px;}
.ContactUsTitle{font-size:18px; font-weight:bold; position:absolute; top:5px; left:45px;}
#ContactUsTitleImage{background: url(../images/ContactUs.png) no-repeat bottom right; height: 30px; width:40px; left:35px;}
.PlainButton{background: transparent url(../images/PlainButton.png) no-repeat;width: 84px;height: 25px;position: absolute; top: 0px;right: 160px; text-align: center;padding-top: 2px;z-index: 99999;}

/*--------------Error Page CSS-----------------*/
.ErrorImage{position: absolute; margin: 0 auto; top: 190px; z-index: 9999999; background: transparent url(../images/404.png) top center no-repeat;width: 100%; height: 730px;}
.ErrorImagePosition{position: absolute; top: 110px; color: White; margin: 0 auto; width:100%;text-align:center;}
.ErrorSiteStructure{position: relative; height: 308px; margin: 0 auto;}
.ButtonsErrorPosition{position: relative; top: 287px; height: 45px; margin: 0 auto;width: 800px;}
.Buttons1Position{z-index: 999; display: inline-block; position: absolute; top: -20px;width: 165px; height: 60px; cursor: pointer;}
.Buttons2Position{z-index: 999; position: absolute; right: 0px; display: inline-block;width: 165px; height: 45px; cursor: pointer;}

/*--------------Slideshow CSS-----------------*/
.SlideshowTopPosition{margin: 0 auto; top: 50px;z-index: 999; background: transparent; font-family: Helvetica;}
.SBanner{position: relative; width: 100%; height: 264px; background: transparent url(../images/BannerBG.jpg) bottom center no-repeat;}
.S1Logo{position: relative; width: 100%; height: 264px; background: transparent url(../images/BannerLogo.png) center center no-repeat;}
.STitle{position: relative; z-index: 99; color: White; left: 20px; top: 15px; font-size: 32px; font-weight: bold;}
.SDescription{position: relative; z-index: 99; color: White; left: 20px; top: 22px;}
.SWidth{width:90%}
.SIconsPosition{position: relative; top: 48px;}
.S2Icon1{position: absolute; background: transparent url(../images/Photoshop.png) center left no-repeat;width: 80px; height: 80px; left: 50px; cursor: pointer;}
.S2Icon2{position: absolute; background: transparent url(../images/Flash.png) center left no-repeat;width: 80px; height: 80px; left: 180px; cursor: pointer;}
.S2Icon3{position: absolute; background: transparent url(../images/Jquery.png) center left no-repeat;width: 215px; height: 80px; left: 310px; cursor: pointer;}
.STextPosition{position: relative; color: White;}
.S2Text1{position: absolute; left: 45px; top: 132px; width: 90px; height: 40px;text-align: center;}
.STextStyle{text-decoration: none; color: White;cursor: pointer;}
.S2Text2{position: absolute; left: 177px; top: 132px; width: 90px; height: 40px;text-align: center;}
.S2Text3{position: absolute; left: 400px; top: 132px; width: 90px; height: 40px;text-align: center;}
.S3Icon1{position: absolute; background: transparent url(../images/Browser4.png) center left no-repeat; width: 96px; height: 98px; left: 50px; cursor: pointer;}
.S3Icon2{position: absolute; background: transparent url(../images/Browser1.png) center left no-repeat;width: 90px; height: 98px; left: 180px; cursor: pointer;}
.S3Icon3{position: absolute; background: transparent url(../images/Browser2.png) center left no-repeat;width: 90px; height: 98px; left: 310px; cursor: pointer;}
.S3Icon4{position: absolute; background: transparent url(../images/Browser3.png) center left no-repeat;width: 88px; height: 98px; left: 440px; cursor: pointer;}
.S3Text1{position: absolute; left: 50px; top: 140px; width: 90px; height: 40px;text-align: center;}
.S3Text2{position: absolute; left: 177px; top: 140px; width: 90px; height: 40px;text-align: center;}
.S3Text3{position: absolute; left: 310px; top: 140px; width: 90px; height: 40px;text-align: center;}
.S3Text4{position: absolute; left: 437px; top: 140px; width: 90px; height: 40px;text-align: center;}
.S4SearchPosition{position: relative; top: 55px;}
.S4SearchStyle{position: absolute; width: 120px; height: 30px; left: 50px; color: White;}
.S4SearchTextbox{position: absolute; height: 20px; left: 125px; width: 390px; top: -5px;}
.S4SearchIcon{position: absolute; height: 42px; width: 42px; left: 485px; top: -9px;background: transparent url(../images/SEARCH.png) top left no-repeat;}
.S4BannerPosition{position: relative; top: 90px;}
.S4Banner1{position: absolute; background: transparent url(../images/Google.png) center left no-repeat;width: 122px; height: 42px; left: 120px; cursor: pointer;}
.S4Banner2{position: absolute; background: transparent url(../images/Yahoo.png) center left no-repeat;width: 123px; height: 42px; left: 260px; cursor: pointer;}
.S4Banner3{position: absolute; background: transparent url(../images/Bing.png) center left no-repeat;width: 101px; height: 42px; left: 420px; cursor: pointer;}
.S4Plan1{position: absolute; background: transparent url(../images/Basic.png) bottom left no-repeat;width: 80px; height: 84px; left: 80px; cursor: pointer;}
.S4Plan2{position: absolute; background: transparent url(../images/Standard.png) bottom left no-repeat;width: 80px; height: 84px; left: 240px; cursor: pointer;}
.S4Plan3{position: absolute; background: transparent url(../images/Professional.png) bottom left no-repeat;width: 80px; height: 84px; left: 400px; cursor: pointer;}
.S4Text1{position: absolute; left: 80px; top: 135px; width: 90px; height: 40px;text-align: center;}
.S4Text2{position: absolute; left: 237px; top: 135px; width: 90px; height: 40px; text-align: center;}
.S4Text3{position: absolute; left: 400px; top: 135px; width: 90px; height: 40px; text-align: center;}               
            
/*--------------Web Hosting Page CSS-----------------*/
.WebHostingTable{position:relative; left:265px;}
.WebHostingList{position:relative; top:0px; left:0px;}
.WebHostingCostStructure{position: relative; height: 15px;}
.increasedTitleWidth{width:130px;}
.rowExtraWidth{width:740px;}
.headerExtraWidth{width:200px;}
.bottomBorder{border-bottom: solid 1px #2c2c2c;}            

/*--------------Contact Page CSS-----------------*/
.ContactContentLeft{width:400px;display:inline-block;vertical-align:top;}
.ContactContentRight{position: relative; padding-left: 0px; left: 50px;width: 333px;display:inline-block; vertical-align:top;}
.ContactTopPadding{position: relative; height: 20px;}
.ContactFieldPosition{position: relative; height: 40px;}
.MessageBoxPosition{position: relative; height: 200px; vertical-align: top;}
.ContactFontStyle{font-family: Verdana;color: White; font-size: 12px; text-align: right;}
.ContactTextboxStyle{border: solid 0px #ccc; font-family: Verdana;color: White; font-size: 12px;}
.AlignTop{vertical-align:top;}
.MessageBox{overflow:auto; }
.ContactSubmitPosition{position: relative; background-color: black; height: 25px; width: 80px;text-align: center; padding-top: 7px; z-index: 9999; left: 280px;}
.ContactSubmitLink{text-decoration: none; color: White;font-size: 14px; font-family: Verdana;}            
.ContactInfoText{color: white; width: 48px;}
.ContactStatus{position:relative; top:117px;}
.ContactDetailsPosition{position: absolute; top: 65px; font-size: 12px; color: white; font-weight: normal;font-family: Verdana;}
.ContactDetailsTitle{position: absolute; left: 37px; top: 27px;}
.ContactDetailsImage{position: relative; width: 100%; text-align: left; font-family: Helvetica;font-size: 18px; color: White; font-weight: bold; background: url(../images/ContactUs.png) no-repeat bottom left;height: 55px;}
.ContactNewsSubmit{position: relative; background-color: black; height: 25px; width: 80px;text-align: center; padding-top: 4px; z-index: 9999;}
.ContactSubscribeStyle{font-family: Verdana;color: White; font-size: 12px;}
.ContactSubscribeBox{border: solid 0px #ccc; font-family: Verdana;color: White; font-size: 12px;}
.ContactSubscribeCheckbox{position: relative; top: 15px; height: 100px; width: 333px;}
.ContactSubscribeText{font-family: Verdana; color: White; font-size: 12px; line-height: 21px;width: 190px;}

/*--------------Portfolio Page CSS-----------------*/
.PortfolioDisplay{width:560px;margin:0 auto 50px auto;}
/* This is the ul you have all your images in */
.PortfolioDisplay ul{margin-left:-110px; width:820px;height:500px;overflow:hidden;}
.PortfolioDisplay ul li{float: left;margin:0 35px 35px 0;position:relative;overflow:hidden;}
.PortfolioDisplay ul li div img{position:relative;cursor:pointer;}

/* this is the surroundner for all your elements. This is also the fake border around the main img and room for caption */
.Portfolio_main{width:500px;height:325px;display:block;position:relative;}
/*sine we give it the fake border, you need to position the image a little. */
.Portfolio_main_img{position:relative;}
.Portfolio_subdiv{position:relative;z-index:2;}
.Portfolio_animationDivs{top:0px;left:0px;} /*must match top/left padding for subdiv */
.Portfolio_subdiv img, .Portfolio_subdiv a img{border:none;}
.Portfolio_caption{color:white;font-family: Verdana;color: White; font-size: 12px; width:570px;height:30px;padding-top:14px;text-align:center;position:absolute; bottom:-25px;background:url(../images/black.png) top left;z-index:3;}
.Portfolio_navigation{display:inline-block; position:relative;}

#portfolio{position:absolute; top:670px;z-index:5}
.ContentBGPortfolio{position:relative; margin:0 auto; height:435px;   background: url(../images/contentbg2.png) repeat top; padding: 25px 35px 30px 35px; line-height:22px;}
.ContentPanelPortfolio{position:relative; top:-180px; width:860px; font-family: Verdana; color: White; font-size:12px;text-align:left; }
.slideShowTablePortfolio{position: relative;  width: 860px;  z-index: 1; text-align: center; margin:0 auto; top:-100px;}
.PortfolioLinksPosition{position: relative; width: 100%; top: -155px; height: 100px; z-index: 99;text-align: center;}
.PortfolioDownloadLink{z-index: 99; position: absolute; left: 40px;}
.PortfolioMoreInfo{z-index: 99; position: absolute; right: 35px; top: 0px;}
.BottomLinkPositionPortfolio{position:relative; padding-top:10px;top:-180px;}

/*--------------Page Layout CSS-----------------*/
.ErrorLayoutBG{position:absolute; height:923px; width:100%;}
.LayoutBG{position:absolute; height:923px; width:100%;}
.AboutBG{position:absolute; height:1000px; width:100%;}
.HomeLayoutBG{position:absolute; height:1690px; width:100%;}
.PrivacyLayoutBG{position:absolute; height:1960px; width:100%;}
.SitemapLayoutBG{position:absolute; height:900px; width:100%;}
.TermsLayoutBG{position:absolute; height:3440px; width:100%;}
.SEOLayoutBG{position:absolute; height:1160px; width:100%;}
.WebDesignLayoutBG{position:absolute; height:980px; width:100%;}
.WebDevelopmentLayoutBG{position:absolute; height:1080px; width:100%;}
.WebHostingLayoutBG{position:absolute; height:1800px; width:100%;}
.PortfolioLayoutBG{position:absolute; height:1320px; width:100%;}

#exhib-footer{position:relative; bottom: 0px; height:70px; width: 100%;  z-index: 99999; background-color: #090909; border-top: solid 1px #2c2c2c; margin:0 auto; }
.footerlogo{background: transparent url(../images/footerlogo.png) no-repeat center bottom; width: 80px; height: 55px; }

.FooterMenuPosition{position: relative; left: 120px; top:-28px; z-index: 999999999;}
div#footermenu {height: 15px;padding-left: 6px;width:auto;}
div#footermenu ul {margin: 0;padding: 0;list-style: none;float: left;}
div#footermenu li {position: relative;margin: 0;padding: 0 0px 0 0;display: block;float: left;z-index: 9;width: auto;}
div#footermenu ul ul li {z-index: 9;}
div#footermenu li div {list-style: none;float: left;position: absolute;z-index: 11;top: 28px;left: 0;visibility: hidden;width: 150px;margin: 0px 0 0 -4px;padding: 0;}
div#footermenu ul ul {z-index: 12;padding: 0px 4px 10px 4px;background: url(../images/submenu-bottom.png) no-repeat 0px bottom;margin: 10px 0 0 0;}
div#footermenu li:hover>div {visibility: visible;}
div#footermenu a {position: relative;z-index: 10; height: 15px;display: block;float: left;line-height: 50px;text-decoration: none;margin-top: 1px;white-space: nowrap;width: auto;padding-right:5px;text-align:center;}
div#footermenu span {margin-top: 2px;padding-left: 15px;color: #fff;font-family: Verdana; font-size:11px;background: none;line-height: 23px;display: block;cursor: pointer;background-repeat: no-repeat;background-position: 95% 0;text-align: center;}
div#footermenu a {padding: 0 10px 0 0;line-height: 15px;height: 15px;margin-right: 5px; background: none;}
div#footermenu a:hover {background:  url(../images/selected-right-sub.png)  no-repeat right -1px;}
div#footermenu a:hover span {background: url(../images/selected-left-sub.png) no-repeat 0 -3px; text-decoration:underline;}