@charset "utf-8";

.QOverlay {
	background-color: #ffffff;
	z-index: 9999;
}

.QLoader {
	background-color: #ED9121;
	height: 1px;
}

body { margin: 0; padding: 0; background-color: #7DAD37; }
#background {
			position: absolute; top: 0; left: 0;
			width: 100%;
			height: 347px;
			background: transparent url(trsp.jpg);
		}
#layer1 {
			position: absolute; top: 0; left: 0;
			width: 100%;
			height: 347px;
			background: transparent url(files/carrotscape.jpg) 0 0px repeat-x;
		}
.captions { font: bolder 24px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #2AAAFF; text-align: left; }
.captions_wh { font: bolder 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #FFFFFF; text-align: left; }
.captions_bl { font: bolder 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #87CEEB; text-align: left; }

#logoholder { position: absolute; top: 2px; left: 15px; width: 325px; height: 184px; padding-left: 15px; padding-top: 5px; z-index: 500; }
.logotr { width: 325px; height: 184px; margin-top: 15px; background-image: url('files/carrotlogo09z.png'); background-repeat: no-repeat; }

#cloud { position: absolute; top: 175px; left: 300px; width: 60px; height: 39px; padding: 0; margin: 0; }
#cloud2 { position: absolute; top: 45px; left: 475px; width: 60px; height: 39px; padding: 0; margin: 0; }

.cloudmtr { position: absolute; z-index: 200; width: 60px; height: 39px; margin: 0; padding: 0; background-image: url('files/cloud-med.png'); background-repeat: no-repeat; }
#cloudholder1:hover #cloudmtr_txt { visibility: visible; }
#cloudmtr_rain { visibility: hidden; width: 180px; height: 245px; margin-left: 0px; padding-right: 55px; padding-left: 55px; padding-top: 25px; background-image: url('files/cloud-rain.png'); background-repeat: no-repeat; position: absolute; top: 52px; left: -65px; z-index: 100; }
#cloudmtr_txt { visibility: hidden; width: 375px; height: 125px; margin-left: 0px; position: absolute; top: 0px; left: 85px; z-index: 100; }

#sunholder { position: absolute; top: 140px; left: 630px; width: 65px; height: 65px; padding: 0; margin: 0; z-index: 50; }
.suntr { position: absolute; z-index: 200; width: 65px; height: 65px; margin: 0; padding: 0; background-image: url('files/sun.png'); background-repeat: no-repeat; }
#sunholder:hover #suntr_txt { visibility: visible; }
#suntr_txt { visibility: hidden; width: 375px; height: 125px; margin-left: 0px; position: absolute; top: 18px; left: -350px; z-index: 100; }

#carrotholder { position: absolute; top: 256px; left: 290px; width: 124px; height: 90px; padding: 0; margin: 0; z-index: 25; }
.carrottr { position: absolute; z-index: 200; width: 124px; height: 90px; margin: 0; padding: 0; background-image: url('files/carrot.png'); background-repeat: no-repeat; }
#carrotholder:hover #carrottr_txt  { visibility: visible; }
#carrotholder:hover .carrottr { }
#carrottr_txt { visibility: hidden; width: 575px; height: 50px; margin-left: 0px; padding-right: 5px; padding-left: 5px; padding-top: 8px; position: absolute; top: 84px; left: -75px; z-index: 100; }

#twitholder { position: absolute; top: 238px; left: 458px; width: 36px; height: 25px; padding: 0; margin: 0; }
.twittr { position: absolute; z-index: 150; width: 36px; height: 25px; margin: 0; padding: 0; background-image: url('files/twit.png'); background-repeat: no-repeat; }
#twitholder:hover #twittr_txt  { visibility: visible; }
#twitholder:hover .twittr { }
#twittr_txt { visibility: hidden; width: 575px; height: 50px; margin-left: 0px; padding-right: 5px; padding-left: 5px; padding-top: 8px; position: absolute; top: -30px; left: -45px; z-index: 100; }

#navholder { position: absolute; top: 360px; left: 0px; width: 760px; height: 170px; padding: 0; margin: 0; background-image: url('files/navholder.gif'); background-repeat: no-repeat; z-index: 1; }

#navico { margin: 0; padding: 0; }
#navlinks{
	position: absolute; top: 360px; left: -55px;
    width: 295px; height: 63px;
	background-image: url(files/navlinks.gif);
    margin: 0 auto; padding: 0;
	position: relative;
    z-index: 600; }
#navlinks li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;}
#navlinks li, #navlinks a {
    height: 63px; display: block;}

#nav-websites {left: 0px; width: 75px; }
#nav-portfolio {left: 80px; width: 75px;}
#nav-email {left: 160px; width: 65px;}
#nav-faq {left: 230px; width: 65px; }

#nav-websites a:hover { background: transparent url(files/navlinks.gif) 0 -76px no-repeat;}
#nav-portfolio a:hover { background: transparent url(files/navlinks.gif) -80px -76px no-repeat;}
#nav-email a:hover { background: transparent url(files/navlinks.gif) -160px -76px no-repeat;}
#nav-faq a:hover { background: transparent url(files/navlinks.gif) -230px -76px no-repeat; }

#nav-email:hover #emailpop { visibility: visible; }
#emailpop { visibility: hidden; position: absolute; left: -355px; bottom: 60px; width: 425px; height: 330px; background: none; z-index: 500; padding-top: 20px; padding-left: 100px; } 
#emailcomment { height: 60px; border-top: 0px dashed #87CEEB; border-bottom: 1px dashed #87CEEB; border-left: none; border-right: none; background: none; padding-top: 6px; padding-bottom: 6px; padding-left: 2px; padding-right: 2px; margin-left: 3px; width: 176px; overflow: auto; float: left; z-index: 1; }
.emailinput { font: bold 10px Arial, Helvetica, sans-serif; color: #2AAAFF; border-top: 0px dashed #87CEEB; border-bottom: 1px dashed #87CEEB; border-left: none; border-right: none; background: none; padding-top: 2px; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; width: 176px; }
.msginput { font: bold 10px Arial, Helvetica, sans-serif; color: #2AAAFF; }
.formlabel { font: bold 11px Arial, Helvetica, sans-serif; color: #7B68EE; margin-left: 16px; }
.submit { font: bold 10px Arial, Helvetica, sans-serif; color: #fff; background-image:url(files/emailsend.gif); background-repeat: no-repeat; width: 60px; height: 16px; border: none; cursor:pointer; }
.submit:hover { font: bold 10px Arial, Helvetica, sans-serif; color: #fff; background-image:url(files/emailsendover.gif); background-repeat: no-repeat; width: 60px; height: 16px; border: none; }
.submitpos { padding-left: 190px; }

#nav-faq:hover #faqpop { visibility: visible; }
#faqpop { visibility: hidden; position: absolute; left: -390px; bottom: 60px; width: 425px; height: 330px; background: none; z-index: 500; padding-top: 20px; padding-left: 80px; border: 1px solid blue; }
#faqpop:hover #faqpop { visibility: visible; }
#faqholder {margin: 0; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; width: 260px; height: 150px; border-top: 1px dashed #87CEEB; border-bottom: 1px dashed #87CEEB; z-index: 1; overflow: auto; background: none; }
.headl { font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #87CEEB; padding-bottom: 10px; }
#faqpop p { font: bold 10px Arial, Helvetica, sans-serif; color: #2AAAFF; }