#banner{margin: 5px 0}
#breadcrumb{background: #fff; border: 1px #ccc solid; color: #333; margin: 5px 0}
#breadcrumb ul{margin: 0; padding: 10px 7px 7px 7px; width: 100%}
#breadcrumb ul li{display: inline; list-style: none}
#breadcrumb ul li a{color: #333; padding: 7px; font-weight: bold}
#breadcrumb ul li a:hover{background: #fff; color: #333; padding: 7px}
#column_left,.menu{float: left; margin-left: 5px; width: 200px}
#column_right{float: right; margin-left: 0; width: 200px}
#container{margin: 0 auto; text-align: left; width: 980px}
#content{padding: 0; margin: 5px 0}
#content img{border: 0; margin: 0; padding: 0}
#footer{clear: both}
#header{margin: 0; position: relative; background: #fff; border: 1px #ccc solid}
#language{padding: 5px; text-align: right}
#logo{padding: 5px}
#preview{background: #fff url(../images/webdesign/bodybg.jpg) left repeat-y}
#preview div.shots_container{margin: 0 auto; width: 500px}
*, body, td, th, input, textarea, select, a{font-family: Arial, Helvetica, sans-serif; font-size: 12px}
.banner{padding: 0}
.body {margin: 0; padding: 0; width: 980px; overflow: hidden}
.bottom{background: #fff url(../images/webdesign/bodybtm.jpg) bottom no-repeat; height: 14px}
.center {text-align: center}
.clear {clear: both; height: 0}
.copyright{background: #fff; border: 1px solid #ddd; text-align: center; padding: 10px; font-size: 12px; color: #444}
.header_category{padding: 5px; color: #4B9721; font-weight: bold; text-transform: uppercase; border: 1px solid #ccc}
.middle{background: #fff url(../images/webdesign/bodybg.jpg) left repeat-y; padding: 10px; text-align: justify; font-size: 12px}
.middle .main {padding: 0 0 0 30px; width: 460px; float: left; height: auto; font-size: 14px}
.middle .more {padding: 20px 50px 40px}
.middle .more .features {padding: 8px 20px 0pt 0pt; width: 405px; float: left}
.middle .more .features .list .thumb, .middle .more .howworks .list .thumb {float: left; width: 40px}
.middle .more .features .list, .middle .more .howworks .list {padding: 0pt 0pt 15px}
.middle .more .howworks {padding: 8px 0pt 0pt 45px; width: 360px; float: left}
.middle .packages {margin: 0pt auto; padding: 40px 30px 30px; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; width: 914px; font-size: 12px; line-height: normal; height: 290px}
.middle .packages .pkg {padding: 10px; width: 284px; height: auto; float: left}
.middle .packages .pkg .txtarea {height: 205px}
.middle .packages img {vertical-align: middle}
.middle .packages p {margin: 0px; padding: 10px 0pt 0px}
.middle .sidebar {padding: 0 20px 0 0; width: 440px; float: right; height: auto; font-size: 14px; text-align: left}
.middle .sidebar .btn {padding: 10px 0pt 0pt; text-align: center}
.middle .sidebar ul {list-style-type: none; list-style-image: none; list-style-position: outside; width: 100%; text-align: left; padding: 0; margin: 0}
.middle .spackage {-moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; width: 980px; height: auto}
.middle .spackage .sp1 {padding: 20px 20px 20px 50px; width: 405px; float: left}
.middle .spackage .sp2 {padding: 20px 20px 20px 44px; width: 405px; float: left}
.middle .spackage a {text-decoration: none; color: #555555}
.middle .spackage img {border: 0px none}
.middle .texts {padding: 10px 0px 10px 30px; width: 920px; float: left; height: auto}
.middle .texts .folio {width: 600px; height: auto; float: left}
.middle .texts .folio .thumb {padding: 0pt 0pt 40px}
.middle .texts .folio .thumb .inv {padding: 0pt 0pt 0pt 20px; background: transparent url('tick.jpg') no-repeat scroll 0px 5px; width: 200px; height: auto; float: left; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous}
.middle .texts .folio .thumb span {float: right}
.middle .texts .testimonail {padding: 20px; background: rgb(244, 244, 244) none repeat scroll 0% 0%; width: 260px; height: auto; float: right; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous}
.middle .texts a {color: #1a74b0}
.middle .texts a:hover {color: #55ace6}
.template{border: 1px #ccc solid; border-collapse: collapse; text-align: center}
.top{background: #fff url(../images/webdesign/bodytop.jpg) top no-repeat; height: 11px}
.web_category{padding: 5px; color: #444; border: 1px solid #ccc; border-top: 0}
.web_category img{padding: 0 5px}
a img{border: none}
a, a:visited{font-size: 12px; color: #444; text-decoration: none}
a.link{border: 1px solid #ccc; padding: 5px 10px}
a:hover, a b{color: #F60; text-decoration: none}
body{background: #eee; margin: 0; padding: 0; text-align: center}
form{display: inline; margin: 0; padding: 0}
h1 {padding: 0pt 0pt 8px; font-size: 18px; font-weight: bold; color: #377401; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; text-transform: uppercase}
h2 {padding: 0pt 0pt 3px; font-size: 12px; font-weight: bold; color: #000000; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; text-transform: uppercase}
h3 {padding: 0pt 0pt 3px; font-size: 14px; font-weight: bold; color: #000000; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; text-transform: uppercase}
html{margin: 0; overflow: -moz-scrollbars-vertical; padding: 0}
input, textarea, select{margin: 3px 0px}
p{margin-top: 0px}
span.current {font-weight: bold; text-decoration: underline; border: 1px solid #ccc; padding: 5px 10px}