/* --------------------------------------------------
	LamarsLoverForLife.com Screen CSS	03/10/2009
	KC Dunstan / 525creative.com 
	for VanguardCommunications.net
-------------------------------------------------- */

@import "reset.css";
@import "thickbox.css";

body{background:#FFF;}
p{color:#CCC; font:11pt/15pt Verdana, Arial, Helvetica, sans-serif;}
a{color:rgb(247, 148, 30);}
a:hover{color:rgb(178, 199, 238); text-decoration:underline;}
a:active{color:#666;}
a img{border:0;}

.wrapper{background:url(../_images/wrapper_bg.png) 92px 0 repeat-y; margin:0 auto; width:960px;}
#masthead{background:url(../_images/masthead_bg.jpg) top center no-repeat; display:block; height:120px;}
h1{background:url(../_images/masthead_logo.png) no-repeat; display:block; float:left; height:265px; position:absolute; text-indent:-9999em; width:274px; z-index:50;}
h2 a{background:url(../_images/masthead_lamars_logo.png) no-repeat; cursor:pointer; display:block; float:left; height:89px; margin-left:747px; text-indent:-9999em; width:211px;}
h2 a:hover{background-position:0 -89px;}
h2 a:active{background-position:0 -178px;}

#masthead ul.nav{background:url(../_images/mainNav_bg.jpg) top right no-repeat #FFF; display:block; float:left; height:32px; list-style-type:none; margin-left:274px; width:686px;}
#masthead ul.nav li{display:inline;}
#masthead ul.nav li a{display:block; float:left; height:32px; text-indent:-9999em;}
#masthead ul.nav li a.register{background:url(../_images/mainNav_register.png) no-repeat; width:109px;}
#masthead ul.nav li a.checkBalance{background:url(../_images/mainNav_checkBalance.png) no-repeat; width:221px;}
#masthead ul.nav li a.faq{background:url(../_images/mainNav_faq.png) no-repeat; width:67px;}
#masthead ul.nav li a.locations{background:url(../_images/mainNav_locations.png) no-repeat; width:257px;}
#masthead ul.nav li a.register:hover, 
#masthead ul.nav li a.checkBalance:hover,
#masthead ul.nav li a.faq:hover,
#masthead ul.nav li a.locations:hover
{background-position:0 -32px;}
#masthead ul.nav li a.register:active,
#masthead ul.nav li a.checkBalance:active,
#masthead ul.nav li a.faq:active,
#masthead ul.nav li a.locations:active
{background-position:0 -64px;}

/*#carousel{display:block; height:343px; margin:0 0 0 176px; overflow:hidden; text-indent:-9999em; width:763px;}
#carousel .callToAction{display:block; height:343px; text-indent:-9999px; width:763px;}
#mycarousel li{height:343px; width:763px;}
.carousel_1{background:url(../_images/carousel_01.jpg) no-repeat;}
.carousel_2{background:url(../_images/carousel_02.jpg) no-repeat;}
.carousel_3{background:url(../_images/carousel_03.jpg) no-repeat;}
.carousel_4{background:url(../_images/carousel_04.jpg) no-repeat;}*/


#carousel_container{background:url(../_images/carousel_bg.jpg) top right repeat-y; display:block; height:343px; margin:0 0 0 176px; overflow:hidden; width:783px;}
#carousel li{display:block; height:343px; overflow:hidden; width:763px;}
.carousel_1{background:url(../_images/carousel_01.jpg) no-repeat;}
.carousel_2{background:url(../_images/carousel_02.jpg) no-repeat;}
.carousel_3{background:url(../_images/carousel_03.jpg) no-repeat;}
.carousel_4{background:url(../_images/carousel_04.jpg) no-repeat;}


#promos{background:url(../_images/promos_bg.jpg) no-repeat; display:block; height:209px; margin-left:176px; width:776px;}
#promos li a{display:block; float:left; height:150px; margin:34px 0 0 14px; width:240px;}
#promos li p{display:block; height:50px; margin-top:100px; text-indent:-9999em; width:240px;}
#promos li.learnMore a{background:url(../_images/promos_01_bg.jpg) no-repeat;}
#promos li.learnMore p{background:url(../_images/promos_learnMore.png) no-repeat;}
#promos li.checkBalance a{background:url(../_images/promos_02_bg.jpg) no-repeat;}
#promos li.checkBalance p{background:url(../_images/promos_checkBalance.png) no-repeat;}
#promos li.faq a{background:url(../_images/promos_03_bg.jpg) no-repeat;}
#promos li.faq p{background:url(../_images/promos_faq.png) no-repeat;}
#promos li a:hover p{background-position:0 -50px;}
#promos li a:active p{background-position:0 -100px;}

#footer{background:#FFF; width:960px;}
#footer ul.nav{background:url(../_images/footerNav_bg.jpg) top right no-repeat; display:block; height:25px; margin-left:84px; padding-top:9px; text-align:center; width:879px;}
#footer ul.nav li{display:inline; margin:0;}
#footer ul.nav li a {border-right:1px solid #999; font:8pt/8pt Verdana, Arial, Helvetica, sans-serif; padding:0 10px 0 8px; text-decoration:none; text-transform:uppercase;}
#footer ul.nav li a.register{height: auto; margin:0 0 0 25px; width:auto;}
#footer ul.nav li a.checkBalance,
#footer ul.nav li a.faq,
#footer ul.nav li a.locations,
#footer ul.nav li a.terms,
#footer ul.nav li a.privacy,
#footer ul.nav li a.lamarsWebsite
{height: auto; margin:0; width:auto;}
#footer ul.nav li:last-child a{border-right:none;}
.copyright{background:url(../_images/footerCopyright_bg.jpg) top center no-repeat; color:#CCC; display:block; font:7pt/11pt Verdana, Arial, Helvetica, sans-serif; height:30px; padding:19px 0 0 90px; text-align:center; width:890px;}

.clearingDiv{clear:both;}