﻿/*Wags Doggie Daycare red/white box design */

body {
	background-color:silver;
	margin:15px 50px 5px 50px;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
}

.wrapper {
	position:relative;
	background-color:white;
	width:100%;
	border:3px solid red;
	/*
	background-image: url('../images/wags_logo.jpg'); 
	background-repeat: no-repeat; 
	background-position: left top;
	background-position: 15px 10px;
	*/
	z-index:10;
}

.redbox {
	font-family:Arial, Helvetica, sans-serif;
	position:relative;
	margin:0 0 0 402px;
	padding-top:15px;
	/*
	
	*/
	padding-bottom:15px;
	background-color:red;
	color:white;
	height:auto;
	min-height:500px;
}


.whitebox {
	font-family:Arial, Helvetica, sans-serif;
	position:fixed;
	left: 60px;
	margin-top:20px;
	/*
	
	padding:0 0 30 0;
	*/
	background-color:white;
	color:black;
	height:auto;
	width:380px;	
	float:left;
	text-align: center;
	z-index:1;

	
}

.infobox {
	background-color:silver;
	width:100%;
	color:black;
	text-align:center;
	font-size:medium;
	padding-bottom:5px;	
}

/* LINK ORDER:
	a:link
	a:visited
	a:hover
	a:active
*/

/* infobox link NOT IN UL */
.infobox a {
	color:black;
	text-decoration:none;
}

.infobox  active {
	color:red;
}

.infobox a:link {
	color:black;
	background-color:silver;
}

.infobox  a:visited {
	color:black;

}

.infobox  a:hover {
	color:white;
	background-color:black;
}


/* infobox links in UL */
.infobox li a {
	color:black;
	text-decoration:none;
}

.infobox li a:link {
	color:black;
	background-color:silver;
}

.infobox li a:visited {
	color:black;

}
.infobox li a:hover {
	color:white;
	background-color:black;
}
.infobox li active {
	color:red;
}




/* infobox second time for information */
.infobox>p+p {
	font-size:x-small;
	text-align:center;	

}

.infobox ul {
	margin:0;
	padding:0;
	list-style:none;	
	
}

.infobox li {
	display:inline;
	font-size:small;
}


.redbox a {
	background-color:red;
	color:black;
	text-decoration:none;
}

.redbox a:link {
	color:black;
}

.redbox a:visited {

	color:black;
}

.redbox a:hover {
	background-color:white;
	color:black;
}

.redbox p {
	padding: 0 15px 0 15px;
}

.redbox p1 {
	padding-top:15px;
}

.redbox h1 {
	padding: 0 15px 0 15px;
	text-align:center;
}

.redbox h2 {
	padding: 0 15px 0 15px;
	text-align:center;
}

.redbox h3 {
	padding: 0 15px 0 15px;
	text-align:center;
}

.redbox h4 {
	padding: 0 15px 0 15px;
}
	
}

.style1 {
	text-align: center;
}

.important {
	text-align:center;
	background:white;
	color:red;
}

