/*****/

body
{
width: 100%;
height: 100%;
border: none;
margin: 0;
padding: 0;
background: #429ccd;
}

#bodytable
{
width: 995px;
height: 659px; /* 725 -66px for top and blue bottoms*/
min-height: 659px;
max-height: 659px;
margin: 0;
margin: auto; /* I would rather do margin: auto here but this is going to screw up alignment of some items on larger screens due to the window being larger therefore the table here gets aligned differently? */
vertical-align: middle;
padding: 0;

border-collapse: collapse;
border: none;
}

#relative
{
position: relative;
}

.insightbg
{	
background: url(../images/bg_insight1.jpg);
background-position: 400px 150px;
background-repeat: no-repeat;
background-attachment: scroll;
}

.strategybg
{	
background: url(../images/bg_strategy1.jpg);
background-position: 570px 150px;
background-repeat: no-repeat;
background-attachment: scroll;
}

.innovationbg
{	
background: url(../images/bg_innovation1.jpg);
background-position: 425px 150px;
background-repeat: no-repeat;
background-attachment: scroll;
}

.marketingactionbg
{	
background: url(../images/bg_marketingaction1.jpg);
background-position: 360px 150px;
background-repeat: no-repeat;
background-attachment: scroll;
}

.purchasefunnelbg
{	
background: url(../images/bg_purchasefunnel1.jpg);
background-position: 300px 30px;
background-repeat: no-repeat;
background-attachment: fixed;
}

.nowzonebg
{	
background: url(../images/bg_nowzone1.jpg);
background-position: 50px 100px;
background-repeat: no-repeat;
background-attachment: scroll;
}


#bodytabletop
{
height: 100%;
margin: 0;
padding: 0;
border-collapse: collapse;
border: none;
}

#clienttable
{
height: 70%;
width: 358px;
margin: 0;
padding: 0;
border-collapse: collapse;
border: none;
}

#clienttable img
{
float: right;
border: #f7931d 2px solid;
margin: 1px;
}

#clienttable img:hover
{
border: #429ccd 3px solid;
margin: 0;
}

#clienttable img#no
{
cursor: pointer;
border: #f7931d 2px solid;
margin: 1px;
}

#whoweare
{
margin-top: 10px;
margin-bottom: 10px;
}

#whoweare img
{
border: #f7931d 2px solid;
margin-right: 5px;
}


#whoweare p
{
color: #429ccd;
font: 8pt bold Arial, Helvetica, sans-serif;
text-align: center;
margin: 0;
}

#whatwedotable
{
height: 100%;
width: 358px;
margin: 0;
padding: 0;
border-collapse: collapse;
border: none;
text-align: right;
}

#whatwedotable img
{
border: none;
}

#insighttable
{
height: 78%;
width: 358px;
vertical-align: top;
margin: 0;
margin-top: 3px;
padding: 0;
border-collapse: collapse;
border: none;
}

#insighttable img
{
border: #f7931d 2px solid;
float: right;
}

#strategytable
{
height: 78%;
width: 358px;
vertical-align: top;
margin: 0;
margin-bottom: 10px;
padding: 0;
border-collapse: collapse;
border: none;
}

#strategytable img
{
border: #f7931d 2px solid;
float: right;
}

#innovationtable
{
height: 75%;
width: 358px;
vertical-align: top;
margin: 0;
margin-bottom: 10px;
padding: 0;
border-collapse: collapse;
border: none;
}

#innovationtable img
{
margin-left: 10px;
border: #f7931d 2px solid;
float: right;
}

#retaildesigntable
{
/*height: 70%;
width: 358px;*/
margin: 0;
padding: 0;
border-collapse: collapse;
border: none;
}

#cocacolatable
{
width: 730px;
margin: 0;
padding: 0;
border-collapse: collapse;
border: none;
text-align: right;
float: right;
}

#cocacolatable img
{
float: right;
}

/*
#cocacolatable img
{
margin-left: 2px;
border: #f7931d 2px solid;
float: right;
}
*/

#millertable
{
width: 735px;
margin: 0;
padding: 0;
border-collapse: collapse;
border: none;
text-align: right;
}

#millertable img
{
border: #f7931d 1px solid;
float: right;
}

#casestudiestable
{
/*width: 735px;*/
margin: 0;
padding: 0;
border-collapse: collapse;
border: none;
text-align: right;
}

#casestudiestable td
{
padding-right: 3px;
}

#casestudiestable img
{
border: #f7931d 1px solid;
margin: 2px;
}

#casestudiestable img:hover
{
border: #f7931d 3px solid;
margin: 0px;
}


#whitebg
{
background: white;
}

p
{
color: #6d6f71;
font: 12pt bold Arial, Helvetica, sans-serif; /*12pt height, 15pt line height / 3.75pt 4.65pt*/
line-height: 15pt;
margin: 0;
}

address
{
color: #6d6f71;
font: 12pt bold Arial, Helvetica, sans-serif; /*12pt height, 15pt line height / 3.75pt 4.65pt*/
line-height: 15pt;
margin: 0;
}

a, a:visited
{
color: #f7931d;
text-decoration: none;
}

a:hover
{
color: #429ccd;
}

p.bodytop
{
position: absolute;
bottom: 0px;
left: 0px;
}

p.upper
{
	vertical-align: bottom;
}

p.upper2
{
	vertical-align: top;
}

p.lower
{
  vertical-align: top;
}

.bluebar
{
background: #429ccd;
width: 100%;
height: 33px;
margin-bottom: 0;
}

.bluecenter
{
width: 995px;
margin: auto;
}

.bluebar p
{
margin-right: 54px; /* far-right column width */
color: white;
font: 10pt bold Arial, Helvetica, sans-serif;
text-align: right;
padding-top: 10px;
}

.bluebar p.copy
{
padding-top: 10px;
padding-bottom: 5px;
vertical-align: middle;
}

h1
{
color: #429ccd;
font: 18pt Arial, Helvetica, sans-serif;
line-height: 18pt;
margin: 0;
padding: 0;
border: 0;
}

.container
{
position: relative;
}

.nowzonecontainer
{
text-align: center;
margin-left: -70px;
margin-right: 74px;
}

/* @Delete me? */
h1.title1
{
position: absolute;
top: 0;
left: 0;
}



h2
{
color: #f7931d;
font: 32pt bold Arial, Helvetica, sans-serif;
line-height: 22.5pt;
margin: 0;
}

h2.headline1
{
color: #f7931d;
font: 32pt bold Arial, Helvetica, sans-serif;
line-height: 24pt;
}

h2.headline1a
{
color: #f7931d;
font: 32pt bold Arial, Helvetica, sans-serif;
line-height: 24pt; /* 28pt */
}

h2.headline2
{
color: #f7931d;
font: 22.5pt bold Arial, Helvetica, sans-serif;
line-height: 18pt;
}

h2.headline3
{
color: #f7931d;
font: 16pt bold Arial, Helvetica, sans-serif;
line-height: 14pt;
}

h3
{
color: #f7931d;
font: 16pt Arial, Helvetica, sans-serif;
line-height: 16pt;
margin: 0;
margin-top: -20px;
padding: 0;
border: 0;
}

ul
{
margin: 0;
padding: 0;
color: #429ccd;
}

ul.bodyul
{
padding-left: 15px;
}

ul.bodyul ul
{
font-size: 9px;
padding-left: 30px;
list-style-type: square;
}

ul.sidebar1
{
width: 90%;
list-style-type: none;
}

ul.sidebar1 img
{
border: 2px solid #f7931d;
margin-bottom: 10px;
}


/***************/

/*
#navcontainer
{
padding-top: 22px;
}

#navlist
{
margin-left: -40px;
}

#navlist li
{
display: inline;
list-style-type: none;
padding-right: 20px;

color: #6d6f71;
font: 9pt Arial, Helvetica, sans-serif;
}

#navlist li a
{
color: #6d6f71;
text-decoration: none;
}

#navlist li#active a
{
color: #429ccd;
}

#navlist li a:hover
{
color: #429ccd;
}
*/


/***************/

#navcontainer
{
padding-top: 21px;
}

ul#navlist
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}

#navlist li
{
display: inline;
font: 9pt Arial, Helvetica, sans-serif;
list-style-type: none;
}

#navlist a { padding-right: 15px; }

#navlist a:link, #navlist a:visited
{
color: #6d6f71;
text-decoration: none;
}

#navlist a:hover, #navlist li#active a
{
color: #429ccd;
text-decoration: none;
}

/***************/

#flash
{
float: right;
}


/*@Is this used anywhere still?@*/
.bodylist
{
width: 75%;
margin-left: 0;
}

.bodylist li
{
margin-left: -25px;
color: #429ccd;
}

.bodylist li p
{
}

img.smc
{
margin: 1px;
}

a.connectlink
{
color: #6d6f71;
font: 12pt bold Arial, Helvetica, sans-serif; /*12pt height, 15pt line height / 3.75pt 4.65pt*/
line-height: 15pt;
margin: 0;
text-decoration: none;
}

a.connectlink:hover
{
color: #429ccd;
}

.whitebox185h
{
display: block;
height: 185px;
min-height: 185px;
}

.floatleft
{
float: left;
}



/****/


/****/