/* CSS Document */

/*
-------------------------------------
Website: Tag Team Promotions
Author: Wilson De Jesus www.zuppagroup.com
Contact: info@zuppagroup.com
Date: June 20, 2008
------------------------------------*/
/*
--------------------------------------
This is the main body-here you can modify you work space
------------------------------------*/

body{
	background-color: #666666;
	background-image: url(images/TTPromotions_Background.gif);
	background-repeat: repeat-y;
	background-position: center;
	margin: 0px;
	background-attachment: fixed;
}

/*
--------------------------------------
This is the where you will modify your main header
------------------------------------*/

#container{
	width: 800px;
	margin: auto;
	background-color: #FFFFFF;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}

/*
--------------------------------------
This is the where you will modify your main header
------------------------------------*/

#header{
	height: 104px;
	width: 800px;
	background-image: url(images/TTPromotions_TopHeader.gif);
}

/*
--------------------------------------
This is the where you will modify your main navigation
------------------------------------*/

#navigation{

}

/*
--------------------------------------
This is the where you will modify your right column
------------------------------------*/

#rightcolumn{
	margin: 2px;
	width: 256px;
	float: left;
	padding: 2px;
	height: 200px;
	background-image: url(images/TTPromotions_Banner_Strongbow.gif);
	background-repeat: no-repeat;
}

/*
--------------------------------------
This is the where you will modify your right column
------------------------------------*/

#middlecolumn{
	margin: 2px;
	width: 258px;
	float: left;
	padding: 2px;
	height: 200px;
	background-image: url(images/TTPromotions_Banner_BRogers.gif);
}

/*
--------------------------------------
This is the where you will modify your left column
------------------------------------*/

#leftcolumn{
	margin: 2px;
	width: 793px;
	float: left;
	padding: 2px;
}

/*
--------------------------------------
This is the where you will modify your banner column
------------------------------------*/

#bannercolumn{
	border: 1px solid #666666;
	width: 784px;
	float: left;
	background-image: url(images/TTPromotions_Banner_YRG.gif);
	height: 96px;
	background-repeat: no-repeat;
	margin-top: 16px;
	margin-right: 7px;
	margin-bottom: 7px;
	margin-left: 7px;
}

/*
--------------------------------------
This is the where you will modify your banner column
------------------------------------*/

#contentcolumn{
	border: 1px solid #666666;
	margin: 2px;
	width: 790px;
	float: left;
	padding: 2px;
}

/*
--------------------------------------
This is the where you will modify your footer column
------------------------------------*/

#footercolumn{
	clear: both;
	background-color: #333333;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
	padding-top: 50px;
	height: 60px;
	background-image: url(images/TTPromotions_Footer.gif);
}

/*
--------------------------------------
This is the where you will modify text attributes
------------------------------------*/

.pwhite{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}

.pblack{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

/*
--------------------------------------
This is where you will edit your navigation button attributes
------------------------------------*/

#home{
	display: block;
	background-image: url(images/TTPromotions_HomeButton.gif);
	height: 55px;
	width: 183px;
	float: left;
}

#home:hover{
	background-image: url(images/TTPromotions_HomeButton-ove.gif);
	height: 55px;
	width: 183px;
}

#home span{
  display: none;
}

#about{
	display: block;
	background-image: url(images/TTPromotions_AboutButton.gif);
	float: left;
	height: 55px;
	width: 87px;
}

#about:hover{
	background-image: url(images/TTPromotions_AboutButton-ov.gif);
	height: 55px;
	width: 87px;
}

#about span{
  display: none;
}

#services{
	display: block;
	background-image: url(images/TTPromotions_ServicesButton.gif);
	float: left;
	height: 55px;
	width: 82px;
}

#services:hover{
	background-image: url(images/TTPromotions_ServicesBut-07.gif);
	height: 55px;
	width: 82px;
}

#services span{
  display: none;
}

#events{
	display: block;
	background-image: url(images/TTPromotions_EventsButton.gif);
	float: left;
	height: 55px;
	width: 136px;
}

#events:hover{
	background-image: url(images/TTPromotions_EventsButton-o.gif);
	height: 55px;
	width: 136px;
}

#events span{
  display: none;
}

#contact{
	display: block;
	background-image: url(images/TTPromotions_ContactButton.gif);
	float: left;
	height: 55px;
	width: 312px;
}

#contact:hover{
	background-image: url(images/TTPromotions_ContactButton-.gif);
	height: 55px;
	width: 312px;
}

#contact span{
  display: none;
}

#contactus{
	display: block;
	background-image: url(images/TTPromotions_Button_ContactUs.gif);
	height: 33px;
	width: 146px;
	margin-left: 50px;
	margin-top: 10px;
}

#contactus:hover{
	background-image: url(images/TTPromotions_Button_ContactUs-over.gif);
	height: 33px;
	width: 146px;
}

#contactus span{
  display: none;
}
/*
--------------------------------------
This is where you will edit your columns content attributes
------------------------------------*/

#newstitle{
	width: 786px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #12ACFE;
	padding: 3px;
}
#contentnews{
	color: #666666;
	width: 785px;
	margin-top: 20px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 15px;
	padding-left: 3px;
}
#contactuscolumn{
	width: 245px;
}
#producttitle{
	width: 786px;
	padding: 1px;
	background-color: #3D2110;
	border: 1px solid #333333;
}
#productbox1{
	padding: 2px;
	width: 170px;
	float: left;
	margin: 2px;
	height: 255px;
	border: 1px solid #999999;
}
#productbox2{
	padding: 2px;
	width: 589px;
	float: left;
	margin: 2px;
	height: 255px;
}
#paypalbox{
	padding: 1px;
	width: 240px;
	float: left;
	background-image: url(images/TTPromotions_PayPal.gif);
	height: 74px;
	margin-top: 2px;
	margin-right: 2px;
	margin-bottom: 2px;
	margin-left: 545px;
}

#productcontainer{
	width: 777px;
	padding: 5px;
	margin-top: 5px;
	float: left;
}
/*
-------------------------------------------
This is where you will style your link text. Remember there might be various styles of links includes in this area. Know specially which one affects which.
------------------------------------------*/
a.mainlinksfooter:link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	}
a.mainlinksfooter:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0bb2dc;
	font-weight: bold;
	}
a.mainlinksfooter:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	}
a.mainlinkscontent:link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0bb2dc;
	text-decoration: underline;
	}
a.mainlinkscontent:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	}
a.mainlinkscontent:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0bb2dc;
	}
#linktitles {
	width: 786px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bolder;
	color: #333333;
	padding: 3px;
}
#askedquestions {
	color: #666666;
	width: 320px;
	padding: 3px;
	margin-top: 20px;
	float: left;
	margin-left: 20px;
}