/* CSS Document */

/*******************************************************************************************************************/
/* Redefined Tags color: #8a888c;  */
/*******************************************************************************************************************/
body { margin: 0; padding: 0; font-family:helvetica, arial, sans-serif; text-align: left; line-height: 22px; color: #7e7c80; background: #FFF; voice-family: "\"}\""; voice-family: inherit;  font-size: 15px;}
.h1right {margin:0px; padding:0px 20px; float:right; display:inline; font-weight:normal; color:#FFF; font-size:20px; line-height:36px; }

p {margin:0; padding:5px 0px;}
.small {font-size:12px; line-height:20px;}
.normal p {width:auto!important;}
.normal ul li {width:auto!important;}
.normal ol li {width:auto!important;}
.hidden {display:none; visibility:hidden;}

a img {border:none;}

/*******************************************************************************************************************/
/* Redefined Tags/Form  */
/*******************************************************************************************************************/
form {margin:0; padding:0;}
form p {padding:5px 0px!important; font-size:12px!important; line-height:14px!important;}
fieldset {margin:0; padding:10px; border:1px solid #D9DADB;}
input {margin:2px 0px 10px 0px; padding:5px 2px; width:200px; border:1px solid #D9DADB; color:#8a888c; font-size:12px; font-family:helvetica, arial, sans-serif;}
textarea {margin:2px 0px 10px 0px; padding:5px 2px; width:200px; border:1px solid #D9DADB; color:#8a888c; font-size:12px; font-family:helvetica, arial, sans-serif;}
button {margin:0px; padding:0px 40px 0px 40px; background:url(../images/button.gif) 0px 0px no-repeat; color:#FFF; width:149px; text-align:left; line-height:38px; font-size:15px; font-weight:bold; border:none; height:37px; }

.button {margin:0px 0px 0px 10px; padding:0px 40px 0px 0px; background:url(../images/button.gif) 0px 0px no-repeat; color:#8a888c; width:109px!important; text-align:right; line-height:38px; font-size:15px; font-weight:bold; }
.button a, .button a:link, .button a:active, .button a:visited {color:#8a888c; text-decoration:none;}
.button a:hover {color:#FFF; text-decoration:none;}

/*******************************************************************************************************************/
/* Left Nav  */
/*******************************************************************************************************************/
.navmain {margin: 0px; padding:0; background: #b1b2b4 url(../images/navmain-bottom.gif) 0px bottom no-repeat; }
.navmain ul {margin: 0; padding:15px 0px 15px 16px; list-style-type:none; background:url(../images/navmain-top.gif) 0px top no-repeat}
.navmain li {margin: 0; padding:0px 0px 0px 9px; list-style-type:none; color:#4d4c4e; line-height:25px; background:transparent; }
.navmain a, .navmain a:link, .navmain a:active, .navmain a:visited {color:#4d4c4e; text-decoration:none; display:block; height:26px}
.navmain a:hover {color:#FFF; text-decoration:none}
.navmain .selected {margin: 0; padding:0px 0px 0px 9px; color:#FFF; background:#8a888c url(../images/selected-main.gif) 0px 0px no-repeat;}
.navmain .selected a, .navmain .selected a:link, .navmain .selected a:active, .navmain .selected a:visited {color:#FFF; text-decoration:none; display:block;}
.navmain .selected a:hover {color:#D9DADB;}

.nav {margin: 0px; padding:0; background: #d0d1d2;}
.nav ul {margin: 10px 0px 0px 0px; padding:15px 0px 0px 16px; list-style-type:none; background:url(../images/nav-top.gif) 0px top no-repeat}
.nav li {margin: 0; padding:0px 0px 0px 9px; list-style-type:none; color:#6c6a6d; line-height:25px; background:transparent; }
.nav a, .nav a:link, .nav a:active, .nav a:visited {color:#6c6a6d; text-decoration:none; display:block; height:26px}
.nav a:hover {color:#FFF; text-decoration:none}
.nav .selected {margin: 0; padding:0px 0px 0px 9px; color:#FFF; background:#8a888c url(../images/selected.gif) 0px 0px no-repeat;}
.nav .selected a, .nav .selected a:link, .nav .selected a:active, .nav .selected a:visited {color:#FFF; text-decoration:none; display:block;}
.nav .selected a:hover {color:#D9DADB;}

/*******************************************************************************************************************/
/* Content  */
/*******************************************************************************************************************/
#wrapper {margin:10px auto; padding:0px 10px; width:975px; background:url(../images/bg.gif) 10px 0px repeat-y;}
#inner {margin:0px; padding:0px; width:890px; background:url(../images/nav-bottom.gif) 0px bottom no-repeat; overflow:auto; }
#banner {margin:0; padding:0; height:210px; width:975px; background-color:#fff;}
#revtitle {background: url(../images/creative-revolution.gif) 920px 220px no-repeat; margin-right:10px;}

#border-left {margin:0px; padding:10px 0px 0px 0px; width:180px; background:#FFF; float:left; display:inline; }
#border-right {margin:10px 0px 0px 10px; padding:0px; float:left; display:inline; width:700px; }

.col {margin:0; padding:0px 0px 0px 20px; width:319px; float:right; display:inline;}
.col p {width:auto!important;}

.col1 {width:320px; float:left; display:block; }
.col1 p {width:auto!important;}
.col2 {width:320px; float:right; display:block; }
.col2 p {width:auto!important;}

.imgright {margin:0; padding:0px 0px 5px 5px; float:right; display:inline;}
.rightnopad {margin:0; padding:0px; float:right; display:inline; }

.pink {color:#e2007a;}
.bigpink {color:#e2007a; font-size:14px; line-height:normal; font-weight:normal;}

.pinkblock {background-color:#e2007a; color:#fff; font-size:20px; line-height:36px; padding:5px;}
.biggrey {color:#6c6a6d; font-size:20px; line-height:normal; font-weight:normal;}
.smlgrey {color:#6c6a6d; font-size:12px; line-height:20px;}
.grey {color:#6c6a6d; }
.pinkblock {background-color:#e2007a; color:#fff; font-size:20px; line-height:normal; padding:5px;}
.red {color:#fb0000;}

#sitemap li li {margin:0; padding:2px 0px 2px 18px; list-style-type:none; background:url(../images/arrow-grey.gif) 0px 6px no-repeat; }
#sitemap .red {background:url(../images/arrow-red.gif) 0px 6px no-repeat;}
#sitemap .red a, #sitemap .red a:link, #sitemap .red a:active, #sitemap .red a:visited {color:#fb0000;}
#sitemap .red a:hover {color:#bc0101;}
 
#sitemap .purple {background:url(../images/arrow-purple.gif) 0px 6px no-repeat;}
#sitemap .purple a, #sitemap .purple a:link, #sitemap .purple a:active, #sitemap .purple a:visited {color:#94006e;}
#sitemap .purple a:hover {color:#620149;}

#sitemap .green {background:url(../images/arrow-green.gif) 0px 6px no-repeat;}
#sitemap .green a, #sitemap .green a:link, #sitemap .green a:active, #sitemap .green a:visited {color:#72b900;}
#sitemap .green a:hover {color:#467001;}

#sitemap .turquoise {background:url(../images/arrow-turquoise.gif) 0px 6px no-repeat;}
#sitemap .turquoise a, #sitemap .turquoise a:link, #sitemap .turquoise a:active, #sitemap .turquoise a:visited {color:#00A1A2;}
#sitemap .turquoise a:hover {color:#016364;}

#accesskeys {display:none;}

#caseimg-controls{width:420px; display:block; background:url(../images/casestudies/bg-controls.gif) bottom left no-repeat; float:right; color:#fff; font-size:16px; margin-left:20px; margin-bottom:15px;}
#caseimg-controls a{color:#fff; text-decoration:none; border:none; padding:0px; margin:0px;}
#caseimg-controls .selected {color:#fff; text-decoration:none; font-weight:bold;}
#caseimgs{display:block; padding:0px;}

.quote{ border-bottom:1px solid #e2007a; background-color:#f3f3f3; margin:0px; padding:0px 0px 22px 0px; background:url(../images/close-quote.gif) bottom right no-repeat;}
.quotetop{color:#e2007a; font-size:14px; line-height:normal; font-weight:normal; border-top:1px solid #e2007a; background-color:#f3f3f3; margin:0px; padding:22px 0px 0px 30px;  background:url(../images/open-quote.gif) top left no-repeat;}

/*******************************************************************************************************************/
/* Generic  */
/*******************************************************************************************************************/
.right {float:right; display:inline; font-weight:normal;}
.clear {margin:0; padding:0px; height:1px!important; line-height:1px!important; font-size:1px!important; clear:both;}
.clearR {margin:0; padding:0px; height:1px!important; line-height:1px!important; font-size:1px!important; clear:right;}
/*******************************************************************************************************************/
/* Footer  */
/*******************************************************************************************************************/
#footer {margin:0px; padding:10px 0px 10px 20px; background:#D9DADB; clear:both; }
#footer ul {margin:0; padding:0px; list-style-type:none;}
#footer ul li {margin:0; padding:0px 10px; list-style-type:none; background:transparent; border-left:1px solid #8a888c; float:left; display:inline; line-height:15px;}
#footer .start {padding: 0px 10px 0px 0px; border:none; }
#footer .small {font-size:11px;}
#footer a, #footer a:link, #footer a:active, #footer a:visited{color: #8a888c; text-decoration: underline;}
#footer a:hover {color: #5c5a5d; text-decoration: underline;}