@charset "UTF-8";
/* CSS Document */


/* Header
***********************************************************************************************************/

#header {
    margin: 0 auto;
    clear: both;
    padding-top: 0px;
	height: 135px;
	width: 910px;
}

#headerContainer {
	height: 135px;
	width: 910px;
	padding: 0px;
	margin: 0 auto;
	background:url(http://lp-sf.com/images/header_Bkgd.jpg) 0 0 no-repeat;
	position: relative;
	}
	
ul#nav {
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
}

ul#nav li a {
	display: block;
	text-indent: -9000px;
	position: absolute;
}

ul#nav li a.home {
	background: url(http://lp-sf.com/images/home_btn.jpg) 0 0 no-repeat;
	height: 85px;
	width: 315px;
	top: 40px;
	left: 125px;
}	

ul#nav li a.work {
	background: url(http://lp-sf.com/images/work_btn.jpg) 0 0 no-repeat;
	height: 50px;
	width: 105px;
	top: 40px;
	left: 460px;
}

ul#nav li a.work:hover {
	background-position: 0px -50px;
}

ul#nav li a.shop {
	background: url(http://lp-sf.com/images/shop_btn.jpg) 0 0 no-repeat;
	height: 50px;
	width: 95px;
	top: 40px;
	left: 575px;
}

ul#nav li a.shop:hover {
	background-position: 0px -50px;
}

ul#nav li a.blog {
	background: url(http://lp-sf.com/images/blog_btn.jpg) 0 0 no-repeat;
	height: 25px;
	width: 105px;
	top: 100px;
	left: 460px;
}

ul#nav li a.blog:hover {
	background-position: 0px -25px;
}

ul#nav li a.info {
	background: url(http://lp-sf.com/images/info_btn.jpg) 0 0 no-repeat;
	height: 25px;
	width: 95px;
	top: 100px;
	left: 575px;
}

ul#nav li a.info:hover {
	background-position: 0px -25px;
}

ul#nav li a.signUp {
	background: url(http://lp-sf.com/images/signUp_btn.jpg) 0 0 no-repeat;
	height: 30px;
	width: 220px;
	top: 97px;
	left: 690px;
}

ul#nav li a.signUp:hover {
	background-position: 0px -30px;
}

#clockContainer {
	width: 46px;
	height: 46px;
	position:absolute;
	top: 37px;
	left: 686px;	
}

#clock {
        position: relative;
        width: 46px;
        height: 46px;
        margin: 0px;
        background: url(http://lp-sf.com/images/clock_background_black.jpg) 0 0 no-repeat;
        list-style: none;
}

#sec, #min, #hour {
        position: absolute;
        width: 46px;
        height: 46px;
        top: 0px;
        left: 0px;
}

#sec {
        background: url(http://lp-sf.com/images/clock_seconds_white.png);
        z-index: 3;
}

#min {
        background: url(http://lp-sf.com/images/clock_minutes_white.png);
        z-index: 2;
}

#hour {
        background: url(http://lp-sf.com/images/clock_hours_white.png);
        z-index: 1;
}


/* Footer
***********************************************************************************************************/

#footer {
    margin: 0 auto;
    clear: both;
    padding-bottom: 30px;
	height: 125px;
	width: 910px;	
}

#footerContainer {
	height: 125px;
	width: 910px;
	padding: 0px;
	margin: 0 auto;	
	background:url(http://lp-sf.com/images/footer_Bkgd.jpg) 0 0 no-repeat;
}

ul#footerLinks {
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
}

ul#footerLinks li a {
	display: block;
	text-indent: -9000px;
	position: absolute;
}	

ul#footerLinks li a.email {
	background: url(http://lp-sf.com/images/email_btn.jpg) 0 0 no-repeat;
	height: 22px;
	width: 150px;
	top: 35px;
	left: 65px;
}

ul#footerLinks li a.email:hover {
	background-position: 0px -22px;
}

ul#footerLinks li a.facebook {
	background: url(http://lp-sf.com/images/social_btns.jpg) 0 0 no-repeat;
	height: 28px;
	width: 125px;
	top: 10px;
	left: 325px;
}

ul#footerLinks li a.facebook:hover {
	background-position: -125px 0px;
}

ul#footerLinks li a.flickr {
	background: url(http://lp-sf.com/images/social_btns.jpg) 0 -28px no-repeat;
	height: 28px;
	width: 125px;
	top: 38px;
	left: 325px;
}

ul#footerLinks li a.flickr:hover {
	background-position: -125px -28px;
}

ul#footerLinks li a.pinterest {
	background: url(http://lp-sf.com/images/social_btns.jpg) 0 -56px no-repeat;
	height: 28px;
	width: 125px;
	top: 66px;
	left: 325px;
}

ul#footerLinks li a.pinterest:hover {
	background-position: -125px -56px;
}

ul#footerLinks li a.about {
	background: url(http://lp-sf.com/images/about_btn.jpg) 0 0 no-repeat;
	height: 20px;
	width: 65px;
	top: 15px;
	left: 760px;
}

ul#footerLinks li a.about:hover {
	background-position: 0 -20px;
}

ul#footerLinks li a.contact {
	background: url(http://lp-sf.com/images/contact_btn.jpg) 0 0 no-repeat;
	height: 20px;
	width: 65px;
	top: 15px;
	left: 840px;
}

ul#footerLinks li a.contact:hover {
	background-position: 0 -20px;
}

ul#footerLinks li a.shipping {
	background: url(http://lp-sf.com/images/shipping_btn.jpg) 0 0 no-repeat;
	height: 20px;
	width: 155px;
	top: 55px;
	left: 755px;
}

ul#footerLinks li a.shipping:hover {
	background-position: 0 -20px;
}

ul#footerLinks li a.terms {
	background: url(http://lp-sf.com/images/terms_btn.jpg) 0 0 no-repeat;
	height: 15px;
	width: 155px;
	top: 82px;
	left: 755px;
}

ul#footerLinks li a.terms:hover {
	background-position: 0 -15px;
}