/************ SERVED FROM APP CACHE ********************/

/************ START callaghansquare/genericbanners.css ********************/

/* Bottom Panels */

div.generic-panels
{
width				: 960px;
overflow			: hidden;
background-color	: #FFF;
margin              : 0px 0px 0px 0px;
}

div.generic-panels  div.corner-topleft
{
position            : absolute;
top                 : 0px;
left                : 0px;
z-index             : 10;
background          : url(../../images/generic/corner-15px-topleft.png) top left no-repeat;
width               : 15px;
height              : 15px;
}

div.generic-panels  div.corner-bottomleft
{
position            : absolute;
top                 : 113px;
left                : 0px;
z-index             : 10;
background          : url(../../images/generic/corner-15px-bottomleft.png) top left no-repeat;
width               : 15px;
height              : 15px;
}

div.generic-panels div.corner-topright
{
position            : absolute;
top                 : 0px;
left                : 224px;
z-index             : 10;
background          : url(../../images/generic/corner-15px-topright.png) top left no-repeat;
width               : 15px;
height              : 15px;
}

div.generic-panels div.corner-bottomright
{
position            : absolute;
top                 : 113px;
left                : 224px;
z-index             : 10;
background          : url(../../images/generic/corner-15px-bottomright.png) top left no-repeat;
width               : 15px;
height              : 15px;
}

/* shaping-business */

div.generic-panels div#shaping-business
{
width               : 444px;
background          : #592989 url(../../images/callaghansquare/banner-bg-shaping-business.jpg) no-repeat;
position            : relative;
padding             : 10px 20px 0px 15px;
display             : block;
float               : left;
margin-right        : 1px;
min-height          : 118px;
}

div.generic-panels div#shaping-business h3
{
color               : #FFF;
font-size           : 150%;
line-height         : 24px;
font-weight         : bold;
margin              : 23px 0px 8px 0px;
text-align          : right;
}

div.generic-panels div#shaping-business h4
{
color               : #FFF;
font-size           : 74%;
line-height         : 16px;
font-weight         : normal;
margin              : 0px 0px 0px 0px;
text-align          : right;
}

div.generic-panels div#shaping-business a
{
color               : #FFF;
text-decoration     : none;
}

div.generic-panels div#shaping-business span
{
font-weight         : normal;
font-size           : 85%;
}

/* callaghan-square */

div.generic-panels div#callaghan-square
{
width               : 444px;
background          : #592989 url(../../images/callaghansquare/banner-bg-5-callaghan.jpg) no-repeat;
position            : relative;
padding             : 10px 20px 0px 15px;
display             : block;
float               : left;
margin-right        : 1px;
min-height          : 118px;
}

div.generic-panels div#callaghan-square h3
{
color               : #FFF;
font-size           : 150%;
line-height         : 24px;
font-weight         : bold;
margin              : 23px 0px 8px 0px;
text-align          : right;
}

div.generic-panels div#callaghan-square h4
{
color               : #FFF;
font-size           : 74%;
line-height         : 16px;
font-weight         : normal;
margin              : 0px 0px 0px 0px;
text-align          : right;
}

div.generic-panels div#callaghan-square a
{
color               : #FFF;
text-decoration     : none;
}

div.generic-panels div#callaghan-square h4 span
{
font-weight         : normal;
font-size           : 85%;
}

/* sustainability */

div.generic-panels div#sustainability
{
width               : 444px;
background          : #592989 url(../../images/callaghansquare/banner-bg-sustainability.jpg) no-repeat;
position            : relative;
padding             : 10px 20px 0px 15px;
display             : block;
float               : left;
margin-right        : 1px;
min-height          : 118px;
}

div.generic-panels div#sustainability h3
{
color               : #FFF;
font-size           : 150%;
line-height         : 24px;
font-weight         : bold;
margin              : 20px 0px 11px 0px;
text-align          : right;
}

div.generic-panels div#sustainability h4
{
color               : #FFF;
font-size           : 74%;
line-height         : 14px;
font-weight         : normal;
margin              : 0px 0px 0px 0px;
text-align          : right;
}

div.generic-panels div#sustainability a
{
color               : #FFF;
text-decoration     : none;
}

div.generic-panels div#sustainability h4 span
{
font-weight         : normal;
font-size           : 85%;
}

/* Greenlite*/

div.generic-panels div#greenlite
{
width               : 212px;
background          : #FFF;
border              : 1px solid #999;
min-height          : 116px;
padding             : 10px 10px 0px 15px;
position            : relative;
display             : block;
float               : left;
margin-right        : 1px;
min-height          : 116px;
}

div.generic-panels div#greenlite h3
{
margin              : 0px;
}

div.generic-panels div#greenlite h3 a
{
width               : 162px;
padding-top         : 47px;
height              : 0px;
overflow            : hidden;
display             : block;
background          : url(../../images/generic/greenlite-offices-made-simple.gif) no-repeat;
margin              : 0px 0px 7px 0px;
}

div.generic-panels div#greenlite h4
{
color               : #666;
font-size           : 80%;
line-height         : 17px;
font-weight         : normal;
margin              : 0px 0px 0px 0px;
}

div.generic-panels div#greenlite h4 a
{
color               : #666;
text-decoration     : none;
}


/* MEPC TV*/

div.generic-panels div#mepc-tv
{
width               : 212px;
background          : #FFF;
border              : 1px solid #999;
min-height          : 116px;
padding             : 10px 10px 0px 15px;
position            : relative;
display             : block;
float               : left;
margin-right        : 1px;
min-height          : 116px;
}

div.generic-panels div#mepc-tv h3 
{
margin              : 0px;
}

div.generic-panels div#mepc-tv h3 a
{
width               : 162px;
padding-top         : 46px;
height              : 0px;
overflow            : hidden;
display             : block;
background          : url(../../images/birchwoodpark/banner-bg-mepc-tv.jpg) no-repeat;
margin              : 19px 0px 0px 0px;
}


div.generic-panels div#mepc-tv h4
{
color               : #666;
font-size           : 80%;
line-height         : 17px;
font-weight         : normal;
margin              : 0px 0px 0px 0px;
}

div.generic-panels div#mepc-tv h4 a
{
color               : #666;
text-decoration     : none;
}

/* Parklife*/

div.generic-panels div#parklife
{
width               : 214px;
background          : #592989;
min-height          : 118px;
padding             : 10px 10px 0px 15px;
position            : relative;
display             : block;
float               : left;
margin-right        : 1px;
}

div.generic-panels div#parklife h3
{
margin              : 0px;
}

div.generic-panels div#parklife h3 a
{
width               : 134px;
padding-top         : 33px;
height              : 0px;
overflow            : hidden;
display             : block;
background          : url(../../images/callaghansquare/banner-parklife.gif) no-repeat;
margin              : 10px 0px 8px 0px;
}

div.generic-panels div#parklife h4
{
color               : #FFF;
font-size           : 80%;
line-height         : 17px;
font-weight         : normal;
margin              : 0px 0px 0px 0px;
}

div.generic-panels div#parklife h4 a
{
color               : #FFF;
text-decoration     : none;
}

/* What People Think */

div.generic-panels div#what-people-think
{
width               : 214px;
padding             : 10px 10px 0px 15px;
position            : relative;
display             : block;
float               : left;
margin-right        : 1px;
min-height          : 118px;
}

div.generic-panels div#what-people-think h3
{
color               : #FFF;
font-size           : 150%;
line-height         : 24px;
font-weight         : bold;
margin              : 22px 0px 8px 0px;
}

div.generic-panels div#what-people-think a
{
color               : #FFF;
text-decoration     : none;
}

div.generic-panels div#what-people-think h4
{
color               : #FFF;
font-size           : 80%;
line-height         : 17px;
font-weight         : normal;
margin              : 0px 0px 0px 0px;
}

/* success-stories */

div.generic-panels div#success-stories
{
width               : 214px;
padding             : 10px 10px 0px 15px;
position            : relative;
display             : block;
float               : left;
margin-right        : 1px;
min-height          : 118px;
}

div.generic-panels div#success-stories h3
{
color               : #FFF;
font-size           : 120%;
line-height         : 24px;
font-weight         : bold;
margin              : 25px 0px 5px 0px;
}

div.generic-panels div#success-stories a
{
color               : #FFF;
text-decoration     : none;
}


div.generic-panels div#success-stories h4
{
color               : #FFF;
font-size           : 80%;
line-height         : 17px;
font-weight         : normal;
margin              : 0px 0px 0px 0px;
}

/* about mepc */

div.generic-panels div#mepc
{
width               : 214px;
padding             : 10px 10px 0px 15px;
position            : relative;
display             : block;
float               : left;
margin-right        : 1px;
min-height          : 118px;
background-color    : #999;
}

div.generic-panels div#mepc h3
{
margin              : 0px;
}

div.generic-panels div#mepc h3 a
{
width               : 134px;
padding-top         : 33px;
height              : 0px;
overflow            : hidden;
display             : block;
background          : url(../../images/callaghansquare/banner-mepc.gif) no-repeat;
margin              : 12px 0px 8px 0px;
}

div.generic-panels div#mepc a
{
color               : #FFF;
text-decoration     : none;
}

div.generic-panels div#mepc h4
{
color               : #FFF;
font-size           : 80%;
line-height         : 17px;
font-weight         : normal;
margin              : 0px 0px 0px 0px;
}

/* iPhone  */

div.generic-panels div#iphone
{
width               : 235px;
background          : #FFF;
border              : 1px solid #999;
padding             : 0px 0px 0px 0px;
position            : relative;
display             : block;
float               : left;
margin-right        : 1px;
min-height          : 126px;
background          : url(../../images/generic/availability-app.gif) no-repeat;
}

div.generic-panels div#iphone h3
{
margin              : 0px;
}

div.generic-panels div#iphone h3 a
{
width               : 235px;
padding-top         : 126px;
height              : 0px;
overflow            : hidden;
display             : block;
margin              : 0px 0px 0px 0px;
}

/* Arrows on all three*/

div.generic-panels div.arrow
{
position            : absolute;
bottom              : 10px;
right               : 10px;
z-index             : 20;
width               : 15px;
height              : 15px;
}

div.generic-panels div.arrow a
{
color               : #FFF;
font-weight         : bold;
text-decoration     : none;
}

div.generic-panels div#greenlite div.arrow a
{
color               : #8AC953;
font-weight         : bold;
}

div.generic-panels div#mepc-tv div.arrow a
{
color               : #666;
font-weight         : bold;
}