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

/*
	Avanti Screen Styles

	Table of Contents:
		layout
		typography
		forms
----------------------------------------------------------------------//
*/

/* layout
----------------------------------------------- */
* 	 {margin:0;padding:0;}

body {
	background: #333;
	margin:0px;
	padding: 0px;
}

#wrapper {	
	width:970px;	
	position:relative;	
	top: 20px;
	text-align: left;
	margin:0px auto; 
	padding-bottom: 16px;
	background:#FFF;
	padding-left:16px solid white;
	padding-right:16px solid white;
	padding-bottom: 16px solid white;
}

#container {
	width: 937px;
	margin-left: 16px;

}

#header {
	width: 937px;
	height:  98px;
	padding-top: 16px;
	background: #fff;
}

#nav {
	background: url(../images/nav/nav_bkrnd.gif) repeat-x;
	width: 937px;
	height: 30px;
}

#pageImage {
	width: 656px;
	height: 172px;
	float:left;
	margin-top:10px;
	margin-left:0px;
}
	
#mainContent {
	float: left;
	display: inline;
	width: 644px;
	margin-top:20px;
	margin-right: 0px;
	padding-left:5px;
	padding-right: 10px;
} 

#secondaryContent {
	width:269px;
	display: inline;
	float: right;	
	margin-top: 10px;
}
	
#sidebarContent {
	margin-top: 10px;
	background: url(../images/sidebar_bkrnd_2.jpg) repeat-x;
}	
	
#buttonDemo {
	width:269px;
	height: 84px;
	background: url(../images/btn_request_demo.jpg) no-repeat;	
}


#buttonProducts {
	width:269px;
	height: 84px;
	margin-top: 4px;
	background: url(../images/btn_products.jpg) no-repeat;
}

#footer {
	width: 937px;
	height:  45px;
	margin-top: 16px;
	background: #ffcc00;
}

#demoLink {
	width:200px;
	height: 45px;
	padding-top:6px;
	float: left;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	background: url(../images/btn_footer_demo.jpg) no-repeat top left;
	margin-top:8px;
	margin-left:8px;	
}



#demoLink a:link, #demoLink a:visited {
	color: #fff;

}

#demoLink a:hover, #demoLink a:active {
	color: #fff;
	text-decoration: underline;
}


/* typography
----------------------------------------------------------------------------------------------- */
body {
	font-size:62.5%;
	color: #333333;
	font-family:'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Tahoma, Arial, Verdana, sans-serif;
}

a:link, a:visited {
	color: #FEA900;
	text-decoration: none;
}

a:hover, a:active {
	color: #FEA900;
}


h1 {font-weight: normal;letter-spacing: -.09em;}	
h2 {font-weight: normal;letter-spacing: -.05em;line-height: 1.2em;}
h3 {font-weight: normal;}
h4 {font-weight: normal;font-family: Arial, Helvetica, sans-serif}

ul, ol {margin-left: 10px;margin-top: 8px;font-size: 12px;}

#mainContent {font-size: 12px;}
#mainContent p {
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	color:#666;
	line-height: 1.5em;
	margin-right: 12px;
	margin-bottom: 10px;
	/*font-weight: bold;*/
}

#mainContent h1, h2, h3, h4, p {margin-left:0px;}
#mainContent h1 {color:#545454;font-size:34px;margin-top:-10px;margin-bottom: 5px;} 
#mainContent h2 {color: #545454;font-size:21px;}
#mainContent h3 {color: #545454;font-size:16px;margin-bottom: 5px;} 

#mainContent a:link, #mainContent a:visited {
	color: #EC9F00;
	text-decoration: none;
}

#mainContent a:hover, #mainContent a:active {
	color: #B37800; 
}

#sidebarContent a:link, #sidebarContent a:visited {
	color: #000;
}

#sidebarContent a:hover, #sidebarContent a:active {
	color: #EC9F00;
}


/* Other Links */
#mainContent a[href$=".pdf"] {
	background: #fff url(../images/adobe-pdf.gif) no-repeat right bottom;
	padding-right:25px;
}

#mainContent .firstParagraph a[href$=".pdf"] {
	background: #fff;
	padding-right:2px;
}

#mainContent a[href^="mailto:"] {
	background: #fff url(../images/mailto.gif) no-repeat right top;
	padding-right:25px;
}

#mainContent .firstParagraph a[href^="mailto:"] {
	background: #fff;
	padding-right:2px;
}


/* Bullets */
#mainContent ul {list-style-type:none;MARGIN-LEFT:0PX;margin-bottom: 10px;}

#mainContent li {background: url(../images/bullet_SG.png) no-repeat 5px 3px;COLOR:#666;padding-left: 25px;font-size:12px;margin-left: 10px;margin-bottom: 5px;margin-right: 60px;font-family: Arial, Helvetica, sans-serif;line-height:1.6em;}
#mainContent li a {font-size:12px;letter-spacing:normal;}
/*#mainContent li a:visited {color:#FEA900;}*/

#mainContent ol li {
	list-style-type: decimal;
	background: #FFFFFF;
	margin-left:30px;
	padding-left:0px;
}

#sidebarContent p {
	color:#666;
}

#secondaryContent p {
	font-size: 11px;
	line-height: 1.5em;	
	padding-left:10px;
}

#secondaryContent h1 {
	font-size: 22px;
	padding-top: 9px;	
	padding-bottom: 8px;
	padding-left:10px;
	padding-right:5px;
	letter-spacing: -.06em;
	line-height: 1em;
	margin-bottom: 5px;
	font-weight: normal;
	color: #fff;
	background: #626262 url(../images/sidebar_h1_bkrnd.gif) no-repeat 0 50%;
}

#secondaryContent h2 {
	font-size: 22px;
	letter-spacing: -.06em;
	font-weight:normal;
	color: #666666;
	padding-left:10px;
	margin-bottom: 4px;	
}

#secondaryContent p {
	margin-left:1px;
	margin-right: 15px;
	margin-bottom: 10px;
}


#buttonDemo p {
	padding-left: 60px;
	padding-top: 30px;
	width: 200px;
	color: #fff;
}

#buttonProducts p {
	padding-left: 60px;
	padding-top: 25px;
	width: 160px;
	color: #fff;
}

/* Button stying */
#buttonDemo a:link, #buttonDemo a:visited {color: #fff;font-size: 18px;letter-spacing: -.06em;	font-weight: normal;text-decoration:none;position: relative;}
#buttonDemo a:hover, #buttonDemo a:active {color: #666666;}

#buttonProducts a:link, #buttonProducts a:visited {color: #fff;font-size: 18px;letter-spacing: -.06em;font-weight: normal;text-decoration:none;position: relative;}
#buttonProducts a:hover, #buttonProducts a:active {color: #666666;}

#footer h1 {
	font-size: 24px;
	padding-right: 5px;
	padding-top: 2px;
	text-align: right;
	color: #fff;
}

#footer h4 {
    font-family:'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Tahoma, Arial, Verdana, sans-serif;
	font-size: 24px;
	padding-right: 5px;
	padding-top: 2px;
	text-align: right;
	color: #fff;
}

/* Modules Navigation--------------------------------------------- */


#navcontainer {width: 269px;margin-bottom: 25px;}
#navcontainer ul {
      margin-left: 0px;
	  margin-top:-3px;
      padding-left: 0;
      list-style-type: none;
      font-family: Arial, Helvetica, sans-serif;
}
#navcontainer a {
      display: block;	 
	  font-size: 11px;
	  font-weight: bold;
      padding: 8px 9px 4px 10px;
      width: 250px;
      border-bottom: 1px dashed #CCCCCC;
      font-family: Arial, Helvetica, sans-serif; 
}

#navcontainer a:link, #navcontainer a:visited {
      color: #646464;
      text-decoration: none;
}

#navcontainer a:hover {
      background: #F2F2F2;
      text-shadow: 2px 2px 3px #551302;
      color: #FF9900;
}
#navlist a:link#current {
      text-shadow: 2px 2px 3px #551302;
      background: #666666;
      color:#FF9900;
}



/* classes
----------------------------------------------- */
.clear {
	clear: both;
}

.captainHighlighter {
	background: #FFFF00;
}

.dottedUnderline {border-bottom: 1px dashed #000;width:100%;line-height: 1.5em;margin-bottom: 10px;}
.solidUnderline {border-bottom: 2px double #E6E6E6 ;width:100%;line-height: 1.3em;margin-bottom: 10px;}

.quoteMe {
	padding: 10px;
	margin: 10px;
	width: 265px;
	background: url(../images/quoteMe_bkrnd.jpg) no-repeat 0px 10px;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

#mainContent .quoteMe p {	
	font-family:'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Tahoma, Arial, Verdana, sans-serif;
	margin-bottom: 0px;
	font-size: 15px;
	color: #666666;
}


.quoteMe .source {
	text-align: right;
	font-style:italic;
	color: #999999;
	font-size: 10px;
	margin-bottom:-10px;
}


.capitals {
	text-transform: uppercase;
	font-size: 24px;	
	font-family:'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Tahoma, Arial, Verdana, sans-serif;
}


#mainContent .firstParagraph {
	font-size: 15px;
	margin-bottom: 15px;
	letter-spacing: -.02em;
	line-height: 1.7em;
}


#mainContent .screenshotThumb {
	display: inline;	
	width: 190px;
	height: 165px;
	margin-top: 10px;	
	margin-left:10px;
	float: left;
	border: 1px solid #CCCCCC;
}

#mainContent .picAlignRight {
	float: right;
	padding:5px;
	border: none;
}

#mainContent .picAlignLeft {
	float: left;
	padding:5px;
	border: none;
}

#mainContent .table1 {
	border: 2px solid #666;
	background: #F5F5F5;
	padding:10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;

}

#mainContent .table1 td, th  {
	border-bottom: 1px dotted #666;
	padding:3px;	
	font-size: 11px;
	text-align: center;
}

#mainContent .table1 .subheading {
	text-align: left;
	padding-left: 30px;
}


/* forms
----------------------------------------------- */
fieldset {
	margin:1em 0;
	padding:1em;
	border: solid 0 transparent;

}
label {
	display:block;
	color: #666;
}

label.error {
	font-weight: bold;
	color: red;
	margin-top:3px;
}

input[type="text"] {
	width:200px;
	border: 1px solid  #CCCCCC;
	color: #545454;	
	font-size: 12px;
	padding:1px;
	margin-bottom: -4px;
}

textarea {
	width:200px;
	color: #545454;
	border: 1px solid  #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
input[type="submit"] {
	font-size: 11px;
	color: #545454;
	margin-left: 140px;
}

#newsletterForm p {color: #666;}
#newsletterForm {
	padding-left:10px;
	margin-bottom: 15px;
}

#newsletterForm label {
	font-size:11px;
	padding-top: 10px;

}

#newsletterForm input[type="text"] {
	width:200px;
	color: #666666;
}

#newsletterForm input[type="submit"] {
	font-size: 12px;
	margin-left: 80px;
	margin-top: 15px;
	padding:3px;
}

#request input[type="submit"] {
	font-size: 12px;
	margin-left: 85px;
	padding:3px;
}

/*For DHTML Menu - adds a border to submenu items
----------------------------------------------- */
.mmbord{
	border-bottom:1px solid #fff;
	text-decoration:none;
	font-size:10px;
	padding-left:5px;
	padding-top:0;
	padding-bottom:0;
	padding-right:15px;
}

.mmborMember{
	border-bottom:1px solid #fff;
	text-decoration:none;
	font-size:10px;
	padding-left:5px;
	padding-top:0;
	padding-bottom:0;
	padding-right:15px;
}

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