body { background-color: #ececec; margin: 20px 0; }

#canada { width: 960px; margin: 0 auto; }
#alberta { float: left; width: 34px; height: 311px; background: #ececec url(left.png) no-repeat; }
#calgary { float: left; width: 591px; }

.recent { margin: 10px 54px; } 
.intent { width: 960px; height: 296px; background: url(consulting.png) no-repeat; }

h1 { color: #ffffff; font: normal 38px Arial; margin: 0; letter-spacing: -3px; }

.web { margin: 34px 0 0 0; }
.design { margin: 0 0 7px 96px; font: normal 48px Arial; color: #ffffff; text-shadow: 1px 1px 3px #1e94bd; letter-spacing: -3px; }

h2 { color: #ffffff; font: normal 48px Arial; margin: 0 0 0 96px; text-shadow: 1px 1px 2px #1e94bd; letter-spacing: -3px; }

.andrey { margin: 32px 0 0 21px; color: #ffffff; font: 12px Arial; }

h4 { margin: 7px 0; font: normal 24px Arial; color: #000000; }

.white { color: #ffffff; }
a { color: #7c930f; }

.thumbnails {
margin: -3em 0 0 -3em;
text-align: center;
}

.thumbnail {
text-decoration: none;
display: -moz-inline-box;
display: inline-block;
vertical-align: top;
text-align: left;
margin: 3em 0 0 3em;
}

.thumbnail .r {
width: 14.75em;
float: left;
}

a.bluelink:link, a.bluelink:visited { color: #3399ff; }
a.bluelink:hover { color: #7c930f; } 

#cv a.novikov:link, #cv a.novikov:visited { color: #7c930f; }
#cv a.novikov:hover { color: #ffffff; } 

#cv { color: #7c930f; background: #bae448 url(word.gif) no-repeat 2px 2px; padding: 3px 3px 3px 20px; }

#calgary .graphics {
height: 311px; background: url(stampede.jpg) no-repeat;
}

#freelance { float: left; width: 335px; height: 311px; background: url(logo.png) no-repeat; }
#content { width: 960px; background: #ffffff url(sides.gif) repeat-y; color: #838383; font: 12px Arial; }
.seo { width: 892px; margin: 10px 34px; padding: 4px 0 0 20px; color: #cccccc; }
.marketing { width: 892px; height: 4px; background: url(line.gif) no-repeat; margin: 10px 34px; }
.marketing2 { width: 892px; height: 4px; background: url(line.gif) no-repeat; margin: 0 34px 10px 34px; }

.internet { width: 892px; height: 4px; background: url(line.gif) no-repeat; position: relative; top: 10px; margin: 0; }
#designer { width: 960px; height: 40px; background: #bae448 url(copyright.png) no-repeat; }
#container-1 { width: 892px; margin: 0 34px; }

h3 { font: normal 24px arial; margin: 7px 0; color: #cccccc; }

#col1, #col2 {
 border-right: 1px solid #cccccc;
}
ul { margin: 0;}
.dots { background: url(d.gif) repeat-x; padding: 2px 0; }
.dots2 { background: url(d.gif) repeat-x; padding: 2px 0 15px 0; }
.herald { color: #3399ff; font-weight:bold; font-size: 16px; padding-left: 20px; }
.sun { padding-top: 5px; }
.four { margin: 4px 20px; }
.small { font-size: 12px; color: #838383; }
.ten { margin: 0px 0px 10px 0px; }
.seven { padding-left: 60px; }
.eleven { margin: 11px 10px 0px 0px; font: normal 13px Arial; color: #ffffff; background: #d5d5d5 no-repeat 2px 2px; padding: 2px; }
.weather { padding-top: 50px; }
.date { text-align: right; }
.depeche { color: #3399ff; }

#leftcol {
 position: absolute; width: 425px;
}

#leftcol div, #rightcol div {
 padding: 10px; top: 0;
}

#rightcol {
 position: relative; left: 425px; width: 425px;
}
.floatleft { margin: 0 15px; }

.paddingtop { padding: 3px 15px; }
.sites { float: left; background: #ececec; margin: 0 15px; display: block; width: 178px; text-align: right; padding-right: 2px; }
.sites2 { float: left; background: #ececec; margin: 0 18px; display: block; width: 178px; text-align: right; padding-right: 2px; }
.sites3 { float: left; background: #ececec; margin: 0 15px; display: block; width: 178px; padding-left: 2px; }
.sites4 { float: left; background: #ececec; margin: 0 18px; display: block; width: 178px; padding-left: 2px; }
.green { color: #99cc00; }
.blue { color: #3399ff; }
img { border: 0;}