body{background:url(images/background.jpg) #ebebeb repeat;font-family:Arial,Helvetica,sans-serif;}
.clear{clear:both;}
a{outline:none;}
#content{width:526px;margin:10px auto 0 auto;}
strong{font-weight:bold;}
#content_top{background:url(images/content_top.png) no-repeat;width:526px;height:93px;margin:0 auto;}
a img{border:none;}
#flag { margin: 0 20px 50px 0; width:526px; text-align: right; font-size: 12px; text-decoration: none;}
#flag a { text-decoration: none; color: #58C6BE;}
#flag a:hover { text-decoration: underline; color: #87695B;}
.vcard{position:relative;float:left;padding:30px 0 0 30px;cursor:help;}
.vcard a{cursor:help;}
.popup a{color:#fff;font-weight:bold;font-size:14px;margin-left:40px;text-decoration:none;}
.popup{position:absolute;display:none;z-index:50;border-collapse:collapse;width:177px;height:41px;padding:8px 0 0 0;background:url(images/tip.png) no-repeat;}
#menu{width:400px;font-size:16px;float:right;padding:40px 14px 0 0;color:#58c6be;text-transform:uppercase;font-weight:bold;position:relative;}
#menu ul{margin:0;padding:0;list-style:none;display:inline;position:absolute;z-index:10;}
#menu ul li{margin:0;padding:0;float:left;margin:5px 7px;}
#menu a{color:#58c6be;text-decoration:none;}
#menu #box{position:absolute;left:0;margin:3px 0 0 0;z-index:5;background:url(images/menu_hover_right.png) no-repeat right center;height:24px;padding-right:2px;margin-left:-5px;}
#menu #box .head{background:url(images/menu_hover_left.png) no-repeat 0 0;height:24px;padding-left:10px;}
#content_inside{background:url(images/content_bg.png) repeat-y;width:526px;margin:0 auto;padding:5px 0 0 0;}
#badge{background:url(images/badge.png) no-repeat;width:520px;margin:-20px auto 0 auto;height:151px;padding:35px 0 0 0;color:#3ea79d;}
#badge h1 {margin:5px 0 0 0; font-size: 14px; text-align: center; font-weight: normal;}
#logo{background:url(images/logo.png) no-repeat!important;width:196px;height:61px;display:block;margin:0 auto;}
#main{margin:-40px 15px 0 15px;font-size:14px;}
#content_bottom{background:url(images/content_bottom.png) no-repeat;width:526px;height:53px;margin:0 auto;font-size:12px;padding:10px 0 0 0;color:#51bdb2;text-align:center;}
#content_bottom a{color:#51bdb2;text-decoration:none;margin:0 20px 0 0;}
#about_text{width:325px;padding:0 10px;float:right;}
#about_text a { color: #51bdb2; text-decoration: underline; }
#about_text a:hover { color: #3d9f96; text-decoration: none; }
#about_text b{margin:0 0 8px 0;padding:0;font-size:24px;color:#87695b;text-transform:uppercase;display: block;}
#about_photo{float:left;color:#51bdb2;margin:5px 0 0 20px;}
.about_connect{margin:7px 0 0 0;}
.about_contact{margin:10px 0 0 0;}
.about_contact p{padding:0;margin:3px 0 0 5px;color:#000;}
a.twitter{background:url(images/small_t.png) no-repeat bottom;height:26px;width:26px;display:block;float:left;margin:5px 7px;}
a:hover.twitter{background:url(images/small_t.png) no-repeat top;}
a.linkedin{background:url(images/small_in.png) no-repeat bottom;height:26px;width:26px;display:block;float:left;margin:5px 6px;}
a:hover.linkedin{background:url(images/small_in.png) no-repeat top;}
a.facebook{background:url(images/small_fb.png) no-repeat bottom;height:26px;width:26px;display:block;float:left;margin:5px 7px;}
a:hover.facebook{background:url(images/small_fb.png) no-repeat top;}
#networks{margin:0 auto;padding:0;width:496px;}
#networks li{background:#edf8f7;width:247px;height:53px;list-style:none;float:left;margin:1px 1px 0 0;}
#networks li strong{float:right;text-align:left;padding:0;margin:3px 0 3px 7px;font-size:18px;width:160px;}
#networks li:hover strong{color:#51bdb2;}
#networks li a span{float:right;margin:0;padding:0;width:180 px;text-align:right;}
#networks li:hover a span{color:#383838;text-decoration:underline;}
#networks li a{float:right;color:#919191;text-decoration:none;}
#networks li:hover{background:#fff;}
#networks li img{opacity:.5;float:left;margin:4px 5px 0 5px;}
#networks li:hover img{opacity:1.0;}
#contacts{width:330px;min-height:200px;margin:15px 0 0 120px;}
#contacts .left{margin:30px 0 0 0;color:#595959;width:80px;float:left;line-height:30px;text-align:right;}
#contacts .right{color:#8f8f8f;padding:0;width:230px;float:right;line-height:30px;}
#contacts .right strong{color:#3f3f3f;}
#contacts .right a{color:#6dd4cd;text-decoration:none;}
#contacts .right a:hover{color:#3d9f96;margin:0;}
#contacts a span{margin:0;}
#works {width:468px;margin:0 auto;}
ul.folio {width:468px;list-style:none;margin:0;padding:0;}
ul.folio li{float:left;border:2px solid #87695b;margin:5px 3px;padding:0;overflow:hidden;position:relative;}
ul.folio li:hover{border:2px solid #58c6be;}
ul.folio li a.thumb{width:100px;height:54px;cursor:pointer;}
ul.folio li span{width:100px;height:54px;overflow:hidden;display:block;}
ul.folio li a.thumb:hover{background:#333;}
ul.folio li a{text-decoration:none;color:#777;display:block;}
#works a { color: #6dd4cd; text-decoration: underline; }
#works a:hover { color: #3d9f96; text-decoration: none; }
.thumb { background-size: 100px 108px !important; }