/* reset styles */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, font, img, dl, dt, dd, ol, ul, li, form, label, input, textarea, legend, table, tbody, tr, th, td {margin:0px;padding:0px;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;list-style:none;}


/* general html styles */
* {margin:0;padding:0;}
html {margin:0px;padding:0px;font-size:100%;}
body {color:#669ea6;width:100%;background:#fff;font-family:'DroidSans',"Helvetica Neue",Arial,Helvetica,sans-serif;font-size:13px;line-height:18px;}

h1, h2, h3, h4 {display:block;font-weight:normal;color:#555;font-family:'DroidSans',;}
h1 {font-size:18px;line-height:23px;}
h2 {font-size:16px;line-height:21px;text-transform:uppercase;color:#222;margin-bottom:5px;}
h3 {font-size:16px;line-height:18px;margin-bottom:6px;font-family:'DroidSansBold';color:#333;margin-bottom:10px;}
h4 {font-size:12px;line-height:16px;margin-bottom:0px;font-family:'DroidSansBold';}

a, a:link {color:#2ba1c3;text-decoration:none;}
/* a:visited {color:#86c0dd;text-decoration:none;} */
a:hover {background-color:#2ba1c3;color:#fff;text-decoration:none;}
a:active {color:#333;text-decoration:none;}

div {display:block;}
span {}
img {}
small {}

ul {margin-bottom:40px;}
ul li {}
ul li.last {margin-top:15px;font-size:12px;font-style:italic;font-family:'Lucida Sans';}
ul li a {padding:1px 3px 0px 80px;display:inline-block;margin-left:-80px;}

ol {}
ol li {}

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


/* basic layout */
#container {width:960px;margin:100px auto 40px;padding:0 40px 0 0;position:relative;}
#logo {margin-bottom:40px;}
#fixed {width:200px;position:fixed;}
#main {width:720px;background:#fff;padding:20px;margin-left:200px;}
#scroll {width:40px;position:fixed;margin-left:960px;}


/* scroll */
#scroll a {display:block;width:40px;height:40px;margin:0 0 1px;padding:0px;background:transparent url('/i/bg_scroll.png') no-repeat 0 0;text-indent:-5000px;}
#scroll a.prev {background-position:0 0;}
#scroll a.prev:hover {background-position:0 -41px;}
#scroll a.next {background-position:-41px 0;}
#scroll a.next:hover {background-position:-41px -41px;}


/* nav */
ul.nav {}
ul.nav li {margin-bottom:1px;}
ul.nav li a {display:block;width:200px;height:33px;margin:0 0 1px 0;padding:0px;background:transparent url('/i/bg_nav.png') no-repeat 0 0;text-indent:-5000px;}
ul.nav li.portfolio a {background-position:0 0;}
ul.nav li.portfolio a:hover {background-position:0 -35px;}
ul.nav li.portfolio#active a {background-position:0 -70px;}
ul.nav li.bio a {background-position:-201px 0;}
ul.nav li.bio a:hover {background-position:-201px -35px;}
ul.nav li.bio#active a {background-position:-201px -70px;}
ul.nav li.twitter a {background-position:-402px 0;}
ul.nav li.twitter a:hover {background-position:-402px -35px;}
ul.nav li.flickr a {background-position:-603px 0;}
ul.nav li.flickr a:hover {background-position:-603px -35px;}
ul.nav li.contact a {background-position:-804px 0;}
ul.nav li.contact a:hover {background-position:-804px -35px;}
ul.nav li.contact#active a {background-position:-804px -70px;}




/* portfolio */
body#portfolio {background:#eff1d8 url('/i/bgd.png') repeat-x fixed 0 0;}
h1 {display:block;width:200px;height:92px;background:transparent url('/i/logo_lettini.png') no-repeat 0 0;text-indent:-5000px;margin-bottom:1px;}
ol.work_list {}
ol.work_list li.work {border-bottom:1px dotted #ccc;padding-bottom:40px;margin-bottom:20px;}
.work img {width:720px;margin-bottom:10px;}
.work .info {width:440px;}
.footer {font-size:12px;color:#aaa;}


/* font-face */
@font-face {
	font-family: 'DroidSans';
	src: url('/files/font-face/DroidSans-webfont.eot');
	src: local('☺'), url('/files/font-face/DroidSans-webfont.woff') format('woff'), url('/files/font-face/DroidSans-webfont.ttf') format('truetype'), url('/files/font-face/DroidSans-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'DroidSansBold';
	src: url('/files/font-face/DroidSans-Bold-webfont.eot');
	src: local('☺'), url('/files/font-face/DroidSans-Bold-webfont.woff') format('woff'), url('/files/font-face/DroidSans-Bold-webfont.ttf') format('truetype'), url('/files/font-face/DroidSans-Bold-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}