/* CSS Document */


body
{
margin:0;
line-height:1.4em;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:.7em;
font-weight:normal;
background:#999;
}

#wrapper
{
width:796px;
margin:10px auto 0 auto;
padding:0;
text-align:left;
border:solid 1px #666;
}


.clear
{
clear:both;
}


.line
{

margin:0px 0;
clear:both;
height:1px;
}

* html img 
{
behavior: url('iepngfix.htc');
height:auto;
}






/* content */

#content
{
border-top:solid 0px #ddd;
width:748px;
padding:24px;
margin:0;
background:#fff;
}












/* left side panel and side navigation */



#leftPanel
{
width:208px;
margin-right:10px;
padding:0;
float:left;

}


#sideNav
{
margin:0;
padding:0;
float:left;
}

#sideNav ul
{
list-style-type:none;
padding:0;
margin:0;
font-size:1.3em;
text-transform:capitalize;
}



#sideNav ul li a:link,
#sideNav ul li a:visited
{
display:block;
color:#333;
width:178px;
margin-bottom:4px;
padding:5px 0 5px 30px;
text-decoration:none;
}


#sideNav ul li a:hover
{
color:#000;
width:178px;
padding:5px 0 5px 30px;
text-decoration:none;
}


#navhome:link,
#navhome:visited
{
background:url(../images/sidenav/home.jpg) 0 50% no-repeat;
}
#navhome:hover,
.navhomecurrent
{
background:url(../images/sidenav/home_over.jpg) 0 50% no-repeat !important;
}


#navsoft:link,
#navsoft:visited
{
background:url(../images/sidenav/software.jpg) 0 50% no-repeat;
}
#navsoft:hover,
.navsoftcurrent
{
background:url(../images/sidenav/software_over.jpg) 0 50% no-repeat  !important;
}


#navwork:link,
#navwork:visited
{
background:url(../images/sidenav/workflows.jpg) 0 50% no-repeat;
}
#navwork:hover,
.navworkcurrent
{
background:url(../images/sidenav/workflows_over.jpg) 0 50% no-repeat  !important;
}


#navbuy:link,
#navbuy:visited
{
background:url(../images/sidenav/buy.jpg) 0 50% no-repeat;
}
#navbuy:hover,
.navbuycurrent
{
background:url(../images/sidenav/buy_over.jpg) 0 50% no-repeat  !important;
}


#navdown:link,
#navdown:visited
{
background:url(../images/sidenav/download.jpg) 0 50% no-repeat;
}
#navdown:hover,
.navdowncurrent
{
background:url(../images/sidenav/download_over.jpg) 0 50% no-repeat  !important;
}















#main
{
width:468px;
margin:0;
padding:20px 26px 0 26px;
float:left;
background:url(../images/contentBack.gif) top left no-repeat;
}






.thirdInsets
{
width:130px;
height:140px;
background:#fff;
padding:10px;
margin:2px;
text-align:center;
float:left;
border:solid 1px #ccc;
}












#subnav
{
margin-bottom:10px;
text-align:center;
}

#subnav ul
{
list-style-type:none;
padding:0;
position:relative;
margin:0 auto;
}

#subnav ul li
{
display:inline;
}

#subnav ul li a:link,
#subnav ul li a:visited
{
color:#333;
width:102px;
text-decoration:none;
text-align:center;
font-size:1em;
border:1px solid #000;
border-left:0;
padding:1px 30px;
background:url(../images/subnav/back.gif) top left repeat-x;
}

#subnav ul li a:hover,
#subnav ul li a.current:link,
#subnav ul li a.current:visited
{
color:#fff;
text-decoration:none;
background:url(../images/subnav/back_over.gif) top left repeat-x;
}


#subnav ul li a.topnavfirst:link,
#subnav ul li a.topnavfirst:visited
{
border-left:1px solid #000;
}



h1
{
text-align:center;
font-size:2em;
font-weight:normal;
color:#330066;
margin:0;
padding:17px 0 5px 0;
}

h2
{
font-size:1.2em;
line-height:1.4em;
font-weight:normal;
color:#333;
margin:0;
padding:0;
}

h3
{
font-size:1.4em;
line-height:1em;
font-weight:normal;
color:#333;
margin:0;
padding:0;
}

p
{
font-family:Verdana, Arial, Helvetica, sans-serif;
padding:0;
color:#333;
font-size:1.1em;
line-height:1.4em;
font-weight:normal;
}

p span
{
color:#000066;
}


p a:link,
p a:visited
{
text-decoration: underline;
color:#0033ff;
}

p a:hover
{
text-decoration: underline;
color:#FF6600;
}


p2
{
font-family:Verdana, Arial, Helvetica, sans-serif;
padding:0;
color:#fff;
font-size:1.1em;
line-height:1.4em;
font-weight:normal;
}

p2 span
{
color:#fff;
}


p2 a:link,
p2 a:visited
{
text-decoration: underline;
color:#fff;
}

p2 a:hover
{
text-decoration: underline;
color:#FF6600;
}


p3
{
font-family:Verdana, Arial, Helvetica, sans-serif;
padding:0;
color:#333;
font-size:1.1em;
line-height:1.2em;
font-weight:normal;
}

p3 span
{
color:#000066;
}


p3 a:link,
p3 a:visited
{
text-decoration: underline;
color:#0033ff;
}

p3 a:hover
{
text-decoration: underline;
color:#FF6600;
}



ul.mainlist
{
color:#663366;
font-size:1.1em;
line-height:1.6em;
padding-left:10px;
}

ul.mainlist a:link,
ul.mainlist a:visited
{
text-decoration: underline;
}

ul.mainlist a:hover
{
text-decoration: strong;
color:#FF6600;
}















#footer
{
width:776px;
text-align:center;
padding:10px;
margin:0;
background:#333;
font-size:.8em;

}






/* contact form */

form#contact
{
margin:0;
padding:20px 31px 0 31px;
font-family: Verdana, Arial, sans-serif;

}

form#contact label
{
display:block;
clear:left;
font-size:1.2em;
line-height:1.6em;
color:#333;
}


form#contact input, 
form#contact textarea
{
border:1px solid #ddd;
width:380px;
margin:5px 0 15px 0;
padding:2px;
font-size:1em;
color:#333;
}


form#contact select
{
border:1px solid #ddd;
float:left;
width:185px;
margin:5px 0 15px 0;
padding:2px;
font-size:1em;
color:#333;
}


form#contact input.check
{
width:auto;
float:none;
clear:none;
vertical-align:middle;
margin:5px 5px 5px 0;
border:0;
}


form#contact input#submit_form
{
width:auto;
margin:0;
padding:5px;
color:#fff;
background:#333;
}