@charset "UTF-8";
/* CSS Document */

#container {width: 1000px; margin-left: auto; margin-right: auto; position: relative; border: 1px solid #033;}
#growth {position: absolute; top: 220px; left: 345px; width: 611px;}
#logo {position: absolute; top: 160px; left: 850px;}
#copy {position: absolute; left: 350px; top: 160px;}
#details1 {position: absolute; left: 500px; top: 233px;}
#details2 {position: absolute; left: 470px; top: 327px;}
#join {position: absolute; top: 460px; left: 355px;}
#joinbutton {position: absolute; top: 495px; left: 597px;}
#news {position: absolute; left: 38px; top: 133px;}
#flashcontent {height: 100%; font: 12px 'Trebuchet MS', arial, sans-serif; font-weight: bold; color: #999; text-align:center; line-height: 200px;}
#flash{display: block;}

.title {color: #FFF; text-align: left; font-size: 14px; letter-spacing: 1px; border-bottom: 1px solid #CCC; background-image: ../images/title_back.jpg); padding-left: 8px; padding-bottom: 3px; padding-top: 3px;}
.copywrite {color: #666666; font-size: 10px;}
.line {border-bottom: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF;}
.bold {font-size: 16px;}
.text {line-height: 1.5em;}

.mlink a {display: block; padding: 10px 5px 10px 5px; margin: 0; width: auto; color: #FFFFFF; font-size: 13px;}
.mlink a:visited {color: #FFFFFF;}
.mlink a:hover {color: #F93; display: block; background-color: #033;}
.mlink a:active {color: #F93;}

.title {color: #FFF; text-align: left; font-size: 14px; letter-spacing: 1px; border-bottom: 1px solid #033; background-image: url(../images/background_green.png); padding-left: 8px; padding-bottom: 3px; padding-top: 3px; width: 550px;}

#sidebar ul {list-style: none; margin: 0; padding: 0;}
#sidebar li {border-bottom: 1px dotted #999999; color: #000000;}

blockquote.pull {float: left; width: 150px; padding: 5px 5px 5px 5px; margin: 0;}
blockquote.pull2 {float: right; width: 315px;padding: 15px; margin: 0;}
blockquote.pull3 {float: left; width: 330px; padding: 5px 5px 5px 5px; margin: 0;}

.style1 {font-size: 24px; color: #003300; font-weight: bold;}

.nameo {padding-bottom: 5px; padding-top: 5px; padding-left: 15px; border-bottom: 1px dashed #000033;}
.nameow {padding-bottom: 5px; padding-top: 5px; padding-left: 15px; border-bottom: 1px dashed #000033; background-image: url(../images/background.png);}
.nameox {padding-bottom: 0px; padding-top: 0px; padding-left: 15px; border-bottom: 1px solid #000033;}
.nameoz {padding-bottom: 5px; padding-top: 5px; padding-left: 15px; border-bottom: 1px solid #000033;}

/* Slider Styles */

.transOFF {width: 100%; background-color: #665B4A;}
.transON  {width: 100%; background-color: #665B4A;opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5;}

.mypets{cursor: hand; cursor: pointer; padding: 5px; background-color: #C3BEAF; border-bottom: 1px solid #FFFFFF;}
.openpet{background-color: #752A2E; color:#FFFFFF; padding-left: 5px;}
.technology{cursor: hand; cursor: pointer; font-family: Arial, Helvetica, sans-serif; color: #665B4A;}
.openlanguage{color: green;}
.closedlanguage{color: red;}
.thepet {overflow: auto; margin: 0px; padding: 0px; height: 235px; line-height: 1.5em; border-bottom: 1px solid #FFFFFF; padding: 8px;}