/************************************************************************
* Generic element styles
************************************************************************/
body
{
    margin:0;
    background:url(images/bgBody.png) repeat;
    color:#21337e;
    font-family:Tahoma, Arial, Helvetica, Verdana, sans-serif;
    font-size:11px;
    line-height:16px;
}
a:link
{
	color:#21337e;
	text-decoration:none;  
}
a:visited
{
	color:#1d2d6f;
	text-decoration:none;  
}
a:hover, a:active
{
	color:#293f9b;
    text-decoration:underline;
}
input, select, textarea
{
    font-size:10px; 
    font-family:Tahoma, Arial, Helvetica, Verdana, sans-serif;
}
h1
{
    font-size:12px;
    font-weight:bold;
	margin:0px;
	padding:0px;
}
h2
{
	font-size:11px;
    font-weight:bold;
	margin:0px;
	padding:0px;
}
h3
{
	font-size:11px;
    font-weight:bold;
	margin:0px;
	padding:0px;
}
h1 a:link, h1 a:visited, h1 a:hover, h1 a:active
{
    text-decoration: none;
    color: #FFFFFF;
}
hr
{
	height:0px;
	border-top:solid 1px #999;
	border-left:0px;
	border-right:0px;
	border-bottom:0px;
	margin:0px;
	margin-top:10px;
	margin-bottom:10px;
	padding:0px;
	padding-top:0px;
	padding-bottom:0px;
	background:transparent;
	clear:both;
}
* html hr
{
	margin-top:0px;
	margin-bottom:0px;
}
hr.dashed
{
	border-top:0px;
	border-bottom:dashed 1px #999;
}
p
{
	margin-top:0px;
	margin-bottom:0px;
	padding-top:10px;
	padding-bottom:10px;
}

/************************************************************************
* Master page containers
************************************************************************/
#BodyContainer
{
	margin:0 auto;
	width:780px;
	background: url(images/bgBodyContainer.png) repeat-y;
	overflow:hidden;
}
* html #BodyContainer
{
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/App_Themes/AngelsTouchSpa/images/bgBodyContainer.png', sizingMethod='scale');
}
#BodyFooter
{
	margin:0 auto;
	margin-bottom:20px;
	width:780px;
	height:45px;
	background: url(images/bgBodyFooter.png) no-repeat;
}
* html #BodyFooter
{
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/App_Themes/AngelsTouchSpa/images/bgBodyFooter.png', sizingMethod='default');
}
#Header
{
	position:relative;
	margin:0 5px;
	padding:0;
	width:770px;
	height:137px;
	background: url(images/bgHeader.jpg) no-repeat center top;	
}
#Nav
{
	position:relative;
	margin:0 5px;
	width:770px;
	height:38px;
	background: url(images/bgNav.jpg) no-repeat;	
}
#Breadcrumbs
{
	display:inline;
	float:left;
	margin:10px 20px;
	color:#21337e;
}
#Breadcrumbs span.node
{
	color:#21337e;
}
#Breadcrumbs span a
{
	color:#21337e;
}
#ContentContainer
{
	/*position:relative;*/
	margin:0 5px;
	width:770px;
}
.ContentContainer h1
{
	margin-bottom:20px;
}
.ContentContainer div.padding
{
	padding:15px 30px;
}
#loginbanner
{
	width:400px;
	position:absolute;
	top:5px;
	right:10px;
	z-index:99;
	text-align:right;
}
.Login
{
	text-align:right;
}
#breadcrumb
{
	position:relative;
	padding:10px 20px 0px 20px;
}

/************************************************************************
* Master page element styles
************************************************************************/
a.HomeLink
{
	display:block;
	width:450px;
	height:137px;
	cursor:pointer;
}


#header #loginbanner h2
{
    font-size: 11px;
    font-weight:normal;
	text-align:right;
	margin:0px;
	padding:0px;
	padding-bottom:5px;
}
#loginbanner h2
{
    font-size: 11px;
    font-weight:normal;
	text-align:right;
}
#Footer p
{
	margin:0px;
	padding:15px;
	color:#FFF;
	text-align:center;
}
#Footer a
{
	color:#FFF;
}


/************************************************************************
* Common page styles
************************************************************************/
.headlinepadding
{
	padding:30px 20px 0 45px;
}
.button
{
	cursor:pointer;
}
/************************************************************************
* Global formatting
************************************************************************/
form
{
    margin: 0px;
}

/* sometimes we hide elements from display in visual browsers (but leave them in the source for non visual browsers and for accessibility) */

.hidden
{
    visibility: hidden;
}
.none
{
    display: none;
}

/************************************************************************
* image replacement
************************************************************************/
.imagetext
{
	display:none;
}

/************************************************************************
* Browser fixes
************************************************************************/
/* IE dotted outline removal */
* html a
{
	behavior: url(/scripts/onclickbehavior.htc);
}
/* Mozilla dotted outline removal */
:focus
{
	-moz-outline-style:none;
}

/* IE6 png */
* html img.png
{
	border:none;
	behavior:url(/scripts/pngbehavior.htc);
}


/************************************************************************
* Home Section
************************************************************************/
div.HomeContent
{
	width:770px;
	height:467px;
	background:url(images/bgContent_Home.jpg) no-repeat right top;
}
div.HomeContent
{
	line-height:21px;
}
div.HomeContentContainer
{
	margin-top:20px;
	margin-left:50px;
	margin-top:20px;
	width:500px;
}
img.HomePhotos
{
	margin-top:30px;
}

/************************************************************************
* Gallery Section
************************************************************************/
div.GalleryContent
{
	width:770px;
	height:467px;
	background:url(images/bgContent_Gallery.jpg) no-repeat right top;
}
img.GalleryPhotos
{
	margin-left:45px;
	margin-top:10px;
}
.GalleryContent .ContentContainer h2
{
	font-size:11px;
	font-weight:bold;
	margin:10px 0;
	padding:0;
}
/************************************************************************
* Services Section
************************************************************************/
#ServicesContent
{
	width:770px;
	min-height:467px;
	overflow:hidden;
}
* html #ServicesContent
{
	height:auto !important;
	height:467px;
	overflow:visible;
}
div.ServicesContent
{
	width:770px;
	min-height:467px;
	background:url(images/bgContent_Services.jpg) no-repeat right bottom;
}
div.ServicesSubContent
{
	width:770px;
	min-height:467px;
}
img.ServicesPhotos
{
	margin-top:10px;
}
#ContentContainer .ServicesContent .ContentContainer
{
}
#ContentContainer .ServicesContent .ContentContainer .padding, #ContentContainer .ServicesSubContent .ContentContainer .padding
{
	padding:10px 30px;
}
.ServicesContent .ContentContainer h2, .ServicesSubContent .ContentContainer h2
{
	font-size:11px;
	font-weight:bold;
	margin:10px 0;
	padding:0;
}
.ServicesContent .ContentFooter, .ServicesSubContent .ContentFooter
{
	
}

/************************************************************************
* Promotions Section
************************************************************************/
div.PromotionsContent
{
	width:770px;
	min-height:467px;
	background:url(images/bgContent_Promotions.jpg) no-repeat right top;
}
* html div.PromotionsContent
{
	height:auto !important;
	height:467px;
}
img.PromotionsPhotos
{
	margin-top:10px;
}
.PromotionsContent .ContentContainer .padding
{
	padding:10px 30px;
}
.PromotionsContent .ContentContainer h2
{
	font-size:11px;
	font-weight:bold;
	margin:0;
	padding:0;
}

/************************************************************************
* Contact Section
************************************************************************/
div.ContactContent
{
	width:770px;
	min-height:467px;
	background:url(images/bgContent_Contact.jpg) no-repeat right bottom;
	/*overflow:hidden;*/
}
* html div.ContactContent
{
	height:auto !important;
	height:467px;
}
.ContactContent .ContentContainer .padding
{
	padding:10px 30px;
}
.ContactFormContainer
{
	padding:10px 30px;
}
.ContactContent .ContentContainer h2
{
	font-size:11px;
	font-weight:bold;
	margin:0;
	padding:0;
}
.ContactContent .ContentFooter
{
	margin-bottom:0px;
}

/************************************************************************
* Content Box
************************************************************************/
.ContentHeader
{
	margin-top:20px;
	margin-left:36px;
	width:540px;
	height:20px;
	background:url(images/bgContentHeader.png) no-repeat;
}
* html .ContentHeader
{
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/App_Themes/AngelsTouchSpa/images/bgContentHeader.png', sizingMethod='default');
}
.ContentBody
{
	margin-left:36px;
	width:540px;
	background:url(images/bgContentBody.png) repeat-y left top;
}
* html .ContentBody
{
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/App_Themes/AngelsTouchSpa/images/bgContentBody.png', sizingMethod='scale');
}
.ContentFooter
{
	margin-bottom:20px;
	margin-left:36px;
	width:540px;
	height:20px;
	background:url(images/bgContentFooter.png) no-repeat;
}
* html .ContentFooter
{
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/App_Themes/AngelsTouchSpa/images/bgContentFooter.png', sizingMethod='default');
}
.ContentBody .ContentContainer
{
	width:525px;
	margin-left:7px;
	margin-right:8px;
	min-height:200px;
	background:#f3f6ff url(images/bgContentBodyGradient.png) no-repeat left top;
}
* html .ContentContainer
{
	position:relative;
	height:auto !important;
	height:200px;
}