/*

HOMEPAGE STYLES 

*/
	
/* HEADER 
...................................*/

#header { position:relative; width:970px; height:293px; background:url(ui/hm-header-background.jpg) no-repeat center top; margin:0 auto; z-index:10; }

#header h1 { margin:0; padding:0; }

#header h1 a { position:absolute; top:20px; left:18px; display:block; width:272px; height:54px; margin:0; padding:0; text-indent:-2500px; background: url(ui/header-logo.jpg) no-repeat; }

#tape { position:absolute; top:100px; left:117px; z-index:30; }

#featuredPromo { position:absolute; top:124px; left:86px; width:563px; z-index:20; }

#featuredPhoto { float:left; width:150px; display:block; }

#featuredPhoto a img:hover { filter:alpha(opacity=80); -moz-opacity:0.80; opacity:0.80; }

#featuredText { float:right; width:390px; display:block; font:normal 11px/16px verdana; }

#featuredText h2 { margin:40px 0 5px 0; font:normal 22px/27px 'trebuchet ms'; color:#222; padding:0; }

#featuredText h2 a { color:#000; }

#featuredText h2 a:hover { color:#900!important; }

#buttonStore a { width:112px; height:24px; background:url(ui/hm-online-store.gif) no-repeat; margin-top:8px; display:block; text-indent:-2500px; }

#buttonStore a:hover { background-position:0 -24px; }


/* NAV 
...................................*/

#navWrapper { position:absolute; top:80px; left:668px; width:245px; height:247px; background:none; text-align:left; z-index:1000; }

#nav { margin:0 0 0 40px; width:170px; list-style:none; padding:0; }


/* CONTENT 
...................................*/

#promoWrapper { background:url(ui/content-background.jpg) repeat-y; width:970px; margin:0 auto; height:212px; overflow:visible; padding:0; }

#villeTail { position:relative; overflow:visible; width:940px; height:150px; margin:0 auto; background:url(ui/hm-ville-tail.gif) no-repeat 345px 0; padding:0; overflow:visible; z-index:100; }


#leftPromo { position:absolute; top:24px; left:39px; font:normal 11px/18px verdana; width:256px; height:103px; color:#333; }

#leftPromo h2 { color:#9b5c02; font:normal 20px/25px 'trebuchet ms'; margin:0 0 2px 0; padding:0; }

#leftPromo h2 a, #leftPromo h2 a:link, #leftPromo h2 a:visited { color:#9b5c02; }


#centerPromo { position:absolute; top:24px; left:334px; font:normal 11px/17px verdana; width:252px; height:108px; color:#333; }

#centerPromo h2 { color:#9b5c02; font:normal 20px/25px 'trebuchet ms'; margin:0 0 2px 0; padding:0; }

#centerPromo h2 a, #centerPromo h2 a:link, #centerPromo h2 a:visited { color:#9b5c02; }


#rightPromo { position:absolute; top:25px; left:600px; font:normal 11px/17px verdana; width:110px; height:211px; color:#333;  z-index:250; }

#rightPromo img { margin-bottom:5px; }

#rightPromo h2 { color:#9b5c02; font:normal 16px/19px 'trebuchet ms'; margin:0 0 2px 0; padding:0; }

#rightPromo h2 a, #rightPromo h2 a:link, #rightPromo h2 a:visited { color:#9b5c02; }


#offCampusPromo { position:absolute; top:120px; left:30px; color:#333; background:url(ui/hm-off-campus-background.gif) no-repeat; width:485px; height:100px; padding:15px 30px 0 25px; }

#offCampusPromo td h2 { color:#555; font:normal 18px/22px 'trebuchet ms'!important; margin:3px 0 2px 0; padding:0; }

#offCampusPromo td { font:normal 11px/17px verdana; }

#offCampusPromo h2 a, #offCampusPromo h2 a:link, #offCampusPromo h2 a:visited { color:#555; }


#divider { position:absolute; top:25px; left:312px; }

#bigStudent { position:absolute; top:-24px; left:649px; width:268px; z-index:200; }

.promoLink { background:url(ui/hm-arrow.gif) no-repeat right 3px; color:#c00000; padding-right:10px; }


/* FOOTER 
...................................*/

#footer { position:relative; width:970px; display:block; margin:0 auto; background:url(ui/footer-background.jpg) no-repeat; z-index:75; }