/* ----------------------------------------------------------- */
/* Reset Styles */
* { padding: 0; margin: 0; }
ul {
    padding-left:0em; margin-left:1em;
}
hr { margin-top: 0.5em; margin-bottom: 0.5em; }
img { border: none; }

/* Fix for buggy add-this flash element which sometimes pushes the page
   content down */
#atff {display:none;}

/* ----------------------------------------------------------- */
/* Clearfix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .clearfix {height: 1%;}


/* ----------------------------------------------------------- */
/* General */
body {
	background: url(images/headerbg.gif) repeat-x;
	font: 10pt Arial, Helvetica, sans-serif;
}
#wrapper {
	width: 803px;
	margin: 0 auto;
	padding-bottom: 5px;
}
.clear {
	clear: both;
}

/* ----------------------------------------------------------- */
/* Headings */

/* ----------------------------------------------------------- */
/* Links */
a, a:visited, a:hover {
	text-decoration: none;
	color: #4348ff;
}


/* ----------------------------------------------------------- */
/* Header */
#header {
	height: 90px;
	margin: 0px 0px 0px 0px;
	float: left;
	width: 723px;
}
#header h1#logo {
	width: 173px;
	height: 85px;
	float: left;
	margin-bottom: 0px;
}
#header h1#logo a {
	background: url(images/logo.jpg) no-repeat;
	display: block;
	text-indent: -9999px;
	width: 522px;
	height: 85px;
}
#header h1#logo a:hover {
	background: url(images/logo.jpg) 0 -87px no-repeat;
	display: block;
	text-indent: -9999px;
	width: 522px;
	height: 85px;
}
#header #searchbox {
	float: right;
	border: 1px solid red;
	margin-top: 10px;
	font-style: italic;
}


/* ----------------------------------------------------------- */
/* Main Nav */
#mainnav {
	height: 31px;
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	float: left;
}
#mainnav ul li {
	display: inline;
	float: left;
	list-style: none;
	height: 31px;
	text-align: center;
	line-height: 31px;
	margin-right: 2px;
}
#mainnav ul li a {
	color: #0000ff;
	text-decoration: none;
}
#mainnav ul li a:hover {
	color: #fff;
}

/* Home */
#mainnav ul li#spacer {
	width: 50px;
}
#mainnav ul li#smallspacer {
	width: 18px;
}
#mainnav ul li#products {
	width: 102px;
}
#mainnav ul li#products a {
	background: url(images/products.jpg) no-repeat;
	display: block;
	height: 31px;
}
#mainnav ul li#products a:hover {
	width: 102px;
	background: url(images/products.jpg) 0 -31px no-repeat;
}
#mainnav ul li#productsactive a {
	background: url(images/products.jpg) 0 -31px no-repeat;
	display: block;
	width: 102px;
	color: #fff;
}


/* ----------------------------------------------------------- */
/* CSS Layouts */
#mainnav ul li#demo {
	width: 65px;
}
#mainnav ul li#demo a {
	background: url(images/demo.jpg) no-repeat;
	display: block;
	height: 31px;
}
#mainnav ul li#demo a:hover {
	background: url(images/demo.jpg) 0 -31px no-repeat;
}
#mainnav ul li#demoactive a {
	background: url(images/demo.jpg) 0 -31px no-repeat;
	display: block;
	width: 65px;
	color: #fff;
}


/* ----------------------------------------------------------- */
/* Web Templates */
#mainnav ul li#support {
	width: 102px;
}
#mainnav ul li#support a {
	background: url(images/support.jpg) no-repeat;
	display: block;
	height: 31px;
}
#mainnav ul li#support a:hover {
	background: url(images/support.jpg) 0 -31px no-repeat;
}
#mainnav ul li#supportactive a {
	background: url(images/support.jpg) 0 -31px no-repeat;
	display: block;
	width: 102px;
	color: #fff;
}

/* Code Snippets */
#mainnav ul li#contact {
	width: 102px;
}
#mainnav ul li#contact a {
	background: url(images/contact.jpg) no-repeat;
	display: block;
	height: 31px;
}
#mainnav ul li#contact a:hover {
	background: url(images/contact.jpg) 0 -31px no-repeat;
}
#mainnav ul li#contactactive a {
	background: url(images/contact.jpg) 0 -31px no-repeat;
	display: block;
	width: 102px;
	color: #fff;
}


/* ----------------------------------------------------------- */
#submenu {
	height: 21px;
	padding: 0px 0px 0px 0px;
	float: left;
}

#mainbody
{
width: 800px; margin: 1.5em auto 3em auto; z-index:-1

}

#mainbody2
{
margin: 1.5em auto 3em auto; z-index:-1

}

.banner {padding: 1.0em; background: #ffffff bottom right no-repeat; border: 3px solid #c8c8ff; margin-bottom: 1em; position: relative; -moz-border-radius-topleft: 1em; -moz-border-radius-bottomright: 1em; -webkit-border-top-left-radius: 1em; -webkit-border-bottom-right-radius: 1em; border-top-left-radius: 1em; border-bottom-right-radius: 1em}

p.big, a.big, h1 
{ 
    color: #000000;
    margin-bottom: 10px;

    font-size: 15pt;
    font-family: arial,helvetica,sans-serif; 
    font-weight: bold;
    text-decoration: none;
}
p.title, a.title, h2 
{ 
    font-size: 12pt;
    font-family: sans-serif;
    font-weight: bold;
    color: #000000;
    padding-top: 0.3em;
    padding-bottom: 0.3em;
}
.medium
{
    font-family: "Arial", "Helvetica", sans-serif;
    FONT-WEIGHT: normal;
    FONT-SIZE: 11pt;
    text-decoration: none;
    padding-top: 0.3em;
    padding-bottom: 0.3em;
}
.large
{
    font-family: "Arial", "Helvetica", sans-serif;
    FONT-WEIGHT: normal;
    FONT-SIZE: 13pt;
    text-decoration: none;
    padding-top: 0.3em;
    padding-bottom: 0.3em;
}
p.smalltitle, a.smalltitle, h3 
{ 
    font-size: 10pt;
    font-family: "Arial", "Helvetica", sans-serif;
    padding-top: 0.3em;
    padding-bottom: 0.3em;
}
p, ul, li
{
    font-family: "Arial", "Helvetica", sans-serif;
    FONT-WEIGHT: normal;
    FONT-SIZE: 10pt;
    color: #444444;
    padding-top: 0.3em;
    padding-bottom: 0.3em;
}
p.small
{ 
    font-family: "Arial", "Helvetica", sans-serif;
    FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
}
p.red
{
    color: #ff0000;
}
p.notspaced, ul, li, body
{ 
    padding: 0;
}

.notspaced
{
    padding: 0;
}

#simplebody
{
margin: 1em;
}
.info, .success, .warning, .error, .validation {
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}
.info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('/images/info.png');
}
.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('/images/success.png');
}
.warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('/images/warning.png');
}
.error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('/images/error.png');
}