/* Hack for IE. Allows transparent PNG */
/*img, div { behavior: url(iepngfix.htc) }*/
/*div { behavior: url(iepngfix.htc); }*/

body
{
	margin: 0 auto;
	font-size: 12px;
	font-family: Helvetica, sans-serif;
	background: #8BC05E;

	/* Keep the following three properties in this order. Assures that it works in all browsers. */
	min-width: 720px;
	height: auto !important;
	width: 720px;
}

h1
{
	font-weight: bold;
	font-size: 16px;
	margin: 0px;
	padding: 0px 0px 6px 0px;
}

h2
{
	font-weight: bold;
	font-size: 14px;
	margin: 0px;
	padding: 6px 0px 4px 0px;
}

h3
{
	font-weight: bold;
	font-size: 12px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

p { margin: 0px; line-height: 1.25; padding: 5px 0px; }
ul { margin: 0px; }
li { margin: 0px; padding: 3px 0px; }

a img
{
	border: none;
}

a:link, a:visited
{
	font-weight: bold;
	text-decoration: none;
	color: #005D9C;
}

a:hover
{
	color: #BFC1BF;
}

.left
{
	text-align: left;
}

.right
{
	text-align: right;
}

.center
{
	margin: 0 auto;
	text-align: center;
}

.clear
{
	clear: both;
/*	display: block;
	height: 1px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	margin-bottom: -1px;*/
}

#header
{
	margin: 0 auto;
	text-align: center;
	width: 702px;
	height: 83px;
	background: url(graphics/header.png) no-repeat top center;
}

.bodytop
{
	margin: 0 auto;
	background: url(graphics/body-top-cap.png) no-repeat top center;
	width: 700px;
	/* Keep the following three properties in this order. Assures that it works in all browsers. */
	min-height: 33px;
	height: auto !important;
	height: 35px;
}

.bodybottom
{
	margin: 0 auto;
	background: url(graphics/body-bottom-cap.png) no-repeat bottom center;
	width: 700px;
	/* Keep the following three properties in this order. Assures that it works in all browsers. */
	min-height: 33px;
	height: auto !important;
	height: 35px;
}


/* IE 6 Hack */
* html .bodytop { margin-bottom: -2px; }
* html .bodybottom { margin-top: -2px; }

.bodymain
{
	margin: 0 auto;
	width: 700px;
/*	background: url(graphics/body-bkgd.png) center repeat-y;*/
	background: #ffffff;
}

.bodymain .content
{
	margin-left: 25px;
	margin-right: 25px;
}


.leftcolumn
{
	float: left;
	clear: left;
	width: 400px;
}

.rightcolumn
{	
	float: right;
	clear: right;
	width: 230px;
	margin: 10px 0px 10px 10px;
}

.rightcolumn ul
{
	margin: 6px 0px 6px 0px;
	padding-left: 15px;
}

.rightcolumn li
{
	padding: 0px;
}

/* box */

.box
{
	behavior: none;
	background: url(graphics/box-tl.png) no-repeat top left;
}

/* Hack for IE. Turns off transparent png support in this instance as it screws up
	sizes/alignments */
.box img, .box div { behavior: none }

.box-top
{
	background: url(graphics/box-tr.png) no-repeat top right;
}

.box-bottom
{
	background: url(graphics/box-bl.png) no-repeat bottom left;
}

.box-bottom div
{
	background: url(graphics/box-br.png) no-repeat bottom right;
}

.box-content
{
	background: url(graphics/box-r.png) top right repeat-y;
	font-size: 11px;
}

.box-top div, .box-top, .box-bottom div, .box-bottom
{
	width: 100%;
	height: 25px;
	font-size: 1px;
}

/*.box-content, .box-bottom
{
	margin-top: -19px;
}*/

.box-content
{
	padding: 0 20px;
}


#image-inset-left
{
	text-align: left;
	margin-bottom: 10px;
	padding-right: 5px;
	float: left;
}

#image-inset-left img
{
	border: 2px solid #818181;
}

#image-inset-right
{
	text-align: right;
	margin-bottom: 10px;
	padding-left: 5px;
	float: right;
}

#image-inset-right img
{
	border: 2px solid #818181;
}

/* forms */
form label,input
{
	display: block;
	float: left;
}

form label
{
	text-align: right;
	width: 50px;
	padding-right: 20px;
	padding-top: 5px;
}

form textarea
{
	display: block;
	float: left;
}


form br
{
	clear: left;
}

/* Top navigation bar */
#navbar
{
	margin: 0 auto;
	text-align: center;
	width: 625px;
	height: 48px;
}

#navbar .button
{
	float: left;
	cursor: pointer;
	height: 22px;
	margin: 14px 11px 0px 11px;
}

#navbar .currentpage .button
{
	background-position: 0 -44px;
	cursor: default;
}

#navbar a div:hover
{
	background-position: 0 -22px;
}

#navbar .home
{
	width: 75px;
	background: url(graphics/nav-home.png) no-repeat;
}

#navbar .products
{
	width: 105px;
	background: url(graphics/nav-products.png) no-repeat;
}

#navbar .store
{
	width: 70px;
	background: url(graphics/nav-store.png) no-repeat;
}

#navbar .support
{
	width: 90px;
	background: url(graphics/nav-support.png) no-repeat;
}

#navbar .buzz
{
	width: 75px;
	background: url(graphics/nav-buzz.png) no-repeat;
}

#navbar .about
{
	width: 75px;
	background: url(graphics/nav-about.png) no-repeat;
}


/* Bottom navigation bar */

.footer
{
	margin: 0 auto;
	width: 700px;
/*	height: 80px;*/
/*	background: url(graphics/footer-bkgd.png) no-repeat center top;*/
	text-align: center;
	font-size: 14px;
	padding-top: 12px;
}

.footer .nav
{
	margin: 0 auto;
	padding-left: 155px;
}

.footer .nav a div:hover
{
	color: #E2E5E2;
}


.footer .centerbutton
{
	color: white;
}

.footer .centerbutton a
{
	color: white;
}

.footer a:hover
{
	color: #E2E5E2;
}

.footer .button
{
	color: white;
	float: left;
	padding-left: 10px;
	padding-right: 10px;
}

.footer .currentpage .button
{
	color: #095D9C;
	font-weight: bold;
	float: left;
	padding-left: 10px;
	padding-right: 10px;
}

.footer .home
{
	border-right: thin dotted;
}

.footer .products
{
	border-right: thin dotted;
}

.footer .store
{
	border-right: thin dotted;
}

.footer .support
{
	border-right: thin dotted;
}

.footer .buzz
{
	border-right: thin dotted;
}

.footer .about
{
	border-right: none;
}

#copyright
{
	font-size: 9px;
	text-align: center;
}

#copyright p
{
	margin: 0px;
	padding: 0px;
}

/* News */

.item-heading
{
	margin-top: 5px;
	border-bottom: 2px solid #A8A8A8;
}

.item-heading span.title
{
	font-weight: bold;
	text-align: left;
}

.item-heading span.date
{
	font-size: 10px;
	font-weight: normal;
	text-align: right;
	color: rgb(110, 110, 110);
	float: right;
}

/* FAQ */

.faq-q { color: black; font-weight: bold; padding: 15px 0px 5px 0px; }


/* Buttons */

#buttondiv
{
	margin: 0 auto;
	text-align: center;
	width: 134px;
	height: 29px;
	color: white;
	font-weight: bold;
	font-size: 18px;
	font-family: Arial Rounded MT Bold;
	margin-bottom: 5px;
}

#smallbuttontext
{
	font-size: 	14px;
	padding-top:	3px;
}

#bluebutton
{
	height: 29px;
	background: transparent url(graphics/bluebutton.png) no-repeat;
	padding-top: 4px;
}

#greenbutton
{
	width: 134px;
	height: 29px;
	background: transparent url(graphics/greenbutton.png) no-repeat;
	padding-top: 4px;
}


#orangebutton
{
	width: 134px;
	height: 29px;
	background: transparent url(graphics/orangebutton.png) no-repeat;
	padding-top: 4px;
}

#buttondiv a
{
	color: white;
	text-decoration: none;
	border: none !important;
}

#buttondiv a:hover, a:focus
{
	color: #E2E5E2;
}

/* Quotes */

#blurb
{
	margin-top: -10px;
	text-align: center;
}

#pullquote
{
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

#pullquote-quote
{
	font-family: serif;
	font-size: 36px;
	font-weight:bold;
	margin-bottom: -30px;
}


#attribution
{
	margin-top: 10px;
}

#attribution img
{
	border: none;
}

/* Press links */

#presslink
{
	font-size: 14px;
	font-weight: bold;
	padding-top: 8px;
	padding-bottom: 0px;
}

#presssectionheader
{
	font-size: 16px;
	font-weight: bold;
	padding-top: 10px;
}

/* Downloads */

#downloadlink
{
	font-size: 14px;
	font-weight: bold;
	color: rgb(0, 89, 198);
	border: none !important;
}

#downloadlink a
{
	text-decoration: none;
	border: none !important;
}

#downloadlink img
{
	margin: 6px;
	display: block;
	border: none !important;
}