/*
GENERAL, TYPOGRAPHY, FONT SIZES
----------------------------------------------------------*/
body 			{font-family:helvetica, sans-serif; font-size:12px; color:#000; text-align:center;}

form,table,ul,ol,dl,body,h1,h2,h3,h4,h5,h6,p,fieldset 
				{margin:0; padding:0;}
		
h1 				{font-size:1.78em; font-weight:normal;margin-bottom:1em;}
h2 				{font-size:1.78em;}
h3				{}
h3,h4,h5,h6 	{font-size:1em;}
h1 img			{vertical-align:baseline;}

ul,ol 			{margin-left:2;}
li 				{margin-bottom:0;}
p 				{margin:0 0 1em 0; line-height:1.6em;}

a				{color:black;}
a:hover,
a:visited:hover			{color:#b3b3b3;}
a:visited		{color:black;}

a img			{border:none;}

#logo span		{display:none;}
#logo			{float:right;}
/*
container and main
------------------------------------------------------------*/
#container		{text-align:left;width:944px;margin:0 auto;}
#main			{margin-top:2em;}
/*
home bg image
------------------------------------------------------------*/
body#index #container	{background:url(i/index-bg.jpg) center bottom no-repeat;min-height:650px;}
/*
nav and header
------------------------------------------------------------*/
#header			{border-bottom:solid #e6e6e6 3px;}
#nav			{list-style-type:none;font-size:14px;list-style:none;margin-left:0;float:left;}
#nav li			{float:left;margin-right:5em;margin-top:70px;}
#nav a,
#nav a:visited	{padding:.25em;text-decoration:none;color:#b3b3b3;}
#nav a:hover	{color:#807e7e;}
#nav .current a,
#nav .current a:hover {color:black;}
/*
main columns
------------------------------------------------------------*/
#primary,
#secondary		{float:left;width:30%;}
#primary		{width:70%;}
#secondary h3 	{font-size:14px;margin-bottom:.5em;font-weight:normal;background:url(i/news_list_bg.png) left bottom no-repeat;padding:0 0 1em 0;}
/*
common
------------------------------------------------------------*/
#secondary .fragment		{margin:0 2em 1em 2em;}
#primary .fragment			{margin:0 4em;}
#main li					{line-height:1.8;}
#main li.current a			{font-weight:bold;text-decoration:none;}
/*
home
------------------------------------------------------------*/
#site_intro		{margin-top:90px;width:260px;}
.news_list 		{list-style-type:none;margin-left:0;}
.news_list h4	{float:left;margin:0 .5em 0 0;line-height:1.2;}
.news_list .meta {margin-bottom:0;}
.news_list li 	{background:url(i/news_list_bg.png) left bottom no-repeat;padding-bottom:1px;margin-bottom:1em;}
.news_list p 	{margin-bottom:1em;line-height:1.2;}
/*
catalog
----------------------------------------------------------*/
#catalog li		{float:left;margin:0 32px 54px 0;}
#catalog li.col_4 {margin-right:0;}
#catalog ul 	{list-style-type:none;margin-left:0;}
#catalog a.thumb {display:block;height:120px;overflow:hidden;}/*crop image height if necessary*/
#catalog a.thumb img	{width:210px;height:auto;}
#catalog h3		{margin-top:1em;}
#catalog h3 a	{color:#808080;display:block;border:solid #e6e6e6 3px;border-width:0 0 3px 0;text-decoration:none;}
#catalog h3 a:hover,
#catalog li:hover h3 a {color:black;border-color:#aeaeae;}
/*
work detail
---------------------------------------------------------*/
.product_picture img	{width:950px;height:auto;}
.product_data	{margin-top:18px;border-top:solid #e6e6e6 3px;padding:.5em 0;}
.product_data h2	{font-size:12px;font-weight:bold;margin-bottom:.25em;}
.col1				{float:left;width:60%;}
.col1 p				{line-height:1.2;}
.col2				{float:right;width:20%;text-align:right;}
#pager .arrow,
#pager span			{padding:0 1em;}
.attrs				{list-style-type:none;}
.attrs li			{height:1.2em;}
/*
main columns - default views
--------------------------------------------------------*/
#content {float:left;width:66%;}
#sidebar {float:right;width:30%;}
#content h2 {margin-bottom:1em;}
#content h3 {font-size:1.5em;}
#content .post {line-height:1.6;margin-bottom:1em;}
#content .post small {background:#eee;border:solid silver 1px;padding:.25em;border-width:1px 0;display:block;}
#content .texto {margin-bottom:1em;}
/*
forms
---------------------------------------------------------*/
fieldset	{border-width:0;}
legend		{display:none;}
label		{display:block;}
textarea	{width:50%;height:10em;}
hr			{display:none;}
/*
Hacks
----------------------------------------------------------*/
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}
.clearfix {
        display:inline-block;
}
.clearfix {
        display:block;
}