@import url("css/menu.css");
@charset "UTF-8";
/* CSS Document */
/* orange f7921e, red ee2a7b, green 74b74a, blue 005699*/
body {
	margin:0;
	padding:0;
	line-height:1.2em;
	background-color:#fff;
	margin-bottom: 30px;
}
/*-------- Default Style --------*/
body, th, td, div, p, table, h1, h2, h3, h4, h5, h6.Normal, .NormalDisabled, .Head, .SubHead, .SubSubHead, a:link, a:visited, a:hover, input {
	color:#333;
	font-family: Arial, sans-serif;
}
body, th, td, div, p, table, .Normal, .NormalDisabled, .Head, .SubHead, .SubSubHead, a:link, a:visited, a:hover {
	font-size:12px;
}
h1, h2, h3, h4, h5, h6 {
	color:#1f5696;
font-weight:normal
}
a:link, a:visited {color:#005699}
a:hover {color:#74b74a;}
a:active {color:#005699;}
h1 {
	font-size:18px;
	margin:0 0 10px;
}
h2 {
	font-size:16px;
	margin: 30px 0 10px 0;
}
p {margin: 6px 0;}
#clearer {clear:both;}

#SiteWrapper {
	width: 900px;
}
#TopWrapper {

}
#ControlPanel {
visibility:hidden;
}
#LeftColumn {

width:300px;float:left;
}
#RightColumn {

width:600px;
float:right;
}
#FooterPane {
	text-align:left;
	color: #999;
padding-top:20px;
}
#FooterLogo {float:left;
width:300px;
text-align:right;}
#FooterLogo img {padding-right:10px;}
#FooterText {
line-height:25px;
color:#999;
}





#NavPane {

}
.ContentPane {
padding-top:60px;
padding-bottom:10px;
}
.SidebarPane1 {}
.SidebarPane2 {}
.ToolPane {float:right;
padding-top:12px;}
#ToolLink, #ToolLink a,
#ToolLink a:link, #ToolLink a:visited {
color:#888;font: bold 11px Arial;
}
#ToolLink a:hover {text-decoration:none;
color:#f7921e;}
#ToolLink a:active {
color:#888;font: bold 11px Arial;
}




.LeftPane {
width:200px;
float:left
}
.MiddlePane {
width:200px;
float:left;

}
.RightPane {
width:200px;
float:right;
}

.ContentPane2 {
}
.LeftPane2 {
width:200px;
float:left
}
.RightPane2 {
width:400px;
float:right;
}

.ContentPane3 {
}
.LeftPane3 {
width:380px;
float:left
}
.RightPane3 {
width:200px;
float:right;
}

.BottomPane {

}

















#container1 {
border-left:3px dotted #74b74a; /* column 1 background colour */
padding-left:10px;
}
#container2 {
border-left:3px dotted #ee2b7b; /* column 2 background colour */
padding-left:10px;
}

.footer{color:#999;
}
.user, a.user:link, a.user:visited, 
.links, a.links:link, a.links:visited {
color:#999;
}
a.links:hover, a.user:hover {

}
a.links:active, a.user:active {
color:#999;
}
.copyright {
color:red;
}




UL.ClientList, UL.ClientList LI {
	list-style-type:none;
	padding-left:0;
	margin-left:0;margin-top:0;
}
.BioTable td {
	vertical-align:top;
	padding: 0 10px 10px 0;
}
strong#blue {
	color: #1f5696;
}
strong#red {
	color: #ee2a7b;
}
strong#green {
	color: #74b74a;
}



#SectionAbout 		{background: url(/Portals/0/images/section-about.gif) no-repeat;position:absolute;top: 53px;left: 300px;height:100px;z-index:-1000;width: 600px;}
#SectionServices 	{background: url(/Portals/0/images/section-services.gif) no-repeat;position:absolute;top: 53px;left: 300px;height:100px;z-index:-1000;width: 600px;}
#SectionCreativity 	{background: url(/Portals/0/images/section-creativity.gif) no-repeat;position:absolute;top: 53px;left: 300px;height:100px;z-index:-1000;width: 600px;}
#SectionResults 	{background: url(/Portals/0/images/section-results.gif) no-repeat;position:absolute;top: 53px;left: 300px;height:100px;z-index:-1000;width: 600px;}
#SectionContact 	{background: url(/Portals/0/images/section-contact.gif) no-repeat;position:absolute;top: 53px;left: 300px;height:100px;z-index:-1000;width: 600px;}
#SectionHome 		{background: url(/Portals/0/images/section-hello.gif) no-repeat;position:absolute;top: 66px;left: 300px;height:100px;z-index:-1000;width: 600px;}
#SectionLegal 		{background: url(/Portals/0/images/section-legal.gif) no-repeat;position:absolute;top: 53px;left: 300px;height:100px;z-index:-1000;width: 600px;}
#SectionFood 		{background: url(/Portals/0/images/section-food.gif) no-repeat;position:absolute;top: 53px;left: 300px;height:100px;z-index:-1000;width: 600px;}
#SectionHealthcare 	{background: url(/Portals/0/images/section-healthcare.gif) no-repeat;position:absolute;top: 53px;left: 300px;height:100px;z-index:-1000;width: 600px;}
#SectionClients 	{background: url(/Portals/0/images/section-clients.gif) no-repeat;position:absolute;top: 53px;left: 300px;height:100px;z-index:-1000;width: 600px;}
#SectionConfirmation 	{background: url(/Portals/0/images/section-thankyou.gif) no-repeat;position:absolute;top: 53px;left: 300px;height:100px;z-index:-1000;width: 600px;}
#SectionPeople	 	{background: url(/Portals/0/images/section-team.gif) no-repeat;position:absolute;top: 53px;left: 300px;height:100px;z-index:-1000;width: 600px;}


/* Featured Industries button formatting */
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}
a.ButtonRed {
    background: transparent url('/Portals/0/images/btn-red-bkgd.jpg') no-repeat scroll top right;
    color: #fff;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 40px;
    margin-right: 6px;
    padding-right: 10px; /* sliding doors padding */
    text-decoration: none;
    text-transform:uppercase;
width:150px;
text-align:center;
margin-bottom:4px;
}
a.ButtonRed span {
    background: transparent url('/Portals/0/images/btn-red-bkgd-span.jpg') no-repeat;
    display: block;
    line-height: 30px;
    padding: 5px 0 5px 10px;} 

a.ButtonRed:hover {
    background-position: bottom right;
    color: #fff;
    outline: none; /* hide dotted outline in Firefox */}
a.ButtonRed:hover span {
    background-position: bottom left;
    padding: 6px 0 4px 10px; /* push text down 1px */} 


a.ButtonGreen {
    background: transparent url('/Portals/0/images/btn-green-bkgd.jpg') no-repeat scroll top right;
    color: #fff;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 40px;
    margin-right: 6px;
    padding-right: 10px; /* sliding doors padding */
    text-decoration: none;
    text-transform:uppercase;
width:150px;
text-align:center;
margin-bottom:4px;
}
a.ButtonGreen span {
    background: transparent url('/Portals/0/images/btn-green-bkgd-span.jpg') no-repeat;
    display: block;
    line-height: 30px;
    padding: 5px 0 5px 10px;} 

a.ButtonGreen:hover {
    background-position: bottom right;
    color: #fff;
    outline: none; /* hide dotted outline in Firefox */}
a.ButtonGreen:hover span {
    background-position: bottom left;
    padding: 6px 0 4px 10px; /* push text down 1px */} 


a.ButtonBlue {
    background: transparent url('/Portals/0/images/btn-blue-bkgd.jpg') no-repeat scroll top right;
    color: #fff;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 40px;
    margin-right: 6px;
    padding-right: 10px; /* sliding doors padding */
    text-decoration: none;
    text-transform:uppercase;
width:150px;
text-align:center;
margin-bottom:4px;
}
a.ButtonBlue span {
    background: transparent url('/Portals/0/images/btn-blue-bkgd-span.jpg') no-repeat;
    display: block;
    line-height: 30px;
    padding: 5px 0 5px 10px;} 

a.ButtonBlue:hover {
    background-position: bottom right;
    color: #fff;
    outline: none; /* hide dotted outline in Firefox */}
a.ButtonBlue:hover span {
    background-position: bottom left;
    padding: 6px 0 4px 10px; /* push text down 1px */} 
	








.TextAlignWithButton {
float:left;
line-height:40px
}

a.ButtonBlueInline {
    background: transparent url('/Portals/0/images/btn-blue-bkgd.jpg') no-repeat scroll top right;
    color: #fff;
    display: inline;
    font: normal 12px arial, sans-serif;
    height: 40px;
    margin-right: 6px;
    padding-right: 10px; /* sliding doors padding */
    text-decoration: none;
    text-transform:uppercase;
float:left;
}
a.ButtonBlueInline span {
    background: transparent url('/Portals/0/images/btn-blue-bkgd-span.jpg') no-repeat;
    display: block;
    line-height: 30px;
    padding: 5px 0 5px 10px;} 

a.ButtonBlueInline:hover {
    background-position: bottom right;
    color: #fff;
    outline: none; /* hide dotted outline in Firefox */}
a.ButtonBlueInline:hover span {
    background-position: bottom left;
    padding: 6px 0 4px 10px; /* push text down 1px */} 




#Healthcare {text-transform:uppercase;font-weight:bold;color:#ee2a7b;}
#Legal {text-transform:uppercase;font-weight:bold;color:#74b74a;}
#Food {text-transform:uppercase;font-weight:bold;color:#005699;}

.SimpleGalleryContent {float:left;}
.album-item {padding: 0 10px 2px 0;color: #B2B2B2;}
.AlbumTitle a, .AlbumTitle a:link, .AlbumTitle a:visited {color:#1f5696;font-size:16px;}
.AlbumTitle a:hover {text-decoration:none;color:#74b74a;}
.AlbumTitle a:active {color:#1f5696;}
#dnn_ctr422_Gallery_ViewGallery_lblDescription {text-align:left;color:#1f5696;font-size:12px;padding-bottom:10px;font-style:italic;}

#portfolio-print {display: block;
  width: 78px;
  height: 78px;
  background: url("/Portals/0/Images/portfolioNav/btn-print.jpg") no-repeat 0 0;}
#portfolio-print:hover {background-position: 0 -78px;}
#portfolio-print span {display: none;}

#portfolio-tv {display: block;
  width: 79px;
  height: 81px;
  background: url("/Portals/0/Images/portfolioNav/btn-tv.jpg") no-repeat 0 0;}
#portfolio-tv:hover {background-position: 0 -81px;}
#portfolio-tv span {display: none;}

#portfolio-logos {display: block;
  width: 80px;
  height: 79px;
  background: url("/Portals/0/Images/portfolioNav/btn-logos.jpg") no-repeat 0 0;}
#portfolio-logos:hover {background-position: 0 -79px;}
#portfolio-logos span {display: none;}

#portfolio-brochures {display: block;
  width: 90px;
  height: 88px;
  background: url("/Portals/0/Images/portfolioNav/btn-brochures.jpg") no-repeat 0 0;}
#portfolio-brochures:hover {background-position: 0 -88px;}
#portfolio-brochures span {display: none;}

#portfolio-web {display: block;
  width: 71px;
  height: 83px;
  background: url("/Portals/0/Images/portfolioNav/btn-web.jpg") no-repeat 0 0;}
#portfolio-web:hover {background-position: 0 -83px;}
#portfolio-web span {display: none;}

#portfolio-directmail {display: block;
  width: 82px;
  height: 82px;
  background: url("/Portals/0/Images/portfolioNav/btn-directmail.jpg") no-repeat 0 0;}
#portfolio-directmail:hover {background-position: 0 -82px;}
#portfolio-directmail span {display: none;}

#portfolio-display {display: block;
  width: 76px;
  height: 78px;
  background: url("/Portals/0/Images/portfolioNav/btn-display.jpg") no-repeat 0 0;}
#portfolio-display:hover {background-position: 0 -78px;}
#portfolio-display span {display: none;}

#portfolio-packaging {display: block;
  width: 82px;
  height: 82px;
  background: url("/Portals/0/Images/portfolioNav/btn-packaging.jpg") no-repeat 0 0;}
#portfolio-packaging:hover {background-position: 0 -82px;}
#portfolio-packaging span {display: none;}