/* reset white space */
html, body {
margin: 0;
padding: 0
}

h1, h2, h3, h4, h5, h6 {
font-family: helvetica;
font-weight: normal;
margin-top: 13px;
margin-bottom: 5px;
}

h1, h1 * {
font-size: 20px;
letter-spacing: -0.7px;
color: #E30D40;
}

h2, h2 * {
font-size: 16px;
letter-spacing: -0.5px;
}

h3, h3 * {
font-size: 15px;
font-weight: normal;
color: #111;
}

div#left h1 {
margin-top: 0;
}

address, blockquote, dl, form,
fieldset, ol, table, p, pre, ul {
margin-top: 3px;
margin-bottom: 7px;
}

* {
font-family: Arial;
font-size: 12px;
color: #333;
}

div#nav a {
border: 0px solid black;
margin: 0;
padding: 0;
float: left;
}

/* HTML */
body {
background-color: #fff;
background-image: url(images/shared/body_background.jpg);
background-repeat: repeat-x;
margin: 0;
}

ul {
padding-left: 0;
margin-left: 0;
list-style-position: inside;
list-style-image: url(images/shared/list_mark.gif);
}

ul.nomark {
list-style-image: none;
list-style-type: none;
}

li {
margin-bottom: 5px;
}

p.visit {
background-image: url(images/shared/visit.gif);
background-repeat: no-repeat;
padding-left: 17px;
background-position: 0 1px;
padding-bottom: 1px;
margin-top: 0;
}

/* this is the little thing before some headings to explain what's next. */
table.heading_tip {
margin-bottom: -15px;
margin-top: 4px;
}

td.heading_tip_text {
font-size: 10px;
color: #333; 
height: 21px;
padding-top: 3px;
padding-left: 7px;
padding-right: 2px;
background-image: url(images/shared/SnapLive---bla-bla.jpg);
background-repeat: no-repeat;
text-transform: uppercase;
}

td.heading_tip_corner {
height: 24px;
width: 4px;
background-image: url(images/shared/SnapLive---bla-bla_right.jpg);
background-repeat: no-repeat;
}

div#footer td.heading_tip_text {
background-image: url(images/shared/SnapLive---bla-bla_footer.jpg);
}

div#footer td.heading_tip_corner {
background-image: url(images/shared/SnapLive---bla-bla_footer_right.jpg);
}

/* PORTFOLIO */

ul#project_list {
list-style-image: url(images/portfolio/website_mark.gif);
}

li.info {list-style-image: url(images/portfolio/info_mark.gif);}
li.grafica {list-style-image: url(images/portfolio/grafica_mark.gif);}
li.layout {list-style-image: url(images/portfolio/layout_mark.gif);}
li.programming {list-style-image: url(images/portfolio/programming_mark.gif);}
li.cliente {list-style-image: url(images/portfolio/cliente_mark.gif);}
li.tech {list-style-image: url(images/portfolio/tech_mark.gif);}
li.visit {list-style-image: url(images/portfolio/visit_mark.gif);}

div.project img {
margin-bottom: 11px;
}

div.project h1 img {
width: auto;
border: 0;
}

img.float_left {
float: left;
margin-right: 7px;
margin-bottom: 7px;
}

a, a * {
color: #E30D40;
text-decoration: none;
}

a:hover {
border-bottom: 1px dotted #E30D40;
}

a img {
border: 0;
}

div#header img {
vertical-align: top
}

div#subnav,
div#subnav * {
color: #fff;
border-bottom-color: #fff;
}

/* LAYOUT */

/* portfolio */
div.project {
display: none;
}


div#container {
border: 0px solid red;
position: relative;
width: 950px;
height: 1000px;
left: 50%;
margin-left: -475px;
background-image: url(images/tmp.jpg);
background-position: top center;
background-repeat: no-repeat;
}

div#header {
padding-top: 8px;
padding-bottom: 26px;
background-image: url(images/shared/header_background.jpg);
background-position: bottom center;
background-repeat: no-repeat;
border: 0px solid red;
}

div#nav {
position: relative;
height: 30px;
background-image: url(images/shared/nav_background.jpg);
border: 0px solid yellow;
padding-left: 22px;
}

div#subnav {
height: 23px;
padding-top: 7px;
padding-left: 22px;
background-image: url(images/shared/subnav_background_ROUNDED.jpg);
border: 0px solid red;
}

div#left {
width: 650px;
padding-left: 22px;
float: left;
border: 0px solid red;
}

div.portfolio_column {
border: 0px solid red;
float: left;
width: 305px;
margin-right: 20px;
}

div#column_right {
margin-right: 0;
}

div#right {
width: 240px;
padding: 10px;
float: right;
border: 0px solid red;
background-image: url(images/shared/right_background.jpg);
background-repeat: no-repeat;
}

div#footer {
float: left;
clear: both;
width: 950px;
margin-top: 20px;
background-image: url(images/shared/footer_background.jpg);
background-repeat: no-repeat;
border: 0px solid green;
}

div#footer_end {
width: 950px;
height: 19px;
float: left;
clear: both;
background-image: url(images/shared/footer_end.jpg);
background-position: bottom left;
background-repeat: no-repeat;
/* hack 4 margin bottom IE */
border-bottom: 30px solid #fff;
}

div.footer_column {
width: 285px;
padding: 15px;
padding-top: 0;
float: left;
border: 0px solid green;
}