@charset "utf-8";

/*********************************
	       Name: default.css
	Description: Default style sheet definitions for pierrelandscaping.com
	    Created: 11/28/2007
	    Updated: 12/03/2007
*********************************/

/*********************************
Global ID definitions
*********************************/

body
{
	background-color: #545866;
	padding: 0px;
	margin: 0px;
	text-align: center;
}

/*********************************
Shadow placement foo!
*********************************/

#ShadowTopLeft
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 30px;
	height: 10px;
	background: url(../_images/content_shadow_top_left.gif) no-repeat;
}

#ShadowTopTile
{
	position: absolute;
	top: 0px;
	left: 30px;
	width: 700px;
	height: 10px;
	background: url(../_images/content_shadow_top.gif) repeat-x;
}

#ShadowTopRight
{
	position: absolute;
	top: 0px;
	left: 730px;
	width: 30px;
	height: 10px;
	background: url(../_images/content_shadow_top_right.gif) no-repeat;
}

#ShadowRightTop
{
	position: absolute;
	top: 10px;
	left: 740px;
	width: 20px;
	height: 10px;
	background: url(../_images/content_shadow_right_top.gif) no-repeat;
}

#ShadowRightTile
{
	position: absolute;
	top: 20px;
	left: 740px;
	width: 20px;
	height: 580px;
	background: url(../_images/content_shadow_right.gif) repeat-y
}

#ShadowRightBottom
{
	position: absolute;
	top: 600px;
	left: 740px;
	width: 20px;
	height: 10px;
	background: url(../_images/content_shadow_right_bottom.gif) no-repeat;
}

#ShadowBottomLeft
{
	position: absolute;
	top: 610px;
	left: 0px;
	width: 30px;
	height: 20px;
	background: url(../_images/content_shadow_bottom_left.gif) no-repeat;
}

#ShadowBottomTile
{
	position: absolute;
	top: 610px;
	left: 30px;
	width: 700px;
	height: 20px;
	background: url(../_images/content_shadow_bottom.gif) repeat-x;
}

#ShadowBottomRight
{
	position: absolute;
	top: 610px;
	left: 730px;
	width: 30px;
	height: 20px;
	background: url(../_images/content_shadow_bottom_right.gif) no-repeat;
}

#ShadowLeftTop
{
	position: absolute;
	top: 10px;
	left: 0px;
	width: 20px;
	height: 10px;
	background: url(../_images/content_shadow_left_top.gif) no-repeat;
}

#ShadowLeftTile
{
	position: absolute;
	top: 20px;
	left: 0px;
	width: 20px;
	height: 580px;
	background: url(../_images/content_shadow_left.gif) repeat-y;
}

#ShadowLeftBottom
{
	position: absolute;
	top: 600px;
	left: 0px;
	width: 20px;
	height: 10px;
	background: url(../_images/content_shadow_left_bottom.gif) no-repeat;
}

/*********************************
Main template definitions
*********************************/

#MainContainer
{
	width: 760px;
	height: 630px;
	margin: 0px auto 0px auto;
	position: relative;
}

#MainContentContainer
{
	position: absolute;
	top: 10px;
	left: 20px;
	width: 720px;
	height: 600px;
	vertical-align: top;
	text-align: left;
	background-image: url(../_images/content_background_tile_green.jpg);
}

/*********************************
Footer info
*********************************/

#FooterContainer
{
	text-align: center;
	font: 11px/24px Verdana, Arial, Helvetica, sans-serif;
	color: #D8CAA8;
}

#FooterContainer a
{
	color: #D8CAA8;
	text-decoration: none;
}

#FooterContainer a:hover
{
	text-decoration: underline;
}