/*
 * mono-blue style sheet
 * 
 * Copyright (C) Alessandro Dotti Contra <alessandro@hyboria.org>
 *
 * mono-blue.css,v 1.1 2005/06/17 16:06:07 adotti Exp
 *
 * This layout is released under the terms of the Creative Commons
 * Attribution-NonCommercial-ShareAlike version 2.5
 *
 * http://creativecommons.org/licenses/by-nc-sa/2.5/
 */

/* Body */

body {
	font-family:		sans-serif;
	color:			#000000;
	margin:			2% 2%;
	background:	url(http://www.littleangelsonlinestore.com/images/yellow.jpg);

}

img {
	border:			none;
}

a {
	color:			#022394;
}

a:hover {
	background-color:	#FFFFFF;
	color:			#22A6E8;
	text-decoration:	none;
}

p {
	margin:			5px 0;
}

/* Frame */

#frame {
	border:			1px dotted #EAEAEA;
	padding:		3px;
}

/* Logo */

#logo {
	text-align:		center;
	color:			#022394;
	margin:			20px 0;
	font-weight:		bold;
	font-size:		1.5em;
}

/* Toolbar */

#toolbar {
	vertical-align:		middle;
	text-align:		center;	
	color:			#22A6E8;
	font-size:		1.2em;
}

#toolbar a {
	text-decoration:	none;
}

/* Product Grid */


#gridbox1 a {
        width: 180px;
        position: absolute;
        height: 180px;
        left: 35px;
        top: 370px;
        text-align: center;
}

#gridbox2 a {
        width: 180px;
        position: absolute;
        height: 180px;
        left: 255px;
        top: 370px;
}

#gridbox3 a {
        width: 180px;
        position: absolute;
        height: 180px;
        left: 480px;
        top: 370px;
}


#gridbox21 a {
        width: 180px;
        position: absolute;
        height: 180px;
        left: 35px;
        top: 590px;
        text-align: center;
}

#gridbox22 a {
        width: 180px;
        position: absolute;
        height: 180px;
        left: 255px;
        top: 590px;
}

#gridbox23 a {
        width: 180px;
        position: absolute;
        height: 180px;
        left: 480px;
        top: 590px;
}

#gridbox31 a {
        width: 180px;
        position: absolute;
        height: 180px;
        left: 35px;
        top: 810px;
        text-align: center;
}

#gridbox32 a {
        width: 180px;
        position: absolute;
        height: 180px;
        left: 255px;
        top: 810px;
}

#gridbox33 a {
        width: 180px;
        position: absolute;
        height: 180px;
        left: 480px;
        top: 810px;
}


#gridbox41 a {
        width: 180px;
        position: absolute;
        height: 180px;
        left: 35px;
        top: 1020px;
        text-align: center;
}

#gridbox42 a {
        width: 180px;
        position: absolute;
        height: 180px;
        left: 255px;
        top: 1020px;
}

#gridbox43 a {
        width: 180px;
        position: absolute;
        height: 180px;
        left: 480px;
        top: 1020px;
}


#gridbox51 a {
        width: 180px;
        position: absolute;
        height: 180px;
        left: 35px;
        top: 1240px;
        text-align: center;
}

#gridbox52 a {
        width: 180px;
        position: absolute;
        height: 180px;
        left: 255px;
        top: 1240px;
}

#gridbox53 a {
        width: 180px;
        position: absolute;
        height: 180px;
        left: 480px;
        top: 1240px;
}


#gridbox61 a {
        width: 180px;
        position: absolute;
        height: 180px;
        left: 35px;
        top: 1460px;
        text-align: center;
}

#gridbox62 a {
        width: 180px;
        position: absolute;
        height: 180px;
        left: 255px;
        top: 1460px;
}

#gridbox63 a {
        width: 180px;
        position: absolute;
        height: 180px;
        left: 480px;
        top: 1460px;
}

#gridbox71 a {
        width: 180px;
        position: absolute;
        height: 180px;
        left: 35px;
        top: 1680px;
        text-align: center;
}

#gridbox72 a {
        width: 180px;
        position: absolute;
        height: 180px;
        left: 255px;
        top: 1680px;
}

#gridbox73 a {
        width: 180px;
        position: absolute;
        height: 180px;
        left: 480px;
        top: 1680px;
}

#gridbox81 a {
        width: 180px;
        position: absolute;
        height: 180px;
        left: 35px;
        top: 1900px;
        text-align: center;
}

#gridbox82 a {
        width: 180px;
        position: absolute;
        height: 180px;
        left: 255px;
        top: 1900px;
}

#gridbox83 a {
        width: 180px;
        position: absolute;
        height: 180px;
        left: 480px;
        top: 1900px;
}

#gridbox91 a {
        width: 180px;
        position: absolute;
        height: 180px;
        left: 35px;
        top: 2120px;
        text-align: center;
}

#gridbox92 a {
        width: 180px;
        position: absolute;
        height: 180px;
        left: 255px;
        top: 2120px;
}

#gridbox93 a {
        width: 180px;
        position: absolute;
        height: 180px;
        left: 480px;
        top: 2120px;
}
#gridbox101 a {
        width: 180px;
        position: absolute;
        height: 180px;
        left: 35px;
        top: 2340px;
        text-align: center;
}

#gridbox102 a {
        width: 180px;
        position: absolute;
        height: 180px;
        left: 255px;
        top: 2340px;
}

#gridbox103 a {
        width: 180px;
        position: absolute;
        height: 180px;
        left: 480px;
        top: 2340px;
}
#gridbox104 a {
        width: 180px;
        position: absolute;
        height: 180px;
        left: 35px;
        top: 2560px;
}





/* end Product Grid */


/* Content */

#content {
	width:			85%;
	margin-bottom:		10px;
}

/* Block */

.block h2 {
	vertical-align:		middle;
	font-size:		1.2em;
	margin-bottom:		3px;
	color:			#022394;
        text-align: center;
}

.block .marker {
	font-size:		1.3em;

	background-color:	#FFFFFF;
	color:			#22A6E8;
}

.block .content {
	border-top:		1px dotted #EAEAEA;
	border-bottom:		1px dotted #EAEAEA;

	width:			100%;

	margin-bottom:		5px;
	padding:		5px 0;

	text-align:		justify;
}

/* Miscellaneous classes */

.quote {
	text-align:		justify;
	font-style:		italic;
}

/* Footer */

#footer {
        position: absolute;
	font-size:		.8em;
	text-align:		center;
        top: 2780px;
}