html, body, div, ul, li, p, a, h1, h2, h3, h4, h5, h6, input, img, form, pre {margin: 0; padding:0px; font-size:100.01%; outline:0; border:none; vertical-align: bottom;}
html {font-size: 62.5%;}
abbr {cursor:help;border-bottom:1px dotted #000;}
body {padding:0px; text-align:center;background-color:#e7e8de; font-family:Helvetica, Arial, Verdana, sans-serif; color:#201f1f; background:url('/images/snowfox_bg.gif') repeat;}
.clear {clear:both;}
h1 {font-size:67px;color:#363636;line-height: 50px; display:block;}
h2 {font:22px/20px Verdana, "MS Treberet", sans-serif; text-align: right;}
#left-column h2 {width:235px;padding-top:15px;float:left;}
a img {border:none;outline:none;}
a {outline:none;color:#3D3D3A;text-decoration: none;}
p {font-size:14px; line-height: 20px; color:#3D3D3A; }
.inside p {font-size:12px; line-height: 16px; }
h3 {font-size:18px;padding-bottom: 5px;color:#000;}
ul li {list-style:none; color:#3D3D3A;}
#page-wrap {width:940px; text-align:left; height:800px; margin: 0 auto; padding:0 10px;}
#header {width:775px;height:73px;padding-top:23px;float:right;border-bottom:1px solid #c6c5c5;position:relative;}
#logo {float:left;padding:0 0 0 30px;position:absolute;top:20px;}
#logo h1 {width:217px; height:65px; display:block; text-indent:-9999px; background: url('/images/snowfox_logo.png') no-repeat;}
body.inside #logo {float:left;padding:0px;position:absolute;top:4px;left:-50px;}
body.inside #logo h1 {width:294px; height:77px; display:block; text-indent:-9999px; background: url('/images/snowfox_logo_inside.png') no-repeat;}
#header ul#nav {display:inline; float:right; padding-top:42px;}
ul#nav li {float:left;padding-right:30px;}
ul#nav li a {display:block; background:url(/images/navigation.png) no-repeat;height:22px;text-indent:-9999px;}
ul#nav li a.home:hover, ul#nav li a.home.hover, ul#nav li a.home.selected {width:64px;background-position:0 0;}
ul#nav li a.portfolio:hover, ul#nav li a.portfolio.hover, ul#nav li a.portfolio.selected {width:100px;background-position: -64px 0;}
ul#nav li a.services:hover, ul#nav li a.services.hover, ul#nav li a.services.selected:hover, ul#nav li a.services.selected {width:96px;background-position: -233px 0;}
ul#nav li a.contact:hover, ul#nav li a.contact.hover, ul#nav li a.contact.selected:hover, ul#nav li a.contact.selected {width:85px;background-position: -258px 0;}
ul#nav li a.home{width:64px; background-position: 0 -22px;}
ul#nav li a.portfolio{width:100px;background-position: -64px -22px;}
ul#nav li a.services{width:96px;background-position: -233px -22px;}
ul#nav li a.contact{width:85px;background-position: -258px -22px;}
ul#nav li.last {padding-right:0px;}
#main-content {margin-top:10px}
#upper-columns {}
#left-column {width:438px; float:left;padding-right:12px;}
img#mascot {float:left; left:20px; position:relative; top:-60px;}
#right-column {width:490px;float:left;position:relative;}
#right-column span {background:url('/images/larger_border.png') no-repeat;position:absolute;width:490px; height:320px;top:0;left:0;z-index:100;}
#right-column ul#main_images {background-color:#CCD5C5; width:470px;height:300px;overflow:hidden;padding:10px;}
img.secondary {}
#lower-columns {float:right; width:743px;}
#col1, #col2, #col3 {width:241px;float:left;margin-right:10px;position:relative;}
#lower-columns span.border {background:url('/images/small_border3.png') no-repeat;position:absolute;width:241px; height:95px;top:0;left:0;z-index:100;}
#lower-columns span.border.alt {background:url('/images/small_border2.png') no-repeat;}
#lower-columns span.border.alt2 {background:url('/images/small_border3.png') no-repeat;}
#lower-columns img.secondary {padding:10px;}
#col3 {margin-right:0;}
#col1 h3, #col2 h3, #col3 h3 {margin:10px 10px 0 10px;}
#col1 p, #col2 p, #col3 p, #col1 ul {margin:0 10px 10px 10px;}
#col1 ul.services {}
#col1 ul.services li {color:#e7d400;list-style: disc; font-size:20px; line-height: 20px; list-style-position:inside;}
#col1 ul.services li span {color:#3D3D3A;font-size:14px; }
#footer {width:743px;float:right;margin:15px 0;}
#footer p {text-align:right;font-size:9px;}
/* Porfolio Styles */
.samples {min-height:245px; position: relative; width:241px;float:left;margin-right:10px;}
.samples.last {margin-right:0px;}
.samples h3 {margin:10px 10px 0 10px;}
.samples p {margin:0 10px 10px 10px;}
#main-content a:hover, a.out {color:#000; border-bottom: 2px solid #cad6c7; line-height: inherit; font-size:11px; padding:0px 2px; text-transform:uppercase;}
#main-content a, a.out:hover{color:#6e8c98;border-bottom: 2px dotted #cad6c7; line-height: inherit; font-size:11px; padding:0px 2px; text-transform:uppercase;}
span.status {display:none;}
.samples a.status:hover span.status {position:absolute; display:block;right:0px;top:12px;visibility:visible;padding:2px 30px 1px 10px;background-color:#8fb6c6;}
#main-content .samples a.status {border-bottom:none;padding:0 0 0 0px;}
p.services {color:#292929;}
p.credits {}
p.view {text-align:right; position: absolute; bottom:0px; right:0px;}
p.credits span {float:right;}
#portfolio h3 {}
/* Contact Styles */
#contact h3 {margin-bottom:15px;}
form {width:300px;margin:0 auto;}
form p {margin-bottom:10px;}
input {float:right;padding:3px;width:200px;}
textarea {float:right;padding:3px; border:none;width:200px;overflow:auto;}
label {}
input.submit {width:auto; border:2px dotted #cad6c7;margin-top:10px;}
#contact #main-content, #services #main-content {min-height:300px;}
/* Experimental */
.snow1 {width:10px;height:10px;background: url('/images/snowflake1.png') no-repeat;position:relative;top:-200px;}
#more-wrap {width:940px;margin:0 auto;position:relative;}
#more {border-top:5px solid black;position:absolute;width:490px;right:0;background-color:#000;z-index:999;}
#info {border:2px solid red;padding:10px;display:none;}