/*---------------------------
	TBWA WEBSITE : APRIL 2009
	-----------------------------
	css/mainStyle.css
	---------------------------*/

	body { margin:0px; padding:0px; color:#fff; font-family:Tahoma; }
	
	/* BACKGROUNDS */
	body.theWorkBg { background:#080705 URL(/coreFiles/images/background.jpg) repeat-x top center; }
        body.carBg { background:#060404 URL(/coreFiles/images/tbwaBackground.jpg) no-repeat top center; }
	
	p a, li a {color:#ccc;}

	/* CLEARING */
	div.clearfix{ clear:both; height:0; zoom: 1;}
	div.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 
	/* MAIN CONTAINER */
	#tbwaContainer { width:1010px; border:0px solid red;}
	
	
	/* COPYRIGHT */
	div.copyright h6 { text-align:left; margin:33px 0px 0px 3px; font-size:10px; font-weight:normal; color:#4d4d4d;}


	/* MAIN NAVIGATION */
	div.navigation { font-size:13px; width:940px; margin:24px 0 0 0; }
	div.navigation .logo { float:left; text-indent:-4000px; width:207px; background:#e21932 URL( /coreFiles/images/tbwaWhybinTequilaLogo.gif ) no-repeat 0px 0px; }
	
	div.navigation .mainNavigation {float:right;}
	
	div.navigation .logo, div.navigation .mainNavigation { margin:24px 0px 54px 0px; height:22px; }
	
	div.navigation ul li {float:left;}
	div.navigation ul li a { color:#fff; text-decoration:none; display:block; padding:4px 6px 5px 6px; }
	div.navigation ul li span { color:#fff; display:block; padding:4px 6px; }
	div.navigation ul li a:hover , div.navigation ul li a.select {background-color:#e21932;}
	

	/* SUB NAVIGATION */
	div.navigation .subNavigation { float:left; height:22px; margin:0;}


	/* MAIN PAGE CONTENT */
	div.mainPageContent { text-align:left; width:1010px; border:0px solid blue; }
	div.mainPageContent .pageHeading { padding-top:39px; margin-left:34px; font-size:40px; font-weight:bold; font-family:arial; line-height:43px;}
    

	/* Grey white Headings */
	div.mainPageContent .pageHeading h2, .blogItem h3 { font-weight:bold; font-family:arial; }
        div.mainPageContent .agency dd { margin:0 0 0 30px;}
        div.mainPageContent .agency dl { margin:0 0 20px 0;}
	.pageHeading h2 { font-size:40px; line-height:43px; padding-top:39px; margin-left:8px; }
	.pageHeading h2 span.grey { display:block; margin:0 0 -4px 0px; }
	.pageHeading h2 span.white {display:block;}	
	.blogItem h3 { font-size:21px; padding-top:4px; margin-left:0px; }
	.comments h3 { font-size:18px; padding-top:4px; margin-left:0px; }

	span.grey{color:#b3b3b3;}
	span.white{color:#ffffff;} 
	
	
	div.leftCol { width:513px; float:left; }
	div.rightCol { width:460px; float:left; margin:39px 0 0 0; }

	div.mainPageContent div.headingGrid {width:700px;}

	/*---------------------------------------
	Our Clients :: Template
	----------------------------------------*/
	.thumbs { padding:46px 0 0 0; margin:0 0 0 32px; }
	.thumbs ul li { float:left; padding:5px 5px; }
	
	/*---------------------------------------
	Homepage :: Template
	----------------------------------------*/
	div.homeFlash { width:1010px; height:470px;}
	
	/*---------------------------------------
	News :: Thumbs // Template
	----------------------------------------*/
	
	.newsLeft { margin:45px 0 0 42px; width:705px; float:left;}
	.newsRight {float:left;}
	.newsRight img { margin:-80px 0 0 0;}

	.newsItemContainer { width:215px; height:200px; border-top:1px solid #666; float:left; margin:0 19px 10px 0; overflow:hidden; }
	.newsItemContainer h4 { font-family:'Lucida Sans',Lucida,Arial,sans-serif; font-size:16px; font-weight:bold; margin:15px 0 0 0; line-height:18px; padding:0 13px 0 0; background:URL(/coreFiles/images/aboutUs/newsArrow.gif) no-repeat top right; }
	.newsItemContainer h4 a { color:#fff; text-decoration:none; }
	.newsItemContainer h4 a:hover {text-decoration:underline;}
	.newsItemContainer h6 { font-family: Tahoma,sans-serif; font-size:10px; color:#e21932; margin:6px 0 0 0; }
	.newsItemContainer p { font-family: Calibri,Arial,sans-serif; font-size:15px; margin:16px 0 0 0; line-height:18px; overflow:hidden;}

	/*---------------------------------------
	News :: Template
	----------------------------------------*/
	.leftCol .news { font-size:20px; line-height:32px; padding-top:46px; margin:0 0 0 43px; }
	.news { font-size:14px; line-height:27px; padding-top:28px; margin:0; }
	.news p { margin:0 30px 24px 0;}

	/*---------------------------------------
	About :: Template
	----------------------------------------*/
	.leftCol .about .col1{ font-size:20px; line-height:32px; padding-top:46px; margin:0 0 0 43px; width:230px; float:left;}
	.about .col2{ font-size:14px; line-height:27px; padding-top:46px; margin:0; width:230px; float:left; }
	.about p { margin:0 30px 24px 0;}

	/*---------------------------------------
	HeadlineThumb :: Template
	-----------------------------------------*/
	.headingGrid {}


	/* PAGE LINK */
	.pageLink {float:right;}
	.pageLink a { color:#b3b3b3; text-decoration:none; font-weight:bold; font-family:arial; font-size:12px;}
	.pageLink span { display:block; color:#fff; font-family:arial; font-size:18px; height:20px; margin:-10px 0 0 0; background:url(../images/arrow.gif) no-repeat top right; width:187px;}

	div.aboutUs span {width:198px;}
	div.newsLink span {width:184px;}

	.blogItem .pageLink a { width:222px; height:30px; text-indent:-3000px; display:block; background:url(/coreFiles/images/blogs/blog-back.gif) no-repeat top right; }



	/*---------------------------------------
	BLOGS :: Template
	-----------------------------------------*/

	
	.left {float:left;}
	.right {float:right;}
	.blogItem h5.red, span.red {color:#e21932;}

	/* Blogs */

       .blogItem p.readArticle a { color:#e21932; text-decoration:underline; background:URL(/coreFiles/images/blogs/blogRedArrow.gif) no-repeat bottom right; padding-right:14px;}
	.blogItem h3 a{ font-size:21px; text-decoration:underline; color:#b3b3b3; }
.blogItem h3 a:hover { color:#b3b3b3; text-decoration:underline; }
        div.blogs{ border:0px solid red; margin:0 0 0 98px;}
	.blogItem { width:472px; padding:0 0 0 35px; background:URL(/coreFiles/images/blogs/blog-slash.gif) no-repeat top left; }
	.comments { width:472px; padding:0 0 0 35px; }

	.mainPageContent h5 { font-family:Calibri,Arial,sans-serif; font-weight:normal; }
	.mainPageContent h5.date { color:#e21932; font-size:11px; letter-spacing:3px; margin:0 0 0 0;  text-transform:uppercase;}
	.mainPageContent h5.posted { color:#8b897c; font-size:13px; letter-spacing:3px; padding:23px 0 0 0;}
	.blogItem img { margin:20px 0 21px 0; }
	.blogItem p { font-size:13px; line-height:18px; margin:0 0 25px 0; width:472px; }
	
	

	.blogItem .dotted { margin:16px 0 40px 0; }

	/* Dotted Styles */
	.dotted { background:URL(/coreFiles/images/blogs/blog-dotted.gif) repeat-x top left; height:1px; }
	.belowList { margin:0 0 45px 0; }

	/* Blogs Navigation*/
	.blogsNavigation { width:217px; margin:18px 0 0 139px; }
	.blogsNavigation a:link,
	.blogsNavigation a:active,
	.blogsNavigation a:visited { font-size:15px; color:#fff; display:block;  text-decoration:none; font-weight:bold; color:#b3b3b3;}
	.blogsNavigation a:hover {color:#e21932;}
.blogsNavigation .downloads { margin:0 0 7px 0}	
.blogsNavigation .downloads a {display:inline; margin-right:5px;}
	
	.blogsNavigation h3, .comments h3 { margin:0 0 12px 0; }
	dl.dottedList dd a { background:URL(/coreFiles/images/blogs/blog-dotted.gif) repeat-x bottom left; padding:10px 0 10px 0; }
	.blogsNavigation dl.dottedList { margin:0 0 40px 0; }
	.blogsNavigation dl { margin:20px 0 18px 0; text-transform:uppercase; font-family:calibri,arial,sans-serif; font-size:15px; color:#b3b3b3;  }
	.blogsNavigation dl dd {line-height:18px;}
	.blogsNavigation dl dt { color:#fff; font-family:calibri,arial,sans-serif; font-size:13px; margin:0 0 6px 0; }
	.blogsNavigation dl dd ul li { margin:0 0 6px 0; }
	
	.blogsNavigation dl dd ul li a:link,
	.blogsNavigation dl dd ul li a:active,
	.blogsNavigation dl dd ul li a:visited { text-decoration:none; color:#8c8869; font-weight:normal; font-family:calibri,arial,sans-serif; font-size:13px; text-transform:none; }
	.blogsNavigation dl dd ul li a:hover {color:#fff;}
	
	.blogsNavigation dl dd ul { }

	/* Comments */
	.comments p { color:#7a765b; font-size:14px; font-family:Calibri,Arial,sans-serif; margin:0 0 20px 0}
	.comments h5.date { background:URL(/coreFiles/images/blogs/blogBubble.gif) no-repeat top left; padding:0 0 0 17px; margin:11px 0 21px 0; }
	.comments h4 { margin:20px 0 0 0; }
	h3.postComment {margin-top:38px;}

	.comments label { width:100px; font-size:13px; }
	.comments input.formStyle { width:342px; height:18px; border:1px solid #abadb3; margin:0 0 8px 0; }
	.comments textarea.formStyle { width:342px; height:62px; border:1px solid #abadb3; margin:0 0 17px 0; }
	
	.comments .submitBtn { background-color:#e21932; color:#fff; border:1px solid red; width:165px; cursor:pointer; font-family:Arial,sans-serif; font-weight:bold; font-size:13px; height:22px; margin:10px 0 0 128px; padding:1px 0 1px 0; }
	
	.radioSubmit input { margin:0 0 6px 128px;}
	.radioSubmit label { width:318px; font-size:13px; text-align:left; }

        div.pagination a:link, div.pagination a:visited, div.pagination a:active, div.pagination a:hover { margin:0px; padding:0px 3px; display:inline; }
        div.pagination { margin:15px 0 0 0;}
        div.pagination a:hover { background-color:#e21932; padding:0 3px; color:#fff;}