* {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

body {
	margin: 30px 0;
	padding: 0;
	background: #FFFFFF;
	font-size: 12px;
	color: #6B6B6B;
	background: url(images/img02.gif) repeat-x;
}


h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	color: #00AEEF;
}

h1 {
	margin-bottom: 10px;
	border-bottom: 1px solid #F4F4F4;
	font-size: 20px;
}

h2 {
	margin-bottom: 10px;
	font-size: 15px;
}

h3 {
	margin-bottom: 12px;
	padding-bottom: 5px;
	font-size: 16px;
	border-bottom: 1px solid #F4F4F4;
}

p, ol, ul, blockquote {
	line-height: 20px;
}



a {
	color: #00AEEF;
}

a:hover {
	text-decoration: none;
}

img {
	border: none;
}

#textfield1 {
	width: 185px;
	margin-bottom: 10px;
	border: 1px solid #E0E0E0;
	border-right-color: #F6F6F6;
	border-bottom-color: #F6F6F6;
}

#submit1 {
	border: 1px solid #EBEBEB;
	border-bottom-color: #DDDDDD;
	background: #FBFBFB url(images/img7.gif) repeat-x;
	text-transform: lowercase;
	font-size: 12px;
	color: #7A7A7A;
}

/* Company text */


#company {
    width: 560px;
	height: 150px;
	padding:0;
	margin: 0 auto;
	background: url(images/img6.gif) repeat-x;
	border: 1px solid #F2F2F2;
}

#companyimage {
	float: left;
	text-align:center;
	width:180px;
	height:130px;
	padding: 10px 0 0 0;
	margin: 0 10px 0 0;
}


#companytext{
	float: right;
	height:120px;
	width:340px;
	padding:10px;
}


/* CV */

#cv {
    width: 530px;
	height: 130px;
	padding:0;
	margin: 0 auto;
	background: url(images/img6.gif) repeat-x;
	border: 1px solid #F2F2F2;
}

#cvimage {
	float: left;
	text-align:right;
	width:190px;
	height:120px;
	padding: 10px 0 0 0;
}


#cvtext{
	float: right;
	height:90px;
	width:320px;
	padding:40px 0 0 0;
	color:#00AEEF;
	vertical-align:middle;
}


/* Comments */

.comment {
	margin: 0 0 20px 0;
	padding: 5px 5px 20px 5px;
	background: url(images/img6.gif) repeat-x;
	border: 1px solid #F2F2F2;
}






/* Header */
#headerbg {
	background-color:#FFFFFF;
	width: 800px;
	height: 145px;
	margin: 0 auto;
	
}

#header {
	width: 800px;
	height: 145px;
	margin: 0 auto;
	background: url(images/img2.gif) repeat-x;
}

/* Background Bar Title*/

.bbtitle {
	height: 40px;
	background: #5A5A5A url(images/img01.gif) repeat-x;
	font-size: 16px;
	color:#FFFFFF;
}


/* Logo */

#logo {
	float: left;
	width:300px;
	height: 105px;
	padding: 40px 0 0 210px;
	background: url(images/img1.gif) no-repeat;
}

h2.logosub a {
	font-size: 22px;
	color: #00AEEF;
	border:0;
	margin:-10px 0 0 0;
}
h1.logomain a {font-size: 46px; border:0; color: #6B6B6B; margin:0;}

#logo * {
	text-decoration: none;
}

/* Menu */

#menu {
	float: right;
	height: 80px;
	width:280px;
	padding: 65px 10px 0 0;
	background: url(images/img3.gif) no-repeat right top;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu li {
	float:left;
	display: inline;
}

#menu a {
	padding: 0 15px 0 20px;
	text-transform: lowercase;
	text-decoration: none;
	font-size: 13px;
	color: #636467;
	background-image: url("images/box.gif");
	background-repeat: no-repeat;
	background-position: left;
}

#menu a:hover{
	color: #00AEEF;
	background-image: url("images/blueboxlarge.gif");
	background-repeat: no-repeat;
	background-position: left;
}

#menu .first a {
	border: none;
}

#menuerror404 {
	width:90px;
	float: right;
	height: 110px;
	padding: 65px 15px 0 0;
	background: url(images/img3.gif) no-repeat right top;
}

/* Content */

#content {
	width: 746px;
	background: #FFFFFF url(images/img5.gif) top repeat-x;
	margin: 0 auto;
	padding: 30px 25px 0 25px;	
	border-left:#00AEEF solid 2px;
	border-right:#00AEEF solid 2px;
}

#maincolumn {
	float: right;
	width: 560px;
}

#contactcolumn {
	float: left;
	width: 140px;
	padding: 10px;
	border: 1px solid #F4F4F4;
}

/* Footer */

#footer {
}

#footer p {
	text-align: center;
	color: #777777;
}

#footer a {
	color: #5D5D5D;
}

.bottompage {
	width: 800px;
	height: 56px;
	margin: 0 auto;
	background: #FFFFFF url(images/img8.gif) no-repeat left bottom;
}

/* Contact Form*/

fieldset {  
position: relative; 
float: left;  
clear: both;  
width: 100%;  
margin: 0 0 1.5em 0;  
padding: 0;  
border: 1px solid #95d5f0;  
background: url(images/cornerbox.gif) no-repeat right top;

}
label {  
float: left;  
width: 10em;  
margin-right: 1em;  
text-align: right;
}

textarea{
width:110px;
}

label strong {
position: absolute;
left: 27em;
top: 0.2em;
width: 19em;
color: #C00;
font-size: 85%;
font-weight: normal
;text-transform: uppercase;
}
label strong img {  
position: absolute;  
left: -16em;
}
legend {  
position: relative;  
left: -7px;  
top: -0.75em;
color:#6B6B6B;
}
fieldset ol {  
padding-top: 0.25em;
list-style:none;
}
fieldset li {  
float: left;  
clear: left;  
width: 100%;  
padding-bottom: 1em;
}
.submit {  
float: left;  
width: 100px;  
margin-left: 175px;
border: 1px solid #EBEBEB;
border-bottom-color: #DDDDDD;
background: #FBFBFB url(images/img7.gif) repeat-x;
text-transform: lowercase;
font-size: 12px;
color: #7A7A7A;
}
.field_border{
border: #00AEEF solid 1px;
background-color: #95d5f0;
color: #ffffff;
padding:2px;
font-size: 12px;
}
/*Thumbnails*/
.thumbnails {
	padding: 5px;	
filter:alpha(opacity=25);-moz-opacity:.25;opacity:.25;

}


a.linkopacity img {
padding: 5px;
filter:alpha(opacity=60); 
-moz-opacity: 0.6; 
opacity: 0.6;}

a.linkopacity:hover img {
filter:alpha(opacity=90);   
-moz-opacity: 0.9;   
opacity: 0.9;
}


#thumbnails {
	padding: 5px;	

}

#thumbnails a:hover {
border:#0066FF 1px solid;

}
.workbg{
	margin: 0 0 0px 0;
	padding: 5px 5px 10px 5px;
	background: url(images/img6.gif) repeat-x;
	border: 1px solid #F2F2F2;
}

.main_img{
margin:10px 0 15px  0;
}

p.intro{
font-size:14px;
line-height:35px;
}

p.intro a{
text-decoration:none;
}

p.intro a:hover{
text-decoration:underline;
}

span.large{
font-size:24px;
color:#00AEEF;
}

span.medium{
font-size:20px;
color:#00AEEF;
}


a.work_image{
float:left;
display:block;
width:300px;
height:202px;
background-repeat:no-repeat;
}

a.anderstand{
background-image:url(images/anderstand.png);
}

a.gazetme{
background-image:url(images/gazetme.png);
}


a.ose{
background-image:url(images/ose.png);
}

a.do{
background-image:url(images/do.png);
}

a.iwm{
background-image:url(images/iwm.png);
}

a.ss{
background-image:url(images/ss.png);
}

a.dandad{
background-image:url(images/dandad.png);
}

p.description{
float:right;
margin-left:10px;
width:220px;
}

h4.project_title a{
float:left;
width:100%;
margin:10px 0 10px 0;
font-size:16px;
text-decoration:none;
}

.clear{
clear:both;
}

h3{
margin-top:20px;
font-size:20px;
}

ul#twitter_update_list li{
margin:0;
padding:0;
float:left;
list-style:none;
}

ul#twitter_update_list li span{
float:left;
width:140px;
overflow:hidden;
}

ul#twitter_update_list{
margin:0;
padding:0;
}


<!-- Start of Flickr Badge -->
<style type="text/css">
#flickr_badge_source_txt {padding:0; font: 11px Arial, Helvetica, Sans serif; color:#FFFFFF;}
#flickr_badge_icon {display:block !important; margin:0 !important; border: 1px solid rgb(0, 0, 0) !important;}
#flickr_icon_td {padding:0 20px 0 0 !important;}
.flickr_badge_image {text-align:center !important;}
.flickr_badge_image img {border: 1px solid #eeeeee !important; padding-right:10px;}
#flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
#flickr_badge_wrapper {background-color:#ffffff;}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#FFFFFF !important;}


a.links{
float:left;
clear:left;
width:110px;
height:30px;
background-repeat:no-repeat;
text-indent:-5000px;
margin:5px 0 5px 0;
}

a.twitter{
background-image:url(images/twitter.png);
}

a.flickr{
background-image:url(images/flickr.png);
}

a.linkedin{
background-image:url(images/linkedin.png);
}

a.lastfm{
background-image:url(images/lastfm.png);
}

h2.sidebar-title{
margin-top:20px;
float:left;
}


.contact{
float:left;
width:110px;
height:30px;
padding-left:20px;
padding-bottom:5px;

background-image:url(images/box.gif);
background-repeat:no-repeat;
}

h4.sidebar{
width:130px;
float:left;

font-size:16px;
border-bottom:1px solid #F4F4F4;
margin:5px 0 12px 0;
padding-bottom:5px;
}

ul#twitter_update_list li a{
display:block;
width:120px;
}

/* Illustration */

ul.illustration_list{
float:left;
padding:0;
margin:0;
}

ul.illustration_list li{
list-style:none;
float:left;
display:inline;
padding:0;
margin:0;
}

a.illustrations{
float:left;
margin:5px;
background-repeat:no-repeat;
width:96px;
height:72px;
display:inline-block;
text-indent:-5000px;
}

ul.illustration_list li.hidden a {
display:none;
text-indent:-5000px;
}

a.zodiac{
background-image:url(images/flickr/thumbs/zodiac_thumbs.png);
}

a.startups{
background-image:url(images/flickr/thumbs/startups_thumbs.png);
}

a.machine{
background-image:url(images/flickr/thumbs/machine_vs_machine_thumbs.png);
}

a.justso{
background-image:url(images/flickr/thumbs/justso_thumbs.png);
}

a.gazetme_comic{
background-image:url(images/flickr/thumbs/gazetme_comic_thumbs.png);
}