* {margin:0; padding:0;}
body {
	font:normal 11px/15px Helvetica, Arial, sans-serif;
	color:#8a8a8a;
	background:#b1aca3;
}
h1, h2, h3, h4 {
	font-weight:700;
	font-size:11px;
	color:#f00;
	text-transform:uppercase;
	}
p {
	margin-bottom:15px;
}
a img, fieldset {
border:0 none;
}

a {
	text-decoration:none;
	color:#f00;
}
a:hover {
	text-decoration:underline;
	}
label {
	display:block;
	line-height:15px;
}
img {vertical-align:bottom;}
input, textarea {
	background:#eee;
	border:1px solid #ccc;
	padding:3px;
	width:400px;
	}
	input.submit {
	width:auto;
	background:#f00;
	color:#fff;
	border:none;
	display:block;
	margin-top:15px;
	padding:4px;
	}

#container {
	width:880px;
	margin:20px 0 20px 20px;
	background:#2c2431;
	background:#fff;
	padding:40px;
}

#siteDetails {
	text-indent:-9000em;
	background:url(../images/contact_details.jpg) 0 -5px no-repeat;
	height:175px;
	border-bottom:1px solid #ccc;
	margin:5px 0 35px 0;
}

.column {float:left;}
.column.small {
	width:190px;
	margin-right:40px;
}

.column.super {
	width:650px;
}

.box {float:left; background:#888; margin:0 40px 40px 0; color:#fff; position:relative;}

.box.small {
	width:190px;
	height:190px;
}
.box.large {
	width:420px;
	height:420px;
}

.box.wide {
	width:420px;
	height:190px;
}

.box.super {
	width:650px;
	height:190px;
	margin-right:0;
}

.box .description {position:absolute; width:150px; height:150px; padding:20px; visibility:hidden; background-color: rgba(0,0,0,0.8);}


.description.new  {
	visibility:visible;
	text-indent:-9000em;
	background:url(../images/new.gif) 1px 1px no-repeat;
	}	

.box:hover .description, .box:hover .description.new {
	position:absolute; width:150px; height:150px; padding:20px; background: rgba(0,0,0,0.8);
	visibility:visible;
	}
	.box:hover .description.new {text-indent:0;}

.box.wide .description, .box.wide .description.new {
	width:380px;
	height:150px;
}
.box.large .description, .box.large .description.new {
	width:380px;
	height:380px;
}
.box.super .description, .box.super .description.new {
	width:610px;
	height:150px;
}

/*	.box .description a:visited {
	visibility:visible;
	display:block;
	text-indent:-9000em;
	background-color: rgba(0,0,0,0.5);
	position:absolute;
	width:150px;
	height:150px;
	padding:20px;
	top:0;
	left:0;
	}
	.box:hover .description a:visited {
	visibility:visible;
	display:inline;
	text-indent:9000em;
	background-color:rgba(0,0,0,0);
	position:relative;
	width:auto;
	height:auto;
	padding:0;

	}
*/
.box.last {
margin-right:0;
}



#footer {clear:both;}


#workArea {
	position:relative;
}

#overlay {/*divul magic*/
  display: none;
	position:absolute;
	width:610px;
	padding:20px 20px 0 20px;
	background:#000;
	z-index:500;
	min-height:1800px;
	color:#fff;
}
#overlay div.description {
	float:left;
	width:160px;
	padding:20px 0 0 20px;
}

#overlay .hidden {
display:none;
}

#closeLink {
	position:absolute;
	z-index:501;
	right:10px;
	top:10px;
}
#zoomed {
	width:460px;
	padding:20px 0 0 0;
	margin:0 -20px;
	float:left;
}
#zoomed img {
	padding:0 0 20px 20px;
	}
	
dl {
	line-height:15px;
	margin-bottom:15px;
}
	dt {font-weight:700;}
	dd {margin-bottom:5px;
	padding-bottom:5px;
	border-bottom:1px solid #fff;
}

#page {background:#000; width:960px; margin:20px;}

#contactForm {
	padding-top:20px;
}
#maqina {
	padding-right:10px;
}



#projectNav li {
	list-style-type:none;
	padding:3px 0;
	border-bottom:1px solid #fff;
}

#friends {
	margin-bottom:15px;
}

#friends li {
	list-style-type:none;
	padding: 0 0 2px 0;
	margin-bottom:3px;
	border-bottom:1px solid #ccc;
}


/*
Images are wrapped in divs classed "flickr_badge_image" with ids "flickr_badge_imageX" where "X" is an integer specifying ordinal position. Below are some styles to get you started!
*/


#flickr_badge_uber_wrapper {width:190px; margin:0; float:left; background:#eee; padding-bottom:10px;}
#flickr_badge_wrapper {padding:10px 0 10px 0;}
.flickr_badge_image {margin:5px 10px 5px 10px; float:left;}
.flickr_badge_image img {border: 0px none #fff !important;}
#flickr_badge_source {text-align:left; margin:0 10px 0 10px;}
#flickr_badge_icon {float:left; margin-right:5px;}
#flickr_www {display:none; color:#f00 !important; }
#flickr_www strong {color:#f00 !important; }
#flickr_badge_wrapper {}
#flickr_badge_source {}
#photoStream {float:left; padding:10px; background:#000; width:55px; height:55px; margin:5px 10px; font-weight:700;}