/* -------------------------------------------------------------------------
Content Style Sheet - ISN Solutions

last update: 04 March 2008
author: Andy Gosling - Ecru
email: info@ecru.co.uk
------------------------------------------------------------------------- */

/* colours

dark blue 	=	#034078
green 		=	#739000
yellow		=	#FF9900
orange 		= 	#FF6600

------------------------------------------------------------------------- */


/* css reset
------------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* layout
------------------------------------------------------------------------- */

body {
	font-size: 75%;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	text-align: center;
	color: #555;
}

#skipLink {
	font-size: 0.9166em;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	width: 1px;
	height: 5px;
	text-indent: -999em;
}

#header {
	position: relative;
	background: #034078 url(../images/header_bg.jpg) no-repeat top center;
	margin: 0;
	border-top: 1px solid #034078;
}

#headerWrap {
	position: relative;
	width: 900px;
	margin: 0 auto;
}

#wrapper {
	width: 900px;
	margin: 0 auto;
	text-align: left;
}

#toolbar {
	height: 1.6em;
	font-size: 0.9166em;
	margin-top: 4px;
	margin-bottom: 4px;
}

#primaryContent {
	clear: left;
	float: left;
	width: 592px;
	padding-bottom: 30px;
}

#secondaryContent {
	float: right;
	width: 286px;
	padding-bottom: 30px;
}

#footer {
	clear: both;
	margin: 0;
	background: #FFF url(../images/footer_bg.jpg) repeat-x;
}

#footerContent {
	width: 900px;
	margin: 0 auto;
	text-align: left;
}

.clearboth {
	clear: both;
}

/* typography
------------------------------------------------------------------------- */

p {
	font-size: 1em;
	line-height: 1.5em;
	margin: 1.5em 0;
}

p.intro {
	font-size: 1.1666em;
	line-height: 1.5em;
	margin: 1.2857em 0;
}

h1, h2, h3, h4, h5, h6 {
	color: #034078;
	font-weight: normal;
}

h2 {
	font-size: 1.8333em;
	margin: 0.6363em 0 0.8181em 0;
}

h3 {
	font-size: 1.5em;
	margin: 0.75em 0 1em 0;
}

h4 {
	font-size: 1.25em;
	margin: 0.6125em 0 1.2em 0;
}

h5 {
	font-size: 1em;
	margin: 1.5em 0 1.5em 0;
	font-weight: bold;
}

blockquote p {
	font-style: italic;
	padding-left: 1em;
}

q {
	font-style: italic;
}

/* lists */

#wrapper ul,
#wrapper ol {
	margin: 1.5em 0;
	padding-left: 1em;
}

#wrapper ol {
	list-style: decimal;
	margin-left: 2em;
}

#wrapper ol ol {
	list-style: lower-roman;
}

#wrapper ul ul, #wrapper ol ul {
	margin: 0;
	padding-left: 1em;
}

#wrapper ol ol, #wrapper ul ol {
	margin: 0;
	padding-left: 2em;
}

#wrapper li {
	font-size: 1em;
	line-height: 1.5em;
	margin: 0.5em 0;
}

#wrapper ul li {
	background: url(../images/bullet.gif) no-repeat 0 0.5em;
	padding-left: 12px;
}

#wrapper ul li ul li,
#wrapper ol li ul li {
	font-size: 1em;
	background: url(../images/bullet_small.gif) no-repeat 0 0.6em;
	padding-left: 10px;
}

#wrapper ul li ol li {
	font-size: 1em;
	background-image: none;
	padding-left: 0;
}

#secondaryContent li {
	font-size: 0.9166em;
	line-height: 1.6363em;
}

#wrapper #secondaryContent li li {
	font-size: 1em;
}

/* hyperlinks */

#wrapper a:link, #wrapper a:visited,
#footer p a:link, #footer p a:visited {
	color: #739000;
	text-decoration: none;
	border-bottom: 1px solid #CCC;
	padding: 0 2px;
}

#wrapper a:hover, #wrapper a:active,
#footer p a:hover, #footer p a:active {
	color: #FFF;
	background-color: #739000;
	text-decoration: none;
	border-bottom: 1px solid #739000;
}

/* data tables */

table {
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	margin: 3em 0;
	border-collapse: collapse;
}

th, td {
    font-size: 1em;
	margin: 1em;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding: 5px;
}

p th, p td {
	font-size: 1em;
}

th {
	color: #034078;
	background-color: #F8F8F8;
}

/* header
------------------------------------------------------------------------- */

#header #logo {
	float: left;
	height: 88px;
	width: 140px;
	margin: 18px 0 0 0;
	background: transparent url(../images/isn_logo.gif) no-repeat 0 0;
	text-indent: -999em;
	overflow: hidden;
}

#header #logo a {
	display: block;
	height: 75px;
	width: 140px;
}

#header #strapline {
	font-size: 1.75em;
	position: absolute;
	top: 22px;
	right: 0;
	margin: 0;
	color: #FFF;
	text-shadow: #034078 -1px -1px 2px;
}

#header a:link, #header a:visited, #header a:hover, #header a:active {
	border-bottom: none;
}

/* navigation
------------------------------------------------------------------------- */

#navigation {
	float: left;
	clear: left;
	background: #034078 url(../images/navigation_bg.jpg) no-repeat 0 0;
}

#navigation li {
	float: left;
	border-right: 1px solid #044079;
	background: transparent url(../images/nav_highlight.jpg) no-repeat 0 1px;
}

#navigation li#navHome {
	background-image: none;
}

#navigation li a:link, #navigation li a:visited {
	display: block;
	padding: 6px 12px;
	color: #FFF;
	text-decoration: none;
	background: transparent url(../images/nav_hover_bg.gif) no-repeat 0 1px;
}

#navigation li a:hover, #navigation li a:active {
	background: transparent url(../images/nav_hover_bg.gif) no-repeat -250px 1px;
}

#navigation li#navHome a:hover, #navigation li#navHome a:active {
	background-position: -249px 1px;
}

/* selected navigation items */

#home #navigation li#navHome a:link, #home #navigation li#navHome a:visited, #home #navigation li#navHome a:active, #home #navigation li#navHome a:hover,
#support #navigation li#navSupport a:link, #support #navigation li#navSupport a:visited, #support #navigation li#navSupport a:active, #support #navigation li#navSupport a:hover,
#consultancy #navigation li#navConsultancy a:link, #consultancy #navigation li#navConsultancy a:visited, #consultancy #navigation li#navConsultancy a:active, #consultancy #navigation li#navConsultancy a:hover,
#services #navigation li#navServices a:link, #services #navigation li#navServices a:visited, #services #navigation li#navServices a:active, #services #navigation li#navServices a:hover,
#partners #navigation li#navPartners a:link, #partners #navigation li#navPartners a:visited, #partners #navigation li#navPartners a:active, #partners #navigation li#navPartners a:hover,
#news #navigation li#navNews a:link, #news #navigation li#navNews a:visited, #news #navigation li#navNews a:active, #news #navigation li#navNews a:hover,
#about #navigation li#navAbout a:link, #about #navigation li#navAbout a:visited, #about #navigation li#navAbout a:active, #about #navigation li#navAbout a:hover,
#contact #navigation li#navContact a:link, #contact #navigation li#navContact a:visited, #contact #navigation li#navContact a:active, #contact #navigation li#navContact a:hover {
 	color: #034078;
	background-image: none;
	background-color: #FFF;
	cursor: default;
}

/* toolbar
------------------------------------------------------------------------- */

#toolbar p {
	margin: 1px 0 0 0;
}

#breadcrumb {
	float: left;
	clear: left;
}

/* client area login */

#login {
	float: right;
	position: relative;
}

#login p {
	float: left;
}

#login label {
	position: absolute;
	top: -999em;
	left: -999em;
}

#login input {
	font-size: 1em;
	color: #666;
	float: left;
	width: 90px;
	border: 1px solid #CCC;
	padding: 0 2px 2px 2px;
	margin: 0 0 0 4px;
}

#login input:focus {
	color: #333;
	border: 1px solid #999;
}

#login #btnLogin {
	height: 15px;
	width: 15px;
	padding: 0;
	border: 1px solid #71821E;
}

#login #btnLogin:focus {
	border: 1px solid #71821E;
}


/* banner
------------------------------------------------------------------------- */

#banner {
	height: 160px;
	position: relative;
	margin-bottom: 2em;
}

#home #banner {
	height: 218px;
}

#home #banner { background: #034078 url(../images/banner_home.jpg) no-repeat; }
#support #banner { background: #034078 url(../images/banner_support.jpg) no-repeat; }
#consultancy #banner { background: #034078 url(../images/banner_consultancy.jpg) no-repeat; }
#services #banner { background: #034078 url(../images/banner_services.jpg) no-repeat; }
#partners #banner { background: #034078 url(../images/banner_partners.jpg) no-repeat; }
#news #banner { background: #034078 url(../images/banner_news.jpg) no-repeat; }
#about #banner { background: #034078 url(../images/banner_about.jpg) no-repeat; }
#contact #banner { background: #034078 url(../images/banner_contact.jpg) no-repeat; }

#banner h1 {
	font-size: 2em;
	color: #FFF;
	width: 180px;
	position: absolute;
	bottom: 4px;
	left: 2px;
	text-shadow: #FFF 0 0 0;
}

#banner p {
	text-align: right;
	position: absolute;
	color: #FFF;
	top: 12px;
	right: 12px;
	margin: 0;
}


/* service links (homepage)
------------------------------------------------------------------------- */

#serviceLinks {
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	background: #FFF url(../images/servicePanel_bg.jpg) no-repeat left bottom;
	margin: 1.5em 0 0 0;
}

.servicePanel {
	float: left;
	width: 230px;
	padding: 0.8em 0 0.8em 70px;
	margin: 0;
	position: relative;
}

#serviceLinks h2 {
	font-size: 1.25em;
	margin: 0 0 0.3em 0;
}

#serviceLinks h2 a:link {
	padding: 0;
	border-bottom: none;
}

#serviceLinks p {
	font-size: 0.9166em;
	line-height: 1.6363em;
	margin: 0;
}

#serviceLinks .more {
	position: absolute;
	width: 19px;
	height: 19px;
	right: 7px;
	bottom: 7px;
	background: url(../images/btn_more.gif) no-repeat;
	overflow: hidden;
}

#serviceLinks .more a:link,
#serviceLinks .more a:visited {
	display: block;
	width: 19px;
	height: 19px;
	background: url(../images/btn_more.gif) no-repeat 0 0;
	text-indent: -999em;
}

#serviceLinks .more a:hover,
#serviceLinks .more a:active {
	background-position: 0 -21px;
}

/* primary content
------------------------------------------------------------------------- */

/* content panel */

#primaryContent img.rangeLeft {
float:left;
margin:5px 10px 10px 0;
}

.contentPanel {
	border: 1px solid #DDD;
	min-height: 120px;
	background: #FFF url(../images/contentPanel_bg.jpg) repeat-x left bottom;
	margin-bottom: 8px;
}
 
#panel1 { background: url(../images/arrow_fixed_cost.jpg) no-repeat 0 50%; }
#panel2 { background: url(../images/arrow_pre-paid.jpg) no-repeat 0 50%; }
#panel3 { background: url(../images/arrow_outsourcing.jpg) no-repeat 0 50%; }
 
#primaryContent .contentPanel h2 {
	float: left;
	font-size: 1.5em;
	text-indent: -999em;
}

#primaryContent .contentPanel .panelContent {
	margin: 1em 12px 1em 230px;
}

.contentPanel .panelContent p {
	margin: 0 0 0.5em 0;
}

/* home page */

#home #primaryContent p {
	padding-left: 197px;
}

#home #primaryContent p.intro {
	padding-left: 0;
}

#home .pullout {
	color: #034078;
	width: 180px;
	float: left;
	margin: 0;
	padding: 0;
}

#home #primaryContent .pullout ul,
#home #primaryContent .pullout p {
	font-size: 0.9166em;
	line-height: 1.6363em;
	margin: 0 0 1.5em 0;
	padding: 0;
}

#home #primaryContent .pullout li {
	margin-top: 0;
}

#home #primaryContent .pullout h3 {
	margin-top: 0;
}

/* secondary content
------------------------------------------------------------------------- */

#secondaryContent p {
	font-size: 0.9166em;
	line-height: 1.6363em;
	margin: 1.5em 0;
}

#secondaryContent h2 {
	font-size: 1.5em;
	margin: 0.75em 0 1em 0;
}

#secondaryContent h3 {
	font-size: 1.25em;
	line-height: 1.2em;
	margin: 1.625em 0 1.2em 0;
}

#secondaryContent h4 {
	font-size: 1em;
	margin: 0.5em 0 1.5em 0;
	font-weight: bold;
}

#secondaryContent p.callUs {
	width: 286px;
	height: 33px;
	background: transparent url(../images/call_us.gif) no-repeat;
	margin: 0 0 0.5em 0;
	text-indent: -999em;
}

#home #secondaryContent p.callUs {
	margin: 0;
}

#secondaryContent p.callUsSales {
	width: 286px;
	height: 33px;
	background: transparent url(../images/call_us_sales.gif) no-repeat;
	margin: 0 0 0.5em 0;
	text-indent: -999em;
}

#home #secondaryContent p.callUsSales {
	margin: 0;
}

#secondaryContent p.callUsSupport {
	width: 286px;
	height: 33px;
	background: transparent url(../images/call_us_support.gif) no-repeat;
	margin: 0 0 0.5em 0;
	text-indent: -999em;
}

#home #secondaryContent p.callUsSupport {
	margin: 0;
}

/* pull quote */

#secondaryContent blockquote {
	background: transparent url(../images/quote_start.gif) no-repeat 0 0;
	margin-bottom: 3em;
}

#secondaryContent blockquote p {
	padding: 0 12px;
	margin: 0;
}

#secondaryContent blockquote p.quote {
	color: #034078;
	font-size: 1.1666em;
	background: transparent url(../images/quote_end.gif) no-repeat right bottom;
	padding: 20px 12px;
	margin-bottom: 0.5em;
}

#secondaryContent blockquote p.author {
	font-size: 1em;
	margin: -1em 0 0 0;
}

/* content panel */

#secondaryContent .contentPanel {
	border: none;
	background: none;
	margin: 1.5em 0;
}

#secondaryContent .contentPanel .panelContent {
	background-color: #F8F8F8;
	border: 1px solid #DDD;
	border-top-color: #FFF;
	padding: 0 11px;
	margin-bottom: 0;
}

#secondaryContent .contentPanel h2 {
	border: 1px solid #034078;
	color: #FFF;
	margin: 0;
	padding: 5px 7px;
	background: #2688BB url(../images/sidebar_panel_head_bg.jpg) no-repeat;
	text-shadow: #FFF 0 0 0;
}

#secondaryContent .contentPanel h3 {
	color: #739000;
	margin: 1em 0 1em 78px;
}

#secondaryContent .contentPanel #safe p {
	margin-left: 78px;
}

#secondaryContent .contentPanel #safe {
	background: url(../images/img_safe.jpg) no-repeat 0 15px;
}

#secondaryContent .contentPanel #bulb p {
	margin-left: 78px;
}

#secondaryContent .contentPanel #bulb {
	background: url(../images/img_bulb.jpg) no-repeat 0 15px;
}

#secondaryContent .contentPanel #fpal p {
	margin-left: 78px;
}

#secondaryContent .contentPanel #fpal {
	background: url(../images/logo_fpal.jpg) no-repeat 0 15px;
}

#secondaryContent .contentPanel #servers p {
	margin-left: 78px;
}

#secondaryContent .contentPanel #servers {
	background: url(../images/img_servers.jpg) no-repeat 0 15px;
}

#secondaryContent .contentPanel #newz p {
	margin-left: 78px;
}

#secondaryContent .contentPanel #newz {
	background: url(../images/img_news.jpg) no-repeat 0 15px;
}

#secondaryContent .contentPanel #picks p {
	margin-left: 50px;
}

#secondaryContent .contentPanel #picks {
	background: #F8F8F8 url(../images/rosette.jpg) no-repeat 10px 10px;
}

#secondaryContent .contentPanel #listContent {
	border-bottom: 0;
	padding: 0;
}

#secondaryContent .contentPanel #listContent ul {
	padding: 0;
	margin: 0;
}

#secondaryContent .contentPanel #listContent li {
	border-bottom: 1px solid #DDD;
	margin-bottom: 0;
	padding: 0 0 0.5em 18px;
	background-position: 6px 0.5em;
}

/* contact panel */

#secondaryContent #contactPanel {
	border: 1px solid #DDD;
	border-top-color: #FFF;
	background: url(../images/contact_panel_bg.jpg) no-repeat left bottom;
	padding: 10px 6px;
	margin-bottom: 1.5em;
}

#secondaryContent #contactPanel p {
	margin: 0 0 0.5em 0;
}

#secondaryContent #contactPanel form p {
	margin: 0;
}

#secondaryContent #contactPanel label {
	clear: left;
	width: 70px;
	float: left;
	display: block;
	margin-top: 0.2em;
}

#secondaryContent #contactPanel input#name,
#secondaryContent #contactPanel input#company,
#secondaryContent #contactPanel input#email,
#secondaryContent #contactPanel input#telephone {
	font-size: 1em;
	width: 110px;
	border: 1px solid #CCC;
	color: #666;
	padding: 2px 2px;
	float: left;
}

#secondaryContent #contactPanel input#name:focus,
#secondaryContent #contactPanel input#company:focus,
#secondaryContent #contactPanel input#email:focus,
#secondaryContent #contactPanel input#telephone:focus {
	border: 1px solid #999;
	color: #333;
}

#secondaryContent #contactPanel input.button {
	border: 1px solid #739000;
	color: #FFF;
	background: #98B700 url(../images/btn_bg.jpg) no-repeat 0 0;
	margin-left: 10px;
	cursor: pointer;
	float: left;
}

#secondaryContent #contactPanel input.button:focus {
	border: 1px solid #739000;
}


/* managed services panel */

#secondaryContent img.rangeLeft {
float:left;
margin:5px 10px 10px 0;
}

.contentPanel_MS {
	border: 1px solid #DDD;
	min-height: 60px;
	background: #FFF url(../images/contentPanel_bg.jpg) repeat-x left bottom;
	margin-bottom: 8px;
}
 
#panel1_ms { background: url(../images/arrow_fixed_cost_sidebar.jpg) no-repeat 0 50%; }
#panel2_ms { background: url(../images/arrow_pre-paid_sidebar.jpg) no-repeat 0 50%; }
#panel3_ms { background: url(../images/arrow_outsourcing_sidebar.jpg) no-repeat 0 50%; }
 
#secondaryContent .contentPanel_MS h2 {
	font-size: 1.2em;
	margin: 0;
	padding: 0;
}

#secondaryContent .contentPanel_MS .panelContent {
	margin: 2em 10px 2em 97px;
}

.contentPanel_MS .panelContent p {
	margin: 0 0 0.5em 0;
	padding: 0;
}


/* footer
------------------------------------------------------------------------- */

#partnerLogos li {
	float: left;
	background: transparent no-repeat 0 0;
	height: 56px;
	margin: 24px 40px 24px 0;
	text-indent: -999em;
}

#partnerLogos li#ft_ms_gold { background-image: url(../images/footer_ms_gold.gif); width: 81px; }
#partnerLogos li#ft_citrix { background-image: url(../images/footer_citrix.gif); width: 120px; }
#partnerLogos li#ft_vmware { background-image: url(../images/footer_vmware.gif); width: 161px; }
#partnerLogos li#ft_checkpoint { background-image: url(../images/footer_checkpoint.gif); width: 154px; }
#partnerLogos li#ft_hp { background-image: url(../images/footer_hp.gif); width: 96px; }
#partnerLogos li#ft_ms_sbs { background-image: url(../images/footer_ms_sbs.gif); width: 88px; margin-right: 0; }

#footer p {
	font-size: 0.9166em;
	line-height: 1.6363em;
	color: #999;
	margin: 0 0 2em 0;
}

#contacts {
	clear: left;
	float: left;
}

#links {
	float: right;
}

#footerContent:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* Hides from IE-mac \*/
* html #footerContent {height: 1%;}
/* End hide from IE-mac */


/* --------------- =blog stuff ------------- */
#news .post {
margin: 0;
}

#news .storycontent ul {	
list-style-type: none;
margin: 10px;
padding: 0;	
}

#news .storycontent ul li {
list-style-image: url(../images/bullet.gif);
margin-left: 20px;
}

#news .storycontent ol {
margin-left: 10px;
margin-right: 20px;
padding: 0;	
}

#news .meta {
color: #3a3a3a;
background: url(../images/date.gif) no-repeat 6px 2px;
margin: 5px 0 10px 0;
padding: 0 10px 0 10px;
}

#news .post-categories {
display: inline;
margin: 0;
padding: 0;
}

#news .post-categories li {
display:inline;
list-style-type: none;
padding:0;
margin:0;
}

#news .storycontent {
text-align:justify;
margin:10px 0 0 0;
}

#news .feedback {
color:#3a3a3a;
background:url(../images/comment.gif) no-repeat 2px 1px;
margin:8px 0 0 0;
padding:0 20px 2px 16px;
}

#news #commentlist {	
margin:10px;
padding:10px;
}

#news #commentlist li {
font-size: 1em;
border: 1px solid #ccc;
margin:0 20px 3px 20px;
padding:5px 20px 0 20px;
}

#news #commentlist li.alt {
font-size: 1em;
border: 1px solid #aaa;
background-color: #fcf8f7;
margin:0 20px 3px 20px;
padding:5px 20px 0 20px;
}

#news #commentlist cite {
font-style:bold;
font-size:1.15em;
margin:0;
}

#news #commentlist p {
padding:4px;
}

#news .credit {
clear:both;

background:#c6c6a5;
border-top:1px solid #8b8b6e;
border-bottom-width:0;
border-left:1px solid #8b8b6e;
color:#f9f5e7;
text-align:center;
margin:0 auto;
padding:3px 0;
}

#news .credit a, .credit a:visited {
color:#612000;
}

#news .credit a:hover {
color:#f9f5e7;
}

#news code, p code {
font-size:.5em;
color:#666;
font-family:courier, monospace;
background:#fff;
}

#news form {
margin:0;
padding:0;
}

#news input {
border:1px solid #716f64;
background:#fdf3f5;
font:10px/160% Verdana, Arial, Helvetica, sans-serif;
color:#120;
margin:1px;
padding:1px;
}

#news textarea {
border:1px dashed #716F64;
background:#fdf3f5;
width:350px;
font:10px/120% Verdana, Arial, Helvetica, sans-serif;
color:#120;
margin:2px;
padding:2px;
}

#news select {
background:#fff;
margin:2px;
padding:2px;
color:#120;
}