h1.slogan { font-size: 40px;}
h1.slogan em { font-size: 65px; color: #f9910f; }

.grid { padding-bottom: 3em; }
.grid .row { clear: left; }
.grid .cell { width: 300px;  float: left; }
.grid .double-cell { width: 640px; float: left; margin-right: 40px;}
.grid .center { margin-left: 39px; margin-right: 39px; }
.grid .montage { margin-bottom: 2em; }

.grid .item h2 { font-size: 30px; text-align: center; margin-bottom: 0.5em;}
.grid .item p { font-size: 130%; text-align: center;}

.topics {  }
.topics .topic { float: left; width: 275px; height: 260px; background: #dddddd; padding: 10px; }
.topics .topic h2 { text-align: center; font-size: 120%; margin-bottom: 1em; }
.topics .topic .intro { height: 80px; }
.topics .topic ul {  }
.topics .topic ul li { display: list-item; list-style-type: disc; padding-left: 0.5em; margin-left: 1.5em; margin-bottom: 0.7em;}
.topics .space { float: left; width: 40px; height: 1px;  }

.main { width: 600px;  float: left; }
.main h2, .main-full h2{ font-size: 120%; margin-bottom: 0.5em; }
.main h3, .main-full h3{ font-size: 100%; margin-bottom: 1em; font-weight: bold;}
.main p, .main-full p { margin-bottom: 1em; line-height: 1.5em; }
.main ol, .main-full ol { margin-bottom: 1em; }
.main ol li, .main-full ol li{ display: list-item; list-style-type: decimal; margin-left: 1.5em; margin-bottom: 0.5em ;}
.main strong, .main-full strong { font-weight: bold; }
.main ul, .main-full ul { margin-bottom: 1em; }
.main ul li, .main-full ul li{ display: list-item; list-style-type: disc; margin-left: 1.5em; margin-bottom: 0.5em ;}
.main .figure { text-align: center; margin-bottom: 1em; }

.sidebar { width: 317px; margin-left: 660px; }
.sidebar h2 { font-weight: bold; font-size: 110%; border-bottom: 1px solid #cccccc; margin-bottom: 0.5em;  }
.sidebar ul { margin-bottom: 1em; }
.sidebar ul li { display: list-item; list-style-type: disc; margin-left: 1.5em; margin-bottom: 0.5em; }

p.about { clear: left; font-size: 120%; text-align: justify; }

.products {  }
.products a { text-decoration: none;}
.products .item { width: 276px; float: left; background-color: #cfd1bb; border: 0px solid #bbbbbb; margin-bottom: 1.5em; padding-top: 1em;  }
.products .item .logo { height: 40px; text-align: center; margin-bottom: 2.5em; margin-top: 1em; }
.products .item .benefit { line-height: 1.2em; font-size: 200%;  font-weight: normal; margin-top:0em; margin-bottom:1em; text-align: center; margin-left: 0.5em; margin-right: 0.5em; }
.products .item .benefit a { color:#222222; }
.products .item .features { text-align: center; font-size: 80%; color: #222222; padding-left: 0.5em; padding-right: 0.5em; }
.products .space { width: 40px; height: 20px; float: left;  }

.free { }
.free .item { clear: left; }
.free .item .logo { float: left; }
.free .item .text { margin-left: 80px; }
.free .item .name { font-weight: bold; font-size: 100%; margin-bottom: 0.25em;}
.free .item .name a { color: #444444; text-decoration: none; }
.free .item .name a:hover {text-decoration: underline; }
.free .item .description { line-height: 1.25em;}

.news {}
.news .items { margin-bottom: 1em; }
/*(.news h2 { font-weight: bold; margin-bottom: 0.5em; color: #333333; border-bottom: 1px solid #cccccc; }*/
.news .item { margin-bottom: 1em; }
.news .item h3 { font-size: 100%; margin-bottom: 0.4em; line-height: 1.5em; }
.news .item h3 a { text-decoration: none; color: #333333; }
.news .item h3 a:hover { text-decoration: underline; }
.news .item .about { font-size: 70%; text-align: right; float: right; }
.news .readmore { font-weight: bold; }
.news .readmore a { color: green; text-decoration: none; }
.news .readmore a:hover { text-decoration: underline; }

.contact { }
.contact .company { font-weight: bold; font-size: 110%; margin-bottom: 0.5em; }
.contact .company a { color: inherit; text-decoration: none }
.contact .company a:hover { text-decoration: underline; }
.contact .address, .contact .email { margin-bottom: 0.2em; }

.new_message { width: 460px; }
.new_message fieldset { border-top: 1px solid black; margin:0 0 0.5em; padding:20px 10px 0px; }
.new_message legend { font-weight: bold; }
.new_message input, .new_message textarea { margin-left:10px; width:270px; }
.new_message label { float:left; text-align:right; width:140px; font-size: 90%; }
.new_message .error-message { margin-left: 150px; width: 270px; color: #D8000C; font-size: 75%; margin-bottom: 1em; }
.new_message .line { margin-bottom: 0.5em; clear: left; }
.new_message input.submit { width: auto; margin-left: 160px; }

.about { margin-bottom: 2em; font-size: 115%;  }

/*.right { float: right; margin-left: 1em; margin-bottom: 1em; }
.left { float: left; margin-right: 1em; margin-bottom: 1em; }*/
.clear-left { clear: left; }


