/* Reset CSS*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	
}
body {
	line-height: 1;
	
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* ############################### */

body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #717171;
	background-color: #000000;
	background-image:url(../images/bg.gif);
	background-repeat:repeat-y;
	
}
.left{float: left;}
.right{float: right;}
.clear{clear: both;}
#page{
	padding: 15px;
}
#header{
	padding: 0 0 4px 0;
	margin: 0 11px 0 0;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #202020;
	width:998px;
}
#header ul{
	width: 400px;
}
#header ul li{
	float: left;
	margin-right:20px;
}
#header ul.li{
	text-decoration: none;
}
.contacts{
	margin-top: 12px;
}
#selectedwork{
	padding-top: 5px;
}
#filter-category{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background-color:#000;
	border-style:solid;
	border-width:thin;
	border-color:#717171;
	margin-top: 6px;
}
#contents .category{
	margin: 7px 0 9px 1px;
}
#contents .text_category{
	color: #acacac;
	text-transform: uppercase;
	background-color: #090909;
	padding: 2px 4px 2px 4px;
	margin-bottom:8px;
}
#contents .text_project_thanks{
	color:#8c8c8b;
	text-transform: uppercase;
	margin:3px 0 0 5px;
}
#contents .div_spacer{
	margin: 0 0 3px 0;
}

.block {
	height: 360px;
	font-size: 1em;
	margin-right: 10px; /*Creates the 10px gap between each column*/
	padding: 5px;
	background:#252525;
}
.block h2 {
	font-size: 1.8em;
}
.block img {
	/*Flexible image size with border*/
	 width: 99%; /*Took 1% off of the width to prevent IE6 bug*/
	/*padding: 1%;*/
	/*background:#fff;*/
	margin: 0 auto;
	display: block;
	-ms-interpolation-mode: bicubic; /*prevents image pixelation for IE 6/7 */
	border: 1px solid #000000;
}
#footer{
	padding: 5px 0 0 0;
	margin: 4px 11px 0 0;
	width:998px;
}
#footer .div_topanchor{
	margin: 0 0 20px 0;
}
#footer #content_left{
	margin: 45px 10px 0 0;
}
#footer #content_right{
	margin: 45px 0 0 0;
}
#footer ul.li{
	text-decoration: none;
}
#footer .pad_bottom{
	padding: 0 0 10px 0;
}
#footer div.about{
	/*height: 250px;*/
	width: 330px;
	padding: 0 10px 0 0;
	margin-bottom: 40px;
}
#footer div.about .tools_text{
	color:#cbcbcb;
}
#footer div.social{
	height: 130px;
	width: 400px;
}

#footer div.social div div{
	margin-right:20px;
}
#footer div.social .spacer{
	padding: 15px 0 0 0;
}
#footer div.founder{
	height: 200px;
	width: 330px;
}
#footer div.founder ul li{
	margin-right:20px;
}
#footer div.link{
	text-decoration: none;
}
#footer div.link div.linkblock{
	height: 200px;
	width: 200px;
	float:left;
}
#footer div.link ul li{
	margin: 0 0 2px 0;
}
a:link, a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #cd1f1f;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #717171;
}
div.hoverBtn {
	position: relative;
	float: left;
	background-position:top left;
	background-repeat:repeat-x;
	cursor:pointer;
	margin:0;
}
div.hoverBtn a {
	position:relative;
	cursor:pointer;
	z-index:2;
	display:block;
/*	height:39px;
	line-height:39px;
*/
	background:transparent none repeat-x 0 0 scroll;
	margin:0;
}
div.hoverBtn div {
	display:none;
	cursor:pointer;
	position:absolute;
	z-index:1;
	top:0px;
	background-position:top left;
	background-repeat:repeat-x;
	margin:0;
}
.about div.hoverBtn{
	background-image:url(../images/links/about.gif);
	width:62px;
}
.about div.hoverBtn div {
	background-image:url(../images/links/abouthover.gif);
}
.links div.hoverBtn{
	background-image:url(../images/links/links.gif);
	width:57px;
}
.links div.hoverBtn div {
	background-image:url(../images/links/linkshover.gif);
}
.social div.hoverBtn{
	background-image:url(../images/links/social.gif);
	width:165px;
}
.social div.hoverBtn div {
	background-image:url(../images/links/socialhover.gif);
}
.awstudio div.hoverBtn{
	background-image:url(../images/links/awstudio.gif);
	width:130px;
	margin: 0 10px 0 0;
}
.awstudio div.hoverBtn div {
	background-image:url(../images/links/awstudiohover.gif);
}
.mmstudio div.hoverBtn{
	background-image:url(../images/links/mmstudio.gif);
	width:128px;
}
.mmstudio div.hoverBtn div {
	background-image:url(../images/links/mmstudiohover.gif);
}
.linkedin  div.hoverBtn{
	background-image:url(../images/links/linkedin.gif);
	width:99px;
}
.linkedin  div.hoverBtn div {
	background-image:url(../images/links/linkedinhover.gif);
}
.behance{
	padding: 4px 0 0 0;
}
.behance div.hoverBtn{
	background-image:url(../images/links/behance.gif);
	width:102px;

}
.behance  div.hoverBtn div {
	background-image:url(../images/links/behancehover.gif);
}
.flickr div.hoverBtn{
	background-image:url(../images/links/flickr.gif);
	width:74px;
}
.flickr div.hoverBtn div {
	background-image:url(../images/links/flickrhover.gif);
}
.facebook div.hoverBtn{
	background-image:url(../images/links/facebook.gif);
	width:111px;
}
.facebook div.hoverBtn div {
	background-image:url(../images/links/facebookhover.gif);
}
.twitter{
	padding: 1px 0 0 0;
}
.twitter div.hoverBtn{
	background-image:url(../images/links/twitter.gif);
	width:91px;
}
.twitter div.hoverBtn div {
	background-image:url(../images/links/twitterhover.gif);
}
.lh1{
	line-height: 1.4;
}
.hide{
	display:none;
}

.info{
	margin: 5px 0 0 0;
}

	.all div.hoverBtn{
	background-image:url(../images/select_menu_09.gif);
	width:191px;
}
.all div.hoverBtn div {
	background-image:url(../images/select_menu_hover_09.gif);
}
.web-all div.hoverBtn{
	background-image:url(../images/select_menu_11.gif);
	width:191px;
}
.web-all div.hoverBtn div {
	background-image:url(../images/select_menu_hover_11.gif);
}
.web-interactive-design div.hoverBtn{
	background-image:url(../images/select_menu_13.gif);
	width:191px;
}
.web-interactive-design div.hoverBtn div {
	background-image:url(../images/select_menu_hover_13.gif);
}
.web-interactive-developing div.hoverBtn{
	background-image:url(../images/select_menu_15.gif);
	width:191px;
}
.web-interactive-developing div.hoverBtn div {
	background-image:url(../images/select_menu_hover_15.gif);
}
.fashion-photografy div.hoverBtn{
	background-image:url(../images/select_menu_19.gif);
	width:191px;
}
.fashion-photografy div.hoverBtn div {
	background-image:url(../images/select_menu_hover_19.gif);
}
.photo-design-productions div.hoverBtn{
	background-image:url(../images/select_menu_17.gif);
	width:191px;
}
.photo-design-productions div.hoverBtn div {
	background-image:url(../images/select_menu_hover_17.gif);
}
.video-productions div.hoverBtn{
	background-image:url(../images/select_menu_21.gif);
	width:191px;
}
.video-productions div.hoverBtn div {
	background-image:url(../images/select_menu_hover_21.gif);
}
#header ul.menuList { width:212px; }
.menuListBtn , .menuList { cursor:pointer; }
.menuList {
	position: absolute;
}
.menuList li{ border-top: 1px solid #000000;}
.top div.hoverBtn{
	background-image:url(../images/top.gif);
	width:64px;
}
.top div.hoverBtn div {
	background-image:url(../images/top_hover.gif);
}
.links_titulos{
	margin:5px 0 8px 0;
}

/* List CSS */
ul#portfolio{
	width:1015px;
	margin:35px 0 34px 0;
}
ul#portfolio li{
	margin-bottom:80px;
}
.headerProject , .footerProject{width:998px;}
.headerProject{
	text-transform:uppercase;
	color:#444444;
	padding-bottom:5px;
	border-bottom: 1px solid #202020;
}
.headerProject .img1{
	margin-bottom:3px;
}
.footerProject{
	padding-top:6px;
	border-top: 1px solid #202020;
}
.titProject{
	background:#FFF;
	padding:2px 0 2px 4px;
}
.catProject span{color: #717171;}
.catProject{
	margin-top:5px;
}

.imagesProject{
	margin:10px 0 10px 0;
}
ul#portfolio li ul.imagesProject li{
	margin:0 15px 20px 0;
	float: left;
}
.infoProject{
	margin-top:20px;
}
.lineProject{
	margin-bottom:3px;
	text-transform: uppercase;
}

.lineProject .tit{
	background:#FFF;
	padding:1px;
	color:#000;
	margin-right:4px;
}

.lineProject .dsc{
	padding:1px;
	color:#FFF;
}
.thanks{
	margin-top:18px;
}