@charset "utf-8";
/* CSS Document */

body, li, a, p, div, td				{ font-family: 'Lucida Grande', Tahoma, Verdana, Arial, sans-serif; font-size: 11px; }
body								{ background: url(../images/body-background.gif) 0 0 repeat-x #ccc; margin: 0; padding: 0; }
a:link, a:visited, a:active			{ color: #336; text-decoration: none; }
a:hover								{ text-decoration: underline; color: #000 }
div#container						{ margin: 0 auto; width: 938px; padding: 15px 0; }
div#header							{ width: 938px; height: 58px; background: url(../images/header-background.gif) 0 0 no-repeat; margin-bottom: 12px; }
div#header-logo						{ margin: 13px 0 0 13px; float: left; }
div#header-logo img					{ border: 0; }
div#header-nav						{ background: url(../images/header-buttons.gif) 0 -30px no-repeat; width: 288px; height: 30px; float: right; margin: 15px 15px 0 0; }

div#header-nav ul					{ list-style-type: none; width: 288px; height: 30px; margin: 0; padding: 0; }
div#header-nav ul li				{ float: left; }
div#header-nav ul li a				{ display: block; height: 30px; }
li#nav-products a					{ background: url(../images/header-buttons.gif) 0 -30px no-repeat; width: 69px; }
li#nav-products a:hover				{ background: url(../images/header-buttons.gif) 0 -60px no-repeat; }
li#nav-products a.active			{ background: url(../images/header-buttons.gif) 0 0 no-repeat; }
li#nav-about a						{ background: url(../images/header-buttons.gif) -69px -30px no-repeat; width: 75px; }
li#nav-about a:hover				{ background: url(../images/header-buttons.gif) -69px -60px no-repeat; }
li#nav-about a.active				{ background: url(../images/header-buttons.gif) -69px 0 no-repeat; }
li#nav-support a					{ background: url(../images/header-buttons.gif) -144px -30px no-repeat; width: 70px; }
li#nav-support a:hover				{ background: url(../images/header-buttons.gif) -144px -60px no-repeat; }
li#nav-support a.active				{ background: url(../images/header-buttons.gif) -144px 0 no-repeat; }
li#nav-feedback a					{ background: url(../images/header-buttons.gif) -214px -30px no-repeat; width: 74px; }
li#nav-feedback a:hover				{ background: url(../images/header-buttons.gif) -214px -60px no-repeat; }
li#nav-feedback a.active			{ background: url(../images/header-buttons.gif) -214px 0 no-repeat; }

/*content*/

div#content							{ background: url(../images/body-bg.gif) 0 5px repeat-y; width: 938px; text-align: center; }
div#content-bottom					{ background: url(../images/body-bg-bottom.gif) 100% 0 no-repeat; height: 5px; width: 938px; }
div#content-copy					{ margin: 0 auto; text-align: center; background: url(../images/body-bg-top.gif) 0 0 no-repeat; overflow: auto; padding: 15px 0; }

div#content h1, h2, h3				{ margin: 0; padding: 0; }
div#content h3						{ color: #001846; border-bottom: 1px dotted #001846; padding-bottom: 10px; font-size: 14px; }
div#content h4						{ font-size: 12px; }
div#content p						{ line-height: 15px; }
div#copy-container					{ padding: 0; }

div.column							{ width: 425px; float: left; text-align: left; margin: 0 20px; }
div.widecolumn						{ width: 575px; float: left; text-align: left; margin: 0 20px; }
div.narrowcolumn					{ width: 275px; float: right; text-align: left; margin: 0 20px 0 0; }
p.intro								{ font-size: 16px; font-style: italic; font-family: Arial; margin-top: 0; color: #666; line-height: 20px !important; }

/* feature */
div#feature							{ width: 938px; height: 238px; background: url(../images/body-feature-bg.gif) 0 0 no-repeat; margin-bottom: 16px; }
div#feature-panel					{ width: 620px; height: 212px; float: left; margin: 13px 0 0 13px; background: url(../images/featured-bg.gif) 0 0 no-repeat; }
div#feature-buttons					{ float: right; width: 295px; }
div#feature-buttons ul				{ margin: 13px 0 0; padding: 0; list-style-type: none; }
div#feature-buttons li				{ float: left; width: 284px; height: 102px; cursor: pointer; }
div#feature-buttons 
li#button-ifindwordz				{ background: url(../images/featured-ifindwordz.gif) 0 0 no-repeat; padding-bottom: 8px; }
div#feature-buttons 
li#button-iclimb					{ background: url(../images/featured-iclimb.gif) 0 0 no-repeat; }
div#feature-buttons p				{ padding: 0; margin: 25px 20px 0 100px; }


div#header-nav span					{ display: none; }


/* footer */
div#footer							{ text-align: center; }
div#footer ul						{ margin: 0; padding: 20px 0 0; list-style-type: none; }
div#footer li						{ margin: 0; padding: 0 5px; display: inline; }
div#footer a						{ text-decoration: none; color: #444; }
div#footer a:hover					{ color: #000 }
div#footer p						{ margin: 0; line-height: 20px; }


/* feedback */

ul#feedback							{ margin: 0; padding: 25px 0 0; list-style-type: none; }
ul#feedback li						{ overflow: auto; padding: 0 0 10px; }
ul#feedback li 
div.feedback-question				{ float: left; width: 200px; }
div.feedback-answer					{ float: right; text-align: left; width: 350px; }
div.feedback-answer input,
div.feedback-answer select,
div.feedback-answer textarea		{ width: 300px; }

div#message							{ width: 408px; height: 143px; position: absolute; }
div#message h4						{ margin: 0; padding: 0 0 5px 90px; font-size: 13px; }
div#message p						{ margin: 0; padding: 5px 25px 0 90px; }
div#message div						{ position: relative; top: 110px; left: 355px; height: 25px; cursor: pointer; }
div.message_alert					{ background: url(../images/alert-background.png) 0 0 no-repeat; color: #663300;}
div.message_alert h4				{ color: #630 }
div.message_error					{ background: url(../images/error-background.png) 0 0 no-repeat;  color: #790000;}
div.message_error h4				{ color: #790000; }
div.message_accept					{ background: url(../images/accept-background.png) 0 0 no-repeat;  color: #063;}
div.message_accept h4				{ color: #063; }

div#feedback-container-done			{ }
div#message							{ position: absolute; }

div.quote							{ font-size: 14px; width: 620px; position: absolute; text-align: center; padding-top: 120px; }