/* -- Homepage Stylesheet -- */
@import url(interface.css);

#body_container{
	padding: 20px 0 0 0;
	margin: 0 auto;
	width: 720px;
	background: #FFF url(../images/hp_bg_body.gif) repeat-x top;
}
img{border: 0px;}

a:link, a:visited{
	color: #F25695; 
}
a:hover{
	color: #FC4E8B;
}

p{line-height: 12px;}
.clear{
	clear: both;
	width: 720px;
	height: 79px;
	display: block;
	background: #FFF url(../images/hp_bg_clear.jpg) repeat-x bottom;
}
.divider{
	clear: both;
	display: block;
	height: 10px;
	border-bottom: 1px solid #E1E8EE;
}

/* ------------------------------------------------------------- 
Main Section Styles
------------------------------------------------------------- */

#marketing{
	background: #FFF url(../images/hp_bg_marketing.gif) no-repeat top left;
	float: left;
	width: 493px;
	padding: 7px 0 0 7px;
	border-right: 1px solid #E1E8EE;
	text-align: left;
	color: #677589;
}
* html #marketing{ /* IE Box model hack */
	width: 501px;
	w\idth: 493px;
}
#marketing h2{
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 22px;
	color: #8CC277;
	margin: 0 0 10px 0;
	padding: 0 0 0 30px;
	background: url(../images/hp_h2_icon.gif) no-repeat left 50%;
}
#flash{
	padding: 0 3px 3px 0;
	border-bottom: 1px solid #E1E8EE;
	margin: 0 0 3px 0;
}
#design{
	background: url(../images/hp_bg_designs.jpg) repeat-x top;
	margin: 0 3px 0 0;
	padding: 15px 20px;
	font-size: 14px;
}
#design object, #design embed{
	float: left;
	margin: 0 10px 10px 0;
}
#design p{
	line-height: 22px;
	margin: 0px;
	padding: 0px;
	font-size: 14px;
}
#design a{
	text-decoration: none;
	background: #FFE9F6;
	font-size: 13px;
}
#design a:hover{
	color: #FFE9F6;
	background: #F25695;
}

#midrow{
	width: 235px;
	float: right;

}
#testimonials{
	margin: 0 10px 5px 0px;
	padding: 10px 0 0 5px;
}
#testimonials p{
	font-size: 13px;
	line-height: 16px;
}
#testimonials strong{
	display: block;
	color: #E0A442;
	margin: 4px 0 0 0;
	font-size: 12px;
}
#testimonials a:link, #testimonials a:visited{
	text-decoration: none;
	background: #FFE9F6;
	font-size: 12px;
}
#testimonials a:hover{
	color: #FFE9F6;
	background: #F25695;
}
#articles{
	margin: 0 0 5px 0;
	padding: 3px 0 0 3px;
	border-top: 1px solid #E1E8EE;
}
#articles h2{
	background: url(../images/hometitle_weddingcenter.gif) no-repeat;
	width: 208px;
	height: 59px;
	text-indent: -5000px;
	margin: 0;
	padding: 0;
}
#articles h2 a:link, #articles h2 a:visited{
	width: 208px;
	height: 59px;
	display: block;
	border: 0;
	margin: 0;
	padding: 0;
	text-decoration: none;
	background: none;
}
#articles h3{
	font-size: 18px;
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
	color: #8CC277;
	margin: 5px 10px;
	padding: 0;
}
#articles p{
	font-size: 13px;
	line-height: 16px;
	margin: 10px 0 10px 10px;
	padding: 0;
	color: #677589;
}
#articles dl{
	color: #677589;
	margin: 0;
	padding: 10px 0 10px 10px;
}
#articles dt{
	font-size: 14px;
	color: #F25695;
}
#articles dd{
	font-size: 12px;
	margin: 0 0 10px 0;
	padding: 0;
}
#articles a:link, #articles a:visited{
	text-decoration: none;
	background: #FFE9F6;
	font-size: 12px;
}
#articles a:hover{
	color: #FFE9F6;
	background: #F25695;
}


#usability{
	float: left;
	width: 210px;
	padding: 10px 20px 0 20px;
	border-right: 1px solid #E1E8EE;
	font-size: 12px;
}
* html #usability{ /* IE Box model hack */
	width: 251px;
	w\idth: 210px;
}
#usability ul{
	margin: 0px;
	padding: 0px;
}
#usability li{
	margin: 0px;
	padding: 0 0 10px 35px;
	list-style: none;
}
#usability li.easy{
	background: url(../images/hp_icon_easy.gif) no-repeat left 2px;
}
#usability li.features{
	background: url(../images/hp_icon_features.gif) no-repeat left 2px;
}
#usability li.customize{
	background: url(../images/hp_icon_customize.gif) no-repeat left 2px;
}
#usability li.access{
	background: url(../images/hp_icon_access.gif) no-repeat left 2px;
}
#usability li.award{
	background: url(../images/hp_icon_award.gif) no-repeat left 2px;
}
#usability a{
	font-size: 14px;
	text-decoration: none;
	background: #FFE9F6;
}
#usability a:hover{
	color: #FFE9F6;
	background: #F25695;
}
#action{
	background: #FFF url(../images/hp_bg_action.gif) no-repeat top right;
	float: right;
	width: 212px;
	padding: 7px 7px 0 0; 
	text-align: left;
}
* html #action{ /* IE Box model hack */
	width: 219px;
	w\idth: 212px;
}
#start{
	margin: 0 0 3px 0;
	padding: 0 0 3px 3px;
	border-bottom: 1px solid #E1E8EE;
}
#start h2{
	background: #E76295 url(../images/hp_bg_start.jpg) no-repeat right top;
	margin: 0;
	padding: 10px 0 10px 15px;
	font-size: 16px;
	color: #FFF;
	text-shadow: #B14066 2px 2px 0;
	border-bottom: 1px solid #B14066;
}
#start ul{
	margin: 0;
	padding: 0;
	font-size: 12px;
}
#start ul li{
	list-style: none;
	background: #FA9BC4 url(../images/hp_bg_startbutton.jpg) repeat-x top;
	border-bottom: 1px solid #E76295;
	border-top: 1px solid #FA9BC4;
}
#start ul li a:link, #start ul li a:visited{
	display: block;
	background:  url(../images/hp_started_bullet.gif) no-repeat 10px 50%;
	padding: 10px 0 10px 25px;
	color: #AA193D;
	text-decoration: none;
	text-shadow: #FFB2D3 2px 2px 0;
}
#start ul li a:hover{
	background: #FA9BC4 url(../images/hp_started_bullet.gif) no-repeat 10px 50%;
	color: #FFF;
	text-shadow: none;
}
#login{
	margin: 0 0 3px 3px;
	background: url(../images/hp_bg_designs.jpg) repeat-x top;
	padding: 10px 15px;
}
#login h2{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 22px;
	color: #4F779B;
	margin: 0 0 10px 0;
	padding: 0px;
	text-shadow: #FFF 2px 2px 0;
}
#login label{
	display: block;
	color: #677589;
}
#login span{
	display: block;
}
#login input{
	display: block;
	font-size: 14px;
	width: 160px;
}
#login p{
	font-size: 12px;
	margin: 5px 0;
	padding: 0px;
}
#login p#forgotpw{
	margin-top: 10px;
}
#login p.submit input{
	width: 101px;
	height: 32px;
	border: none;
}
#login a{
	font-size: 12px;
	text-decoration: none;
	background: #FFE9F6;
}
#login a:hover{
	color: #FFE9F6;
	background: #F25695;
}
.imageLinks{
	display: block;
	padding: 3px 0 3px 3px;
	border-top: 1px solid #E1E8EE;
}
#news{
	border-top: 1px solid #E1E8EE;
	padding: 10px 15px 0 10px;
}
#news h2{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 22px;
	color: #8CC277;
	margin: 0 0 10px 0;
	padding: 0 0 0 30px;
	background: url(../images/hp_h2_icon.gif) no-repeat left 50%;
}
#news ul{
	margin: 0px;
	padding: 0px;
	color: #677589;
}
#news ul li{
	list-style: none;
	font-size: 12px;
	background: url(../images/hp_dotline.gif) repeat-x top;
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
}
#news ul li strong{
	display: block;
	color: #E0A442;
}
#news a{
	text-decoration: none;
	background: #FFE9F6;
}
#news a:hover{
	color: #FFE9F6;
	background: #F25695;
}
#quickrefer{
	margin: 10px 0 0 0;
	padding: 10px 20px 0 10px;
	border-top: 1px solid #E1E8EE;
}

#quickrefer h2{
		font-family: Georgia, "Times New Roman", Times, serif;
		font-weight: normal;
		font-size: 22px;
		color: #8CC277;
		margin: 0 0 10px 0;
		padding: 0 0 0 30px;
		background: url(../images/hp_h2_icon.gif) no-repeat left 50%;
}
#quickrefer p{
	color: #677589;
}
#quickrefer fieldset{
	border: none;
	margin: 0px;
	padding: 0px;
}
#quickrefer label{
	border: none;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	font-weight: bold;
	color: #E0A442;
	display: block;
}
#quickrefer span{
	display: block;
}
#quickrefer input{
	display: block;
	width: 160px;
	font-size: 14px;

}
#quickrefer p.submit input{
	border: none;
	width: 81px;
	height: 29px;
	margin-bottom: 10px;
}
#quickrefer p.submit{
	margin: 0px;
	padding: 0px;
}
#quickrefer p.referbox{
	margin: 0 0 5px 0;
	padding: 0px;
}
#quickrefer p{
	font-size: 12px;
	line-height: 14px;
}
