@charset "utf-8";

/* ----------- HTML TAGS-------------- */
body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #000000;
	background-image: url(../images/bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0px;
	padding: 0px;
	text-align:center;
}
h1, h2, h3, h4, h5, h6, p, td, div {
	font-family: Arial, Helvetica, sans-serif;
}
td {

}

/* ------------ LAYOUT --------------- */

div#maincontainer {
	width:1032px;
	height:768px;
	margin: 0px auto 0px auto;
	text-align:left;
	position:relative;
}
img#logo {
	position:relative;
	z-index:2;
}
div#left_column {
	width:383px;
	height:790px;
	float:left;
}
div#left_column p {
	font-align:left;
	font-size:12px;
	margin: 0px 0px 16px 70px;
	text-align:left;
}
div#left_column h1 {
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#231F20;
	line-height:14px;
	margin:0px 0px 20px 70px;
	text-align:left;
}
div#left_column h2 {
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#231F20;
	margin:0px 0px 10px 70px;
	text-align:left;
	border-bottom:dashed 1px #000000;
}
div#left_column a {
	color:#000033;
}
div#left_column a:hover {
	text-decoration:none;
}
div#left_column a#register2 {
	color:#ffffff;
	display:block;
	padding:4px;
	width:300px;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	background-color:#000000;
}
div#left_column a#register2:hover {
	background-color:#cecece;
	color:black;
}
div#right_column {
	width:450px;
	float:left;
	position:relative;
	left:85px;
	top:230px;
	text-align:left;
	z-index:5;
}
div#right_column h2 {
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#231F20;
	margin:0px 0px 10px 10px;
	padding:0px;
	text-align:left;
	border-bottom:dashed 1px #000000;
}
#gd {
	float:left;
	margin:20px 20px 32px 0px;
}
div#footer {

}
div#copyright {
	font-size: 10px;
	color: #999999;
	clear: both;
	width: 600px;
	margin:0px auto 0px auto;
	text-align:center;
}
div#copyright a {
	color:#999999;
}
/*------------ACCORDIAN NAV-------------*/

.mypets { /*header of 1st demo*/
	cursor: hand;
	cursor: pointer;
	padding: 5px 15px;
	margin:0px 0px 0px 1px;
	width:500px;
	font-size:14px;
	line-height:18px;
	background-repeat: repeat-x;
	background-color: #A4F3DE;
	border-bottom: solid 1px #999999;
	opacity:0.8;
	filter: alpha(opacity=80);
}
.thepet {
	width:510px;
	height:143px;
	overflow-y:auto;
	overflow-x:hidden;
	overflow:auto;
	padding:10px;
	margin:0px 0px 0px 1px;
	background-color: #FFFFC9;

}
.thepet h3 {
	font-size:20px;
	margin:5px 0px 15px 0px;
}
.thepet a {
	color: #000000;
}
.thepet a:hover {
	text-decoration:none;
}
.arrowlist li {
	list-style-image: url(../images/arrow.gif);	
}

.thepet p {
	font-size:12px;
	margin: 0px 0px 15px 10px;
}
.openpet { /*class added to contents of 1st demo when they are open*/
	width:500px;
	margin: 0px 0px 0px 1px;
	background-color: #82BC4C;
	background-repeat: repeat-x;
	
}
ul {
	margin:0px;
	padding:0px 0px 10px 20px;
}
li {
	font-size:12px;
	margin:10px;
}


.openlanguage { /*class added to contents of 2nd demo when they are open*/
	color: green;
}

.closedlanguage{ /*class added to contents of 2nd demo when they are closed*/
color: red;
}

.register {
	float:right;
	margin: 10px 0px 10px 20px;
	cursor:pointer;
}
.divider {
	margin:-10px 0px 10px 0px;
	padding:0px;
	border-bottom:1px solid #000000;
}
#map {
	display:block;
	width:200px;
	background-color:#FFCC00;
	padding:3px;
}
img.right {
	float:right;
	margin: 0px 0px 15px 15px;	
	cursor:pointer;
}

/* the overlayed element */ 
.simple_overlay { 
     
    /* must be initially hidden */ 
    display:none; 
     
    /* place overlay on top of other elements */ 
    z-index:10000; 
     
    /* styling */ 
    background-color:#333; 
     
    width:640px;     
    min-height:200px; 
    border:1px solid #666; 
     
    /* CSS3 styling for latest browsers */ 
    -moz-box-shadow:0 0 90px 5px #000; 
    -webkit-box-shadow: 0 0 90px #000;     
} 
 
/* close button positioned on upper right corner */ 
.simple_overlay .close { 
    background-image:url(../images/close.png); 
    position:absolute; 
    right:-15px; 
    top:-15px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
}
#mies1 p {
	color:#FFFFFF;
	margin:5px 20px 16px 20px;
	font-size:12px;
}
#mies1 h3 {
	font-size:18px;
	color:#FFFFFF;
	margin:20px 20px 0px 20px;
}
#mies2 a {
	background-color:#58a7a9;
	padding:3px;
	color:#000000;
	width:634px;
	display:block;
	text-decoration:none;
	font-size:12px;
}
#mies2 a:hover {
	background-color:#999999;
	color:#ffffff;	
}
img.right {
	float:right;
	margin: 0px 0px 15px 15px;
	border:solid 1px #000000;
}
#register {
	background-color: #000000;
	display: block;
	padding: 4px;
	margin: 0px 0px 15px 10px;
	width:300px;
	text-align:center;
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}
#register:hover {
	background-color: #A4F3DE;
	color:#000000;
}