/*

	Title : framework.css
	Author : Erickson Barnett
	
	Acknowledgements: 
	
	The defaults in this css file have bits and pieces picked 
	up from Eric Meyer's reset.css 
	[meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/]
	and Olav Berkjoy's blueprint.css
	[code.google.com/p/blueprintcss] - which in turn has many
	other collaborators.
	
	Many thanks to all involved.

	TABLE OF CONTENTS:
	- CSS Reset
	- Body (site-wide defaults)
	- Typography (font-size/margins/color)
	  - Headers
	  - Lists
	  - Links
	  - Other non-traditional elements
	- Tables
	- Forms
	- Common classes
	- Page Layout
	
	USAGE NOTES:
	
	To calculate the spacing and arrangement of text 
	(your vertical rhythm) you need to know these units:
	
	-- font size: 
	   main font size (in px)
	
	-- line height: 
	   main line height (in px)
	
	-- vertical unit: 
	   a value which determines the space between elements (in px).
	
	-- inside vertical proportion: 
	   a multiple of the vertical unit used for the bottom margin 
	   in normal copy elements
	
	-- outside vertical proportion: 
	   multiples of the vertical unit used for the top and 
	   bottom margin in header elements
		
	proportions should increase/decrease in multiples of .25.	
		
	After you have these units:	
	1. Set your desired font size (%) and line height (em).
	2. Set your main element margins (ems).
	3. Set your header font sizes (ems) and margins (ems).
 	
	NOTE: All em calculations should be to three decimal points.
	
	The units for this file are:
	-- font size: 12px
	-- line height: 18px
	-- vertical unit: 18px
	-- inside vertical proportion: top: 0 / bottom: 1 
	-- outside vertical proportion: top: 1.5 / bottom: .25
	
*/

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

html, body,
h1, h2, h3, h4, h5, h6,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
object, blockquote, pre, address {
	margin: 0;
	padding: 0;
	border: 0;
}

table { 
	border-collapse: collapse; 
	border-spacing: 0; 
}

caption, th, td { 
	text-align: left; 
	vertical-align: top; 
}

blockquote, q {
	quotes: none;
}

a img { border: none; }

hr { border: 0; height: 0; margin: 0; padding: 0; width:0; }

/* -- body/overall ---------------------------------------------*/

/*	This is where you set your base font size and line height.
	
	Your main font size is specified in %.  Base browser font size
	is 16px, so your formula is: font size (px) / 16px = %.
	
	For example: you want 12px baseline type.
	12px / 16px = 75%;
	
	Line height is specified in ems.  The formula for line-height is:
	desired line height (px) / font size (px) = line height (em)
	
	For example: Your font size is 12px, and you want an 18px line
	height. 18px / 12px = 1.5em
	
*/

body {	
	font-size: 75%; /* sets base font-size to 12px */ 
	line-height: 1.5em;
}

body {	
	font-family: Arial, "Helvetica Neue", "Lucida Grande", Helvetica, verdana, sans-serif; 
	color: #666666;	
	background: #fff url(/images/bg/body.gif) top left repeat-x;
}
	 
/* -- typography ---------------------------------------------*/

/*	This is where you set your baseline margin.
	
	The margin is calculated by taking the margin you desire (in px)
	and dividing by the main font size (in px).  Your main font 
	size is specified in % in the body declaration above.
	
	For example: you want a 18px bottom margin for 12px type.
	18px / 12px = 1.5em;
	
	NOTE: All em calculations should be to three decimal points.
	
*/

p, ul, ol, dl, dd, blockquote, pre, code, table { 
	margin: 0 0 1.5em 0; /* 18px */
}

/* lists should be a quarter-size less than the main margin */

li { 
	margin: .75em 0 .75em 0; 
}

ul.titles li { 
	margin: 1.25em 0 1.25em 0; 
}

/* -- headers -- */

/* 	This is where you set your header margins, font size, and
	line height.
	
	Font sizes (em) are calculated by taking the font size you 
	desire (in px) and dividing by the body font size (in px)
	
	For example: you want 36px type.
	Body font size (in px) = 16px * 75% = 12px
	New font size (in em) = 36px / 12px = 3em
	
	The margins (px) are determined by the outside vertical proportion. 
	If we have a vertical unit of 18px, and our margin-top 
	proportion is 1.5, then we have a top margin of 18px * 1.5 = 27px.
	
	The margins (em) are then calculated by taking the margin you 
	desire (in px) and dividing by the header font size (in px).
	
	For example: you want a 27px margin for 36px type.
	27px / 36px = .75em;
	
	Line height should be calculated as the closest 25% (or 33% depending) multiple of
	the vertical unit that is greater than the font size. (Rounded up)
	
	For example: Your unit is 18px.  Your font size is 28px.
	18px * 2 = 36px.  36px / 34px = 1.059em
	
	NOTE: All em calculations should be to three decimal points.

*/

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

h1 { 
	font-size: 2.333em; /* 28px */
	line-height: 1.143em; 
	color: black;
	margin: .964em 0 .179em 0; 
} 

h2 { 
	font-size: 2em; /* 24px */
	line-height: 1.125em; 
	margin: 1.125em 0 .208em 0; 
	color: #3577c1;
} 

h3 { 
	font-size: 1.333em; 
	line-height: 1.125em; 
	margin: 1.688em 0 .3125em 0; 
} 

h4 { 
	font-size: 1em; /* 12px */
	line-height: 1.166em;
	color: #3577c1;
	margin: 2.25em 0 .417em 0; 
} 

h5 { 
	font-size: 1em; /* 12px */
	line-height: 1.166em;
	margin: 2.25em 0 .417em 0; 
} 

h6 { 
	font-size: 1em; /* 12px */
	line-height: 1.166em;
	margin: 2.25em 0 .417em 0; 
}

dt { 
	font-size: 1em; /* 12px */
	line-height: 1.166em;
	margin: 2.25em 0 .417em 0; 
}

/*	these next rules deal with headers that show up right below
	one another. Use the bottom vertical unit for the margin.
	
	This does not work in IE6.
*/

h1 + h2 {
	margin-top: .208em;
}

h2 + h3 {
	margin-top: .3125em;
}

h3 + h4 {
	margin-top: .357em;
}

h4 + h5, h5 + h6 {
	margin-top: .417em;
}

/* -- lists -- */

ul, li { list-style-type: none; }

li { 
/*	padding-left: 1em; */
	padding: 0 0 0 12px;
	margin-left: 1em;
	background: url(/images/bullets/mininav.gif) 0 .45em no-repeat;
}


li ul li {
	padding: 0 0 0 12px;
	margin-left: 1em;
	background: url(/images/bullets/mininav.gif) 0 .45em no-repeat;
}
	
ol {
	padding-left: 1em;
	margin-left: 1em;
}
	
ol li {	
	list-style: decimal; 
	background: none; 
	padding-left: 0; 
}

dt {
	font-weight: bold;
}

/* -- links -- */

a {
    text-decoration: underline;
    outline: none;
    color: #3577c1;
}

a:visited {
    color: #3577c1;
}

a:hover, a:focus {
	color: #000;
	text-decoration: underline;
}

a:active {
    color: #000;
}

/* -- other elements -- */

pre, code, tt { font-family: 'andale mono', 'monotype.com', 'lucida console', monospace; line-height: 1.5; } 
code { white-space: pre; }
tt { display: block; margin: 1.5em 0; line-height: 1.5; white-space: pre;}
strong, b { font-weight: bold; }
em { font-style: italic; }
sup { font-size: .4em; }

dfn {
	font-style: normal;
	cursor: pointer;
	border-bottom: 1px dashed #ccc;
}

/* -- tables ---------------------------------------------*/


table   { margin-bottom: 1.333em; }
th      { border-bottom: 2px solid #ccc; font-weight: bold; }
td      { border-bottom: 1px solid #ddd; }
th,td   { padding: 4px 10px 4px 0; }
tfoot   { font-style: italic; }
caption { background: #ffc; }


/* -- forms ---------------------------------------------*/


form {}
fieldset {}
legend {}

label { margin: .5em 0; }

input {
	height: 16px;
	margin: .5em 0;
	border: 1px solid #7f9db9;
	padding: 2px;
}

input.short { width: 100px; }
input.medium { width: 150px; }
input.long { width: 200px; }

input:focus {}
input.checkbox { width: 13px; height: 13px; border: none; }
input.radio { width: 13px; height: 13px; border: none; }

label.wide { width: auto !important; padding: 0 !important; }

select {}

form br { clear: left; }

textarea {
	margin: .5em 0;
	border: 1px solid #7f9db9;
	padding: 2px;
	width: 300px;
}

input.button-img {
	width: auto !important;
	height: auto !important;
	border: 0 !important;
	padding: 0 !important;
}

input.button {
	float: left;
	margin-right: 10px;
	width: auto !important;
	height: auto !important;
	cursor: pointer;
}

input.button:hover {
	background: #d8e7ef;
}

/* -- common classes -------------------------------------*/

.right {
	text-align: right;
 }

.clearer {
	clear: both;
}

.hide, .print {
	display: none;
}

.leadin {
	padding: 0;
	margin-top: 0;
}

.imgleft {
	float: left;
	margin-right: 1em;
	margin-bottom: 1em;
}

.imgright {
	float: right;
	margin-left: 1em;
	margin-bottom: 1em;
}

.last {
	border-right: none !important;
}

.replaced {
	width: 0px;
	height: 0px;
	display: block;
	margin: 0;
	padding: 0;
	text-indent: -10000px;
	background: url(/images/bg/header-image.jpg) top left no-repeat;
}

ul.no-bullet {
	margin-left: 0;
	padding-left: 0;
}

ul.no-bullet li {
	padding-left: 0;
	background: none;
}

/* Indentation instead of line shifts for sibling paragraphs. */
p.indent { text-indent: 2em; margin-top: -1em; }
/* can use p + p for a whole block */

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

.clearfix {
	zoom: 1;
}

/* 

 for every four lines of content, we want five lines of 
 tighter text: 

 New type size in em's:
 11px (wanted side note size) / 12px (existing base size) = 0.917 (new type size in ems)

 New line-height value:
 base-line-height (px) x 4 = height 
 height / 5 = new line height
 new line height / 11px = (new line height in em's) 
 margin = main unit margin
 
*/

.incremental p, p.incremental {
	font-size: .917em;
	line-height: 1.164em;
	margin: 0 0 1.091em 0;
}	

p.small, .small p {
	font-size: .917em;
	margin: 0 0 1.091em 0;
}

/* 	some elements should just run the same as the body text.  This
	is that class */

.normal {
	font-size: 1em;
	line-height: 1.5em;
	margin-bottom: 0;
}

/* 	There is always some sort of separator as well. */

.separator {
	margin: 24px 0 0 0;
	border-top: 1px solid #999;
	padding: 23px 0 0 0;
}

p.small, .small p {
	font-size: .917em;
	margin: 0 0 1.636em 0;
}


.divider {
	margin: 18px 0 0 0;
	background: url(/images/common/gray-divider.gif) top left repeat-x;
	padding: 17px 0 0 0;
}


/* tight VU is 12 / line height is 14 */

.tight p, p.tight {
	line-height: 1.167em;
	margin: 0 0 .5em 0;
}

div.tight * {
	line-height: 1.167em;
	margin: 0 0 1em 0;
}

div.tight ul li, ul.tight li {
	margin: 0 0 4px 0;
	line-height: 1.167em;
	padding: 0;
	background: none;
}


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

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

#header {
	position: relative;
	height: 105px;
}

#header img#logo{
	position: absolute;
	left: 2px;
	top: 12px;
}

#header img#tagline{
	position: absolute;
	left: 194px;
	top: 20px;
}

#content-wrapper {
	float: left;
	width: 960px;
	padding: 0 1px 24px 1px;
	border-bottom: 1px solid #dddddd;
	background: url(/images/bg/content-wrapper.gif) top left repeat-y;
}

body.wide #content-wrapper {
	background: url(/images/bg/content-wrapper-wide.gif) top left repeat-y;
}

#content-wrapper.wide {
	background: url(/images/bg/content-wrapper-inside-wide.gif) top left repeat-y;
}

#sidebar {
	float: left;
	width: 209px;
	padding: 4px 5px 27px 4px;
}

#sidebar-info {
	border-top: 1px solid #dddddd;
	padding: 4px;
	margin: 18px -4px 18px -4px;
}

#sidebar-info h3 {
	margin-top: 0;
}

#sidebar-info div.wrapper {
	padding: 18px 12px;
	background: url(/images/bg/secondary-nav.gif) top left repeat-x;
}

#sidebar-info div.wrapper p {
	margin-bottom: 1em;
}

#sidebar-info div.wrapper img {
	float: right;
}
/*THE MIN-HEIGHT BELOW IS THE HEIGHT OF THE HEADER AREA THAT INCLUDES THE HEADER AND THE IMAGE*/

#intro {
	background: white;
	float: left;
	padding: 36px 30px 18px 31px;
	padding-right: 320px;
	width: 390px;
	margin-left: 1px;
	border-bottom: 1px solid #dddddd;
	min-height: 170px;
}

/* here are all the intro graphic rules for the main pages - removed !important so JS can override the background */

body.why-computation #intro {
	background: white url(/images/bg/intro/color.jpg) bottom right no-repeat;
}

body.downloads #intro {
	background: white url(/images/bg/intro/color.jpg) bottom right no-repeat;
}
body.how-it-works #intro {
	background: white url(/images/bg/intro/color.jpg) bottom right no-repeat;
}
body.who-uses-frontier #intro {
	background: white url(/images/bg/intro/fed-webart.png) bottom right no-repeat;
}
body.government-agencies #intro {
	background: white url(/images/bg/intro/fed-webart-main.png) bottom right no-repeat;
}
body.government-clients #intro {
	background: white url(/images/bg/intro/fed-webart.png) bottom right no-repeat;
}
body.what-its-used-for #intro {
	background: white url(/images/bg/intro/marbles.jpg) bottom right no-repeat;
}
body.frontier-grid-platform #intro {
	background: white url(/images/bg/intro/FrontierV-WebArt-frontier.png) bottom right no-repeat;
}
body.frontier-enterprise #intro {
	background: white url(/images/bg/intro/enterprise.png) bottom right no-repeat;
}
body.parabon-computation-grid #intro {
	background: white url(/images/bg/intro/online.png) bottom right no-repeat;
}
body.server-consolidation #intro {
	background: white url(/images/bg/intro/grid-cloud-combo.png) bottom right no-repeat;
} 
body.frontier-powered-apps #intro {
	background: white url(/images/bg/intro/color.jpg) bottom right no-repeat;
}
body.downloads #intro {
	background: white url(/images/bg/intro/color.jpg) bottom right no-repeat;
}
body.products-services #intro {
	background: white url(/images/bg/intro/color.jpg) bottom right no-repeat;
}
body.partner #intro {
	background: white url(/images/bg/intro/dna.jpg) bottom right no-repeat;
}
body.about-us #intro {
	background: white url(/images/bg/intro/antenna.jpg) bottom right no-repeat;
}
body.news-events #intro {
	background: white url(/images/bg/intro/marbles.jpg) bottom right no-repeat;
}
body.contact #intro {
	background: white url(/images/bg/intro/dna.jpg) bottom right no-repeat;
}
body.glossary #intro {
	background: white url(/images/bg/intro/color.jpg) bottom right no-repeat;
}
body.blank #intro {
	background: white;
}
body.gecco2008 #intro {
	background: white url(/images/bg/intro/rubiks-cube.jpg) bottom right no-repeat;
}
body.marbles #intro {
	background: white url(/images/bg/intro/marbles.jpg) bottom right no-repeat;
}
body.nanolabs #intro {
	background: white url(/images/bg/intro/dna-color.jpg) bottom right no-repeat;
}
body.can #intro {
	background: white url(/images/bg/intro/can.png) bottom right no-repeat;
}
body.rubiks-cube #intro {
	background: white url(/images/bg/intro/rubiks-cube.jpg) bottom right no-repeat;
}
body.color #intro {
	background: white url(/images/bg/intro/color.jpg) bottom right no-repeat;
}
body.dna #intro {
	background: white url(/images/bg/intro/dna.jpg) bottom right no-repeat;
}
body.dnaStruct #intro {
	background: white url(/images/bg/intro/dna.jpg) bottom right no-repeat;
}
body.antenna #intro {
	background: white url(/images/bg/intro/antenna.jpg) bottom right no-repeat;
}
body.frontier-lo #intro {
	background: white url(/images/bg/intro/frontier-lo.jpg) bottom right no-repeat;
}
body.frontier-mid #intro {
	background: white url(/images/bg/intro/frontier-mid.jpg) bottom right no-repeat;
}
body.frontier-hi #intro {
	background: white url(/images/bg/intro/frontier-hi.jpg) bottom right no-repeat;
}
body.fractal #intro {
	background: white url(/images/bg/intro/fractal.jpg) bottom right no-repeat;
}

body.home #intro {
	background: white url(/images/bg/intro/FrontierV-WebArt-home.png) bottom right no-repeat !important;
	padding-top: 1em;
	padding-bottom: 0;
	padding-right: 290px;
	width: 640px;
}

#intro h1 {
	margin-top: 0;
}

#intro h1 strong {
	color: #3577c1;
	font-weight: normal;
}

#intro .images img {
	display: inline;
	margin-right: 18px;
}

p.images {
	margin-bottom: 0;
}


#main-content {
	float: left;
	width: 429px;
	padding: 27px 30px 0 31px;
}

#content-wrapper.wide #main-content {
	width: 681px;
}

#main-content #intro {
	width: 482px;
	display: inline;
	padding: 4px;
	margin: -27px -30px 27px -31px;
}

#main-content #intro div.wrapper {
	background: url(/images/bg/callout.gif) top left repeat-x;
}

#main-content #intro div.stock-photo {
	padding: 36px 26px 18px 27px;
}

/* here are all the intro graphic rules for the secondary pages */

#main-content #intro {
	background: none !important;
}

.enterprise #main-content #intro div.stock-photo
.online #main-content #intro div.stock-photo
.cloud #main-content #intro div.stock-photo
.scientists-researchers #main-content #intro div.stock-photo,
.isv-developers #main-content #intro div.stock-photo,
.systems-integrators #main-content #intro div.stock-photo,
.government-agencies #main-content #intro div.stock-photo,
.government-clients #government-clients #intro div.stock-photo,
.commercial-enterprises #main-content #intro div.stock-photo
.case-studies #case-studies #intro div.stock-photo
.virtual-private-grid #main-content #intro div.stock-photo
.data-center #main-content #intro div.stock-photo
.features #main-content #intro div.stock-photo
.application-areas #main-content #intro div.stock-photo
.value-propositions #main-content #intro div.stock-photo
.topologies #main-content #intro div.stock-photo
.architecture #main-content #intro div.stock-photo
.security #main-content #intro div.stock-photo
.multimedia #main-content #intro div.stock-photo
.data-sheets #main-content #intro div.stock-photo
.slide-decks #main-content #intro div.stock-photo
.white-papers #main-content #intro div.stock-photo
.downloads #main-content #intro div.stock-photo
.pub-benefits #main-content #intro div.stock-photo
.pub-links #main-content #intro div.stock-photo
.pub-agencies #main-content #intro div.stock-photo
.pub-partners #main-content #intro div.stock-photo
.pub-contract-vehicles #main-content #intro div.stock-photo

{
	padding-right: 130px; /* space for the image */
}

.scientists-researchers #main-content #intro div.stock-photo {
	background: url(/images/bg/intro/1.gif) bottom right no-repeat;
}
.isv-developers #main-content #intro div.stock-photo {
	background: url(/images/bg/intro/2.gif) bottom right no-repeat;
}
.systems-integrators #main-content #intro div.stock-photo {
	background: url(/images/bg/intro/3.gif) bottom right no-repeat;
}
.government-agencies #main-content #intro div.stock-photo {
	background: url(/images/bg/intro/4.gif) bottom right no-repeat;
}
.commercial-enterprises #main-content #intro div.stock-photo {
	background: url(/images/bg/intro/5.gif) bottom right no-repeat;
}
.parabon-computation-grid #main-content #intro div.stock-photo {
	background: url(/images/bg/intro/5.gif) bottom right no-repeat;
}

body.wide #main-content {
	width: 960px;
	padding: 0 1px;
}


#main-content.leadin {
	padding-top: 4px;
}

#main-content div.section {
	border-bottom: 1px solid #ddd;
	margin: 0 -30px 0 -31px;
	padding: 0 4px;	
	clear: left;
}

#main-content div.latest {
	border-bottom: 0;
	padding-top: 4px;
}

#main-content div.latest h3 {
	background: #ebebeb url(/images/common/mini-logo.gif) 12px 4px no-repeat;
	border-top: 4px solid #818080;
	margin-bottom: 4px;
	margin-top: 0;
	padding: 6px 12px 6px 40px;
	color: #cc0000;
	font-size: 1.2em;
	line-height: 1.2em;
	text-transform: uppercase;
	zoom: 1;
}

div.news-list {
	border-top: 1px solid #ddd;
	padding-top: 5px;
}

div.news-list ul {
	font-size: 1.2em;
	margin-bottom: 0;
}

div.news-list ul li {
	margin-top: 9px;
	margin-bottom: 0;
	background: none;
	margin-left: 0;
}

div.news-list ul span.info {
	display: block;
	font-size: .929em;
	zoom: 1;
}

div.news-list ul span.date {
	display: block;
	font-size: .929em;
	color: #999999;
	zoom: 1;
}


div.list-separator {
	position: relative;
	padding-left: 100px;
	padding-right: 36px;
	background: url(/images/common/gray-divider.gif) bottom left repeat-x;
	padding-bottom: 14px;
	margin-bottom: 14px;
}

div.latest div.last {
	background: none;
}

div.list-separator h4 {
	position: absolute;
	color: #666;
	margin-top: 0;
	text-align: right;
	top: 0;
	left: 12px;
	width: 70px;
}

div.glossary-list h3 {
	margin-bottom: 9px !important;
}

div.glossary-list h4 {
	width: 100px;
	font-weight: bold;
}

div.glossary-list div.list-separator {
	padding-left: 130px;	
}

#intro h1, #intro h2 {
	letter-spacing: -1px;
}

body.home #intro h1 {
	margin-right: -250px;
}

#intro em {
	display: block;
	color: #666666;
	font-weight: normal;
}

strong.title {
	color: #ed1b2d;
}

#secondary-content {
	float: left;
	width: 245px;
	padding: 4px 3px 4px 4px;
}

/* vertical-unit = 12 = tight measure */

#secondary-content div.callout {
	border: 1px solid #dddddd;
	padding: 12px;
	background: url(/images/bg/callout.gif) top left repeat-x;
	margin: 0 0 9px 0;
}

div.callout.inside {
	border: none;
}

div.callout.blank {
	background: none !important;
	padding: 4px !important;
}

div.callout.blank div.wrapper {
	padding: 9px;
	background: #d3e1f3 !important;
}

div.callout.blank h3 {
	background: none !important;
	padding-bottom: 0 !important;
}

div.callout.blank img {
	display: block;
}

div.callout h3 {
	line-height: 1.125em;
	margin: 0;
	color: black;
	background: url(/images/common/gray-divider.gif) bottom left repeat-x;
	padding-bottom: 6px;
	margin-bottom: 6px;
}

div.callout h4 {
	margin-top: 8px;
	margin-bottom: -4px;
}

div.callout p {
	line-height: 1.167em;
	margin: .5em 0 0 0;
}

div.callout ul {
	line-height: 1.167em;
	margin: .5em 0 0 0;
}

div.callout ul li {
	margin: 0 0 3px 0;
	padding: 0;
	background: none;
}

div.callout ul li a {
	color: black;
}

div.callout ul li a:hover {
	color: #3577c1;
}

div.callout ul.bulleted li {
	padding: 0 0 0 12px;
	background: url(/images/bullets/mininav.gif) 0 .25em no-repeat;
}
	

div.callout a.more {
	display: block;
	color: black;
	zoom: 1;
}

.learn-more, a.learn-more,
.ff1-button, a.ff1-button,
.f4-button, a.f4-button {
	display: block;
	color: #000;
	zoom: 1;
}

.more a:hover, a.more:hover, a.learn-more:hover, .learn-more a:hover,
.ff1-button a:hover, a.ff1-button:hover {
	color: #3577c1 !important;
}
	
/* widget blocks */

#home-marquee {
	background-color: #FFF;
}

#home-marquee div.widget,
#main-content div.widget {
	padding: 0 4px !important;
}

#home-marquee div.widget div.wrapper,
#main-content div.widget div.wrapper {
	border: 1px solid #dddddd;
	border-top: 0;
	margin: 0 0 4px 0;
}

#home-marquee div.widget div.wrapper p,
#main-content div.widget div.wrapper p {
	line-height: 1.167em;
	margin: .5em 0 0 0;
}

.callout div.widget,
#secondary-content div.widget {
	border-top: 0 !important;
	padding: 0 !important;
}

/* HEADER OF WIDGET IN THE BLUE LINE */
div.widget h3 {
	background: #656464 url(/images/bg/widget-header.gif) top left repeat-x;
	border-top: 1px solid #656464;
	color: white;
	margin-top: 0;
	margin-bottom: 1px;
	padding: 6px 12px;
}

#home-marquee div.widget ul.widget-triggers,
#main-content div.widget ul.widget-triggers {
	margin: 0;
	padding: 0;
	line-height: 1.2em;
	font-size: 1em;
	font-size: 12px; /* don't resize! */
}

#home-marquee div.widget ul.widget-triggers li,
#main-content div.widget ul.widget-triggers li {
	float: left;
	margin: 0;
	padding: 0;
	border-right: 1px solid #ddd;
	border-top: 1px solid #ddd;
}

/* THIS IS THE WIDTH OF THE NAVIGATION BARS AT THE BOTTOM OF THE WIDGET: */
#home-marquee div.widget ul.widget-triggers li a,
#main-content div.widget ul.widget-triggers li a {
	display: block;
	width: 131px;
	background: #ccf;
	border: 1px solid white;
	color: #666;
	padding: 9px 6px 5px 6px;
	text-decoration: none;
	
}

#home-marquee div.widget ul.widget-triggers li.last,
#main-content div.widget ul.widget-triggers li.last {
	border-right: 0;
}

#home-marquee div.widget ul.widget-triggers li a:hover,
#main-content div.widget ul.widget-triggers li a:hover {
	color: black;
}	
/* THIS IS THE COLOR OF THE TEXT ON THE SELECTION TAB OF THE WIDGET */
#home-marquee div.widget ul.widget-triggers li.on a,
#main-content div.widget ul.widget-triggers li.on a {
	background: #74a3d9;
	color: red !important;
}

#main-content div.widget {
	/* background: url(/images/bg/logo-spikes.png) bottom left no-repeat; */
}

div.widget div.wrapper div.who-uses-widget,
div.widget div.wrapper div.computing-for {
 	background: url(/images/bg/callout.gif) top left repeat-x;
}	

/* module js background images - THESE ARE THE MEASUREMENTS FOR THE IMAGES INSIDE THE WIDGET: T-R-B-L */

div.widget div.wrapper div.who-uses-widget div.stock-photo,
div.widget div.wrapper div.computing-for div.stock-photo {
	padding: 8px 8px 5px 240px;
	min-height: 180px;
	display: none;
}

div.widget dl#who-uses-widget dd.scientists-researchers,
div.widget div.wrapper div.who-uses-widget div.scientists-researchers {
	background: url(/images/bg/widgets/1.gif) bottom left no-repeat;
}
div.widget dl#who-uses-widget dd.isv-developers,
div.widget div.wrapper div.who-uses-widget div.isv-developers {
	background: url(/images/bg/widgets/2.gif) bottom left no-repeat;
}
div.widget dl#who-uses-widget dd.systems-integrators,
div.widget div.wrapper div.who-uses-widget div.systems-integrators {
	background: url(/images/bg/widgets/3.gif) bottom left no-repeat;
}
div.widget dl#who-uses-widget dd.government-agencies,
div.widget div.wrapper div.who-uses-widget div.government-agencies {
	background: url(/images/bg/widgets/4.gif) bottom left no-repeat;
}
div.widget dl#who-uses-widget dd.commercial-enterprises,
div.widget div.wrapper div.who-uses-widget div.commercial-enterprises {
	background: url(/images/bg/widgets/5.gif) bottom left no-repeat;
}
div.widget div.wrapper div.computing-for div.security {
	background: url(/images/bg/widgets/firewall-network-security.png) bottom left no-repeat;
}
div.widget div.wrapper div.computing-for div.enterprise {
	background: url(/images/bg/widgets/enterprise-small.png) bottom left no-repeat;
}
div.widget div.wrapper div.computing-for div.cloud {
	background: url(/images/bg/widgets/grid-cloud-small.png) bottom left no-repeat;
}
div.widget div.wrapper div.computing-for div.virtual-private-grid {
	background: url(/images/bg/widgets/vpg-small.png) bottom left no-repeat;
}
div.widget div.wrapper div.computing-for div.online {
	background: url(/images/bg/widgets/online-small.png) bottom left no-repeat;
}
div.widget div.wrapper div.computing-for div.data-center {
	background: url(/images/bg/widgets/data-center-small.png) bottom left no-repeat;
}
div.widget div.wrapper div.computing-for div.multimedia {
	background: url(/images/bg/logo-spikes.png) bottom left no-repeat;
}
div.widget div.wrapper div.computing-for div.data-sheets {
	background: url(/images/bg/logo-spikes.png) bottom left no-repeat;
}
div.widget div.wrapper div.computing-for div.slide-decks {
	background: url(/images/bg/logo-spikes.png) bottom left no-repeat;
}
div.widget div.wrapper div.computing-for div.white-papers {
	background: url(/images/bg/logo-spikes.png) bottom left no-repeat;
}
div.widget div.wrapper div.computing-for div.downloads {
	background: url(/images/bg/logo-spikes.png) bottom left no-repeat;
}
div.widget div.wrapper div.public-sector-widget div.pub-benefits {
	background: url(/images/bg/widgets/flag-trans-160x160.png) bottom left no-repeat;
}
div.widget div.wrapper div.public-sector-widget div.pub-info {
	background: url(/images/bg/widgets/flag-trans-160x160.png) bottom left no-repeat;
}
div.widget div.wrapper div.public-sector-widget div.pub-agencies {
	background: url(/images/bg/widgets/flag-trans-160x160.png) bottom left no-repeat;
}
div.widget div.wrapper div.public-sector-widget div.pub-partners {
	background: url(/images/bg/widgets/flag-trans-160x160.png) bottom left no-repeat;
}
div.widget div.wrapper div.public-sector-widget div.pub-contract-vehicles {
	background: url(/images/bg/widgets/flag-trans-160x160.png) bottom left no-repeat;
}

div.who-uses-widget p.title,
div.computing-for p.title {
	margin: 0 0 27px -45px !important;
	font-size: 1.333em; 
}

div.widget p.quote {
	font-size: 1.2em;
	color: #3577c1;
	margin-bottom: 0;
	padding-left: 2px;
}

div.widget p.quote span.more {
	display: block;
	text-align: right;
	position: absolute;
	bottom: 1.5em;
	right: 1em;
	zoom: 1;
}

body.home div.who-uses-widget p.quote span.more,
body.home div.computing-for p.quote span.more {
	font-size: 12px;	
}

.callout div.widget div.wrapper div.computing-for div.stock-photo,
#secondary-content div.widget div.wrapper div.computing-for div.stock-photo {
	padding: 9px 12px 27px 90px !important;
	min-height: 155px;
	margin-bottom: 0;
}

#secondary-content div.widget div.wrapper div.who-uses-widget div.scientists-researchers {
	background: url(/images/bg/widgets/1-secondary.gif) bottom left no-repeat;
}
#secondary-content div.widget div.wrapper div.who-uses-widget div.isv-developers {
	background: url(/images/bg/widgets/2-secondary.gif) bottom left no-repeat;
}
#secondary-content div.widget div.wrapper div.who-uses-widget div.systems-integrators {
	background: url(/images/bg/widgets/3-secondary.gif) bottom left no-repeat;
}
#secondary-content div.widget div.wrapper div.who-uses-widget div.government-agencies {
	background: url(/images/bg/widgets/4-secondary.gif) bottom left no-repeat;
}
#secondary-content div.widget div.wrapper div.who-uses-widget div.commercial-enterprises {
	background: url(/images/bg/widgets/5-secondary.gif) bottom left no-repeat;
}

/* -- HOME WIDGET -- */
body.home div.home-widget {
	background: url(/images/bg/widgets/bottom-gradient-1.png) bottom left repeat-x;
	font-size: 12px;
}

body.home div.home-widget a {
	/* color:yellow; */
	text-decoration: none;
}

body.home div.home-widget a:hover {
	text-decoration: underline;
}

div.home-widget div.stock-photo {
	min-height: 100%;
}
	
div.home-widget span.title {
	/* margin: 0 0 27px 0 !important; */
	font-size: 1.333em; 
	color: red;
	font-weight: bold;
}

body.home div.home-widget strong.title {
	/* color: #333333; background: #FFFF66; */
	padding: 2px;
}

div.home-widget p.quote {
	font-size: 1.2em;
	margin-bottom: 0;
	padding-left: 2px;
}

div#home-widget p#features-sentence,
div#home-widget p#benefits-sentence,
div#home-widget p#uses-sentence,
div#home-widget p#industries-sentence,
div#home-widget p#cloud-sentence {
	padding: .5em 0;
	font-weight: bold;
	width: 100%;
	text-align: center;
}

div.home-widget a {
	font-weight: bold;
}

div.home-widget ul.quote li {
	font-weight: bold;
	margin: 0.15em 0;
}

dl dt strong,
div.home-widget ul.quote li strong {
	color: red;
}

div.home-widget p.quote span.more {
	display: block;
	text-align: right;
	zoom: 1;
}

body.home div.home-widget p.quote span.more {
	font-size: 12px;	
}

/* -- PUBLIC SECTOR WIDGET -- */
body.home div.public-sector-widget {
	/* background:#007CAB; color:white; */
}

body.home div.public-sector-widget a {
	/* color:yellow; */
	text-decoration: none;
}

body.home div.public-sector-widget a:hover {
	text-decoration: underline;
}

div.public-sector-widget p.title {
	margin: 0 0 27px -45px !important;
	font-size: 1.333em; 
}

body.home div.public-sector-widget strong.title {
	/* color: #333333; background: #FFFF66; */
	padding: 2px;
}

div.public-sector-widget p.quote {
	font-size: 1.2em;
	color: #3577c1;
	margin-bottom: 0;
	padding-left: 232px;
}

div.public-sector-widget p.quote {
	margin-left: 5em;
}

div.public-sector-widget p.quote span.more {
	display: block;
	text-align: right;
	zoom: 1;
}

body.home div.public-sector-widget p.quote span.more {
	font-size: 12px;	
}

/* WIDGET HEADER */
div.widget h3.who-uses-widget,
div.widget h3.computing-for,
div.widget h3.home-widget, 
div.widget h3.public-sector-widget {
	background: #7ca6dd;
	color: white;
	border-color: #6596c5;
}

.callout div.widget h3,
#secondary-content div.widget h3 {
	margin-bottom: 1px; 
}

#secondary-content div.widget p.title {
	margin: 0 0 12px 0 !important;
	font-size: 1em; 
}
/* TITLE INSIDE WIDGET */
p.title strong {
	color: red;
}

          .callout div.computing-for p.quote,
#secondary-content div.computing-for p.quote {
	font-size: 1em;
	line-height: 1.2em;
	padding-left: 5px;
}

#secondary-content ul.widget-triggers {
	margin: 0;
	padding: 0;
	border-bottom: 3px solid #bab9b9;
}

#secondary-content ul.widget-triggers li {
	margin: 0;
	padding: 0;
	font-size: 1.083em;
	font-weight: normal;
	color: #999999;
	background: url(/images/bg/callout.gif) top left repeat-x;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ddd;
}

#secondary-content ul.widget-triggers li a {
	color: #666;
	display: block;
	margin: 0;
	text-decoration: none;
	padding: 6px 12px 6px 12px;
}

#secondary-content dl.widget dd.on,
#secondary-content ul.widget-triggers li.on {
	background: #74a3d9;
}

#secondary-content dl.widget li.on a,
#secondary-content ul.widget-triggers li.on a {
	color: white;

}

body.home div.callout h3 {
	margin-bottom: 1px;
}

body.home div.callout dl {
	margin: 0;
}

body.home div.callout dl dt {
	margin: 0;
	padding: 12px 12px 6px 12px;
	font-size: 1.333em; 
	line-height: 1.125em; 
	font-weight: normal;
	color: #999999;
	background: url(/images/bg/callout.gif) top left repeat-x;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ddd;
	zoom: 1;
}

body.home div.callout dl dt a {
	text-decoration: none;
	color: #999;
	display: block;
	background-image: url(/images/bullets/arrow-down.gif); 
	background-position: 100% 50%;
	background-repeat: no-repeat;
}

body.home div.callout dl dt.on a {
	background-image: url(/images/bullets/arrow-up.gif); 
}

body.home div.callout dl dt a:hover {
	color: black !important;
}

body.home div.callout dl dt.more a {
	background-image: url(/images/bullets/plus.gif); 
	background-position: 100% 50%;
}

body.home div.callout dl dt.on, body.home div.callout dl dt.on a {
	color: black;
}

body.home div.callout dl dd {
	padding: 0 12px 0 12px;
	margin: 0;
	zoom: 1;
}

body.home div.callout dl dd div {
	overflow: hidden;
	height: auto;
	zoom: 1;
	display: none;
}

div.callout dl dd div ul {
	line-height: 1.167em;
	margin: .5em 0 0em 0;
	padding-bottom: .5em; /* safari bug with getting the correct height of the box */
}

body.home div.callout dl dt.last {
	border-bottom: 0;
}

/* -- */

#footer {
	clear: both;
	padding: 12px 24px;
	zoom: 1;
	border-bottom: 1px solid #dddddd;
	background: url(/images/bg/content-wrapper-wide.gif) top left repeat-y;

}	

#footer p {
	color: #666666;
	margin: 0;
	line-height: 1.83em;
}

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

#mainnav {
	position: absolute;
	bottom: 0;
	margin: 0;
	padding: 0;	
	border-bottom: 5px solid #2c589f;
}

#mainnav li {
	float: left;
	margin: 0 1px 0 0;
	padding: 0;
	line-height: 1.1em;
	border-left: 1px solid #2E2E2E;
	background: url(/images/bg/mainnav.gif) top left repeat-x;
	text-transform: uppercase;
}	

body.home #mainnav li#discover-frontier {
	background-position: 0 -100px;
	border-left: 1px solid #2c589f;
}

body.discover-frontier #mainnav li#discover-frontier {
	background-position: 0 -100px;
	border-left: 1px solid #2c589f;
}

body.dev-center #mainnav li#dev-center {
        background-position: 0 -100px;
        border-left: 1px solid #2c589f;
}

body.capacity-market #mainnav li#capacity-market {
        background-position: 0 -100px;
        border-left: 1px solid #2c589f;
}

body.my-frontier #mainnav li#my-frontier {
        background-position: 0 -100px;
        border-left: 1px solid #2c589f;
}

#mainnav li#my-frontier {
	margin-right: 0;
}

#mainnav li#my-frontier a {
	width: 227px;
}

#mainnav li a {
	color: white;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	width: 224px;
	display: block;
	background: url(/images/bg/mainnav-corner.gif) top right no-repeat;
	padding: 9px 14px 6px 0;
}

#mainnav li:hover {
	background-position: 0 -200px;
}
	
#subnav {
}

#mininav {
	position: absolute;
	bottom: 58px;
	right: 5px;
	margin: 0;
	padding: 0;
	
}

#mininav li {
	float: left;
	margin: 0;
	padding: 0 14px 0 7px;
	line-height: 1.1em;
	background: url(/images/bullets/mininav.gif) 0 .3em no-repeat;
}	

#mininav li a {
	color: #666666;
	text-decoration: none;
}

#mininav li a:hover {
	color: #3577C1;
}

li#mini-search {
	background: none;
}
	
#search-form input {
	float: left;
	width: 130px;
	height: 13px;
	font-size: 11px;
	padding: 2px;
	margin: 0 5px 0 0;
	vertical-align: middle;
	border: 1px solid #c9c9c9;
}


#sidebar ul {
	margin: 0;
	padding: 0;
}

#sidebar ul li {
	margin: 0 0 4px 0;
	line-height: 1.167em;
	padding: 0;
	background: none;
}

#sidebar ul li a {
	text-decoration: none;
	color: #666666;
}

#sidebar ul li a:hover {
	color: #74a3d9;
}

ul#secondary-nav {
	background: url(/images/bg/secondary-nav.gif) top left repeat-x;
	padding: 18px 12px 5px 12px;
	margin: 0;
	zoom: 1;
}

ul#secondary-nav li a {
	font-weight: bold;
	color: #666;
}

ul#secondary-nav li.on a {
	color: black;
}

/* need to set class-based ons here */

ul#secondary-nav li ul, ul#extra-nav li ul {
	display: none;
}

body.why-computation ul#secondary-nav li#why-computation ul,
/* body.how-it-works ul#secondary-nav li#how-it-works ul, */
body.downloads ul#secondary-nav li#downloads ul,
body.who-uses-frontier ul#secondary-nav li#who-uses-frontier ul,
body.what-its-used-for ul#secondary-nav li#what-its-used-for ul,
body.frontier-grid-platform ul#secondary-nav li#frontier-grid-platform ul,
body.frontier-powered-apps ul#secondary-nav li#frontier-powered-apps ul,
body.downloads ul#secondary-nav li#downloads ul,
body.resource-center ul#extra-nav li#resource-center ul,
body.glossary ul#extra-nav li#resource-center ul,
body.faqs ul#extra-nav li#resource-center ul,
body.news-events ul#extra-nav li#news-events ul,
body.in-the-news ul#extra-nav li#news-events ul,
body.press-releases ul#extra-nav li#news-events ul,
body.events ul#extra-nav li#news-events ul,
body.products-services ul#extra-nav li#products-services ul,
body.products ul#extra-nav li#products-services ul,
body.professional-services ul#extra-nav li#products-services ul,
body.support ul#extra-nav li#products-services ul,
body.partner ul#extra-nav li#partner ul,
body.about-us ul#extra-nav li#about-us ul,
body.careers ul#extra-nav li#about-us ul,
body.directions ul#extra-nav li#about-us ul,
body.philanthropy ul#extra-nav li#about-us ul,
body.support-services ul#extra-nav li#support-services ul,
body.contact ul#extra-nav li#contact ul {
	display: block;
}
	
body.why-computation ul#secondary-nav li#why-computation > a,
/* .how-it-works ul#secondary-nav li#how-it-works > a, */
body.who-uses-frontier ul#secondary-nav li#who-uses-frontier > a,
body.what-its-used-for ul#secondary-nav li#what-its-used-for > a,
body.frontier-grid-platform ul#secondary-nav li#frontier-grid-platform > a,
body.frontier-powered-apps ul#secondary-nav li#frontier-powered-apps > a,
body.downloads ul#secondary-nav li#downloads > a,
body.resource-center ul#extra-nav li#resource-center > a,
body.products-services ul#extra-nav li#products-services > a,
body.partner ul#extra-nav li#partner > a,
body.about-us ul#extra-nav li#about-us > a,
body.support-services ul#extra-nav li#support-services > a,
body.news-events ul#extra-nav li#news-events > a,
body.contact ul#extra-nav li#contact > a {
	color: black;
}

    ul#extra-nav li ul li a,
ul#secondary-nav li ul li a {
	font-weight: normal !important;
}

body.frontier ul#secondary-nav li#frontier > a,
body.parabon-computation-grid ul#secondary-nav li#parabon-computation-grid > a, 
body.frontier-enterprise ul#secondary-nav li#frontier-enterprise > a,
body.frontier-online ul#secondary-nav li#frontier-online > a,
body.how-frontier-works ul#secondary-nav li#how-frontier-works > a,
body.dashboard ul#secondary-nav li#dashboard > a,
body.cloud-computing ul#secondary-nav li#cloud-computing > a,
body.get-started ul#secondary-nav li#get-started > a,
body.computation-on-demand ul#secondary-nav li#computation-on-demand > a,
body.parabon-capacity-market ul#secondary-nav li#parabon-capacity-market > a, 
body.scientists-researchers ul#secondary-nav li#scientists-researchers > a,
body.isv-developers ul#secondary-nav li#isv-developers > a,
body.systems-integrators ul#secondary-nav li#systems-integrators > a, 
body.government-agencies ul#secondary-nav li#government-agencies > a,
body.government-clients ul#secondary-nav li#government-clients > a,
body.commercial-enterprises ul#secondary-nav li#commercial-enterprises > a,
body.case-studies ul#secondary-nav li#case-studies > a,
body.cybersecurity ul#secondary-nav li#cybersecurity > a,
body.modeling-simulation ul#secondary-nav li#modeling-simulation > a,
body.evolutionary-computation ul#secondary-nav li#evolutionary-computation > a,
body.decryption ul#secondary-nav li#decryption > a,
body.optimization ul#secondary-nav li#optimization > a,
body.bioinformatics ul#secondary-nav li#bioinformatics > a,
body.data-mining ul#secondary-nav li#data-mining > a,
body.financial-forecasting ul#secondary-nav li#financial-forecasting > a,
body.nanotechnology ul#secondary-nav li#nanotechnology > a,
body.other-uses ul#secondary-nav li#other-uses > a,
body.dashboard ul#secondary-nav li#dashboard > a,
body.sdk ul#secondary-nav li#sdk > a,
body.server-consolidation ul#secondary-nav li#server-consolidation > a,
body.get-started ul#secondary-nav li#get-started > a,
body.request-eval ul#secondary-nav li#request-eval > a,
body.free-academic-offer ul#secondary-nav li#free-academic-offer > a,
body.crush ul#secondary-nav li#crush > a,
body.insequio ul#secondary-nav li#insequio > a,
body.watchman ul#secondary-nav li#watchman > a,
body.distributed-network-attack-enterprise ul#secondary-nav li#distributed-network-attack-enterprise > a,
body.cybersecurity-suite ul#secondary-nav li#cybersecurity-suite > a,
body.blitz ul#secondary-nav li#blitz > a,
body.tour ul#extra-nav li#tour > a,
body.resource-center ul#extra-nav li#resource-center > a,
body.glossary ul#extra-nav li#glossary > a,
body.faqs ul#extra-nav li#faqs > a,
body.in-the-news ul#extra-nav li#in-the-news > a,
body.press-releases ul#extra-nav li#press-releases > a,
body.events ul#extra-nav li#events > a,
body.products ul#extra-nav li#products > a,
body.professional-services ul#extra-nav li#professional-services > a,
body.support ul#extra-nav li#support > a,
body.start-a-business ul#extra-nav li#start-a-business > a,
body.directions ul#extra-nav li#directions > a,
body.philanthropy ul#extra-nav li#philanthropy > a,
body.careers ul#extra-nav li#careers > a,
body.instructions ul#extra-nav li#instructions > a,
body.parabon-capacity-market ul#secondary-nav li#parabon-capacity-market > a {
	color: black !important;
}

ul#secondary-nav li ul li a:hover {
	color: #3577c1 !important;
}

ul#secondary-nav li ul li.on a {
	color: black !important;
}

ul#secondary-nav li {
	border-bottom: 1px solid #dddddd;
	padding-bottom: 3px;
	margin-bottom: 12px;
	zoom: 1;
}

ul#secondary-nav li ul {
	margin: 6px 0 0 0;
}

ul#secondary-nav li ul li {
	padding: 0 0 0 1em;
	border-bottom: 0;
	margin-bottom: 6px;
	background: url(/images/bullets/dash.gif) .2em .4em no-repeat;
}

ul#extra-nav {
	padding: 0 12px;
	margin: -3px 0 0 0;
}

ul#extra-nav li {
	background: url(/images/bullets/mininav.gif) 0 .3em no-repeat;
	padding-left: 1em;
	margin: 0 0 9px 0;
}

ul#extra-nav li ul {
	margin: 6px 0 0 0;
}

ul#extra-nav li ul li {
	padding: 0 0 0 1em;
	margin: 0 0 4px 0;
	background: url(/images/bullets/dash.gif) .2em .4em no-repeat;
}

ul#extra-nav li ul li a {
	font-weight: normal !important;
	color: #666 !important;
}

ul#extra-nav li ul li a:hover {
	color: #3577c1 !important;
}

img.screenshot {
	margin-bottom: 18px;
}

div.question {
	padding: 9px 12px 0 12px;
}

div.question p {
	font-weight: bold;
	margin-bottom: 0;
}

div.answer {
	padding: 0 12px 9px 12px;
}

.video-screenshot {
	border: 1px solid #ccc;
	border-bottom: none;
	margin-left: 0 !important;
	background: #fff;
}

.no-hardware {
	position: relative;
	padding-left: 74px !important;
}

.no-hardware img {
	position: absolute;
	top: 12px;
	left: 6px;
}

div.quote p {
	background: url(/images/common/quote.gif) top left no-repeat;
	padding-top: 24px;
	color: #3577c1;
	line-height: 1.5em;
}

div.quote p span.attribution {
	font-weight: bold;
	display: block;
	zoom: 1;
	line-height: 1.333em;
	margin-top: 4px;
	color: #666;
}
	
table th {
	background: #4d4c4c url(/images/bg/th.gif) top left repeat-x;
	color: white;
	padding: 8px;
}

table td {
	padding: 8px;
}

table tr.alt {
	background: #f3f3f4;
}

p.caption {
	text-align: center;
	margin-top: -12px;
}

p.tour-link {
	color: #fff;
	border: 1px solid #ccc;
	border-top: 0;
	margin: 0 !important;
	background: #4a87d0 url(/images/bg/video-link.gif) top left repeat-x;
	line-height: 1.1em !important;
}

p.tour-link a {
	color: #fff !important;
	background: url(/images/bullets/video-bullet.gif) top right no-repeat;
	display: block;
	padding: 6px 24px;
	text-align: right;
	margin: 0 !important;
	text-decoration: none;
	line-height: 1.1em;
}

p.tour-link:hover {
	background: #76b2e5;
}

div.shots img {
	margin: 0;
}

#learn-more-home {
	float: left;
	width: 176px;
	height: 71px;
	display: block;
	background: url(/images/common/learn-more-home.gif) top left no-repeat;
	text-indent: -10000px;
	outline: none;
}

.ff1-button {
	width: 50px;
	height: 72px;
	display: block;
	margin-right: 1em;
	background: url(/images/common/FF1-button.gif) top left no-repeat;
	text-indent: -10000px;
	outline: none;
}

body.home div.home-widget .ff1-button {
	height: 50px;
}

.try-it-noshadow {
	width: 130px;
	height: 55px;
	display: block;
	margin-right: 1em;
	background: url(/images/common/button-try-frontier.png) top left no-repeat;
	text-indent: -10000px;
	outline: none;
}

/* p.try-it-button {
	width: 158px;
	height: 60px;
	display: block;
	margin-right: 1em;
	background: url(/images/common/button-try-frontier-158x60.png) top left no-repeat;
	text-indent: -10000px;
	outline: none;
} */

body.home div.home-widget .try-it-button {
	height: 60px;
}
body.home div.frontier-topologies .try-it-button {
	height: 30px;
}
body.home div.public-sector-widget .ff1-button {
	height: 32px;
}
body.home div.public-sector-widget .try-it-button {
	height: 55px;
}
#get-started-home {
	float: left;
	width: 176px;
	height: 71px;
	display: block;
	background: url(/images/common/get-started-home.gif) top left no-repeat;
	text-indent: -10000px;
	outline: none;
}

.f4-button {
	float: left;
	width: 176px;
	height: 71px;
	display: block;
	background: url(/images/common/F4-button.gif) top left no-repeat;
	text-indent: -10000px;
	outline: none;
}
	
#learn-more-home:hover, #get-started-home:hover {
	background-position: 0 -71px;
}

.ff1-button:hover {
	background-position: 0 -72px;
}

.f4-button:hover {
	background-position: 0 -71px;
}

p.nanolabs-button a {
	float: left;
	width: 209px;
	height: 47px;
	display: block;
	background: url(/images/common/nanolabs-button.gif) top left no-repeat;
	text-indent: -10000px;
	outline: none;
	margin-left: 0;
	margin-bottom: 12px;
}

p.nanolabs-button a:hover {
	background-position: 0 -47px;
}

p.nanolabs-button {
    margin-top: 0 !important;
}

p.federal-button a {
	float: left;
	width: 209px;
	height: 47px;
	display: block;
	background: url(/images/common/button-public-sector-double.png) top left no-repeat;
	text-indent: -10000px;
	outline: none;
	margin-left: 0;
	margin-bottom: 12px;
}

p.federal-button a:hover {
	background-position: 0 -64px;
}

p.federal-clients {
    margin-top: 0 !important;
}
p.federal-clients a {
	float: left;
	width: 209px;
	height: 47px;
	display: block;
	background: url(/images/common/button-gov-clients.png) top left no-repeat;
	text-indent: -10000px;
	outline: none;
	margin-left: 0;
	margin-bottom: 12px;
}

p.federal-clients a:hover {
	background-position: 0 -64px;
}

p.federal-clients {
    margin-top: 0 !important;
}
p.demo {
    margin-top: 0 !important;
}
p.demo a {
	float: left;
	width: 209px;
	height: 47px;
	display: block;
	background: url(/images/common/button-demo-double.png) top left no-repeat;
	text-indent: -10000px;
	outline: none;
	margin-left: 0;
	margin-bottom: 12px;
}

p.demo a:hover {
	background-position: 0 -64px;
}

p.demo {
    margin-top: 0 !important;
}

p.security {
    margin-top: 0 !important;
}
p.security a {
	float: left;
	width: 209px;
	height: 47px;
	display: block;
	background: url(/images/common/button-security-learn-more.png) top left no-repeat;
	text-indent: -10000px;
	outline: none;
	margin-left: 0;
	margin-bottom: 12px;
}

p.security a:hover {
	background-position: 0 -64px;
}

p.security {
    margin-top: 0 !important;
}

p.learn-more-link {
	position: absolute;
	bottom: 1.5em;
	right: 1em;
}

p.try-it-button {
	float: left;
	width: 158px;
	height: 60px;
}
p.try-it-button a {
	display: block;
	width: 158px;
	height: 60px;
	background: url(/images/common/button-try-frontier-158x60.png) top left no-repeat;
	text-indent: -10000px;
	outline: none;
}
p.try-it-button a:hover {
	background-position: 0 -60px;
}

a.next-button {
	float: left;
	width: 76px;
	height: 42px;
	display: block;
	background: url(/images/common/button-next-76x42.png) top left no-repeat;
	text-indent: -10000px;
	outline: none;
	margin-left: 0;
	margin-bottom: 12px;
}

a.next-button:hover {
	background-position: 0 -42px;
}

p.next-button {
    margin-top: 0 !important;
}
p.pub-sector a {
	float: left;
	width: 209px;
	height: 47px;
	display: block;
	background: url(/images/common/button-pub-sector-2.png) top left no-repeat;
	text-indent: -10000px;
	outline: none;
	margin-left: 0;
	margin-bottom: 12px;
}

p.pub-sector a:hover {
	background-position: 0 -47px;
}

p.pub-sector {
    margin-top: 0 !important;
}

p.download-button a {
	float: left;
	width: 209px;
	height: 47px;
	display: block;
	background: url(/images/common/button-download-engine.png) top left no-repeat;
	text-indent: -10000px;
	outline: none;
	margin-left: 0;
	margin-bottom: 12px;
}

p.download-button a:hover {
	background-position: 0 -64px;
}

p.download-button {
    margin-top: 0 !important;
}
p.learn-button a {
	float: left;
	width: 209px;
	height: 47px;
	display: block;
	background: url(/images/common/button_double_learnmore.png) top left no-repeat;
	text-indent: -10000px;
	outline: none;
	margin-left: 0;
	margin-bottom: 12px;
}

p.learn-button a:hover {
	background-position: 0 -64px;
}

p.learn-button {
    margin-top: 0 !important;
}
p.get-started a {
	float: left;
	width: 235px;
	height: 47px;
	display: block;
	background: url(/images/common/get-started.gif) top left no-repeat;
	text-indent: -10000px;
	outline: none;
}

p.get-started a:hover {
	background-position: 0 -47px;
}

p.get-started {
    margin-top: 0 !important;
}

p.request-eval a {
	float: left;
	width: 211px;
	height: 42px;
	display: block;
	background: url(/images/common/request-eval-211x84.png) top left no-repeat;
	text-indent: -10000px;
	outline: none;
}

p.request-eval a:hover {
	background-position: 0 -42px;
}

p.request-eval {
    margin-top: 0 !important;
}


p.download-link {
	color: #fff;
	border: 1px solid #ccc;
	border-top: 1px solid #fff;
	margin: 0 !important;
	background: #4a87d0 url(/images/bg/video-link.gif) top left repeat-x;
	line-height: 1.1em !important;
	width: 100px;
}

p.download-link:hover {
	background: #76b2e5;
}

p.download-link a {
	color: #fff !important;
	background: url(/images/bullets/video-bullet.gif) top right no-repeat;
	display: block;
	padding: 6px 24px;
	text-align: right;
	margin: 0 !important;
	text-decoration: none;
	line-height: 1.1em;
}