body{ font-family: Georgia, Arial, Verdana, Helvetica, sans-serif; font-size: 0.75em; margin: 0; padding: 0; color: #333; }
html{ margin: 0; padding: 0; background-color: #FFF; }
img{ border: none; }
h1{ font-size: 1.6em; font-weight: bold; margin: 0 0 8px 0; padding: 0; }
h2{ font-size: 1em; font-weight: normal; margin: 0; padding: 0; }
table{ border-collapse: collapse; border-spacing: 0; }
textarea{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 1.1em; }

a:link, a:visited, .link, .link:visited{ color: #0066FF; text-decoration: none; }
a:hover, .link:hover{ text-decoration: underline; }

.clear{ clear: both; }
.center{ margin-left: auto; margin-right: auto; }

.width1{ width: 840px; }
.width2{ width: 900px; }
.columnWrapper{ float: left; width: 100%; }

.index{ padding: 20px 0 0 0; }
.index .left{ width: 570px; margin: 0 330px 0 0; }
.index .right{ float: left; width: 330px; margin: 0 0 0 -330px; text-align: center; padding: 30px 0 0 0; }


/* Sub*/

.headerContBg{ background-color: #D2D2D2; }
.headerShadow{ background: #FFF url("../images/headershadow.jpg") repeat-x; height: 30px; }
.logoCont{ padding: 50px 0 10px 0; }

.mainMenu{ padding: 0; margin: 0; list-style: none; }
.mainMenu li{ display: inline-block; float: right; margin: 0 2px; }
.mainMenu li a{ display: block; line-height: 25px; height: 25px; padding: 0 12px; background: #999 url("../images/mainmenubg.jpg") repeat-x;; color: #EBEBEB; }
.mainMenu li a:hover{ text-decoration: none; color: #FFF; }

.mainContBg{ background-color: #FFF; width: 100% }
.mainCont{ text-align: left; padding: 10px 0 30px 0; }

.contactMainCont{ padding: 0 0 0 0; }

.worksLeft{ width: 420px; margin: 0 400px 0 0; padding: 0 20px 0 0; }
.worksRight{ float: left; width: 400px; margin: 0 0 0 -400px; }