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

	Reset

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

html { overflow: -moz-scrollbars-vertical !important; }
/* 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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; background-image: transparent; border: 0; outline: 0; font-weight: inherit; font-style: inherit; 	font-size: 100%; font-family: inherit; vertical-align: baseline; }
:focus { outline: 0; }
body { line-height: 1; }
ol, ul { list-style: none; }
/* tables */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
.clear { clear:both; }

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

	Fonts

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

@font-face {
	font-family: 'PerspectiveSansBold';
	src: url('../fonts/persansb-webfont.eot');
	src: local('☺'), url('../fonts/persansb-webfont.woff') format('woff'), url('../fonts/persansb-webfont.ttf') format('truetype'), url('../fonts/persansb-webfont.svg#webfontVa3LnOnQ') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'PerspectiveSansBlackRegular';
	src: url('../fonts/persanbk-webfont.eot');
	src: local('☺'), url('../fonts/persanbk-webfont.woff') format('woff'), url('../fonts/persanbk-webfont.ttf') format('truetype'), url('../fonts/persanbk-webfont.svg#webfontq53Dfp2s') format('svg');
	font-weight: normal;
	font-style: normal;
}


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

	Layout

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

html { background-color:#046eaa; height:100%; }

body { height:100%; min-height:100%; text-align:center; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; color:#666; }
body.home { background-color:#046eaa; }
body.inner-blue { background:url(../images/old/inner-bg-blue.png) repeat-x #fefeff; }
body.inner-green { background:url(../images/old/inner-bg-green.png) repeat-x #fefeff; }
body.inner-red { background:url(../images/old/inner-bg-red.png) repeat-x #fefeff; }
body.inner-yellow { background:url(../images/old/inner-bg-yellow.png) repeat-x #fefeff; }

#container { background:url(../images/bg-home-header.gif) repeat-x top #fff; width:100%; margin:0 auto; text-align:left; position:relative; }

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

	Header

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

#header { width:960px; margin:0 auto; height:85px; padding-top:15px; }
#header h1 a { background:url(../images/img-netpique-logo.gif) no-repeat; width:207px; height:70px; display:block; float:left; text-indent:-9999px; }
#header h2 { float:right; color:#278734; font-size:14px; font-weight:bold; text-align:right; line-height:130%; margin-top:17px; }
#header h2 span { color:#4589b8; }

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

	Navigation

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

#topnav { clear:both; width:960px; margin:0 auto; height:40px; font-size:12px; position:relative; z-index:100; }
#topnav li { position:relative; float:left; }
#topnav li#contact { float:right; }
#topnav li a { display:block; color:#fff; text-decoration:none; padding:14px 26px; overflow:hidden; }
#topnav li:hover a { background-color:#0088cc; }

body.experience #topnav li:hover a { background-color:#59ab46; }
body.caseStudiesWhitepapers #topnav li:hover a { background-color:#f8dd20; }
body.about #topnav li:hover a { background-color:#af1f25; }

/*#topnav li ul { position:absolute; width:175px; top:40px; visibility:hidden; background-color:#0088cc; padding:0 10px 0 15px; font-size:10px; height:auto; }
#topnav li:hover ul { visibility:visible; z-index:100 !important; }
#topnav li ul li { float:none !important; padding:5px 0 5px 10px; border-bottom:1px dotted #abdbf3; display:block; background:url(../images/old/nav-arrow-off.png) no-repeat left center; }
#topnav li ul li:last-child { border-bottom:none; }
#topnav li ul li:hover { background:url(../images/old/nav-arrow-on.png) no-repeat left center; }
#topnav li ul li a { color:#fdf200; height:10px; text-decoration:none; text-transform:uppercase; height:auto; line-height:1.4em; }
#topnav li ul li:hover a { color:#fff; }*/

#topnav li ul { display:none; width:175px; background-color:#0088cc; padding:0 10px 0 15px; font-size:10px; }
#topnav li:hover ul { display:block; position:absolute; width:215px; }
#topnav li ul li { float:none !important; padding:5px 0 5px 10px; border-bottom:1px dotted #abdbf3; display:block; background:url(../images/old/nav-arrow-off.png) no-repeat left center; }
#topnav li ul li:last-child { border-bottom:none; }
#topnav li ul li a { color:#fdf200; height:10px; text-decoration:none; text-transform:uppercase; height:auto; line-height:1.4em; padding:3px 0; margin:0; }
#topnav li ul li a:hover { color:#fff; }

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

	Home Headeer

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

#homeHeader { width:1024px; height:280px; margin:0 auto; position:relative; background:url(../images/bg-slide-deck-shadow.gif) no-repeat top; position:relative; z-index:0; }
#homeHeader dl.slidedeck { position:relative; width:960px; margin:0 auto; height:100%; background-color:#fff; }
#homeHeader dl.slidedeck > dd { position:relative; padding:30px; background-color:#fff; overflow:hidden; }
#homeHeader dl.slidedeck > dt { position:relative; cursor:pointer; height:43px; line-height:38px; font-size:16px; font-weight:bold; font-family:'PerspectiveSansBold'; letter-spacing:1px; background:url(../images/bg-slide-title-dt.gif) repeat-x bottom; color:#ebe8e8; text-shadow:0px 0px 1px #000; /*border-top:2px solid #68c8fc; border-bottom:2px solid #68c8fc; border-left:2px solid #68c8fc; border-right:none !important;*/ }
#homeHeader dl.slidedeck dt.spine:hover { color:#fff; background-image:none; background-color:#1a6997; }

#homeHeader dl.slidedeck dt.effectivenessSpine:hover { background-color:#90286b !important; }
#homeHeader dl.slidedeck dt.roiSpine:hover { background-color:#c80926 !important; }
#homeHeader dl.slidedeck dt.simplicitySpine:hover { background-color:#d7621e !important; }
#homeHeader dl.slidedeck dt.protectionSpine:hover { background-color:#88ab17 !important; }
#homeHeader dl.slidedeck dt.incrementalSpine:hover { background-color:#168734 !important; }

#homeHeader dl.slidedeck dt.spine.active,
#homeHeader dl.slidedeck dt.spine.active:hover {
	cursor:default;
	color:#fff;
	background:url(../images/bg-slide-title-dt-active.gif) repeat-x bottom;
	/*border-top:2px solid #bf76a6;
	border-bottom:2px solid #bf76a6;
	border-left:2px solid #bf76a6;
	border-right:none !important;*/
}
#homeHeader dl.slidedeck dt.active[activeColor="violet"]{ background:#90286b !important; }
#homeHeader dl.slidedeck dt.active[activeColor="red"]{ background:#c80926 !important; border:2px solid #f5b098; }
#homeHeader dl.slidedeck dt.active[activeColor="orange"]{ background:#d7621e !important; border:2px solid #f9c49a; }
#homeHeader dl.slidedeck dt.active[activeColor="lime"]{ background:#88ab17 !important; border:2px solid #eeefb2; }
#homeHeader dl.slidedeck dt.active[activeColor="green"]{ background:#168734 !important; border:2px solid #dae7af; }

#homeHeader dl.slidedeck dt.spine .index { margin-bottom:2px; font-size:30px; font-family:'PerspectiveSansBlackRegular'; }
#homeHeader dl.slidedeck dt.spine.active .index { margin-bottom:0; }
/*#homeHeader dl.slidedeck .activeCorner { margin-left:-1px; background-image:url(../images/bg-home-header-index-dt-arrow.png); width:12px; height:25px; }*/

.roiArrow { background:url(../images/bg-home-header-index-dt-red-arrow.png) no-repeat; width:12px; height:25px; position:absolute; top:22px; left:43px; }

#homeHeader dl.slidedeck dd h2 { font-weight:lighter; font-size:34px; line-height:normal; margin-bottom:30px; }
#homeHeader dl.slidedeck dd h2 span { font-weight:bold; }
#homeHeader dl.slidedeck dd h3 { color:#757575; font-size:20px; font-weight:bold; line-height:normal; margin-bottom:30px; }
#homeHeader dl.slidedeck p { width:500px; line-height:150%; font-weight:bold; color:#666; font-size:13px;}
#homeHeader dl.slidedeck p a.more { background:url(../images/bg-effectiveness-slide-btn-grad.gif) repeat-x bottom #9f3179; padding:10px; color:#fff; text-decoration:none; font-weight:bold; text-transform:uppercase; }
#homeHeader dl.slidedeck p a:hover { background-image:none; background-color:#7c1056; }

#homeHeader dl.slidedeck dd.effectiveness { background:url(../images/bg-effectiveness-banner.jpg) no-repeat right; }
#homeHeader dl.slidedeck dd.effectiveness h2 { color:#772c76; }
#homeHeader dl.slidedeck dd.effectiveness h2 span { color:#771655; }

#homeHeader dl.slidedeck dd.roi { background-image:url(../images/bg-roi-banner.jpg); background-repeat:no-repeat; background-position:right; position:relative;}
#homeHeader dl.slidedeck dd.simplicity {  background-color:#fff; background-image:url(../images/bg-simplicity-banner.jpg); background-repeat:no-repeat; background-position:right;}
#homeHeader dl.slidedeck dd.protection {  background-color:#fff; background-image:url(../images/bg-brand-protection-banner.jpg); background-repeat:no-repeat; background-position:right;}
#homeHeader dl.slidedeck dd.incremental {  background-color:#fff; background-image:url(../images/bg-growth-banner.jpg); background-repeat:no-repeat; background-position:right;}

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

	Content

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

body.home .contentContainer { clear:both; width:960px; margin:0 auto; background:url(../images/bg-home-header-bottom-shadow.jpg) no-repeat top; padding-top:25px; }
.contentContainer { clear:both; width:960px; margin:0 auto; background-color:#fff; }
.contentContainer img { border:5px solid #b9b9b9; padding:2px; margin-bottom:20px; }
.contentContainer hr { background:url(../images/bg-line-breaks.gif) repeat-x; height:4px; margin-bottom:20px; border:none; }

img.mgmtPhotos { float:left; margin:0 10px 0 0; }

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

	Sidebar

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

body.home #sidebar { width:325px; padding:0 55px 0 0; }
body.ie7 #sidebar[sidebarWidth="330"], body.ie8 #sidebar[sidebarWidth="330"] { width:330px !important; padding:0 55px 0 0; }
#sidebar { width:200px; padding:30px 55px 0 15px; float:left; background:url(../images/bg-sidebar-seperator.gif) no-repeat bottom right #fff; }
#sidebar h2 { color:#10803c; font-size:14px; font-weight:bold; margin-bottom:20px; }
#sidebar p { margin-bottom:10px; line-height:150%; }
#sidebar p span {height:164px; width:304px; border:5px solid #b9b9b9; display:block;}
#sidebar p span a {height:160px; width:300px; background:url(../images/img-video.jpg); display:block; border:2px solid #fff;}
.clients ul li { float:left; display:inline; width:183px; height:83px; margin-left:50px; }
.clients ul li img { border:none !important; padding:0 !important; margin-bottom:10px; }

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

	Main Content

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

#mainContent { width:566px; float:right; line-height:normal; }
#mainContent h2 { color:#b6051e; font-size:18px; font-weight:bold; margin-bottom:20px; line-height:130%; }
#mainContent h3 { font-size:16px; font-weight:bold; margin-bottom:20px; color:#056ea9; }
#mainContent p { margin-bottom:20px; line-height:150%; }
#mainContent p a { font-weight:bold; text-decoration:none; color:#19699c; }
#mainContent p a:hover { color:#0b4c76; }
#mainContent ul { margin-bottom:20px; }
#mainContent ul li { margin-bottom:10px; margin-left:15px; list-style:disc; }
#mainContent img { float:right; display:inline; }

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

	Subpages

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

.subPageContent { float:left; width:665px; margin-left:10px; background:url(../images/bg-sidebar-seperator.gif) no-repeat -129px bottom; padding-top:30px; }
.subPageMainContent { position:relative; width:415px; float:right; margin-bottom:15px; line-height:150%; }
.contentHeadings { position:absolute; left:-245px; width:195px; text-align:right; }
.contentHeadings a { color:#19699c; text-decoration:none; }
.contentHeadings a:hover { color:#0b4c76; }
.subPageMainContent h2 { font-size:18px; text-transform:uppercase; color:#31639e; font-weight:bold; background:url(../images/bg-line-breaks.gif) repeat-x bottom; padding-bottom:15px; }
.subPageMainContent h3 { font-weight:bold; font-size:14px; color:#777; margin-bottom:20px; }
.subPageMainContent h4 { font-size:14px; color:#777; }
.subPageMainContent p { margin-bottom:20px; }
.subPageMainContent p a, .subPageMainContent ul li a { font-weight:bold; text-decoration:none; color:#19699c;}
.subPageMainContent p a:hover, .subPageMainContent ul li a:hover { color:#0b4c76; }
.subPageMainContent table { margin-bottom:20px; width:100%; border-top:1px solid #c6e2f0; }
.subPageMainContent table td { border-bottom:1px solid #c6e2f0; padding:10px; }
.odd { background-color: #edf7f9; }

.subPageMainContent ul li { margin-bottom:10px; margin-left:15px; list-style:disc; clear:both; }

#contentSidebar { float:right; width:235px; margin:30px 20px 0 0; }
#contentSidebar h2 { color:#208eca; text-transform:uppercase; font-weight:bold; font-size:12px; margin-bottom:10px; padding-left:7px; line-height:14px; }
#contentSidebar p { font-size:12px; line-height:normal; padding-left:7px; line-height:16px;}

#contentSidebar .callToAction {margin:10px 0 0 0;padding:0; font-style:italic;}
#contentSidebar a {width:237px; height:55px; background:url(../images/btn-get-in-touch.jpg); display:block; margin-top:15px; text-indent:-9999px;}
#contentSidebar a:hover {background-position:0 -55px;}

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

	Footer

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

#footerWrap { width:100%; background:url(../images/bg-footer.gif) repeat-x top; color:#4e483a; font-size:11px; padding:100px 0 100px 0; }

.footer { width:960px; margin:0 auto; }
.footer p { float:left; color:#fff; text-shadow:0 0 1px #000; }
.footer a { color:#fff; text-decoration:none; }
.footer a:hover { color:#c1c1c1; }
.footer ul { float:right; }
.footer ul li { float:left; margin-left:5px; border-right:1px solid #fff; padding:3px 8px 0 0; }
.footer ul li.sm { border-right:none; padding-top:0; padding-right:0; }



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

	Form

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

.messageField {width:250px; border:#ddd 1px solid; background:url(../images/bg-form-field.png); background-position:bottom; background-repeat:repeat-x; margin-bottom:5px; color:#777;}
.messageBody {width:350px; border:#ddd 1px solid; background:url(../images/bg-form-field.png); background-position:bottom; background-repeat:repeat-x; margin-bottom:5px; height:150px;}
fieldset dt {font-size:10px; font-weight:bold; text-transform:uppercase;color:#08598e;}
.universal-submit {background:url(../images/btn-form-submit.png); height:21px; width:71px; border:none; margin-top:10px; text-indent:-9999px;}
.universal-submit:hover {background-position:0 -21px; cursor:pointer;}


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

	Miscellaneous

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

strong { font-weight:bold; }

em { font-style:italic; }

.clear {
	clear:both;
}

.form {
	margin-top:20px;
}

.form span {
	display:block;
	float:left;
	width:200px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	
}
.form span.label {
	clear:left;
	width:150px;
	padding-right:10px;
}
	
p.quote {
	font-size:12px;
	color:#666;
	font-style:italic;
}

p.quote span {
	font-size:10px;
	font-style:normal;
}
p.quote span strong {
	color:#932023;
}

.form span.redtxt {
	display:inline !important; 
	width:auto !important; 
	padding:0 !important; 
	float:none !important;
}

.formcheck {display:none;}