body								{background:url(images/bg.gif) no-repeat right 750px;background-color:#300;color:#ddd;font-family:"Century Gothic", Georgia, Times;font-size:14px;margin:0px;padding:0px;}
ul, li, a, a img, img, div, p, td		{padding:0px;margin:0px;list-style-type:none;border:none;text-decoration:none;color:#ddd;}
h6										{position:absolute;top:5px;z-index:999999;width:1000px;left:50%;margin:0px;margin-left:-500px;text-align:center;padding:0px;}
a:hover									{color:#990;}
img.floatlft							{float:left;}
img.floatrgt							{float:right;}

/*-------------------------------------------------------------headers / font stuffs---------------------------------------------------------------------------------------------------*/
h1, h2, h3, h4, h5						{font-weight:normal;padding:0px;margin:0px;}
h1										{font-size:20px;}
h1 sup									{line-height:10px;font-size:12px;}
h2										{font-size:20px;}
h2 sup									{line-height:10px;font-size:12px;}
h4										{font-size:16px;margin-top:15px;}

/*----------------------------------------------------main images / elements------------------------------------------------------------------------------------------------------------*/
a.logo img								{position:absolute;top:55px;left:50%;margin-left:-475px;z-index:99;background:url(images/logo.png) no-repeat 0 0;width:250px;height:85px;}	
div.menu								{position:absolute;top:50px;height:70px;left:50%;margin-left:-30px;width:480px;z-index:999;}
div.menu div							{height:70px;display:inline;float:left;}
div.menu2								{width:165px;}
div.menu3								{width:105px;}
div.menu4								{width:80px;}
div.menu5								{width:130px;}
div.menu div div div.pages				{display:none;height:620px;}
div.menu div div:hover div.pages		{display:block;position:absolute;width:1000px;margin-top:65px;background-color:#300;}
div.main								{position:absolute;width:1000px;top:0px;left:50%;margin-left:-500px;z-index:9;background:url(images/bg-main.jpg) no-repeat 0 0;min-height:750px;}
table.main1								{margin-top:400px;}
div.main2								{margin-left:-470px;background:url(images/bg-beyond.jpg) no-repeat 0 0;}
div.main3								{margin-left:-635px;background:url(images/bg-portfolio.jpg) no-repeat 0 0;}
div.main4								{margin-left:-740px;background:url(images/bg-blog.jpg) no-repeat 0 0;}
div.main5								{margin-left:-820px;background:url(images/bg-contact.jpg) no-repeat 0 0;}
div.main4 table							{margin-top:30px;}


/*-------------------------------------------------------page styles / paragraphs--------------------------------------------------------------------------------------------------------*/
p										{margin-top:10px;}
div.main table.main1 td p.sub			{font-size:10px;float:right;width:90px;padding:0px;margin:0px;}
div.main table.main1 td.left			{width:385px;padding-right:15px;border-right:1px solid #444;}
div.main table.main1 td.right			{width:580px;padding-left:20px;}



/*-------------------------------------------------------------------portfolio----------------------------------------------------------------------------------------------------------*/
div.main3 div.portfolio					{position:absolute;display:block;width:100px;height:150px;margin-top:285px;}
div.main3 div.portfolio div				{position:absolute;display:block;width:100px;position:relative;}
div.main3 div.portfolio div.portfolio1	{width:100px;background:url(images/pbtna.jpg) no-repeat 0px 0px;margin-top:0px;height:89px;}
div.main3 div.portfolio div.portfolio2	{width:100px;background:url(images/pbtnb.jpg) no-repeat 0px 0px;margin-top:0px;height:61px;}
div.main3 div.portfolio div.portfolio1:hover		{background-position: -100px 0px;}
div.main3 div.portfolio div.portfolio2:hover		{background-position: -100px 0px;}
div.main3 div.portfolio div div			{position:absolute;width:900px;height:150px;display:none;margin-left:100px;margin-top:-20px;border-bottom:1px solid #5f3131;}
div.main3 div.portfolio div.portfolio1 div			{display:block;}
div.main3 div.portfolio div.portfolio2 div			{margin-top:-109px;}
div.main3 div.portfolio div:hover div	{display:block;}
div.main3 div.portfolio div div li		{float:left;width:300px;text-align:center;}
div.main3 div.portfolio div div li p	{display:none;position:absolute;margin-top:-390px;width:1000px;left:50%;margin-left:-550px;height:283px;text-align:right;}
div.main3 div.portfolio div div li:hover p			{display:block;}
p.ppor									{background:url(images/pf-portadecor.png) no-repeat 0px 10px;}
p.p189									{background:url(images/pf-1899.png) no-repeat 0px 10px;}
p.paob									{background:url(images/pf-theartofbrew.png) no-repeat 0px 10px;}
p.pvip									{background:url(images/pf-vip.png) no-repeat 0px 10px;}
p.pwil									{background:url(images/pf-willoughbybrew.png) no-repeat 0px 10px;}
p.ppea									{background:url(images/pf-peanutink.png) no-repeat 0px 10px;}



/*-----------------------------------------------------------------blog stuffs-------------------------------------------------------------------------------------------------------------*/
div.main4 table td.left					{width:765px;padding-right:15px;}
div.main4 table td.left p.morelink		{height:50px;}
div.main4 table td.left p.morelink span	{background-color:#990;padding:5px;font-size:12px;text-align:center;width:100px;border:1px solid #ccc;float:right;margin-right:50px;}
div.main4 table td.right				{width:200px;padding-left:20px;}
div.main4 table td div.titleitem		{position:relative;width:180px;margin-left:20px;font-size:90%;display:block;height:13px;cursor:pointer;}
div.main4 table td div.titleitem div	{position:absolute;display:none;padding:30px;padding-top:0px;padding-right:50px;background:url(images/bg-title2.png) no-repeat left bottom;z-index:9999;}
div.main4 table td div.titleitem:hover div						{display:block;position:absolute;height:auto;width:740px;margin-left:-815px;top:30px;cursor:auto;}
div.main4 table td div.titleitem:hover div img.titletop			{position:absolute;margin-top:-28px;margin-left:-30px;}
div.main4 table td div.titleitem:hover div p.morelink span		{background-color:#990;padding:5px;font-size:12px;text-align:center;width:100px;border:1px solid #ccc;float:right;margin-right:50px;}
div.fullarticle							{position:absolute;top:0px;left:0px;min-height:510px;width:940px;background-color:#300;padding:30px;padding-top:150px;z-index:99999999;border:1px solid #fff;}
div.code								{text-align:left;padding:30px;border:1px solid #fff;background-color:#777;font-family:"Courier New", Courier, monospace;font-size:13px;margin:15px;}
div.panrate								{float:right;position:relative;width:250px;padding:20px;background-color:#bb0;color:#fff;font-size:16px;font-family:"Century Gothic", Georgia, Times;
										text-align:right;border:1px solid #fff;}
div.panrate p							{color:#fff;margin:5px;padding:0px;width:130px;display:block;margin-left:100px;}
div.panrate p b							{font-weight:normal;color:#555;}
div.panrate div							{color:#fff;font-size:82px;font-weight:bold;position:absolute;top:13px;left:13px;width:100px;}
div.panrate div sup, p.pannum sup		{font-size:20px;font-weight:normal;}
p.pannum								{float:left;padding:20px;background-color:#bb0;color:#fff;margin:10px;font-weight:bold;border:1px solid #fff;width:40px;height:40px;font-size:62px;line-height:42px;}

/*-------------------------------------------------------ddd wrap----------------------------------------------------------------------------------------------------------------------*/
div.dddwrap								{background-image:url(images/ddd1.jpg);background-position:5px 5px;background-repeat:no-repeat;width:1000px;height:246px;padding:5px;}
div.dddwrap img							{float:left;padding:0px;margin:0px;}
img.ddd-lft								{width:272px;height:236px;}
img.ddd-mid								{width:394px;height:236px;}
img.ddd-rgt								{width:324px;height:236px;}


/*---------------------------------------------------------------footer-------------------------------------------------------------------------------------------------------------------*/
div.footer								{position:absolute;top:750px;height:350px;width:100%;left:0px;text-align:right;}
table.foot								{float:right;margin-top:30px;margin-right:200px;}
table.foot td							{padding-right:40px;text-align:left;}
table.foot td.socialtd					{padding:10px;text-align:right;padding-top:0px;}
table.foot td.socialtd a img			{margin:2px;}
table.foot td.socialtd a span			{display:none;position:absolute;width:170px;text-align:right;font-size:11px;}
table.foot td.socialtd a:hover span		{display:block;color:#fff;margin-left:-200px;}
table.foot td.socialtd2 a:hover span	{margin-left:65px;text-align:left;}



/*-----------------------------------------------------------------------beyond stuffs--------------------------------------------------------------------------------------------------*/
div.main2								{}
div.main2 p.byp							{margin-top:40px;}
div.main2 p.byp a.bylink				{display:block;left:0px;height:20px;width:320px;margin-left:560px;cursor:pointer;padding:2px;padding-left:10px;}
div.main2 p.byp a.bylink:hover			{border:1px solid #500;padding:1px;padding-left:9px;}
div.main2 div.byback					{position:absolute;margin-left:-500px;left:50%;top:0px;margin-top:220px;height:250px;width:1000px;}
div.main2 div.byback div				{}
div.main2 div.byback div div.aaa		{height:200px;width:199px;padding:25px;padding-top:10px;background:url(images/bg-packs.png) no-repeat 0px -20px;}
div.main2 div.byback div div.bbb		{height:200px;width:199px;padding:25px;padding-top:10px;background:url(images/bg-packs.png) no-repeat -250px -20px;}
div.main2 div.byback div div.ccc		{height:200px;width:199px;padding:25px;padding-top:10px;background:url(images/bg-packs.png) no-repeat -500px -20px;}
div.main2 div.byback div div.ddd		{height:200px;width:199px;padding:25px;padding-top:10px;background:url(images/bg-packs.png) no-repeat -750px -20px;}
div.main2 div.byback div span			{font-size:10px;padding-left:10px;line-height:11px;}
div.main2 p.byrepeat					{display:none;position:absolute;left:0px;margin-left:-350px;top:0px;width:250px;}
div.main2 p.byrepeat					{display:block;}




/*-----------------------------------------------------------------------------------------------newpay form----------------------------------------------------------------------------*/
div.upperblock							{position:absolute;top:20px;left:50%;margin-left:300px;height:30px;width:200px;z-index:99999;}
div#paydiv								{position:absolute;margin-left:-400px;margin-top:-20px;background:url(images/payformbg.png) no-repeat 0 0;padding:40px;width:430px;height:420px;
										padding-right:180px;padding-top:100px;}
div#paydiv p.payclose 					{}
div#paydiv p.payclose a 				{color:#fff;} 
div#paydiv p.payclose a:hover 			{color:#cc0;} 
div#paydiv table.npaytbl 				{width:330px;height:397px !important;padding:0px;border:1px solid #999999;background-color:#FFFfff;} 
div#paydiv table.npaytbl tr td 			{border:none;padding:0px;margin:0px;width:328px;}
td.payff1 input,
td.payff2 input,
td.payff3 input 						{margin-left:80px;}
td.payff1 								{background:url(images/payform1-customer-payments.gif) no-repeat 0 0;height:103px;}
td.payff2 								{background:url(images/payform2-customer-id-number.gif) no-repeat 0 0;height:60px;}
td.payff3 								{background:url(images/payform3-contract-control.gif) no-repeat 0 0;height:59px;}
td.payff4 								{background:url(images/payform4-where-applicable.gif) no-repeat 0 0;height:39px;}
td.payff5 								{background:url(images/payform5-submit-payment.gif) no-repeat 0 0;height:136px;}
input.payff 							{background:url(images/clear.gif) no-repeat 0 0;width:200px;font-family:"Century Gothic", Georgia, Times;font-size:14px;color:#000066;border:0px;}
input.payffs 							{background:url(images/payform5-submit-payment.gif) no-repeat left top;width:328px;height:136px;margin:0px;padding:0px;border:0px;}
input.payffs:hover 						{background-position:left -136px;}



/*-----------------------------------------------------------------------contact form--------------------------------------------------------------------------------------------------*/
div.main5 input							{position:absolute;width:315px;height:35px;font-size:16px;color:#fff;background:none;border:none;}
div.main5 input#name					{margin-top:29px;margin-left:538px;}
div.main5 input#phone					{margin-top:77px;margin-left:538px;}
div.main5 input#email					{margin-top:125px;margin-left:538px;}
div.main5 input#company					{margin-top:173px;margin-left:538px;}
div.main5 input#answer					{margin-top:221px;margin-left:538px;}
div.main5 input#submit					{margin-top:300px;margin-left:130px;height:60px;width:355px;background:url(images/contact-submit.png) no-repeat 10px 0px;}
div.main5 input#submit:hover			{background-position:10px -60px;}
div.main5 textarea#comments				{position:absolute;width:323px;height:179px;font-size:16px;color:#fff;background:none;border:none;margin-left:202px;margin-top:29px;
										font-family:"Century Gothic", Georgia, Times;}
div#thankyou, div#nohttp, div#nospam	{position:absolute;z-index:999999;left:50%;margin-left:15px;width:290px;padding:30px;top:390px;border:1px solid #fff;background-color:#bb0;}


/*--------------------------------------------------js use-------------------------------------------------------------------------------------------------------------------------------*/
.hidden									{display:none;}
.unhidden								{display:block;}
div.main2 div.byback .hidden			{display:none;}
div.main2 div.byback .unhidden			{display:block;}