/* ----reset---- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td
{
	margin: 0;
	padding: 0;
}
img
{
	border: 0;
}
ol, ul
{
	list-style: none;
}
h1, h2, h3, h4, h5, h6
{
	font-size: 100%;
	font-weight: normal;
}
/* ----end reset----*/
html
{
	height: 100%;
}
body
{
	width: 100%;
	height: 100%;
	position: relative;
	/*font: normal 62.5%/1.6em 'Lucida Grande' , 'Lucida Sans Unicode' ,Verdana,sans-serif;*/
	font: normal 62.5%/1.6em "Segoe UI", "Helvetica Neue", Arial, Sans-Serif;
}
a.primary 
{
	color: #693;
	text-decoration: none;
	padding: 0 0 .1em 0;
	border-bottom: dotted 1px #CCC;
}
a.primary:hover
{
	color: #0AE20A;
	border-bottom: solid 1px #CCC;
}
h1, h2, h3
{
	color: #0071BC;
	font-family: Georgia,Helvetica,Verdana,sans-serif;
}
h1
{
	font-size: 2.8em;
	line-height: 1.2em;
}
h1.secondary
{
	color: #4598CF;
}
h1.tertiary
{
	color:  #75B3DC;
	padding: 0 0 1em 0;
}
h2
{
	font-size: 2.0em;
	padding: 0 0 1em 0;
}
h3
{
	display: inline-block;
	font-size: 1.6em;
	padding: 0 0 .4em 0;
	margin: 0 0 1em 0;
	color: #333;
	border-bottom: solid 1px #333;
}
.clearboth
{
	clear: both;
}

#content #logoshell #logoItem
{
	position: relative;
	top: -13px;
}
#content a.product
{
	color: #333;
	font-size: 1.3em;
	padding: 0 0 0 30px;
	background: url( "../img/productLink.jpg" ) no-repeat top left;
}
#content a.product:hover
{
	color: Black;
}
#content em
{
	display: block;
	overflow: visible;
	color: Black;
	font-family: Georgia,Helvetica,Verdana,sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.6em;
	padding: 0 0 2em 0;
}
#content p
{
	color: #666;
	font-size: 1.4em;
	line-height: 1.6em;
	padding: 0 0 1.5em 0;
}
#content ul.sections
{
	width: 875px;
}
#content li.section
{
	width: 875px;
	display: none;
}
#content .leftcol
{
	float: left;
	display: inline;
	width: 475px;
}
#content .leftcol a.email
{
	text-decoration: none;
}
#content .leftcol a.email:hover
{
	color: Black;
}
#content .rightcol
{
	float: left;
	display: inline;
	width: 400px;
	padding: 40px 0 0 0;
}
#content .fullcol
{
	float: left;
	display: inline;
	width: 875px;
}
#content .fullcol .desc
{
	padding: 0 50px 10px 50px;
}
#content .fullcol .productLink
{
	float: right;	
	display: inline;
	padding: .2em 30px 0 0;
}
#content .fullcol .whatitems
{
	padding: 1em 100px 0 100px;
}
#content .fullcol #phasesNav
{
	border-top: solid 1px #CCC;
	margin: 0;
	padding: .5em 0 3em 0;
	width: 860px;
	float: left;
	clear: both;
}
#content .fullcol #phasesNav li
{
	float: left;
	display: block;
	font-size: 1.1em;
	padding: 0 1em 0 1em !important;
	margin: 0 !Important;
	border-left: dotted 1px #CCC;
}
#content .fullcol #phasesNav li.first
{
	padding: 0 1em 0 .1em;
	border: none;
}
#content .fullcol #phasesNav li a
{
	display: inline-block;
	font-size: 1.1em;
	text-decoration: none;
	padding: 6px 0 8px 0; 
}
#content .fullcol #phasesNav li a.active
{
	color: #333;
	border-bottom: solid 1px white;
	background:  url( "../img/arrow-down.png" ) no-repeat bottom center;
}
#content .fullcol #phases .visible
{
	display: block;
}
#content .fullcol #phases .invisible
{
	display: none;
}
#content .fullcol .phase .summary
{
	float: left;
	width: 400px;
	margin: 0 30px 0 0;
}
#content .fullcol .phase .example
{
	float: left;
	position: relative;
	top: -30px;
	border: solid 1px #EEE;
	padding: 2px;
}
#content .fullcol .phase .example .text
{
	padding: 10px;
	width: 400px;
	font-style: italic;
	background: #F4F4F4;
}
#content .fullcol .phase .example p
{
	padding: 2px 0 2px 0;
}
#content .fullcol .phase .example ul
{
	color: #666;
	font-size: 1.4em;
	list-style-type: square;
	margin: 1em 10px 1em 30px;
}
#content .fullcol .phase .example ul li
{
	display: block;
}
#content .narrowfullcol
{
	width: 650px;
}
#content .narrowfullcol .desc
{
	padding: 0 0 1em 0;
}
#content .narrowcol
{
	width: 400px;
}
#content .latest
{
	float: left;
	display: inline;
	padding: 2px;
	border: solid 1px #EEE;
	margin: 0 0 0 80px;
	position: relative;
	top: -30px;
}
#content .latest .articles
{
	width: 260px;
	padding: 10px 20px 20px 20px;
	background: #F4F4F4;
}
#content .latest .articles h2
{
	color: #666;
	font-size: 1.2em;
}
#content .latest .articles ul
{
	margin: 2em 0 2em 0;
}
#content .latest .articles li
{
	padding: 0 0 2em 0;
}
#content .latest .articles a
{
	font-size: 1.1em;
	text-decoration: none;
	color: #0070B1;
}
#content .latest .articles a:hover
{
	color: #144F70;
}
#content .latest .articles .summary
{
	font-size: 1.1em;
	color: #666;
	padding: 2px 0 0 0;
}

.options-bar
{
	height: 100px;
}
.options-bar li
{
	display: inline;
}
.options-bar li a
{
	position: relative;
	display: block;
	float: left;
	color: #838383;
	font-size: 1.2em;
	text-decoration: none;
	text-align: center;
	background:  url( "../img/options-bar.png" ) no-repeat -10px 0; 
	width: 150px;
	height: 50px;
	padding: 15px 68px 0 68px;
	border-left: solid 1px #FFF;
	border-right: solid 1px #D3D3D3;
}
.options-bar li a:hover
{
	color: #333;
}
.options-bar li a.active
{
	color: #000;
	background:  url( "../img/options-bar.png" ) no-repeat -10px -128px; 
}
.options-bar li.first a
{
	border-left: none;
	background:  url( "../img/options-bar.png" ) no-repeat left 0; 
}
.options-bar li.first a.active
{
	background:  url( "../img/options-bar.png" ) no-repeat left -128px; 
}
.options-bar li.third a span
{
	position: relative;
	top: 8px;
}
.options-bar li a span.arrow
{
	display: none;
	position: absolute;
	top: 64px;
	left: 0;
	height: 10px;
	width: 100%;
	background:  url( "../img/options-bar-arrow.png" ) no-repeat bottom center; 
}
.options-bar li a.active span.arrow
{
	display: block;
}
.options-bar li.last a
{
	border-right: none;
	background:  url( "../img/options-bar.png" ) no-repeat right 0; 
}
.options-bar li.last a.active
{
	background:  url( "../img/options-bar.png" ) no-repeat right -128px; 
}
.options
{
	font-size: .9em;
}
.options li
{
	display: none;
}
.options li.active
{
	display: block;
}
.options li ul li
{
	display: none;
}
.options li ul.items li
{
	display: block;
	float: left;
	width: 260px;
	padding: 0 30px 0 0;
}
.options li ul.items li.last
{
	padding: 0;
}
.options h3
{
	border: none;
	margin: 0 0 .5em 0;
}
.packages
{
	float: left;
	background: url( "../img/packages-bg.png" ) repeat-y center; 
}
.packages .top
{
	float: left;
	background: url( "../img/packages-top.png" ) no-repeat top center; 
}
.packages .bot
{
	width: 861px;
	float: left;
	background: url( "../img/packages-bot.png" ) no-repeat bottom center; 
}
.packages .bot div
{
	float: left;
}
.packages .bot div.pkgFree
{
	width: 200px;
	padding: 30px 10px 20px 20px;
}
.packages .bot div.pkgPerformance
{
	width: 180px;
	padding: 20px 0 20px 20px;
}
.packages .bot div.pkgSecurity
{
	width: 180px;
	padding: 20px 0 20px 20px;
}
.packages .bot div.pkgQuotes
{
	width: 200px;
	padding: 30px 0 20px 20px;
}
.packages p.line-item
{
	background: url( "../img/divider-rhombus.png" ) no-repeat 65px bottom; 
}
.packages p.amount
{

}
.packages p.amount span
{
	color: #CCC;
	font-size: 3.0em;
	line-height: 1.1em;
	float: left;
	font-family: Georgia,Helvetica,Verdana,sans-serif;
}
.packages p.amount a
{
	display: inline;
	float: left;
	padding: 1em 0 0 0;
	margin: 0 0 0 10px;
}




#content .contactUs
{
	background: url( "../img/dividerColumn.jpg" ) no-repeat right center; 
	padding: 80px 40px 80px 0;
}
#content .contactUs .contacts
{
	color: #333;
	padding: 0 0 2em 120px;
	font-size: 1.4em;
	line-height: 1.6em;
}
#content .contactUs .contacts a
{
	color: #333;
	text-decoration: none;
}
#content .contactUs .contacts a:hover
{
	color: Black;
}
#content .contactUs .contacts .email
{
	padding: 2px 0 2px 24px;
	background: url( "../img/email.jpg" ) no-repeat left center; 
}
#content .contactUs .contacts .phone
{
	padding: 2px 0 2px 24px;
	background: url( "../img/phone.jpg" ) no-repeat 5px 5px; 
}
#content .contactForm
{
	padding: 0 0 0 40px;
}
#content .contactForm label
{
	display: block;
	color: #666;
	padding: 0 0 2px 0;
}
#content .contactForm .contactName,
#content .contactForm .contactNumber,
#content .contactForm .contactCompany
{
	padding: 0 0 10px 0;
}
#content .contactForm .contactMessage
{
	padding: 0 0 20px 0;
}
#content a#contactSend
{
	display: block;
	width: 7em;
	color: #333;
	font-size: 1.4em;
	text-decoration:none;
	margin: 0 0 0 2px;
	padding: 0 0 0 15px;
	background: url( "../img/send.jpg" ) no-repeat 0 .2em; 
}
#content a#contactSend:hover
{
	color: Black;
}
#content #contactSending
{
	display: none;
	color: #333;
	font-size: 1.4em;
	margin: 0 0 0 2px;
	padding: 0 0 5px 22px;
	background: url( "../img/loading.gif" ) no-repeat 0 .2em; 
}




#header
{
	width: 100%;
	text-align: center;
}
#header a
{
	color: #999;
	text-decoration: none;
	outline: none;
}
#header a:hover
{
	color: #666;
}
#header #nav,
#header #subNav
{
	float: left;
	width: 100%;
	font-size: 1.2em;
}
#header #nav
{
	border-bottom: solid 4px #144F70;
}
#header #subNav
{
	display: none;
	background: #F4F4F4;
	border-bottom: solid 1px #CCC;
}
#header #subNav.active
{
	display: block;
}
#header #nav ul,
#header #subNav ul
{
	clear: both;
	position: relative;
	display: block;
	width: 950px;
	margin: 0 auto 0 auto;
	text-align: left;
}
#header #nav li
{
	display: block;
	float: left;
	padding: 3em 2.5em 0 2.5em;
	height: 4em;
}
#header #subNav li
{
	display: block;
	float: left;
	padding: 1em 2.5em 1em 2.5em;
}
#header #nav li.active
{
	background: url( "../img/navSelector.jpg" ) no-repeat bottom center; 
}
#header #nav li.active a,
#header #subNav li.active a
{
	color: Black;
}
#header li.logoShell 
{
	margin: 0 1em 0 0;
}
#header li.logoShell a
{
	float: left;
	display: block;
	position: relative;
	top: -1px;
	width: 150px;
	height: 21px;
	background: url( "../img/novologies.png" ) no-repeat; 
	background-position: 0 0;
}
#header li.logoShell a:hover
{
	background-position: -176px 0;
}
#header li.active a#logo
{
	background-position: -352px 0;
}
#header li#gotoarticles a
{
	display: block;
	float: left;
	border-left: solid 1px #DDD;
	padding: .5em 3em .5em 5em;
	position: relative;
	top: -.5em;
}


#footer
{
	position: absolute;
	width: 100%;
	bottom: 0;
	text-align: center;
}
#footer a
{
	color: #D6D6D6;
	text-decoration: none;
	outline: none;
}
#footer a:hover
{
	color: #E5E5E5;
}
#footer a.active
{
	color: White;
}
#footer #nav,
#footer #subNav
{
	width: 100%;
	background: #8C8C8C;
	border-top: solid 4px #595959;
	font-size: 1.1em;
}
#footer #subNav
{
	display: none;
	position: relative;
	background: #595959;
	border-top: solid 2px #333333; 
}
#footer #subNav.active
{
	height: 3.5em;
	line-height: 1.1em;
	font-size: 1.1em;
}
#footer #nav ul,
#footer #subNav ul
{
	position: relative;
	display: block;
	width: 950px;
	padding: 1em;
	margin: 0 auto 0 auto;
	text-align: left;
}
#footer #nav li,
#footer #subNav li
{
	display: inline;
	padding: 0 2em 0 2em;
}
#footer #nav li.copyright
{
	position: absolute;
	right: 0;
	color: #666;
}


#yui-history-iframe {
  position:absolute;
  top:0; left:0;
  width:1px; height:1px;
  visibility:hidden;
}