* {margin: 0;padding: 0;}
html { height: 100%; overflow-x:hidden;}
body {
	padding:0;
	margin:0;
	color:#fff;
	background-color: #444; height: 100%; border-top: 1px transparent solid; margin-top: -1px; z-index:0; position:relative;
}

span, .trans {
   filter:alpha(opacity=50); 
   -moz-opacity: 0.6; 
   opacity: 0.5; 
}
.tight{margin:0;}
body,th,td{font:normal 13px/21px "Lucida Grande",Verdana,sans-serif;}
a {text-decoration:none;color:#2cafd5;text-decoration:none;}
a:hover {text-decoration:underline;color:#fff;}
p { margin: 0 0 2.4em;}
b{color:#fff;}

h2,h3,h4,b{color:#fff}
h2{font:normal 22px georgia,serif;margin:0 0 0.5em;}
h3{font:normal 16px "Helvetica Neue",helvetica,arial,sans-serif;margin:0 0 0.3em;}

ul{margin:0 0 10px;padding:0;}
ul li{margin:0;padding:0 0 6px 14px;list-style-type:none;background:url(../img/dot.gif) 0 8px no-repeat;}

.left {float:left;}
.right {float:right;}

img#background { height: 100%; width: 100%; z-index: -2; position:absolute; color: white; }

/* Logo */
h1{margin:0;display:block;width:208px;height:126px;background:url(../img/logo.png);margin-top:70px;margin-left:18px;}
h1 span{display:none;}

/* Columns */

#content{z-index:10;width:980px;margin:0 auto;xbackground:#fff;}
#contact-column{width:275px;float:left;}
#column1{width:400px;padding-top:90px;float:left;margin-right:50px;}
#column2{float:left;width:205px;padding-top:90px;font-size:12px;}
#contact{padding:50px 0 0 50px;font-size:12px;float:left;}

/* Projects */

.project {background:url(../img/line-trans.png) top repeat-x;padding-top:16px;clear:left;}
.project .pic{float:left;width:90px;}
.project .text{width:310px;float:left;}
.project p{margin-bottom:13px;}
.project .download{background:url(../img/icon-apple.png) 0 1px no-repeat;padding:0 0 10px 34px;line-height:15px;}
.project .iphone{background-image:url(../img/icon-iphone.png)}
.project .download span{font-size:0.8em;}

/* Footer */

#light-bg{position:fixed;bottom:0;right:0;width:1200px;height:100%;background:transparent url(../img/bg-light.png) bottom right no-repeat;z-index:-1;}
#foot-hill{clear:left;position:relative;height:364px;margin-top:50px;background:transparent url(../img/kulle.png) bottom right no-repeat;z-index:100;}
#tweets{position:absolute;top:10px;right:210px;width:208px;height:155px;background:transparent url(../img/bubble.png);padding-left:53px;padding-top:43px;padding-right:32px;font-size:14px;line-height:18px;color:#333;}
#tweets p.follow a{font-size:12px;font-weight:bold;}
#tweets a {color:#2cafd5;}
#tweets a:hover{color:#333;}
#tweets em a{font-size:10px;text-decoration:none;color:#999;}
#tweets ul,#tweets li{background:none;padding:0;margin:0;}
#tweets p{margin-bottom:5px;}

#swatches {position:absolute;top:0;right:0;font-size:0.8em;color:#888;width:100%;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}
#swatches div{width:16.6%;height:8px;margin:0;cursor:pointer;float:left;}
#swatches:hover{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
#swatches div:hover{height:16px;}

fieldset {border-width:0;padding:0;margin:0;}