/* RESET STYLES START */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
textarea {
	overflow: auto;
}

img{-ms-interpolation-mode:bicubic;}

/* RESET STYLES END */

body { background:url(/images/bg/bg.png) repeat-x #99d738; }
#bodyBg { width:100%; min-height:450px; background:url(/images/bg/bgWide.jpg) no-repeat center top; }
#bodyContainer { width:900px; margin:0 auto; }


/* Header */

#logoContainer { width:900px; height:74px; }
.logo { width:237px; height:74px; background:url(/images/elements.png) no-repeat 0 0; display:block; }

#headerContainer { width:900px; height:40px; }
#headerContainer .left { width:490px; height:40px; background:url(/images/elements.png) no-repeat 0 -74px; float:left; }
#headerContainer .leftHome { width:490px; height:40px; background:url(/images/elements.png) no-repeat 0 -114px; float:left; }
#headerContainer .right { width:410px; height:40px; background:url(/images/elements.png) no-repeat -490px 0; float:right; }


/* Header Buttons */

ul.buttonsHeader { width:405px; margin-left:5px; margin-top:12px; height:28px; }
ul.buttonsHeader li { list-style-type:none; }

ul.buttonsHeader li#home { width:52px; height:28px; display:block; float:left; }
ul.buttonsHeader li#home.on { width:52px; height:28px; display:inline-block; background:url(/images/elements.png) no-repeat -495px -52px; }
ul.buttonsHeader li#home a { width:52px; height:28px; display:inline-block; }
ul.buttonsHeader li#home a:hover { width:52px; height:28px; display:inline-block; background:url(/images/elements.png) no-repeat -495px -92px; }

ul.buttonsHeader li#websites { width:110px; height:28px; display:block; margin-left:8px; float:left; }
ul.buttonsHeader li#websites.on { width:110px; height:28px; display:inline-block; background:url(/images/elements.png) no-repeat -555px -52px; }
ul.buttonsHeader li#websites a { width:110px; height:28px; display:inline-block; }
ul.buttonsHeader li#websites a:hover { width:110px; height:28px; display:inline-block; background:url(/images/elements.png) no-repeat -555px -92px; }

ul.buttonsHeader li#who { width:101px; height:28px; display:block; margin-left:8px; float:left; }
ul.buttonsHeader li#who.on { width:101px; height:28px; display:inline-block; background:url(/images/elements.png) no-repeat -673px -52px; }
ul.buttonsHeader li#who a { width:101px; height:28px; display:inline-block; }
ul.buttonsHeader li#who a:hover { width:101px; height:28px; display:inline-block; background:url(/images/elements.png) no-repeat -673px -92px; }

ul.buttonsHeader li#contact { width:100px; height:28px; display:block; margin-left:8px; float:left; }
ul.buttonsHeader li#contact.on { width:100px; height:28px; display:inline-block; background:url(/images/elements.png) no-repeat -782px -52px; }
ul.buttonsHeader li#contact a { width:100px; height:28px; display:inline-block; }
ul.buttonsHeader li#contact a:hover { width:100px; height:28px; display:inline-block; background:url(/images/elements.png) no-repeat -782px -92px; }

/* Content */

#contentContainerHome { width:900px; height:462px; overflow:hidden; }
#contentContainerLg { width:820px; height:442px; padding:10px 40px 10px 40px; background:url(/images/contentBg.png) no-repeat; overflow:hidden; }
#contentContainerWebsites { width:878px; height:412px; padding:0 11px 0 11px; background:url(/images/contentBg.png) no-repeat; overflow:hidden; }

/* Websites */


#websitesContainer { width:878px; height:412px; overflow:hidden; }

#websitesContainerExtended { width:7027px; height:412px;overflow:hidden; }

.websitesBg { width:878px; height:412px; background:url(/images/contentBg.png) no-repeat center top; float:left; }

.websitesMidContainer { width:620px; height:412px; margin-left:75px; background:url(/images/websites/websitesBg.jpg) no-repeat center; float:left; text-align:center; }

.websitesMidContainer .lm { width:390px; height:313px; margin-top:40px; background:url(/images/websites/websites.jpg) no-repeat 3px 0; display:inline-block; }
.websitesMidContainer .rm { width:390px; height:313px; margin-top:40px; background:url(/images/websites/websites.jpg) no-repeat 3px -313px; display:inline-block; }
.websitesMidContainer .ctg { width:390px; height:313px; margin-top:40px; background:url(/images/websites/websites.jpg) no-repeat 3px -626px; display:inline-block; }
.websitesMidContainer .s4f { width:390px; height:313px; margin-top:40px; background:url(/images/websites/websites.jpg) no-repeat 3px -939px; display:inline-block; }
.websitesMidContainer .sl { width:390px; height:313px; margin-top:40px; background:url(/images/websites/websites.jpg) no-repeat 3px -1252px; display:inline-block; }
.websitesMidContainer .hs { width:390px; height:313px; margin-top:40px; background:url(/images/websites/websites.jpg) no-repeat 3px -1565px; display:inline-block; }
.websitesMidContainer .sd { width:390px; height:313px; margin-top:40px; background:url(/images/websites/websites.jpg) no-repeat 3px -2191px; display:inline-block; }
.websitesMidContainer .rs { width:390px; height:313px; margin-top:40px; background:url(/images/websites/websites.jpg) no-repeat 3px -1878px; display:inline-block; }

.websitesMidContainer .butMoreInfo { width:85px; height:35px; margin-top:16px; background:url(/images/elements.png) no-repeat -400px -330px; display:inline-block; }

.websitesButLeft { width:50px; height:50px; margin-top:187px; margin-left:5px; background:url(/images/elements.png) no-repeat -300px -294px; display:block; float:left; }
.websitesButLeftOff { width:50px; height:50px; margin-top:187px; margin-left:5px; background:url(/images/elements.png) no-repeat -300px -344px; display:block; float:left; }
.websitesButRight { width:50px; height:50px; margin-top:187px; margin-right:5px; background:url(/images/elements.png) no-repeat -350px -294px; display:block; float:right; }
.websitesButRightOff { width:50px; height:50px; margin-top:187px; margin-right:5px; background:url(/images/elements.png) no-repeat -350px -344px; display:block; float:right; }

.websitesMidContainerText { width:768px; height:412px; text-align:center; float:left; }
.websitesMidContainerText .text { height:350px; padding:10px 80px 10px 80px; text-align:left; }
.websitesMidContainerText .butBack { width:85px; height:35px; background:url(/images/elements.png) no-repeat -400px -294px; display:inline-block; }
.websitesMidContainerText .butVisit { width:105px; height:35px; background:url(/images/elements.png) no-repeat -400px -365px; display:inline-block; }
.websitesMidContainerText .butSoon { width:105px; height:35px; background:url(/images/elements.png) no-repeat -400px -401px; display:inline-block; }

/* Website Thumbs */


ul.websiteThumbs { width:512px; height:72px; background:url(/images/websites/thumbs.png) no-repeat 0 0; margin-top:5px; display:inline-block; }
ul.websiteThumbs li { list-style-type:none; }

ul.websiteThumbs li#thumb0 { width:73px; height:72px; display:block; float:left; }
ul.websiteThumbs li#thumb0.on { width:73px; height:72px; display:inline-block; background:url(/images/websites/thumbs.png) no-repeat 0 -72px; }
ul.websiteThumbs li#thumb0 a { width:73px; height:72px; display:inline-block; }
ul.websiteThumbs li#thumb0 a:hover { width:73px; height:72px; display:inline-block; background:url(/images/websites/thumbs.png) no-repeat 0 -144px; }

ul.websiteThumbs li#thumb1 { width:73px; height:72px; display:block; float:left; }
ul.websiteThumbs li#thumb1.on { width:73px; height:72px; display:inline-block; background:url(/images/websites/thumbs.png) no-repeat -73px -72px; }
ul.websiteThumbs li#thumb1 a { width:73px; height:72px; display:inline-block; }
ul.websiteThumbs li#thumb1 a:hover { width:73px; height:72px; display:inline-block; background:url(/images/websites/thumbs.png) no-repeat -73px -144px; }

ul.websiteThumbs li#thumb2 { width:73px; height:72px; display:block; float:left; }
ul.websiteThumbs li#thumb2.on { width:73px; height:72px; display:inline-block; background:url(/images/websites/thumbs.png) no-repeat -146px -72px; }
ul.websiteThumbs li#thumb2 a { width:73px; height:72px; display:inline-block; }
ul.websiteThumbs li#thumb2 a:hover { width:73px; height:72px; display:inline-block; background:url(/images/websites/thumbs.png) no-repeat -146px -144px; }

ul.websiteThumbs li#thumb3 { width:73px; height:72px; display:block; float:left; }
ul.websiteThumbs li#thumb3.on { width:73px; height:72px; display:inline-block; background:url(/images/websites/thumbs.png) no-repeat -219px -72px; }
ul.websiteThumbs li#thumb3 a { width:73px; height:72px; display:inline-block; }
ul.websiteThumbs li#thumb3 a:hover { width:73px; height:72px; display:inline-block; background:url(/images/websites/thumbs.png) no-repeat -219px -144px; }

ul.websiteThumbs li#thumb4 { width:73px; height:72px; display:block; float:left; }
ul.websiteThumbs li#thumb4.on { width:73px; height:72px; display:inline-block; background:url(/images/websites/thumbs.png) no-repeat -292px -72px; }
ul.websiteThumbs li#thumb4 a { width:73px; height:72px; display:inline-block; }
ul.websiteThumbs li#thumb4 a:hover { width:73px; height:72px; display:inline-block; background:url(/images/websites/thumbs.png) no-repeat -292px -144px; }

ul.websiteThumbs li#thumb5 { width:73px; height:72px; display:block; float:left; }
ul.websiteThumbs li#thumb5.on { width:73px; height:72px; display:inline-block; background:url(/images/websites/thumbs.png) no-repeat -365px -72px; }
ul.websiteThumbs li#thumb5 a { width:73px; height:72px; display:inline-block; }
ul.websiteThumbs li#thumb5 a:hover { width:73px; height:72px; display:inline-block; background:url(/images/websites/thumbs.png) no-repeat -365px -144px; }

ul.websiteThumbs li#thumb6 { width:73px; height:72px; display:block; float:left; }
ul.websiteThumbs li#thumb6.on { width:73px; height:72px; display:inline-block; background:url(/images/websites/thumbs.png) no-repeat -438px -72px; }
ul.websiteThumbs li#thumb6 a { width:73px; height:72px; display:inline-block; }
ul.websiteThumbs li#thumb6 a:hover { width:73px; height:72px; display:inline-block; background:url(/images/websites/thumbs.png) no-repeat -438px -144px; }

ul.websiteThumbs li#thumb7 { width:73px; height:72px; display:block; float:left; }
ul.websiteThumbs li#thumb7.on { width:73px; height:72px; display:inline-block; background:url(/images/websites/thumbs.png) no-repeat -511px -72px; }
ul.websiteThumbs li#thumb7 a { width:73px; height:72px; display:inline-block; }
ul.websiteThumbs li#thumb7 a:hover { width:73px; height:72px; display:inline-block; background:url(/images/websites/thumbs.png) no-repeat -511px -144px; }




/* Contact */
.contactLeftContainer { width:400px; float:left;}
.contactRightContainer { width:390px; margin-top:40px; height:362px; background:url(/images/elements.png) no-repeat -510px -294px; text-align:center; float:right; }

.contactRightContainer ul { width:390px; margin:30px 0 0 0; }
.contactRightContainer li { width:390px; margin-bottom:5px; }
.contactRightContainer input { width:280px; height:30px; border:0; margin:0; padding-left:10px; padding-right:10px; vertical-align:middle; background:url(/images/elements.png) no-repeat -490px -120px; font: normal 15px Arial, Helvetica, sans-serif; color: #7a89a0; text-decoration: none; line-height:25px; vertical-align:middle; }
.contactRightContainer textarea { width:280px; height:120px; border:0; margin:0; padding:10px; vertical-align:middle; background:url(/images/elements.png) no-repeat 0 -294px; font: normal 15px Arial, Helvetica, sans-serif; color: #7a89a0; text-decoration: none; }
.contactRightContainer .sendEmail { width:115px; height:40px; background:url(/images/elements.png) no-repeat -237px 0; display:inline-block; }

#contactMsg { width:240px; margin-left:65px; float:left; background:#FFF; padding:10px; border-left:1px solid #8095b4; border-right:1px solid #8095b4; border-bottom:1px solid #8095b4; border-top:1px solid #d6dfed; font: normal 12px Arial, Helvetica, sans-serif; color: #464646; text-decoration: none; position:absolute; -webkit-box-shadow: rgba(0, 0, 0, 0.30) 0 5px 5px; -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 2px; box-shadow: rgba(0, 0, 0, 0.2) 0 2px 2px; display:none; }

.butOK { width:75px; height:40px; background:url(/images/elements.png) no-repeat -352px 0; display:inline-block; }

/* Home */

#homeEarth { width:593px; height:462px; background:url(/images/home/earth.jpg) no-repeat; float:left; }
#homeSlidesBg { width:307px; height:462px; background:url(/images/home/slidesBg.png) repeat-y; float:right; }

#homeSlide1 { width:285px; height:250px; background:url(/images/home/slides.jpg) no-repeat 0 0; display:none; }
#homeSlide2 { width:285px; height:250px; background:url(/images/home/slides.jpg) no-repeat 0 -250px; display:none; }
#homeSlide3 { width:285px; height:250px; background:url(/images/home/slides.jpg) no-repeat 0 -500px; display:none; }
#homeSlide4 { width:285px; height:250px; background:url(/images/home/slides.jpg) no-repeat 0 -750px; display:none; }
#homeSlide5 { width:285px; height:250px; background:url(/images/home/slides.jpg) no-repeat 0 -1000px; display:none; }
#homeSlide6 { width:285px; height:250px; background:url(/images/home/slides.jpg) no-repeat 0 -1250px; display:none; }
#homeSlide7 { width:285px; height:250px; background:url(/images/home/slides.jpg) no-repeat 0 -1500px; display:none; }


/* Footer */
#footerContainer { width:900px; height:45px; background:url(/images/elements.png) no-repeat 0 -154px; }
#footerContainerWebsites { width:900px; height:95px; margin:0 auto; background:url(/images/elements.png) no-repeat 0 -199px; text-align:center; }
#footerText { width:900px; padding:5px 0 30px 0; text-align:center; font: normal 15px Arial, Helvetica, sans-serif; color: #567d19; text-decoration: none; }


/* Text */
.defaultText { font: normal 15px Arial, Helvetica, sans-serif; color: #464646; text-decoration: none; line-height:1.2em; }
.defaultText a:link { font: normal 15px Arial, Helvetica, sans-serif; color: #0053d7; text-decoration: underline; }
.defaultText a:visited { font: normal 15px Arial, Helvetica, sans-serif; color: #0053d7; text-decoration: underline; }
.defaultText a:hover { font: normal 15px Arial, Helvetica, sans-serif; color: #0053d7; text-decoration: none; }

.defaultHdg { font: normal 25px Arial, Helvetica, sans-serif; color: #22395e; text-decoration: none; }