@charset "utf-8";
/* CSS Document */

*		{ margin:0px; padding:0px; outline:none; border:none;}
html	{ background:url(images/bg.gif);}

@font-face { font-family: 'TrajanProRegular'; src: url('trajanpro-regular-webfont.eot'); src: local('☺'), url('trajanpro-regular-webfont.woff') format('woff'), url('trajanpro-regular-webfont.ttf') format('truetype'), url('trajanpro-regular-webfont.svg#webfont') format('svg'); font-weight: normal; font-style: normal;}


li		{ list-style:none;}
h1, h2, h3, h4, h5, h6, p, ul, li, a	{ font-family:"Lucida Sans", "Lucida Grande", sans-serif; text-decoration:none; font-weight:lighter;}
p, li		{ font-size:14px; color:#bc9e8a; line-height:20px; text-align:justify;}

.wrapper	{ margin:0px; padding:0px; background:url(images/bg_top.gif) repeat-x;}
	.inner	{ margin:0px auto; width:980px;}
	
		.top	{ position:relative; width:980px; height:200px; background:url(images/bg_l_top.png) no-repeat;}
			.top h1		{ position:absolute; width:353px; height:155px; top:0px; left:308px; background:url(images/jacks_tobacco.png) no-repeat; text-indent:-9999px;}
			.top h2		{ position:absolute; top:165px; left:196px; font-family:Georgia, "Times New Roman", Times, serifl; font-size:17px; color:#cf8e5a; font-style:italic;}
			.top a.logo	{ position: absolute; width:353px; height:155px; top:0px; left:308px; text-indent:-9999px;}
		
		.menu	{ float:left; width:980px; height:41px; background:url(images/menu.gif) no-repeat center top;}
			.menu ul		{ float:left; width:980px; height:41px;}
			.menu ul li		{ float:left; width:163px; height:41px;}
			.menu ul li a	{ float:left; width:163px; height:41px; text-indent:-9999px;}
			.menu ul li a.home:hover	{ background:url(images/menu.gif) no-repeat 0px bottom;}
			.menu ul li a.lounge:hover	{ background:url(images/menu.gif) no-repeat -163px bottom;}
			.menu ul li a.cigars:hover	{ background:url(images/menu.gif) no-repeat -326px bottom;}
			.menu ul li a.tobacco:hover	{ background:url(images/menu.gif) no-repeat -489px bottom;}
			.menu ul li a.accessories:hover	{ background:url(images/menu.gif) no-repeat -652px bottom;}
			.menu ul li a.contact:hover	{ background:url(images/menu.gif) no-repeat -815px bottom;}
		
		.holderimg	{ clear:both; position:relative; width:980px; height:334px; background:url(images/img_cigars.jpg) no-repeat;}
			.welcome_home	{ position:absolute; top:70px; left:31px; width:332px; height:75px; background:url(images/welcome.png) no-repeat; text-indent:-9999px;}
			.welcome_cigars	{ position:absolute; top:134px; left:31px; width:608px; height:65px; background:url(images/wel_cigars.png) no-repeat; text-indent:-9999px;}
			.welcome_tobacco	{ position:absolute; top:185px; left:10px; width:866px; height:55px; background:url(images/wel_tobacco.png) no-repeat; text-indent:-9999px;}
			.welcome_contact	{ position:absolute; top:132px; left:31px; width:347px; height:66px; background:url(images/wel_contact.png) no-repeat; text-indent:-9999px;}
			.welcome_accessories	{ position:absolute; top:140px; left:10px; width:572px; height:65px; background:url(images/wel_accessories.png) no-repeat; text-indent:-9999px;}
			.holderimg h4	{ position:absolute; top:160px; left:33px; font-family: 'TrajanProRegular'; font-size:18px; color:#f4d1a8;}
			.holderimg h6	{ position:absolute; top:10px; left:715px; font-family: 'TrajanProRegular'; font-size:18px; color:#f4d1a8; text-align:right;}
			.holderimg h5	{ position:absolute; top:158px; left:310px; font-family: 'TrajanProRegular'; font-size:21px; color:#f5b86b; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.7);}
			.holderimg p	{ position:absolute; top:185px; left:310px; color:#f4d1a8;}
			.holderimg p span	{ font-style:italic; color:#fa9225;}
			a.facebook		{ display:block; position:absolute; top:254px; left:698px; width:272px; height:70px; background:url(images/facebook.png) no-repeat 0px 0px; text-indent:-9999px;}
		
		.holderimg_lounge	{ clear:both; position:relative; width:980px; height:334px; background:url(images/img_lounge.jpg) no-repeat;}
			.welcome	{ position:absolute; top:175px; left:14px; width:479px; height:64px; background:url(images/wel_lounge.png) no-repeat; text-indent:-9999px;}
			.holderimg_lounge h4	{ position:absolute; top:10px; left:715px; font-family: 'TrajanProRegular'; font-size:18px; color:#f4d1a8; text-align:right;}
		
		.content	{ float:left; padding:20px 0 40px 0; width:980px; background:url(images/bg_content.png) no-repeat;}
		.content h3	{ padding:0 0 5px 0; font-family: 'TrajanProRegular'; font-size:21px; color:#f4b061;}
		.content h4	{ padding:0 0 5px 0; font-family: 'TrajanProRegular'; font-size:19px; color:#e8662c;}
		.content img	{ padding:30px 1px 0 0;}
		.content p	{ padding-bottom:10px;}
		.content p.loungep	{ margin-bottom:10px;}
		.content ul		{ float:left; padding-right:35px;}
		.content ul.bever	{ padding-bottom:10px;}
		.content ul li	{ padding:0 0 4px 18px; background:url(images/bullet.gif) no-repeat 0px 5px;}
			.left	{ float:left; padding-right:20px; width:568px;}
				.nivo	{ float:left; margin:20px 0 5px 0; width:568px; height:194px;}
				
			.right	{ float:left; width:392px;}
				.divider	{ float:left; width:392px; height:41px; background:url(images/divider.gif) no-repeat center 21px;}
				.right h4	{ font-size:17px; color:#ac4d24;}
				.right p.liste	{ padding-bottom:20px;}
			
			.block	{ float:left; margin-bottom:15px; width:980px;}
				.block p span	{ font-size:16px; color:#f6e7dd; font-weight:bold;}
				.one	{ float:left; margin-right:20px;}
				.two	{ float:left;}
				.content .right .one h3	{ font-size:17px;}
				.content .right .two h3	{ font-size:17px;}
				
			.proud	{ float:left; margin:20px 0 0 0; width:980px;}
				.box_mem	{ float:left; width:980px; height:138px; background:url(images/members.jpg) no-repeat;}
					.box_mem a.alliance	{ display:block; float:left; margin:20px 0 0 10px;  width:180px; height:100px; text-indent:-9999px;}
					.box_mem a.ipcpr	{ display:block; float:left; margin:20px 0 0 10px;  width:100px; height:100px; text-indent:-9999px;}
					.box_mem a.tobacconist	{ display:block; float:left; margin:20px 0 0 10px;  width:105px; height:100px; text-indent:-9999px;}
					.box_mem a.national	{ display:block; float:left; margin:20px 0 0 10px;  width:183px; height:100px; text-indent:-9999px;}
					.box_mem a.maps	{ display:block; float:left; margin:20px 0 0 10px;  width:190px; height:100px; text-indent:-9999px;}
					.box_mem a.cra	{ display:block; float:left; margin:20px 0 0 10px;  width:150px; height:100px; text-indent:-9999px;}
					
			.contact_left	{ float:left; width:626px;}
				.left_col	{ float:left; margin-right:20px;}
			.contact_right	{ float:left; padding:0 0 0 8px; width:346px;}
			.map	{ float:left; width:626px;}
				.map iframe	{ width:618px; border:solid 4px #f4b061;}
				
			.round	{ float:left; width:346px; background:url(images/contact_color.gif) repeat-y;}
				.round_top	{ float:left; width:346px; background:url(images/contact_top.gif) no-repeat center top;}
				.round_bot	{ float:left; padding:10px; width:326px; background:url(images/contact_bot.gif) no-repeat center bottom;}
				
		.contactform	{ float:left; width:326px;}
			.contactform span	{ display:block; float:left; width:326px; height:22px; color:#fff; font-family:"Lucida Sans", "Lucida Grande", sans-serif; font-size:13px;}
			.contactform input	{ display:block; float:left; margin-bottom:7px; width:326px; height:18px; color:#62675d; font-family:"Lucida Sans", "Lucida Grande", sans-serif; font-size:11px; border:solid 1px #ccc;}
			.contactform textarea	{ display:block; float:left; width:326px; height:80px; color:#62675d; font-family:"Lucida Sans", "Lucida Grande", sans-serif; font-size:11px; border:solid 1px #ccc;}
			.contactform input.verify	{ display:block; float:left; width:190px; height:22px; color:#62675d; font-family:"Lucida Sans", "Lucida Grande", sans-serif; font-size:11px; border:solid 1px #ccc;}
			.contactform input.btn		{ display:block; float:right; margin:12px 0 0 0; width:64px; height:23px; background:url(images/send.gif) no-repeat; border:none; cursor:pointer; outline:none;}
				
					
			h5.trigger { clear:both; width:200px; padding:5px 0 10px 0; font-size:15px; border-bottom:solid 1px #dd5f2e;}
			h5.trigger a { display:block; font-size:15px; text-transform:uppercase; color:#ead58d; font-weight:bold;}
			h5.trigger a:hover	{ color:#dd5f2e;}
			h5.active {background-position: left bottom;} /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/
			.toggle_container { clear:both; overflow:hidden; width:392px;}

					
		.footer	{ float:left; width:980px; height:50px; border-top:solid 1px #662f13;}
			.footer p	{ float:left; padding:3px 0 0 5px; font-size:11px; color:#662f13;}
			.footer a.brew	{ display:block; float:right; margin:2px 3px 0 0; width:62px; height:23px; background:url(images/brew.gif) no-repeat 0px 0px; text-indent:-9999px;}
