@charset "UTF-8";
/* CSS Document */

/*
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 0.11.0
*/
/* CSS Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}

/* Global */
body { background: url(gfx/global/bg1.gif) -1px 0 #d3cbcb repeat; font-size: 65.5%; font-family: Helvetica, Arial, sans-serif; color: #7b7576; width: 100%; }
strong { font-weight: bold; }
a, a:visited { color: #7b7576; text-decoration: none; }
a:hover { color: #a9272e; }

h1 { font-family: Helvetica; font-size: 2.1em; color: #7b7576; font-weight:300; }
p { font-size: 1.2em; line-height: 1.5em; }
.clearFloat { clear: both; float: none; }
.dots { height: 5px; width: 100%; background: url(gfx/global/dots.gif); margin: 10px 0; }
/* Architecture */

#anchorUp { position: relative; margin: 10px 0 0 10px; }
#anchorUp p a { color: #a4262d; font-family: Helvetica; text-decoration: underline; font-weight: 700; }
#anchorUp p a:hover { text-decoration: none; }
#topBG { background: url(gfx/global/topBG.gif) repeat-x ; height: 15px; width: 100%; position: absolute; top: 0; left: -1px;}
#container { position: relative; min-height: 100%; width: 1150px; float: left; margin-bottom: 75px; }
#header { float: left; width: 100%; }
#header ul { margin: 20px 0 0 0; }
#header ul li { float: left; margin: 0 3px 0 .05px; }
#logo { float: left; margin: 20px 2px 0 1px;}

#bucket1 { background: url(gfx/global/brandenergy.png) no-repeat 113px 0; height: 279px; width: 1049px; margin: 7px 0 0 1px; position: relative; float: left; }
#bucket2 { width: 1050px; height: 417px; position: relative; float: left; }
#bucket2 #box { position: absolute; bottom: 0px; left: 95px; z-index: 400; margin: 0 0 3px 0 }
#bucket2 #box ul li { float: left; margin: 0 1px; height: 20px; }
#bucket2 #box ul li .ss-tab { background: url(gfx/home/slideshow/tab.png) repeat-x; height: 20px; width: 94px; }
#bucket2 #caption { position: absolute; z-index: 700; margin-top: 20px; left: 29px; }

#news { width: 100%;	 float: left; margin-bottom: 50px; padding: 35px 0 0 0; position: relative; }
#news h3 { font-size: 1.4em; font-weight: 400; }
#news .newTitle { float: left; width: 193px; position: relative; }
#news .newTitle a { color: #af2830; font-size: 1.2em; padding-right: 17px; background:url(gfx/global/arrow_li.gif) no-repeat right; }
#news .newTitle a:hover { color: #70191d; font-size: 1.2em; background:url(gfx/global/arrow_li_over.gif) no-repeat right;}
#news .nH1 { position: relative; left: 34px; top: 0; }
#news .news1 { float: left; width: 285px; margin-right: 4px; position: relative; bottom: 0; left: 0; }
#news .news2 { float: left; width: 477px; height: 1350px; margin-right: 4px; margin-left: 95px; }
#news .news3 { float: left; width: 188px; height: 300px; margin-right: 3px;}
#news .news1 .readMore { margin-left: 192px; height:23px; width: 93px;  float: left; display: block; }
#news .news2 .readMore { position: absolute; margin-left: 189px; bottom: 0; height:23px; width: 93px;  float: right; display: block; }
#news .news3 .readMore { position: absolute; margin-left: 95px; bottom: 0; height:23px; width: 93px;  float: right;  display: block; }
#news .readMore a { position: absolute; left: 0;}

#news .news1 p{ margin-bottom: 5px; }
#news .news2 ul li { margin-bottom: 20px; }
#news .news2 ul li h3{ float: left; font-weight: 700; font-size: 1.4em; margin-right: 12px; }
#news .news2 ul li h3 a{ text-decoration: underline; }
#news .news2 h2{ float: left; font-weight: bold; font-size: 1.2em; margin-top: 12px; font-style: italic; clear: both; }
#news .news2 span.date { font-size: 1.4em; color: #a4262d; float: right; margin-right: 20px; }
#news .news2 p { line-height: 1.5em; margin-top: 4px; margin-right: 20px; }

#news .news1 .readMore a .cc-btn { background: url(gfx/home/awards-btn.png) no-repeat 0 0; height: 23px; width: 285px; }
#news .news1 .readMore a:hover .cc-btn { background: url(gfx/home/awards-btn.png) no-repeat 0 -23px; height: 23px; width: 285px; }
#news .news1 .spacer { height: 1px; clear: both; }
#news .news1 .readMore a .five-btn { background: url(gfx/home/awards-btn.png) no-repeat 0 -46px; height: 23px; width: 285px; }
#news .news1 .readMore a:hover .five-btn { background: url(gfx/home/awards-btn.png) no-repeat 0 -69px; height: 23px; width: 285px; }

#news .news1 .readMore a .cc1-btn { background: url(gfx/home/awards2-btn.png) no-repeat 0 0px; height: 23px; width: 285px; }
#news .news1 .readMore a:hover .cc1-btn { background: url(gfx/home/awards2-btn.png) no-repeat 0 -23px; height: 23px; width: 285px; }

#news .news1 .readMore a .cc2-btn { background: url(gfx/home/awards2-btn.png) no-repeat 0 -46px; height: 23px; width: 285px; }
#news .news1 .readMore a:hover .cc2-btn { background: url(gfx/home/awards2-btn.png) no-repeat 0 -69px; height: 23px; width: 285px; }

#news .news1 .readMore a .cc3-btn { background: url(gfx/home/awards2-btn.png) no-repeat 0 -92px; height: 23px; width: 285px; }
#news .news1 .readMore a:hover .cc3-btn { background: url(gfx/home/awards2-btn.png) no-repeat 0 -115px; height: 23px; width: 285px; }

#news .news1 .readMore a .cc4-btn { background: url(gfx/home/awards2-btn.png) no-repeat 0 -138px; height: 23px; width: 285px; }
#news .news1 .readMore a:hover .cc4-btn { background: url(gfx/home/awards2-btn.png) no-repeat 0 -160px; height: 23px; width: 285px; }

#news .news1 .readMore a .cc5-btn { background: url(gfx/home/awards2-btn.png) no-repeat 0 -182px; height: 23px; width: 285px; }
#news .news1 .readMore a:hover .cc5-btn { background: url(gfx/home/awards2-btn.png) no-repeat 0 -205px; height: 23px; width: 285px; }

#news .news1 .readMore a .cc6-btn { background: url(gfx/home/awards2-btn.png) no-repeat 0 -228px; height: 23px; width: 285px; }
#news .news1 .readMore a:hover .cc6-btn { background: url(gfx/home/awards2-btn.png) no-repeat 0 -252px; height: 23px; width: 285px; }

#news .news1 .readMore a .car-btn { background: url(gfx/home/awards2-btn.png) no-repeat 0 -320px; height: 23px; width: 285px; cursor: default; }
#news .news1 .readMore a:hover .car-btn { background: url(gfx/home/awards2-btn.png) no-repeat 0 -320px; height: 23px; width: 285px; cursor: default; }

#news .news1 .readMore a .boat-btn { background: url(gfx/home/awards2-btn.png) no-repeat 0 -364px; height: 23px; width: 285px; cursor: default; }
#news .news1 .readMore a:hover .boat-btn { background: url(gfx/home/awards2-btn.png) no-repeat 0 -364px; height: 23px; width: 285px; cursor: default; }

#news .news1 .readMore a .moto-btn { background: url(gfx/home/awards2-btn.png) no-repeat 0 -410px; height: 23px; width: 285px; cursor: default; }
#news .news1 .readMore a:hover .moto-btn { background: url(gfx/home/awards2-btn.png) no-repeat 0 -410px; height: 23px; width: 285px; cursor: default; }

#news .news1 .readMore a .ambAIC-btn { background: url(gfx/home/awards2-btn.png) no-repeat 0 -456px; height: 23px; width: 285px; cursor: default; }
#news .news1 .readMore a:hover .ambAIC-btn { background: url(gfx/home/awards2-btn.png) no-repeat 0 -456px; height: 23px; width: 285px; cursor: default; }

#news .news1 .readMore a .dirAIC-btn { background: url(gfx/home/awards2-btn.png) no-repeat 0 -502px; height: 23px; width: 285px; cursor: default; }
#news .news1 .readMore a:hover .dirAIC-btn { background: url(gfx/home/awards2-btn.png) no-repeat 0 -502px; height: 23px; width: 285px; cursor: default; }

#news .news1 .readMore a .showGma-btn { background: url(gfx/home/awards2-btn.png) no-repeat 0 -546px; height: 23px; width: 285px; }
#news .news1 .readMore a:hover .showGma-btn { background: url(gfx/home/awards2-btn.png) no-repeat 0 -569px; height: 23px; width: 285px; }

#news .news1 .readMore a .showGuys-btn { background: url(gfx/home/awards2-btn.png) no-repeat 0 -592px; height: 23px; width: 285px; }
#news .news1 .readMore a:hover .showGuys-btn { background: url(gfx/home/awards2-btn.png) no-repeat 0 -615px; height: 23px; width: 285px; }

#news .news1 .readMore a .showClub-btn { background: url(gfx/home/awards2-btn.png) no-repeat 0 -638px; height: 23px; width: 285px; }
#news .news1 .readMore a:hover .showClub-btn { background: url(gfx/home/awards2-btn.png) no-repeat 0 -661px; height: 23px; width: 285px; }

#news .news1 .readMore a .bigPak-btn { background: url(gfx/home/awards2-btn.png) no-repeat 0 -274px; height: 23px; width: 285px; }
#news .news1 .readMore a:hover .bigPak-btn { background: url(gfx/home/awards2-btn.png) no-repeat 0 -297px; height: 23px; width: 285px; }


#news .bl1 { margin-top: 1px; }

#botBG { background: url(gfx/global/botBG.gif) repeat-x; height: 15px; width: 100%; position: absolute; bottom: -140px; left: -1px; }

#footer { background: url(gfx/global/footer_bg.gif) #d3cbcb repeat-x; width: 100%; padding: 10px 0; bottom: 0; float: left; position: relative; }
#footer p.copy { float: left; font-size: .9em ;color: #585354; margin: 0 0 0 10px }
#footer ul { margin-right: 10px; }
#footer ul li { float: right; color: #585354; }
#footer ul li a, #footer ul li a { color: #585354; }
#footer ul li a:hover { text-decoration: underline; }
#footer .footerContainer { margin: 10px 0 0 0; }

.m-1 { margin: 120px 0 0 195px; position: absolute; width: 666px; }
.m-1 p { margin-top: -8px; width: 668px; }

#mainContent { float: left; min-height: 1350px; }
#toggle { margin:15px 0 15px 65px; float: left; width: 100%;}

a span#nav1 { background: url(gfx/global/btn_people.gif) no-repeat 0 0; position: absolute; height: 46px; width: 84px; }
a span#nav2 { background: url(gfx/global/btn_work.gif) no-repeat 0 0; position: absolute; height: 46px; width: 93px; left: 289px; }
a span#nav3 { background: url(gfx/global/btn_brands.gif) no-repeat 0 0; position: absolute; height: 46px; width: 93px; left: 385px;}
a span#nav4 { background: url(gfx/global/btn_contact.gif) no-repeat 0 0; position: absolute; height: 46px; width: 93px; left: 481px;}

a:hover span#nav1 { background: url(gfx/global/btn_people.gif) no-repeat 0 -67px; position: absolute; height: 46px; width: 84px; }
a:hover span#nav2 { background: url(gfx/global/btn_work.gif) no-repeat 0px -67px; position: absolute; height: 46px; width: 93px; left: 289px; }
a:hover span#nav3 { background: url(gfx/global/btn_brands.gif) no-repeat 0px -67px; position: absolute; height: 46px; width: 93px; left: 385px; }
a:hover span#nav4 { background: url(gfx/global/btn_contact.gif) no-repeat 0px -67px; position: absolute; height: 46px; width: 93px; left: 481px;}

.contact-btn { position: absolute; left: 481px; }

.work { 
	display:block;
	height:365px;
	margin:0;
	overflow:hidden;
	padding:0;
	position:relative;
	min-width: 365px; 
}
.work li { float: left; }



/* Slide Show */
#home_slideshow { position:relative; width:1050px; height:414px; margin-left:2px; overflow:hidden; }
#home_slideshow #home_slideshow_violator { z-index:1000; width:866px; height:43px; float:left; position:relative; bottom: 41px; left: 92px;}
#project_caption{ margin: 21px 0px 0px 20px; padding: 0px 20px 0px 0px; color:#fff; float:left; font-weight: bold; position: absolute; z-index: 200; background: url(gfx/home/slideshow/bgCaption.png) }
#project_caption a{ }															 
#project_caption a:hover{ }
#home_slideshow #home_slideshow_violator #slide_navigation { position:absolute; height:43px; left:0px;}

#home_slideshow #home_slideshow_violator #slide_navigation a{ overflow:hidden; display:block; background:url(gfx/home/slideshow/nav_bg.png); width:94px; height:21px; margin-top: 20px; float:left; margin-left:2px; cursor:pointer; overflow:hidden; outline: none;}

#home_slideshow #home_slideshow_violator #slide_navigation a img { display:none;}
#home_slideshow #home_slideshow_violator #slide_navigation a:hover{ background:url(gfx/home/slideshow/nav_bg.png) #8c0000; }
/* 
// TOMORROW create manual tabs
// 

*/
#slide_navigation ul li{ float: left; }

#home_slideshow li span.slide_caption{ top:21px; left: 20px; padding: 0px 20px 10px 0px;color:#fff; float:left; font-weight: bold; position: absolute; z-index: 1200; background: url(gfx/home/slideshow/bgCaption.png) }

#home_slides { background-color:#333333; overflow:hidden; height:414px; z-index: 50;}

#home_slideshow .rborder { background: url(gfx/global/rborder.png) no-repeat; z-index: 100; position: absolute; }
#home_slideshow .top {width:1050px; height:21px;}
#home_slideshow .side {width:20px; height:372px; top:21px;}
#home_slideshow .bottom {width:92px; height:21px; bottom:0px;}
#home_slideshow .right {right:0px;}

#home_slideshow #blk1 { background: url(gfx/work/jimbeam/tab1.png) no-repeat 0 -50px; position: absolute; height: 55px; width: 94px; }
.slide_nav { display:none;}
/*HACKS*/

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
	.clearfix {display:block;}
/* End hide from IE Mac */



/* Showcase */
#showcase .box				{ float: left; width: 100px; height: 100px; margin: 10px; padding: 10px; border: 2px solid gray; font-family: monospace; background: lightBlue; }
#showcase ul, #showcase li				{ list-style-type: none; margin: 0; padding: 0; position: relative; }
#showcaseli span				{ display: block; width: 189px; opacity: 0; filter: alpha(opacity=0); position: absolute; top: 0; left: 0; z-index: 350; }
#showcase li					{ float: left;  width: 189px; height: 398px; margin-right: 4px;}
#showcase				{ margin: 20px 0 0 191px; }
#showcase ul img		{ border: none; margin-bottom: -1px; }
#showcase .d1 { background:url(gfx/work/canadianclub/image2.jpg) no-repeat 0 23px; }
#showcase .d2 { background:url(gfx/work/midol/image.jpg) no-repeat 0 23px;}
#showcase .d3 { background:url(gfx/work/5gum/image.jpg) no-repeat 0 23px;}
#showcase .d4 { background:url(gfx/work/altoids/image.jpg) no-repeat 0 23px;}
#showcase .d5 { background:url(gfx/work/dial/image.jpg) no-repeat 0 23px;}
#showcase .d6 { background:url(gfx/work/whitesox/image.jpg) no-repeat 0 23px;}
#showcase .d7 { background:url(gfx/work/lifesavers/image.jpg) no-repeat 0 23px;}
#showcase .d8 { background:url(gfx/work/illinois/image.jpg) no-repeat 0 23px;}
#showcase .d9 { background:url(gfx/work/jimbeam/image.jpg) no-repeat 0 23px; width: 381px; height: 398px; }
#showcase .d10 { background:url(gfx/work/orbit/image.jpg) no-repeat 0 23px; width: 381px; height: 398px; }
#showcase .screen_lg { background: url(gfx/global/screen.png) no-repeat; z-index: 300; height: 366px; width: 100%; }
#showcase .screen_sm { background: url(gfx/global/screen_sm.png) no-repeat; z-index: 300; height: 366px; width: 189px; }


.col-1 { float: left; }
.col-2 { float: left; }
.col-3 { float: left; }


/* Contact */
.formContainer { float: left; position: relative; width: 475px; margin-left: 194px; margin-right: 5px; margin-top: 6px; }

.formContainer .form_hd { width: 100%; position: relative; top: 8px; }
.formContainer .form_hd img{ float: left; margin-right: 5px; }
.formContainer .form_hd p{ float: left; position: relative; top: -2px; left: 0px; }
.formContainer .dots { position: absolute; top: 16px; }
.formContainer .form_list ul li label strong { margin-bottom: 10px; font-family: Helvetica; font-size: 1.2em; font-weight: 500; }


.form_list { background: url(gfx/global/contact/formBG.png) transparent; height: 195px; width: 100%; position: relative; top: 34px; }
.form_list ul { float: left; top: 45px; margin: 0 28px 0 6px; }
.form_list ul li { width: 200px; margin-bottom: 20px; }
.form_list form { margin-left: 6px; }
.form_list ul li input { border: none; width: 95%; height: 19px; padding: 4px 0 0 9px; }
.form_list .textBoxC { position: absolute; width: 217px; margin-top: 5px; }
.form_list .lt_side { background: url(gfx/global/contact/lt_side.gif) no-repeat; height: 23px; width: 8px; position: absolute; }
.form_list .rt_side { background: url(gfx/global/contact/rt_side.gif) no-repeat; height: 23px; width: 8px; position: absolute; right: 0; top: 0;}

.form_list_bot ul li label strong { margin-bottom: 10px; font-family: Helvetica; font-size: 1.2em; font-weight: 500; }
.form_list_bot { position: relative; top: 50px; left: 6px;  }
.form_list_bot ul { float: left; top: 45px; margin: 0 0 0 6px; }
.form_list_bot ul li { margin-bottom: 20px; }
.form_list_bot form { margin-left: 6px; }

.form_list_bot ul li input { border: none; width: 98%; height: 15px; padding: 4px; }
.form_list_bot .textBoxC { position: absolute; width: 452px; margin-top: 5px; }
.form_list_bot .lt_side { background: url(gfx/global/contact/lt-side2.gif) no-repeat; height: 23px; width: 4px; position: absolute; }
.form_list_bot .rt_side { background: url(gfx/global/contact/rt-side2.gif) no-repeat; height: 23px; width: 4px; position: absolute; right: 0; top: 0;}
.form_list_bot .submitBtn { background: url(gfx/global/contact/submit_btn.gif) no-repeat #c6c7ca; position: absolute; width: 91px; height: 31px; right: 6px; }
.form_list_bot .submitBtn:hover { cursor: pointer; }
.textAreaC { position: relative; margin-top: 5px; height: 163px; }
.textAreaC .lt_upper { background: url(gfx/global/contact/lt_upper.png) no-repeat; width: 6px; height: 5px; position: absolute; top: 0; left: 0px; }
.textAreaC .lt_bottom { background: url(gfx/global/contact/lt_bottom.png) no-repeat; width: 6px; height: 5px; position: absolute; bottom: 9px; left: 0px; }
.textAreaC .rt_upper { background: url(gfx/global/contact/rt_upper.png) no-repeat; width: 6px; height: 5px; position: absolute; top: 0; right: 0px; }
.textAreaC .rt_bottom { background: url(gfx/global/contact/rt_bottom.png) no-repeat; width: 6px; height: 5px; position: absolute; bottom: 9px; right: 0px; }

.textAreaC .lt_stretch { background: #fff; width: 5px; height: 100px; position: absolute; left: 0; top: 5px; }
.textAreaC .rt_stretch { background: #fff; width: 5px; height: 100px; position: absolute; right: 0; top: 5px; }
.textAreaC .textAreaM { border: none; width: 452px; padding: 0; margin: 0; overflow: hidden; height: 94.5%; }

.mapContainer { float: left; width: 284px; position: relative; top: 1px; margin-top: 6px; }
.map_hd { position: relative; top: 7px;  }
.map_hd img { padding: 0; margin-bottom: 9px; }
.mapContainer .dots { margin: 0; }
.map { position: absolute; top: 33px; }
.map a { font-size: 1.2em; text-decoration: underline; color: #a9272e; margin-top: 10px; position: relative; bottom: -11px; }
.map a:hover { font-size: 1.2em; text-decoration: none; color: #a9272e; }
textarea { resize: none; padding: 0; margin: 0; }

.locate { position: absolute; right: 0; bottom: -11px; }
.address { margin-top: 10px; }
/*
.mapContainer { position: relative; width: 284px; }
.mapContainer .map_hd { position: relative; }
.map { position: relative;  }
.map img { border: none; margin: 0; }
.map p { font-size: 1.2em; }

.map .locate a { background: url(gfx/global/arrow_li.gif) no-repeat 70px 13px #c6c7ca; padding: 10px 1px 3px 9px; position: absolute; color: #af2830; height: 20px; font-size: 1em; width: 81px; bottom: 0; right: 1px; text-decoration: none; }
*/