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:#cfe8ff; }
h2 { padding:10px 0 0 0; margin:0; font:bold   13px/18px verdana,sans-serif; color:#133751; }
h3 { padding:10px 0 0 0; margin:0; font:normal 12px/18px verdana,sans-serif; color:#cfe8ff; }
h4 { padding:5px 0 0 0;  margin:0; font:bold   12px/16px verdana,sans-serif; color:#cfe8ff; }

strong { font-weight:bold; }

em,
blockquote { font-style:italic; }

a, h1 a, h2 a { color:#ffa113; text-decoration:underline; }
a:visited { color:#cfe8ff; }
a:hover   { color:#ffd200; }


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

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

#container1 { background:#4794cd url('../images/bodybg.gif') top repeat-x; }
#container2 { width:940px; margin:0 auto; padding:0 10px; }

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

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

#box { width:940px; }

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

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


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

#header #navmain { margin:0; padding:0; overflow:auto; float:right; }

#header #navmain .navleft  { width:10px; height:38px; float:left;  background:url('../images/navl.gif') center right no-repeat; }
#header #navmain .navright { width:10px; height:38px; float:left; background:url('../images/navr.gif') center right no-repeat; }

#header #navmain .navleft,
#header #navmain .navright { margin-top /*\**/: 1px\9; }
*+html #header #navmain .navleft,
*+html #header #navmain .navright { margin-top:1px; }

#header #navmain ul { margin:0; padding:0; float:left; list-style:none; overflow:auto; background:#5984ab; }
#header #navmain li { margin:0; padding:0; list-style:none; float:left; }

#header #navmain a { display:block; padding:0 12px; margin:0; text-decoration:none; font-size:12px; color:#fff; line-height:35px; border-bottom:2px solid #124f87; border-top:2px solid #104e85; }

#header #navmain a:hover { background:#336797; color:#fff; border-top:2px solid #336797; border-bottom:2px solid #336797; }

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 { color:#0e4b82; background:#fff; border-top:2px solid #fff; border-bottom:2px solid #fff; }


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

#header #navmini { font-size:10px; padding:0 0 0 8px; background:#fff 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:#165089; line-height:25px; }
#header #navmini a:hover { text-decoration:underline; }

#header #navmini .twitter a { padding-left:20px; background:url('../images/twitter.gif') left center no-repeat; }

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:#E2EBF3; }


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

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

.box .wrapper { overflow:auto; height:1%; }

/* homepage */

.box .summary { width:400px; padding:20px 0 20px 25px; float:left; }

.box .summary h1 { padding:0 0 10px 0; font-size:30px; line-height:35px; margin-top:20px; color:#165089; }
.box .summary p  { padding:5px 0; }

.box .summary p,
.box .summary ul { line-height:24px; color:#444; font-size: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;  }

*+html .box .portfolioslideshow { padding-left:10px; }

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


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

#content { overflow:hidden; }

#content h1.pagetitle,
#content h1.tagline { padding:15px 0; margin:40px 0; font-size:24px; text-align:center; line-height:30px; color:#cfe8ff; position:relative; z-index:999999; }

*+html #content h1.tagline { margin-top:60px; }
             /*
#content h1.pagetitle { padding:0 0 30px 0; font-size:24px; text-align:left; line-height:30px; color:#cfe8ff; position:relative; z-index:999999; }
               */

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

#content .package { width:565px; padding:20px; position:relative; margin:0 0 10px 0; float:left; background:#f0f4f8; color:#133751;
-webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; behavior:url('PIE.htc'); border:1px solid #2d4966; }

#content .packagedetails { width:305px; float:left; }

#content .package h2 { font-size:22px; font-weight:normal; color:#133751; }
#content .package h2 span { color:#4794cd; }   
                        
#content p.prices { width:130px; margin:10px 0px; color:#fff;  padding:0px 8px; text-align:center; background:#133751; font-size:14px; font-style:italic; line-height:25px; 
-webkit-border-radius: 8px; 
-moz-border-radius: 8px; 
border-radius: 8px; 
behavior:url('PIE.htc'); border:1px solid #fff; position:relative; }

#content p.prices.left  { float:left; }
#content p.prices.right { float:right; }
#content p.prices span { display:block; font-size:18px; font-weight:bold; font-style:normal; }

#content .package a { color:#133751; }
#content .package a:hover { color:#FF9900; }

#content .package.social p.prices,
#content .package.custom p.prices { width:285px; }

#content .packagetable { width:245px; float:right; margin-top:35px; }
#content .packagetable td { padding:6px 8px 6px; }
#content .packagetable td.Extras   { text-align:right; padding:25px 0 15px 0; font-weight:bold; }
#content .packagetable td.Label    { color:#4794cd; font-style:italic; text-align:right; border-right:1px solid #133751; }
#content .packagetable td.Check    { color:#4794cd; font-style:italic; font-family:tahoma,arial; font-size:9px; text-indent:15px; background:url('../images/tick.gif') 5px center no-repeat; }
#content .packagetable td.Optional { color:#133751; font-style:italic; font-family:tahoma,arial; font-size:9px; }

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

/* homepage columns */

#content .columns { overflow:auto; }

#content .columns.homepage { background:url('../images/columnheaders_home.jpg') center 40px no-repeat; padding:140px 0 0 0; }
#content .columns.features { background:url('../images/columnheaders_features.jpg') center 40px no-repeat; padding:80px 0 0 0;  }

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

#content .columns.features .column.websites { background:url('../images/columnheaders_websites.jpg') center top no-repeat; }
#content .columns.features .column.albums   { background:url('../images/columnheaders_albums.jpg') center top no-repeat; }
#content .columns.features .column.cms      { background:url('../images/columnheaders_cms.jpg') center top no-repeat; }

#content .column h1 { text-align:center; color:#165089; border-bottom:1px dotted #165089; font-size:19px; margin-bottom:15px; }
#content .columns.features .column h1  { margin:120px 0 15px; }

#content .column h2 { border-top:1px dotted #133751; margin-top:10px; padding:10px 0 5px 0; }
#content .column h2.first { border:none; padding:0 0 10px 0; }
body.home #content .column p  { text-align:justify; }
#content .column img { display:block; float:left; margin:25px 15px 0px 0; }
#content .column.albums { margin:0 20px;}

/* portfolio page */

#content .portfoliolist {  }

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

#content .portfolio_description { float:left; width:350px; padding:0 0 0 20px; _padding:0 0 0 10px; line-height:16px; }
#content .portfolio_description li { margin-left:15px; }

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

/* testimonials page */

#content .testimoniallist {  }

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

#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 #cfe8ff; /*width:250px;*/ }

/* blog page */

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

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

#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:#333; }

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

/* contact form */

#content form#contact { width:680px; float:right; overflow:auto; padding:20px 0; margin:0 0 20px 0; border-bottom:1px dotted #133751; 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 #133751; }
#content form#contact .inputbox.required { border-color:#133751; }

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

#content .numbers { width:220px; height:265px; padding-top:30px; float:left; border-bottom:1px dotted #133751;  }

#content .address { width:220px; float:left;  }
#content .address p { padding-left:20px; }

#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; }

#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 { padding-top:15px; 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 .columnleft { float:left; }
#content .columnright { float:right; }

#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 10px 115px; font-size:18px; text-decoration:underline; }
#content a.download span.info  { padding:0px 5px 0px 115px; font-size:10px; }

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

/* templates page */

.templates #content h1  {   }

#content .templatelist .templateitem { overflow:auto; padding:20px 0; border-bottom:1px dotted #133751; _height:302px; }
#content .templatelist .templateitem.Aperture { padding-top:0; }
#content .templatelist .templateitem h2 { font-size:20px; color:; margin:30px 0; }

#content .templatelist .templatescreen { float:left; width:300px; padding:0 5px; line-height:16px; }
#content .templatelist .templatescreen .img img { display:block; margin:0 auto; border:1px solid #cfe8ff; }
#content .templatelist .templatescreen .description { text-align:center; font-style:italic; font-weight:bold; }
#content .templatelist .templatescreen .description a { font-weight:normal; }


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

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

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

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

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

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

#footer .news h1.blog_title { padding:10px 0 0 0; font:bold 12px/18px verdana,sans-serif; color:#133751; border:none; }
#footer .news p.blog_date { padding:0; font-style:italic; color:#4794cd ; }
#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:#4794cd ; font-weight:bold; text-align:right; }
#footer .testimonials p.testimonial_link { padding:0; color:#4794cd ; font-weight:bold; text-align:right; }
#footer .testimonials p.testimonial_link a { color:#b2bdc5; }
#footer .testimonials p.testimonial_more { text-align:right; }

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

#footer .end a { color:#4794cd ; }
#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; }


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

 

body.altsites {}

body.altsites .altsitetitle  { width:898px; padding:20px; position:relative; margin:0 0 10px 0; float:left; background:#f0f4f8; color:#133751;
-webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; behavior:url('PIE.htc'); border:1px solid #2d4966; }

body.altsites .altsitetitle select { margin:0 10px;  }

body.altsites .altsiterow { width:270px; height:120px; padding:0 10px; margin:30px 10px; float:left; }
body.altsites .altsiterow .altsiteaddressblock a { display:block; font:normal 16px/24px verdana,sans-serif; color:#cfe8ff; text-decoration:none; border-bottom:1px dotted #133751; padding:2px 0; margin:5px 0; }
body.altsites .altsiterow .altsiteaddressblock { margin:10px 0; font-style:italic; }
body.altsites .altsiterow .altsitelink a { font-weight:bold;  }


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