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

html, body {
	margin: 0;
	padding: 0;
	font: .92em/105% Verdana, Arial, Helvetica, sans-serif;
}

body {
	background-color: #656566;
	background-image: url(../img/layout/backdrop.jpg);
	background-repeat: no-repeat;
	background-position: center 20px;
}

.wrapper {
	position: relative;
	width: 850px;
	height: 580px;
	margin: 50px auto;
}

/*  ============================ Header Styles ===========================  */

.logo {
	height: 72px;
	background-image: url(../img/layout/logo.png);
	background-position: left;
	background-repeat: no-repeat;
	width: 168px;
}

.logo h1 {
	display: none;
}

.header {
	width: 720px;
	font-size: 85%;
	color: #fffddd;
	margin: 0 auto;
}
.vismis {
	position: absolute;
	left: 265px;
	top: 15px;
	width: 515px;
}

/*  ============================ Main Menu Styles ===========================  */

.menu {
	position: relative;
	width: 724px;
	margin: 60px auto 0;
	height: 357px;
}

.menu h2 {
	display: none;
}
.petOwners, .imagingCenter, .telemedicine {
	cursor: pointer;
}
.petOwners {
	width: 221px;
	height: 357px;
	background-image: url(../img/layout/menu/petOwners_drop.png);
	background-repeat: no-repeat;
	position: absolute;
}

.imagingCenter {
	width: 221px;
	height: 357px;
	background-image: url(../img/layout/menu/imagingCenter_drop.png);
	background-repeat: no-repeat;
	left: 259px;
	position: absolute;
}

.telemedicine {
	width: 221px;
	height: 357px;
	background-image: url(../img/layout/menu/telemedicine_drop.png);
	background-repeat: no-repeat;
	float: left;
	position: absolute;
	z-index: 10;
	left: 518px;
}

dl {
	padding-top: 228px;
	padding-left: 8px;
	padding-right: 23px;
	margin-top: 4px;
}

dt, dt a {
	font-weight: bold;
	font-size: 110%;
	color: #ffed00;
	text-decoration: none;
}

dd {
	font-size: 90%;
	color: #cdcdcd;
	margin-left: 0px;
}


/*  ============================ Login Styles ===========================  */

#Login {
	position: absolute;
	width: 206px;
	height: 342px;
	background: url(/img/layout/menu/login.png) top left no-repeat;
	top: -23px;
	z-index: 5;
	left: 518px;
}

#Login dl {
	text-align: right;
	padding-top: 5px;
	padding-left: 4px;
	padding-right: 6px;
	margin-top: 0px;
}

#Login dt {
	font-weight: bold;
	font-size: 90%;
	color: #ffff99;
	padding-right: 10px;
	padding-bottom: 5px;
	cursor: pointer;
	cursor: hand;
	z-index: 100;
}

#Login dd, #Login dd a {
	padding-top: 3px;
	font-size: 80%;
	color: #ffcc66;
	margin-left: 0px;
}

#login {
	font-size: 80%;
	text-decoration: none;
	color: #ffff99;
	font-size: 100%;
}

.txtFld {
	width: 115px;
	height: 12px;
	font-size: 100%;
	color: #666666;
	padding-left: 3px;
}

#loginBtn {
	width: 52px;
	height: 19px;
	font-size: 100%;
	font-weight: bold;
	color: #ffffff;
	margin-left: 30px;
	border: 0;
	background: url(../img/layout/menu/button_login.png) no-repeat center top;
	cursor: pointer;
	text-align: center;
}
#btnForgottenPwd {
	background: none;
	border: none;
	background-color: transparent;
	font-size: 0.91em;
	color: #ffff99;
	cursor: pointer;
	text-align: center;
	width: 110px;
}

/*  ============================ Footer Styles ===========================  */

.footer {
	width: 600px;
	font-size: 70%;
	margin: 35px auto;
}

.footer ul, .footer p {
	text-align: center;
	color: #99bfd0;
}

.footer p {
	margin-top: -5px;
}

.footer li {
	display: inline;
	list-style-type: none;
	padding-right: 6px;
	padding-left: 8px;
	border-left: solid;
	border-left-width: 1px;
	border-left-color: #99bfd0;
}

#first {
	padding-left: 0px;
	border-left: none;
}

.footer li a {
	color: #99bfd0;
	text-decoration: none;
}

.footer li a:hover {
	color: #c8dfe9;
}

.footer h3 {
	display: none;
}