* { margin: 0; padding: 0; outline:0; }

body {
    font-size: 12px;
    line-height: 16px;
    font-family: "Museo Sans 300", Georgia, Serif;
    color: #666;
    background: #fff url(images/logo.png) no-repeat center 0;
}

a { color: #ff9999; text-decoration: underline; cursor:pointer; }
a:hover { text-decoration: none; }

a img { border: 0; }

input, textarea, select { font-family: Arial, Helvetica, sans-serif; font-size:12px; }
textarea { overflow:hidden; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }

.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

.shell { width: 940px; margin: 0 auto; }

.header { padding: 77px 40px 75px 156px; border-bottom: 1px solid #ededed; margin-bottom: 19px; height: 100%; position: relative; }
#navigation { width: 480px; float: left; display: inline; font-size: 15px; font-family: "Museo Slab 700", georgia, serif; }
#navigation ul { list-style: none; }
#navigation ul li { float: left; }
#navigation ul li a { color: #666; margin: 0 4px; text-decoration: none; border-bottom: 1px dotted #ff9999;}
#navigation ul li a.active { color: #ff9999; border-bottom: 0;}
#navigation ul li a:hover { background: #ffcacb; color: #fff; border-bottom: 0;}

#logo {font-size: 0; line-height: 0; text-indent: -9999px; width: 130px; height: 140px; position: absolute; top: 20px; left: 10px;}
#logo a {height: 140px; display: block;}

p.top-info { width: 260px; float: right; display: inline; font-family: "Museo Sans 300", georgia, serif; }
p.top-info a { color: #cc6666; text-decoration: underline; float: right; }
p.top-info a:hover { text-decoration: none; }

.featured { padding: 0 0 17px 17px; border-bottom: 1px solid #ededed; margin-bottom: 49px; height: 100%; } 
.featured ul { width: 130px; float: left; display: inline; padding-right: 15px; list-style: none; } 
.featured ul li { background: url(images/featured-li.png) no-repeat 0 4px; padding-left: 14px; height: 100%; padding-bottom: 2px; }

.featured-post { width: 465px; float: left; display: inline; padding-right: 14px; }
.featured-post p { padding-bottom: 9px; line-height: 18px; }

.featured .img { width: 140px; float: left; display: inline;  }

.main { position: relative; margin-right: -20px; width: 960px; padding-bottom: 15px; }
.main .entry { width: 300px; float: left; margin: 0 20px 23px 0; position: relative; overflow: hidden; cursor: pointer; height: 230px;}
.main .last-entry { margin-right: 0; }

.main .entry-info { position: absolute; top: 0; left: 0; display: none; height: 100%; width: 273px; background: url(images/transp.png) repeat 0 0; padding: 15px 10px 10px 17px; }
.main .entry-info h2 { font-size: 15px; color: #fff; padding-bottom: 4px; font-family: "Museo Slab 700"; font-weight: normal; } 
.main .entry-info h2 a { color: #fff; text-decoration: none; }
.main .entry-info h2 a:hover { text-decoration: none; }   
.main .entry-info h3 { font-size: 13px; font-weight: normal; color: #fff; padding-bottom: 12px; font-family: "Museo Sans 300", georgia, serif; }
.main .entry-info p { color: #990033; font-style: italic; font-family: "Museo Sans 300", georgia, serif; }

.socials { border-top: 1px solid #ededed; padding-top: 8px; padding-bottom: 10px; height: 100%; }
.socials a { height: 16px; width: 16px; background: url(images/socials.gif) no-repeat 0 0; font-size: 0; line-height: 0; text-indent: -4000px; float: left; display: inline; margin-right: 5px; }
.socials a.linked-ico { background-position: 0 0; }
.socials a.flickr-ico { background-position: -21px 0; }
.socials a.soc3-ico { background-position: -42px 0; }
.socials a.youtube-ico { background-position: -63px 0; }
.socials a.os-ico { background-position: right 0; }

.socials a.linked-ico:hover { background-position: 0 bottom; }
.socials a.flickr-ico:hover { background-position: -21px bottom; }
.socials a.soc3-ico:hover { background-position: -42px bottom; }
.socials a.youtube-ico:hover { background-position: -63px bottom; }
.socials a.os-ico:hover { background-position: right bottom; }

.info { padding-bottom: 24px; padding-left: 6px; margin-top: -7px; }
.info h2 { font-size: 12px; color: #00c9c9; font-weight: normal; padding-bottom: 3px; font-family: "Museo Sans 700", georgia, serif; }
.info p { font-size: 14px; color: #333; font-family: "Museo Sans 300", georgia, serif; }
.info .col { width: 158px; float: left; display: inline; }
.info .col2 { width: 480px; }
.info .col3 { width: 290px; }

.product { padding-bottom: 38px; }
.product .img { width: 631px; float: left; display: inline; position: relative; margin-left: -6px; }
.product .cnt { width: 295px; float: right; display: inline; border-top: 1px solid #ededed; margin-top: 3px; padding-top: 20px; padding-left: 3px; font-family: "Museo Sans 300"; font-size: 14px; line-height: 22px; font-style: italic; }

.product .vimeo1-holder { width: 541px; height: 411px; background: url(images/vimoe-holder1.jpg) no-repeat 0 0; float: left; display: inline; padding: 65px 45px 0 45px; }

.product .vimeo2-holder { height: 373px; width: 498px; background: url(images/vimoe-holder2.jpg) no-repeat 0 0; float: left; display: inline; padding: 55px 65px 56px 68px; }