html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:verdana,sans-serif;vertical-align:baseline;background:transparent;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {font:inherit;color:inherit;text-decoration:inherit;}
:focus{outline:0;}
body{line-height:1;color:black;background:white;}
ol,ul{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
caption,th,td{text-align:left;font-weight:normal;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}
html, body { width:100%; height:100%; }


/* Type -------------------------------------------------------------------------------------------------- */

p, ul, ol, blockquote { line-height:18px; padding:10px 0; margin:0; }

ul, ul ul { list-style:square; margin:0 0 0 15px; }
ol, ol ol { list-style:decimal; margin:0 0 0 20px; }

h1 { padding:10px 0;     margin:0; font:normal 23px/25px verdana,sans-serif; color:#165089; }
h2 { padding:10px 0 0 0; margin:0; font:bold   13px/18px verdana,sans-serif; color:black; }
h3 { padding:10px 0 0 0; margin:0; font:normal 12px/18px verdana,sans-serif; color:#165089; }

strong { font-weight:bold; }

blockquote { font-style:italic; }

a, h1 a, h2 a { color:#FF3300; text-decoration:underline; }
a:visited { color:#BE3A19; }
a:hover   { color:#FF9900; }


/* Main Elements -------------------------------------------------------------------------------------------------- */

body { font:normal 12px verdana,sans-serif; color:#444444; background:#2070A9; }

#container1 { background:white url('../images/bodybg.gif') top repeat-x; }
#container2 { width:750px; margin:0 auto; }

#header { height:120px; position:relative; }

#header #logo { position:absolute; top:0; left:0; }
#header #navmain { position:absolute; bottom:0; right:0; }
#header #navmini { position:absolute; top:0; right:0; }

#box { width:750px; }

#content { overflow:auto; padding:30px 0; }
#content h1 { _clear:both; }

#footer { height:120px; background:url('../images/footerbg.gif') top repeat-x; }


/* Main Nav -------------------------------------------------------------------------------------------------- */

#header #navmain { margin:0; padding:0 10px 0 0; background:#E2EBF3 url('../images/navr.gif') center right no-repeat; overflow:auto; }

#header #navmain ul { margin:0; padding:0 0 0 10px; list-style:none; background:url('../images/navl.gif') center left no-repeat; overflow:auto; }
#header #navmain li { margin:0; padding:0 2px; list-style:none; float:left; }

#header #navmain a { display:block; padding:0 10px; margin:0px; text-decoration:none; font-size:12px; color:#165089; line-height:35px; }

#header #navmain a:hover { background:white; color:#FF6600; }

body.contact #header #navmain .contact a,
body.testimonials #header #navmain .testimonials a,
body.prices #header #navmain .prices a,
body.portfolio #header #navmain .portfolio a,
body.features #header #navmain .features a,
body.home #header #navmain .home a { background:white; color:black; }


/* Mini Nav -------------------------------------------------------------------------------------------------- */

#header #navmini { font-size:10px; padding:0 0 0 8px; background:#165089 url('../images/navminil.gif') center left no-repeat; overflow:auto; }

#header #navmini ul { margin:0; padding:0 8px 0 0; list-style:none; background:url('../images/navminir.gif') center right no-repeat; overflow:auto; }
#header #navmini li { margin:0; padding:0; list-style:none; float:left; }

#header #navmini a { display:block; padding:0 10px; margin:0; text-decoration:none; color:white; line-height:25px; }
#header #navmini a:hover { text-decoration:underline; }

body.blog #header #navmini .blog a,
body.downloads #header #navmini .downloads a,
body.login #header #navmini .login a,
body.freetrial #header #navmini .freetrial a { background:white; color:#165089; }


/* Top Content Box -------------------------------------------------------------------------------------------------- */

.box { background:url('../images/boxtop.gif') top center no-repeat; font-size:11px; }

.box .wrapper { background:url('../images/boxbot.gif') bottom center no-repeat; overflow:auto; height:1%; }

/* homepage */

.box .summary { width:220px; padding:20px 0 20px 15px; float:left; }

.box .summary h1 { padding:0 0 10px 0; font-size:24px; line-height:25px; text-align:center; }
.box .summary p  { padding:5px 0; }

.box .summary p,
.box .summary ul { line-height:16px; }

.box p.contactus { padding-bottom:0; }
.box p.contactus a { display:block; width:210px; height:50px; background:url('../images/contactus.gif') bottom center no-repeat; text-indent:-99999em; }
.box p.contactus a:hover { background-position:top center; }

.box p.demosite { padding-bottom:0; }
.box p.demosite a { display:block; width:210px; height:50px; background:url('../images/demosite.gif') bottom center no-repeat; text-indent:-99999em; }
.box p.demosite a:hover { background-position:top center; }

.box .portfolioslideshow { margin:20px 20px 20px 0; _margin:20px 10px 20px 0; padding:0 0 0 19px; float:right; border-left:1px dotted #A0ABB8; }

.box .portfolioslideshow #slideshow { width:460px; height:300px; border:1px solid #666666; }


/* Content -------------------------------------------------------------------------------------------------- */

#content { }

#content h1.tagline { padding:0 0 30px 0; font-size:24px; text-align:center; line-height:1; color:#444444; }

#content h1.pagetitle { padding:0 0 30px 0; font-size:24px; text-align:left; line-height:30px; color:#444444; }

#content div.inlay { width:210px; padding:0 20px; margin:0 0 0 20px; float:right; border-left:1px dotted #A0ABB8; }

#content p.prices { width:200px; margin:15px 9px; padding:15px 10px; text-align:center; background:lightblue; font-size:18px; font-style:italic; float:left; line-height:25px; background:url('../images/pricesbg.gif') center center no-repeat; }
#content p.prices span { display:block; font-size:25px; font-weight:bold; font-style:normal; }

#content p.contactdetails { margin:0 0 0 20px; }

/* homepage columns */

#content .columns { padding:100px 0 0 0; margin:10px 0 0 0; overflow:auto; }

#content .columns.homepage { background:url('../images/columnheaders_home.gif') center top no-repeat; }
#content .columns.features { background:url('../images/columnheaders_features.gif') center top no-repeat; }

#content .column { width:210px; padding:0 20px; float:left; }

#content .column h1 { text-align:center; border-bottom:1px dotted #165089; font-size:19px; }
#content .column h2 { border-top:1px dotted #CCCCCC; }
#content .column h2.first { border:none; margin:10px 0 0 0; }
#content .column p  { }
#content .column img { display:block; float:left; margin:10px 5px 0 -5px; }

/* portfolio page */

#content .portfoliolist { border-bottom:1px dotted #A0ABB8; }

#content .portfolio { overflow:auto; padding:20px 0; border-top:1px dotted #A0ABB8; _height:302px; }

#content .portfolio_description { float:left; width:220px; padding:0 0 0 20px; _padding:0 0 0 10px; }

#content .portfolio_image { float:right; width:500px; }
#content .portfolio_image img { display:block; margin:0 auto; border:1px solid #666666; }

/* testimonials page */

#content .testimoniallist { border-bottom:1px dotted #A0ABB8; }

#content .testimonial { overflow:auto; padding:20px 0; border-top:1px dotted #A0ABB8; }

#content .testimonial p { margin:0 310px 0 20px; }

#content .testimonial_quote { font-style:italic; }
#content .testimonial_client { padding:10px 0 0 0; }
#content .testimonial_website { padding:0 0 10px 0; }

#content .testimonial_image { float:right; width:290px; }
#content .testimonial_image img { display:block; margin:10px auto 0 auto; border:1px solid #666666; /*width:250px;*/ }

/* blog page */

#content .bloglist { border-bottom:1px dotted #A0ABB8; }

#content .blog { overflow:auto; padding:20px 0; border-top:1px dotted #A0ABB8; }

#content .blog_title { float:left; padding:10px 0 0 20px; width:210px; }
#content .blog_date  { float:left; padding:10px 0 0 20px; width:210px; clear:left; font-style:italic; color:#8F8F8F; }

#content .blog_summary { margin:0 0 0 270px; }
#content .blog_readmore { margin:0 0 0 270px; }

/* contact form */

#content form#contact { overflow:auto; padding:20px 0; margin:0 0 20px 0; border-bottom:1px dotted #A0ABB8; border-top:1px dotted #A0ABB8; _height:255px; }

#content form#contact label { display:block; width:220px; color:#A0ABB8; }

#content form#contact .inputbox { display:block; width:220px; margin:0; padding:6px; font:normal 13px verdana; border:1px solid #A0ABB8; }
#content form#contact .inputbox.required { border-color:#A0ABB8; }

#content form#contact textarea.inputbox { width:460px; height:200px; }

#content form#contact p { line-height:1; padding:10px 0; }

#content form#contact p.send,
#content form#contact p.email,
#content form#contact p.phone,
#content form#contact p.name { float:right; clear:right; }

#content form#contact p.message { float:left; }

#content form#contact p.send .button { width:235px; padding:5px; font-size:16px; }

#content form#contact ul.errors { color:red; }

#content .map { float:right; }
#content .map p { padding:0; }
#content .map iframe { border:1px solid #444444; }

/* login form */

#content form#login { overflow:auto; padding:20px 0; margin:0 0 20px 0; border-bottom:1px dotted #A0ABB8; border-top:1px dotted #A0ABB8; _height:255px; }

#content form#login label { display:block; width:220px; color:#A0ABB8; }

#content form#login .inputbox { display:block; width:220px; margin:0; padding:6px; font:normal 13px verdana; border:1px solid #A0ABB8; }
#content form#login .inputbox.required { border-color:#A0ABB8; }

#content form#login p { line-height:1; padding:10px 0; }

#content form#login p.login,
#content form#login p.password,
#content form#login p.username { float:left; clear:left; margin:0 40px 0 0; }

#content form#login p.login .button { width:235px; padding:5px; font-size:16px; }

#content .error { padding:10px 0; margin:0; font:normal 23px/25px verdana,sans-serif; color:red; }

/* download links */

#content a.download { display:block; overflow:auto; width:460px; height:100px; margin:20px 0; text-decoration:none; color:#444444; }
#content a.download:hover { color:#FF6600; }

#content a.download span { display:block; }

#content a.download span.title { padding:15px 5px 15px 115px; font-size:20px; text-decoration:underline; }
#content a.download span.info  { padding:0px 5px 0px 115px; font-size:10px; }

#content a.download.software { background:url('../images/downloadwin.gif') top center no-repeat; }
#content a.download.webapp { background:url('../images/downloadweb.jpg') top center no-repeat; }
#content a.download.pdf      { background:url('../images/downloadpdf.gif') top center no-repeat; }


/* Footer -------------------------------------------------------------------------------------------------- */

#footer { font-size:10px; color:white; }

#footer .wrapper { width:750px; margin:0 auto; }

#footer .column { width:210px; padding:20px 20px 30px 20px; float:left; }
#footer .column.testimonials { margin:0 -1px; }

#footer h1 { padding:10px 0; margin:0; font:normal 18px/1 verdana,sans-serif;    color:#133751; border-bottom:1px dotted #133751; }
#footer h2 { padding:10px 0; margin:0; font:bold   12px/18px verdana,sans-serif; color:white; }
#footer h3 { padding:10px 0; margin:0; font:normal 12px/18px verdana,sans-serif; color:#133751; }

#footer a { color:white; }
#footer a:hover { color:#FF9900; }

#footer .news h1.blog_title { padding:10px 0 0 0; font:bold 12px/18px verdana,sans-serif; color:white; border:none; }
#footer .news p.blog_date { padding:0; font-style:italic; color:#133751; }
#footer .news p.blog_summary { padding:10px 0 0 0; }
#footer .news p.blog_readmore { text-align:right; padding:0;  }

#footer .contact p.phone   { background:url('../images/ic_tel.gif') top left no-repeat; padding:0 0 0 18px; margin:20px 0; line-height:12px; }
#footer .contact p.email   { background:url('../images/ic_eml.gif') top left no-repeat; padding:0 0 0 18px; margin:20px 0; line-height:12px; }
#footer .contact p.address { background:url('../images/ic_adr.gif') top left no-repeat; padding:0 0 0 18px; margin:20px 0; line-height:12px; }

#footer .testimonials p.testimonial_client { padding:0; color:#133751; font-weight:bold; text-align:right; }
#footer .testimonials p.testimonial_link { padding:0; color:#133751; font-weight:bold; text-align:right; }
#footer .testimonials p.testimonial_link a { color:#133751; }
#footer .testimonials p.testimonial_more { text-align:right; }

#footer .end { overflow:auto; clear:both; margin:0 20px; padding:20px 0; color:#133751; border-top:1px dotted #133751; }

#footer .end a { color:#133751; }
#footer .end a:hover { color:#FF9900; }

#footer .end p { padding:0; margin:0; line-height:20px; }

#footer .end p.copyright  { float:left; clear:left; }
#footer .end p.registered { float:left; clear:left; }

#footer .end p.backtotop { float:right; }
#footer .end p.backtotop a { display:block; padding:0 15px 0 0; background:url('../images/backtop.gif') right center no-repeat; }


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




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