/* 
    NHS Intercon - Core Styles
    Created: 2006-04-26
    Updated: 2006-09-08
    Author : AK
*/

/* ---------- Default Styles ---------- */
body{
    background-color: #315a6f;
	/*font: 87%/1.2 tahoma,helvetica,sans-serif; */
	font: 70%/1.2 tahoma,helvetica,sans-serif;
    color: #808080;
    padding: 12px 0 12px 0;
    margin: 0;
}

#frame{
    width: 739px;
    margin: 0 auto;
    position: relative;
}


/* ---------- Shadow Frame ---------- */
#shadowframe-top, #shadowframe-top2{
    width: 739px;
    height: 11px;
    background: url(../images/common/shadow_top.gif) no-repeat top left;
    overflow: hidden;
}


#shadowframe-mid, #shadowframe-mid2{
    width: 739px;
    background: #fff url(../images/common/shadow_sides.gif) repeat-y top left;
    overflow: hidden;
}


#shadowframe-bot, #shadowframe-bot2{
    width: 739px;
    height: 11px;
    background: url(../images/common/shadow_bottom.gif) no-repeat top left;
    overflow: hidden;

}

#inner-frame, #inner-frame2{
    width: 695px; /* 727 */
    margin: 0 6px 0 6px;
    padding: 17px;
}

/* ---------- Header div's ---------- */


#top-header{
    width: 695px; /* 727 */
    height: 48px;
}


#nhs-logo{
    float: left;
    width: 217px;
    height: 48px;
}

#nhs-logo a img{ border: 0;}

#top-header-right{
    float: left;
    width: 478px;
    height: 28px;
    text-align: right;
}

#top-header-right ul{ margin: 0; list-style-type: none; }
#top-header-right ul li{ 
    float: right; 
    padding: 0 7px 0 7px; 
    border-right: 2px solid #cfcfcf;
    line-height: 1.2em;
    vertical-align: middle;
}
#top-header-right ul li.last{ 
    border-right: 0;
    padding-right: 0;
}

.section-banner-home{
    margin-top: 28px;
    width: 695px;
    height: 109px;
    background: url(../images/section/section_img_pencils.jpg) no-repeat top left
}

/* ---------- body div's ---------- */
#content-body{ margin-top: 14px; }

#content-nav{
    float: left;
    width: 182px;
    border-right: 2px solid #cfcfcf;
}

#content-right{
    float: left;
    width: 488px;
    padding: 0 0 16px 23px;
}


#footer{
    width: 695px;
    text-align: right;
}

h2{
    font-size: 150%;
    margin-top: 0;
    padding-top: 0;
    height: 20px;
}

h2.title-home           { background: #fff url(../images/section/title_home.gif) top left no-repeat; width: 238px;}
h2.title-company        { background: #fff url(../images/section/title_company.gif) top left no-repeat; width: 66px;}
h2.title-careers        { background: #fff url(../images/section/title_careers.gif) top left no-repeat; width: 54px;}
h2.title-partners       { background: #fff url(../images/section/title_partners.gif) top left no-repeat; width: 59px;}
h2.title-news           { background: #fff url(../images/section/title_whatsgoingon.gif) top left no-repeat; width: 118px;}
h2.title-contactus      { background: #fff url(../images/section/title_contactus.gif) top left no-repeat; width: 74px;}
h2.title-sitemap        { background: #fff url(../images/section/title_sitemap.gif) top left no-repeat; width: 88px;}
h2.title-access         { background: #fff url(../images/section/title_access.gif) top left no-repeat; width: 88px;}
h2.title-terms          { background: #fff url(../images/section/title_terms.gif) top left no-repeat; width: 139px;}
h2.title-privacy        { background: #fff url(../images/section/title_privacy.gif) top left no-repeat; width: 98px;}
h2.title-design         { background: #fff url(../images/section/title_design.gif) top left no-repeat; width: 47px;}
h2.title-design-web     { background: #fff url(../images/section/title_design_web.gif) top left no-repeat; width: 151px;}
h2.title-design-print   { background: #fff url(../images/section/title_design_print.gif) top left no-repeat; width: 167px;}
h2.title-design-retouch { background: #fff url(../images/section/title_design_photoretouch.gif) top left no-repeat; width: 189px;}
h2.title-development    { background: #fff url(../images/section/title_development.gif) top left no-repeat; width: 92px;}
h2.title-hosting        { background: #fff url(../images/section/title_hosting.gif) top left no-repeat; width: 52px;}


h4{
    font-size: 120%;
    padding-bottom: 4px;
    border-bottom: 1px solid #cfcfcf;
}

/* ---------- section nav ---------- */
.section-nav-img{
    width: 159px;
    height: 31px;
    padding-bottom: 6px;
}

#content-nav .whoweare{ background: url(../images/section/sidenav_whoweare.gif) no-repeat top left; }
#content-nav .whatwedo{ background: url(../images/section/sidenav_whatwedo.gif) no-repeat top left; }
#content-nav .whatson { background: url(../images/section/sidenav_whatson.gif) no-repeat top left; }

#content-nav ul{ 
    margin: 0; 
    padding: 0; 
    list-style-type: none; 
/*    font-size: 90%;  */
}

#content-nav ul.inner{ /*font-size: 100%; */ }

#content-nav ul li{
    width: 143px;
    padding-left: 12px;
    background: url(../images/common/bullet_orange_p.gif) no-repeat left 5px;
    border-bottom: 1px solid #cfcfcf;
    line-height: 17px;
}

#content-nav ul li.last{ border:0; }
#content-nav ul li.sub{ border: 0; }
#content-nav ul li.sub li{ width: 131px; }
#content-nav ul li a { color: #808080; text-decoration: none; }
#content-nav ul li a:hover { color: #F7931D; }
#content-nav .split{ width: 159px; height: 14px;}

/* ---------- Portfolio  ---------- */
#port-frame {
    float: left;
    width: 464px; /* 439 */
    margin-bottom: 14px;
/*    border: 1px solid #0cf;    */
}


.port-item{
    float: left;
    margin: 0 13px 25px 0; 
    
    width: 212px;
    height: 160px;

/*    border: 1px solid green; */
}

.port-item div.linkage{
    width: 177px;
    border-bottom: 1px solid #cfcfcf;
}

.port-item div.linkage a{
    display: block;
    width: 177px;
    height: 22px;
    line-height: 22px;
    background: #fff url(../images/common/bullet_orange.gif) no-repeat right;
    text-decoration: none;
    color: #8f8f8f;
/*    font-size: 75%; */
}

.port-item div.linkage a:hover{
    background: #fff url(../images/common/bullet_orange_p.gif) no-repeat right;
    color: #f7931d;
}

.port-pic{
    width: 209px;
    height: 142px;
    background: #fff url(../images/common/port_frame_shadow.gif) no-repeat bottom right;
    overflow: hidden;
    /* IE 5.x hack*/
    voice-family: "\"}\""; 
    voice-family:inherit;
    width: 212px;
}

.port-pic img{ 
/*    border: 1px solid #767676;  */
    border: 0;
    padding: 2px;
    width: 168px;
    height: 136px;
    /* IE 5.x hack*/
    voice-family: "\"}\""; 
    voice-family:inherit;
    width: 171px;
}

.port-pic a { 
    display: block; 
    width: 172px;
    height: 140px;
    border: 1px solid #767676; 
    /* IE 5.x hack*/
    voice-family: "\"}\""; 
    voice-family:inherit;
    width: 175px;
}
.port-pic a:hover { border: 1px solid #f7931d; }


/* ---------- NEWS Column ---------- */

#content-nav dl{ 
    margin: 0; padding: 0; 
/*    font-size: 75%; */
    width: 160px;
/*    border: 1px solid #000; */
}

#content-nav dl dt{
    width: 138px;
    padding: 5px 0 0 17px;
    line-height: 17px;
    background: url(../images/common/icons/page_white_text_on.gif) no-repeat 0 9px ;
}

#content-nav dl dt.first{ 
    padding-top: 0;
    background: url(../images/common/icons/page_white_text_on.gif) no-repeat 0 4px ;
}

#content-nav dl dt a{ text-decoration: none; color: #8f8f8f; }
#content-nav dl dt a:hover, #content-nav dl dd a:hover{ color: #f7931d; }
#content-nav dl dd {
    width: 138px;
    margin: 0;
    padding: 0 0 5px 17px;
    line-height: 15px;
    border-bottom: 1px solid #cfcfcf; 
}

#content-nav dl dt.more {
    background: 0;
    text-align: right;
}

/* ---------- General Content Areas ---------- */
#body-frame {
    float: left;
    width: 464px; /* 439 */
    margin-bottom: 14px;
    color: #404040;
}

#body-frame ul{ }
#body-frame ul li { line-height: 1.5em; }
#body-frame ul li a{ color: #8f8f8f; }
#body-frame ul li a:hover{ color: #f7931d; }
#body-frame p{ line-height: 1.5em; }

#body-nav {
    float: right;
    margin-top: 20px;
    width: 24px; /* 39 */
    text-align: right;
/*    border: 1px dotted blue;  */
}

#body-nav ul{ margin: 0;padding: 0; list-style-type: none;}
#body-nav ul li { margin-bottom: 3px; font-weight: bold; color: #000; }
#body-nav ul li a, #body-nav ul li.on{
    font-weight: normal;
    text-decoration: none;
    border-right: 10px solid #b3b3b3;
    padding: 0 3px 0 0; 
    font-weight: bold;
    color: #8f8f8f;
}

#body-nav ul li.on{ color: #000; border-color: #000;}
#body-nav ul li a:hover{ color: #f7931d; border-color: #f7931d;}


/* ---------- Site Map ---------- */
.sitemap-col{
    float: left;
    width: 232px;
}

/* ---------- Design ---------- */

.samplebox_120{
    float: left;
    border: 1px solid #cfcfcf;
    width:  120px;
    height: 200px;
    padding: 2px;
    margin-right: 20px;
/*    padding: 160px 5px 5px 5px; */
    position: relative;
    overflow: hidden;
}

.samplebox{
    float: left;
    border: 1px solid #cfcfcf;
    width:  200px;
    height: 200px;
    padding: 2px;
    margin-right: 20px;
/*    padding: 160px 5px 5px 5px; */
    position: relative;
    overflow: hidden;
}

.samplebox img{ border: 0;}

.samplebox div.band{
    position: absolute;
    z-index: 5;
    width: 200px;
    height: 30px;
    background-color: #808080;
    opacity: 0.85; /* Moz */
    -moz-opacity:0.85; /* Backward compatibility Moz - tut tut */
    filter: alpha(opacity=85); /* IE */
    top: 172px;
    left: 2px;
}

.samplebox h3{
    display: block;
    width: 190px;
    position: absolute;
    z-index: 10;
    top: 172px;
    left: 2px;
    line-height: 30px;
    font-size: 130%;
    margin: 0;
    padding: 0 5px 0 5px;
    color: #000;
    text-align: right;
}


.samplebox h3 a{ color: #e8e8e8; text-decoration: none; }
.samplebox h3 a:hover{ text-decoration: underline; }


/* ---------- Special Homepage flash ---------- */
#flashcontent{
    position: absolute;
    top: auto;
    left: auto;
    z-index: 10;
    width: 561px;
/*    height: 305px; */
/*    background-color: #9f9; */
}


/* ----------  ---------- */
/* ---------- Contact Us ---------- */
address{
    font-style: normal;
}

.contactdetails span.head {
    display: block;
    float: left;
    width: 100px;
    font-weight: bold;
    border: 1px;
}

.contactdetails span.info {
    display: block;
    float: left;
    width: 150px;
}

/* ---------- generic styles ---------- */

a{ color: #F7931D; }
a:hover{ color: #F7931D;}

.clear{clear:both}
.hide{visibility: hidden; display: none;}
.cent { text-align: center;}

acronym { cursor: help; }
dfn { font-style: normal; text-decoration: underline;}
/* ---------- MISC ---------- */

/* Beta Star */
#beta-star{
    position: absolute;
    z-index: 10;
    height: 63px;
    width: 63px;
    top: -7px;
    left: -24px;
    background: url(../images/common/beta-star.gif) no-repeat top left ;
/*    border: 1px solid #0ff; */
}

#content-nav dd a {
	color: #868686;
	text-decoration: none;
}