body {
	margin: 0;
	padding: 0;
	background-color:#000;
	
	text-align: justify;
	font: 13px " Helvetica ", Arial, Helvetica, sans-serif;
	color: #7F7772;
}
.webdesign_link { position:fixed; bottom:15px; right:15px; font-family: arial; font-size:11px; color:#666; line-height:165%; z-index:99; }
.stylished { position:fixed; bottom:15px; left:15px; font-family: arial; font-size:11px; color:#666; line-height:165%; z-index:99; }

h1, h1 a, h2, h2 a, h3, h3 a {
	margin: 0;
	text-decoration: none;
	font-weight: normal;
	
}

h1 {
	letter-spacing: -3px;
	font-size: 2.6em;
}

h2 {
	letter-spacing: -2px;
	font-size: 2em;
}

h3 {
	margin-bottom: 2em;
	font-size: 1em;
	font-weight: bold;
}

p, ol, ul {
	margin: 0 0 2em 0;
	line-height: 200%;
}

blockquote {
	margin: 0 0 0 1.5em;
	padding-left: 1em;
	border-left: 5px solid #DDDDDD;
}

a {
	color: #666;
	text-decoration: none;
	outline:none;
	}

a:hover {
	text-decoration: none;
	color: #ccc;
}

img { border: 0 }

/* Header */

#wrapper { 
}

#header {
	width: 1150px;
	height: 90px;
	margin: 0 auto;
	padding-top:20px;
	
}
#headerslide {
	background-color:#fff;
	width:1150px;
	margin: 0 auto;

	top: 20px;
	position: fixed;
	left: 200px;
	
	
}

#logo {
	float: right;
	margin-right:0px;
	margin-top:0px;
	
}

#logo_portfolio {
	float: right;
	margin-right:5px;
	margin-top:0px;
	
}

#mensage{
	width: 1150px;
	margin: 0 auto;
	padding-top:12px;
	}
	
#hauptext h1{
	float:left;	
	margin-top:0px;
	width:410px;
	font-family:"Helvetica", Arial, sans-serif;
	text-align:left;
	font-size: 35px;
	font-style: normal;
	font-weight: normal;
	letter-spacing: -3px;
	line-height: 1.2em;
	color:#000;
	padding-top:40px;
	
	}
#img {
	
	width:464px;
	height:220px;
	float:right;
	background-image:url(img/Martin-Castillo.jpg);
	background-repeat:no-repeat;
	background-position:top;
	
	}

#nav {
	padding: 0px 39px 0px 0;
	text-align: right;
	float:left;
}


ul#menu {
		height:42px;
		list-style:none;
		padding-top: 0px;
		padding-left:0px;
}
	
/* Float LI Elements - horizontal display */
ul#menu li {
		
}
	
/* Link - common attributes */
ul#menu li a {
		background: url(img/sprite.png) no-repeat scroll top left;
		display:block;
		height:42px;
		position:relative;
}
	
/* Specify width and background position attributes specifically for the class: "photography" */
ul#menu li a.photography {
		width:288px;
	}
	
/* Specify width and background position attributes specifically for the class: "webdesign" */
ul#menu li a.webdesign {
		width:288px;
		background-position:-288px 0px;
}



	
/* Span (on hover) - common attributes */
ul#menu li a span {
		background:url(img/sprite.png) no-repeat scroll bottom left;
		display:block;
		position:absolute;
		top:0;
		left:0;
		height:100%;
		width:100%;
		z-index:100;
}
	
/* Span (on hover) - display pointer */
ul#menu li a span:hover {
		cursor:pointer;
}
	
/* Shift background position on hover for the class: "photography" */
	ul#menu li a.photography span {
		background-position: 0px -44px;
}
	
/* Shift background position on hover for the class: "webdesign" */
	ul#menu li a.webdesign span {
		background-position: -288px -44px;
}

#items_container { margin-left:0px; margin-top:0px; }
.project_feed_thumb { float:left; width:220px; margin:0px 10px 10px 0px; padding:0 0 0 0; height:195px; position:relative; background: #1a1a1a; }
.project_feed_thumb .hover { cursor: pointer; }
.project_feed_thumb .hover .thumb_title .text, .project_feed_thumb.hover .thumb_title .text { color:#000; padding:1px 2px 1px 2px; }
.project_feed_thumb .hover .thumb_type .text {  }
.project_feed_thumb.hover { background:#FFF; }
.cardimgcrop { width:200px; height:134px; overflow:hidden; position:relative; text-align:center; padding:9px 10px 0px; }
.ie .cardimgcrop { padding:4px 10px 0px; }
.project_thumb { width:200px; height:205px; position:relative; margin-right:35px; float:left; }
/* ROUNDED CORNERS FOR IE ONLY */
	.project_feed_thumb.ie { background:none; }
	.project_feed_thumb.ie .pr_wrapper { background:#000;  padding-bottom:5px; }
	b.rtop, b.rbottom { display:block; }
	b.rtop b, b.rbottom b { display:block; height: 1px; overflow:hidden; background:#000; }
	
	/* CARD ROLLOVER IE ONLY */
	.project_feed_thumb.ie.hover .pr_wrapper { background:#FFF; }
	.project_feed_thumb.ie.hover b.rtop b, 
	.project_feed_thumb.ie.hover b.rbottom b { background:#FFF; }
.thumb_title, .thumb_title a, .thumb_title a:visited { text-align:center; color:#ccc; font-size:11px; font-weight:bold; margin:10px 0px 0px 10px; line-height:15px; overflow:hidden; white-space:nowrap; width:200px; }
.thumb_tag { text-align:center; color:#666; font-size:11px; font-style: normal; line-height:15px; }
.thumb_tag a:hover { text-decoration:underline; }
.thumb_tag.notitle { margin-top:12px; }
noscript p, noscript ol { color: #a00; font-size: 13px; line-height: 1.4em; text-align: left }
		noscript a { color: #a00; text-decoration: underline }
		noscript ol { margin-left: 25px; }

/* Page */

#page {
	width: 1150px;
	margin: 0 auto;
	padding: 30px 0;
}

#pageslide {
	width: 1150px;
	margin: 0 auto;
	padding-top:100px;
	
}



/* Content */

#content {
	float: left;
	width: 1150px;
	margin-top:20px;
}

#content_portfolio {
	float: left;
	width: 1150px;
	margin-top:0px;
}

/* Sidebar */

#sidebar {
	float: right;
	width: 240px;
	margin-top:100px;
}

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

#sidebar li {
	margin-bottom: 20px;
}

#sidebar li ul {
	padding: 15px 20px;
	line-height: 200%;
}

#sidebar li li {
	margin: 0;
	padding-left: 15px;
	padding-bottom: 5px;
	background: url(images/img04.gif) repeat-x left bottom;
}

#sidebar h2 {
	width: 210px;
	height: 30px;
	padding: 5px 0 0 30px;
	background: url(images/img05.gif) no-repeat left 60%;
	border-bottom: 1px #A90000 dashed;
	letter-spacing: -1px;
	font-size: 1.6em;
	color: #FFFFFF;
}

#sidebar a:hover {

}



#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}
  
#boxes .window {
  position:fixed;
  left:0;
  top:0;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
}

#boxes #dialog { 
	color:#666;
	font-size:12px;
	width:450px; 
  	height:150px;
  	padding-left:40px;
  	padding-top:40px;
	padding-right:20px;
  	background-color:#141414;
	text-align:left;
}
#close{float:right;}

#Map { margin:auto;}



/* Footer */

#footer {
	clear: both;
	width: 950px;
	margin: 0 auto;
	padding: 30px 0;
	
}

#footer p {
	margin: 0 0 5px 0;
	text-align: center;
	line-height: normal;
	font-size: .9em;
}

#footer a {
	text-decoration: none;
}