@import url("css/reset.css");
@import url("css/menu.css");

/*********************
  ELEMENTS START
*********************/
*
{
    font-family:Verdana, Sans-Serif;
}
body 
{
    font-size:.8em;
}
p
{
    padding-bottom:.5em;
}
em
{
    font-style:italic;
}
strong
{
    font-weight:bold;
}
input, textarea 
{
    font-size:1em;
}
a
{
    color:#A9398A;
}
/*********************
  ELEMENTS END
*********************/


/*********************
  PAGE LAYOUT START
*********************/
#site_wrapper
{
    width:900px;
    margin:auto;
}

#header_wrapper
{
    position:relative;
}
#header_top
{
    background:url(images/header_top_bg.gif) repeat-x top left;
}
#header_top_style
{
    height:126px;
    background:url(images/header_top_left.jpg) no-repeat top left;
}
#header_bottom
{
    height:113px;
    background:url(images/header_bottom_left.jpg) no-repeat top left;
}
.header_bottom_logo
{
    position:absolute;
    right:0;
    top:126px;
    height:113px;
    width:603px;
    z-index:100;
}
#header_bottom a
{
    display:block;
    text-decoration:none;
    color:#FFF;
}
#header_blog_link_one
{
    font-size:24px;
    position:absolute;
    left:63px;
    top:157px;
}
#header_blog_link_two
{
    font-size:14px;
    position:absolute;
    left:40px;
    top:186px;
}
#header_blog_link_three
{
    font-size:44px;
    position:absolute;
    left:95px;
    top:175px;
}
/*********************
  PAGE LAYOUT END
*********************/



/*********************
    TOP MENU START
*********************/
#menu_wrapper
{
    position:absolute;
    right:10px;
    top:90px;
    z-index:200;
}
#menu_wrapper li
{
    float:left;
}
#menu_wrapper li li
{
    clear:both;
}
#menu_wrapper a
{
    display:block;
    font:normal 1.3em Verdana;
    text-transform:lowercase;
    text-decoration:none;
    color:#FFF;
    padding:0 8px;
}
#menu_wrapper a:hover,
#menu_wrapper li.selected a
{
    color:#A9398A;
}
/*********************
    TOP MENU END
*********************/



/*********************
    BODY START
*********************/
#body_wrapper
{
    padding-top:30px;
    color:#000;
    /* color:#646466; */
}
#body_wrapper h1
{
    font-size:1.6em;
    color:#93107E;
    margin-bottom:1em;
}
#body_wrapper .highlight
{
    color:#93107E;
}
#body_wrapper p
{
    margin-bottom:0;
}
#body_left
{
    float:left;
    width:295px;
}
#body_right
{
    float:right;
    width:535px;
    margin-right:36px;
}

/* hack for ie6 to position body content correctly */
* html #body_right
{
    margin-right:18px;
}

#body_right ul
{
    margin-bottom:.8em;
}
#body_right li
{
    padding-left:15px;
    padding-bottom:.5em;
    background:url(images/li_bullet.gif) no-repeat 3px 7px;
}
/*********************
    BODY END
*********************/



/*********************
    LEFT MENU START
*********************/
#left_menu_wrapper
{
    background:#E7E7E8;
    margin-left:40px;
    padding:20px 0;
}
#left_menu_wrapper li
{
    padding:0 20px;
}
#left_menu_wrapper li:hover,
#left_menu_wrapper #HouseMenuNavCurrentItem
{
    background:#FFF;
}
#left_menu_wrapper a
{
    display:block;
    text-align:right;
    text-transform:uppercase;
    text-decoration:none;
    color:#646466;
    padding:.4em;
    font-size:.85em;
    border-bottom:1px solid #C6C8CA;
    line-height:1.5em;
    height:1.5em;
}
#left_menu_wrapper a:hover,
#left_menu_wrapper li:hover a,
#left_menu_wrapper #HouseMenuNavCurrentLink
{
    background:#FFF;
    border-bottom:1px solid #FFF;
}
/*********************
    LEFT MENU END
*********************/



/*********************
    FOOTER START
*********************/
#footer_wrapper
{
    clear:both;
}
#footer_wrapper a.user
{
    color:#FFF;
}
/*********************
    FOOTER END
*********************/



/*********************
    MISC START
*********************/
#contact_us_link
{
    display:block;
    margin-left:153px;
}

.shadow_box_lge_top
{
    width:540px;
    background:url(images/shadow_box_lge_top.jpg) no-repeat left top;
    padding-top:12px;
}
.shadow_box_lge_middle
{
    background:url(images/shadow_box_lge_middle.jpg) repeat-y left top;
    padding:0 12px;
    width:516px;
}
.shadow_box_lge_bottom
{
    width:540px;
    background:url(images/shadow_box_lge_bottom.jpg) no-repeat left bottom;
    padding-bottom:10px;
}
/*********************
    MISC END
*********************/


/*********************
  SITE SEARCH START
*********************/
#search_wrapper
{
    position:relative;
    width:240px;
    float:right;
    margin-top:20px;
}
#search_wrapper .blurb
{
    font-size:.8em;
}
#search_wrapper .blurb a
{
}
#search_wrapper .blurb .profile_thumb
{
    float:right;
}
#search_wrapper .textbox_wrapper
{
    position:absolute;
    bottom:30px;
    right:54px;
    width:150px;
}
#search_wrapper .textbox_wrapper input
{
    width:100%;
}
#search_wrapper .textbox_wrapper a
{
    display:none;
    position:absolute;
    top:1px;
    right:0;
    background:#D4D0C8;
    font-weight:normal;
    padding:0 1px;
    line-height:15px;
    float:right;
    border:2px outset;
    color:#000;
}
/*********************
   SITE SEARCH END
*********************/

/* Portfolio logo list */
#portfolio-logos
{
    margin:0;
    overflow:hidden;
}
#portfolio-logos li
{
    background:none;
    padding:1px;
    float:left;
    background:url(../../images/portfolio/logo_bg.jpg) no-repeat 0px 0px;
    width:144px;
    height:144px;
    margin:0 10px 10px 0;
}
#portfolio-logos li a
{
    display:block;
    height:130px;
    width:130px;
    overflow:hidden;
    padding:1px;
}
#portfolio-logos li a:hover img
{
    margin-top:-131px;
}

/* Portfolio project details */
#portfolio-project
{
    margin-left:-10px;
    *margin-left:0px;
    *width:550px;
}
#portfolio-project #project-images
{
    float:left;
}
#portfolio-project #main-image
{
    padding:10px;
    background:url(../../images/portfolio/mainimage_bg.jpg) no-repeat 0px 0px;
    width:395px;
    height:300px;
    margin:0 0 10px 0;
}
#portfolio-project #main-image img
{
}
#portfolio-project #project-images ul
{
    overflow:hidden;
}
#portfolio-project #project-images li
{
    padding:1px;
    float:left;
    background:url(../../images/portfolio/thumbnail_bg.jpg) no-repeat 0px 0px;
    width:126px;
    margin:0 10px 10px 0;
    font-size:11px;
    text-align:center;
    color:#333;
    *margin-right:0;
}
#portfolio-project #thumbnails img
{
    width:118px;
    padding-bottom:5px;
}
#portfolio-project #project-details
{
    width:160px;
    float:left;
    margin-right:-50px;
    font-size:11px;
    *margin-right:0px;
    *width:135px;
}
#portfolio-project .back-button
{
    display:block;
    clear:both;
}

/* services post it notes on main services page */
.services-post-it-notes
{
    position:relative;
}
.services-post-it-notes h1
{
    position:absolute;
    z-index:1000;
}
.services-post-it-notes img
{
    position:absolute;
    left:0;
}

/* pin box 1 */
.pinbox1-top
{
    width:284px;
    padding-top:72px;
    background:url(../../images/pinbox1-top.png) no-repeat;
}
.pinbox1-bottom
{
    width:284px;
    padding-bottom:63px;
    background:url(../../images/pinbox1-bottom.png) no-repeat bottom;
}
.pinbox1-middle
{
    width:185px;
    padding-left:36px;
    padding-right:63px;
    background:url(../../images/pinbox1-middle.png) repeat-y;
    overflow:hidden;
}

/* pin box 2 */
.pinbox2-wrapper
{
    position:relative;
}
.pinbox2-top
{
    position:absolute;
    width:618px;
    padding-top:70px;
    background:url(../../images/pinbox2-top.png) no-repeat top left;
}
.pinbox2-bottom
{
    width:270px;
    padding-left:41px;
    padding-right:307px;
    min-height:142px;
    padding-bottom:143px;
    padding-top:10px;
    background:url(../../images/pinbox2-bottom.png) no-repeat bottom;
}
/* sets min-height in ie6 */
* html .pinbox2-bottom
{
    height:142px;
}

/* pin box 3 */
.pinbox3-wrapper
{
    position:relative;
}
.pinbox3-top
{
    position:absolute;
    width:610px;
    padding-top:66px;
    background:url(../../images/pinbox3-top.png) no-repeat top left;
}
.pinbox3-bottom
{
    width:176px;
    padding-left:40px;
    padding-right:394px;
    min-height:170px;
    padding-bottom:181px;
    padding-top:10px;
    background:url(../../images/pinbox3-bottom.png) no-repeat bottom;
}
/* sets min-height in ie6 */
* html .pinbox3-bottom
{
    height:170px;
}

/* pin box 4 */
.pinbox4-wrapper
{
    position:relative;
}
.pinbox4-top
{
    width:407px;
    padding-top:63px;
    background:url(../../images/pinbox4-top.png) no-repeat top left;
}
.pinbox4-bottom
{
    width:286px;
    padding-left:62px;
    padding-right:59px;
    padding-bottom:169px;
    padding-top:10px;
    background:url(../../images/pinbox4-bottom.png) no-repeat bottom;
}
/* red blocks on supporting patients page */
.pinbox4-wrapper .support-blocks
{
    position:absolute;
    right:-50px;
    top:0;
}

/* pin box 5 */
.pinbox5-wrapper
{
    position:relative;
}
.pinbox5-top
{
    position:absolute;
    width:706px;
    padding-top:59px;
    background:url(../../images/pinbox5-top.png) no-repeat top right;
}
.pinbox5-bottom
{
    width:227px;
    padding-left:39px;
    padding-right:440px;
    min-height:180px;
    padding-bottom:224px;
    padding-top:10px;
    background:url(../../images/pinbox5-bottom.png) no-repeat bottom right;
}
/* sets min-height in ie6 */
* html .pinbox5-bottom
{
    height:180px;
}

/* trolley on rapid news delivery page */
.rapid-news-trolley
{
    float:right;
    padding-top:15px;
}

/* nurturing your kols page */
.nurturing-your-kols-wrapper
{
    position:relative;
}
.nurturing-your-kols-wrapper .pinbox-wrapper
{
    padding-top:141px;
}
.nurturing-your-kols
{
    position:absolute;
    width:568px;
    height:354px;
    background:url(../../images/george-shaking-hands-bg.png) no-repeat right top;
    z-index:-100;
}