@import url(display.css);

/* ========== PAGE LAYOUT =========== */

#container{
	width:1000px;
	margin: 0 auto;
}

#header{
	width:985px;
	height:124px;
	background:url(sugarsugar-header.jpg) no-repeat;
	padding: 15px 15px 0px 0px;
}

#navigation{
	padding:15px 0px 0px 20px;
	width:980px;
	height:25px;
	background:url(nav-bar.gif) no-repeat;
}
#admin-nav{
	padding:15px 0px 0px 20px;
	width:980px;
	height:25px;
	background:url(admin-bar.gif) no-repeat;
	margin: 0px 0px 2px 0px;
}
#header, #navigation, #flash{
	margin: 0px 0px 2px 0px;
}

.memberlogin{
	background:url(login-box.gif) no-repeat;
	float:right;
}

#memberlogin
{
	width:240px;
	height:100px;
    padding: 10px 15px 0px 15px;
	text-align:left;
}

#content-top{
	height:10px;
	background:url(content-top.gif) no-repeat;
}

#content-base{
	height:10px;
	background:url(content-base.gif) no-repeat;
	margin: 0px 0px 20px 0px;
}
#content-top, #content-base{
	font-size:1px;
}

#content-area{
	width:960px;
	border-left: solid 1px #c0c0c0;
	border-right: solid 1px #c0c0c0;
	padding: 10px 19px 10px 19px;
}

#footer-left{
	float:left;
}

#footer-right{
	float:right;
}

#lhs{
	float:left;
}

#rhs{
	float:left;
	width:680px;
	margin: 0px 0px 0px 20px;
}
/* ========== HOME PAGE =========== */

#home-box1{
	width:445px;
	height:290px;
	background:url(box-home1.gif) no-repeat;
	margin:0px 10px 10px 0px;
	padding: 15px;
}

#home-box1 p{
	margin-bottom:10px;
}


#home-box2{
	width:445px;
	height:370px;
	background:url(box-home2.gif) no-repeat;
	float:left;
	padding:15px;
}

#home-video1, #home-video2, #home-video3, #home-video4{
	float:left;
} 

#home-video1{ margin:0px 15px 9px 0px; }
#home-video3{ margin:0px 15px 0px 0px; }

/* ========== IMPORTANT STYLES ========== */

div.clear {
	clear: both;
	margin: -1px 0 0 0;
	visibility: hidden;
	height: 1px;
}

div.clear hr {
	display: none;
}