/* ------------- Global Stylesheet ------------- */

body,html{
	margin: 0px;
	padding: 0px;
	background: url(../images/bg_tiles.png) repeat-y center;
	height: 100%;
	text-align: center;
}
#container{
	background: url(../images/bg_shadow.png) no-repeat center top;
	height: 100%;
}

/* ------------------------------------------------------------- 
Header 
------------------------------------------------------------- */

#head_container{
	margin: 0px;
	padding: 0px;
	background-image: url(../images/bg_header.jpg); 
}
#logo{
	margin: 0px;
	padding: 0px;
	height: 89px;
	background: url(../images/logo.gif) no-repeat center;
	text-align: right;
} 
#userpanel{
	float: right;
	margin: 10px 0px;
	padding: 15px 0 17px 20px;
	font-size: 11px;
	font-family: "Trebuchet MS", verdana, arial, san-serif;
	color: #9AC6E8;
	background: url(../images/bg_userpanel.gif) no-repeat left;
}
div#userpanel p{margin: 0px; padding: 0px;}
div#userpanel a:link, #userpanel a:visited{color: #FFF; text-decoration: none; padding: 2px 0; margin: 0 5px 0 5px;}
div#userpanel a:hover{color: #FFF; text-decoration: underline;}

/* ------------------------------------------------------------- 
Navigation 
------------------------------------------------------------- */

#nav_container{
	text-align: center;
	background: url(../images/bg_tabs.gif) repeat-x bottom;
	padding-bottom: 9px;
	margin: 0px;
	font-size: 1px;
}
#nav_container img{margin-right: 2px;}

/* ------------------------------------------------------------- 
SubNavigation 
------------------------------------------------------------- */

#subnav_container{
	background: #E5E5E5 url(../images/bg_subnav.jpg) repeat-x top;
	margin: 0px;
	padding: 2px 0;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #B4B4B4;
	text-align: center;
	font-family: "Trebuchet MS", verdana, arial, san-serif;
	font-size: 11px;
	color: #BF2A55;
}
#subnav_container table{
	margin: 0px auto;
	padding: 0px;
	border: 0px;
	width: 760px;
	height: 30px;
}
#subnav_container table tr td{
	background: url(../images/divider_vert.gif) repeat-y left;
	text-align: center;
}
#subnav_container table tr.nobuttons td{background: none;}
#subnav_container table tr td#help{
	text-align: right;
}
#subnav_container table a#home{
	background: url(../images/icon_nav_home.gif) no-repeat left 50%;
	padding: 2px 0 2px 19px;
}
#subnav_container table a#how{
	background: url(../images/icon_nav_howitworks.gif) no-repeat left 50%;
	padding: 2px 0 2px 19px;
}
#subnav_container table a#features{
	background: url(../images/icon_nav_features.gif) no-repeat left 50%;
	padding: 2px 0 2px 19px;
}
#subnav_container table a#designs{
	background: url(../images/icon_nav_designs.gif) no-repeat left 50%;
	padding: 2px 0 2px 19px;
}
#subnav_container table a#trial{
	background: url(../images/icon_nav_trial.gif) no-repeat left 50%;
	padding: 2px 0 2px 19px;
}
#subnav_container table a#promotions{
	background: url(../images/icon_nav_subscribe.gif) no-repeat left 50%;
	padding: 2px 0 2px 19px;
}
#subnav_container table a#promotions{
	background: url(../images/icon_nav_promo.gif) no-repeat left 50%;
	padding: 2px 0 2px 19px;
}
#subnav_container table a#join{
	background: url(../images/icon_nav_join.gif) no-repeat left 50%;
	padding: 2px 0 2px 19px;
}
#subnav_container table a#account{
	background: url(../images/icon_nav_account.gif) no-repeat left 50%;
	padding: 2px 0 2px 19px;
}
#subnav_container table a#selectdesign{
	background: url(../images/icon_nav_selectdesign.gif) no-repeat left 50%;
	padding: 2px 0 2px 19px;
}
#subnav_container table a#addcontent{
	background: url(../images/icon_nav_addcontent.gif) no-repeat left 50%;
	padding: 2px 0 2px 19px;
}
#subnav_container table a#subscribe{
	background: url(../images/icon_nav_subscribe.gif) no-repeat left 50%;
	padding: 2px 0 2px 19px;
}
#subnav_container a{
	text-decoration: none;
	padding: 0px;
	margin: 10px;
}
#subnav_container a:link,#subnav_container a:visited{color: #000; text-shadow: #FFF -2px 2px 0px;}
#subnav_container a:hover{color: #D84D75;}


/* ------------------------------------------------------------- 
Body 
------------------------------------------------------------- */

#body_container{
	width: 760px;
	margin: 0 auto;
	padding: 0px 10px;
	font-family: "Trebuchet MS", verdana, arial, san-serif;

}

/* ------------------------------------------------------------- 
Footer 
------------------------------------------------------------- */

#footer_container{
	width: 760px;
	height: 40px;
	background: url(../images/bg_footer.png) no-repeat center top;
	margin: 0px;
	padding: 10px 0 0 0;
	font-family: "Trebuchet MS", verdana, arial, san-serif;
	font-size: 11px;
	margin: 0 auto;
	clear: both;
}
#footer_container ul{margin: 0px; padding: 0px;}
#footer_container ul li{
	list-style: none;
	display: inline
}
#footer_container a{text-decoration: none; margin: 0 20px; padding: 2px 2px; text-shadow: #FFF -2px 2px 0px;}
#footer_container a:link,#footer_container a:visited{color: #D84D75;}
#footer_container a:hover{color: #FF83A7; border-bottom: 3px solid #F9FCFF;}
#footer_container p{
	padding: 0px;
	margin: 10px auto;
	font-family: "Trebuchet MS", verdana, arial, san-serif;
	font-size: 11px;
	color: #99B1C4;
	text-transform: uppercase;
}