*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset, img { border:0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; }
ol, ul, li { list-style:none; }
caption, th { text-align:left; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
q:before, q:after { content:''}
strong { font-weight: bold; }
em { font-style: italic; }
a img { border:none; position: relative;}
a:active, a:focus { outline: none;}

body {
	font-family: Arial, Helvetica, sans-serif;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
	background: #f3f3f3 url(../img/wall_top.jpg) repeat-x fixed center top;
}

#wrap{
	background: url(../img/wall_bottom.jpg) repeat-x center bottom;
	width:100%;
}

.pageWrap{
	margin:0 auto;
	width:960px;
}

.clear{ clear:both; }

h2{
 	font-size:10px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #666;
 	text-shadow: #fff 1px 1px 1px;
}

#header h1 a{
	height: 80px;
	background: url(../img/logo-dotzoe.png) no-repeat 0 55px;
	float: left;
	text-indent: -9999px;
	padding-top: 65px;
	padding-bottom: 60px;
	width: 200px;
}

#header ul {
	float: right;
	width: 760px;
	margin-top: 85px;
}

#about ul{
    display:block;
	width: 310px;
	float:left;
}

#header ul,
#about ul {
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #666;
	text-shadow: #fff 1px 1px 1px;
}


#header ul li {
	padding: 18px 14px 13px;
	float: right;
	display: inline-block;
	color: #bbb;
}

#header ul li a {
	padding: 5px;
	text-decoration: none;
	color: #666;
	-webkit-transition-property: color; 
	-webkit-transition-duration: .25s;
}

span.separator { color: #ddd; }

#header ul li a:hover { color: #333; }

#header ul li.description {
	float: left;
	color: #666;
	padding-top: 14px;
	font: italic 14px Georgia, "Times New Roman", Times, serif;
	text-transform: capitalize;
	letter-spacing: 0;
	padding-left: 25px;
	border-left: 1px solid #ddd;
}

ul#twitter {
	float: right;
	height: 205px;
	text-align: right;
	width: 350px;
}

ul#filter{ line-height:60px; }
ul#filter li{ display:inline; }

ul#filter li a{
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin:0 10px 0 0;
	color: #bbb;
	text-shadow: #fff 1px 1px 1px;
 	text-decoration:none;
}

ul#filter li.current a,
ul#filter li a:hover{ color:#333; }

#portfolio li{
	width: 290px;
	height: 300px;
	position: relative;
	float: left;
	display: inline-block;
	margin-right: 30px;
	margin-bottom: 40px;
}

div.thumb {
	height: 170px;
	width: 280px;
	padding: 5px;
	position: relative;
	border: 1px solid #ddd;
	-webkit-transition: all 0.15s ease-out;
	-webkit-transform: scale(1);
}

div.shadow {
	position: absolute;
	top: -16px;
	left: -18px;
	bottom: -20;
	right: -20px;
	height: 215px;
	z-index: -5;
	background: url(../img/shadow.png) no-repeat;
}

div.details { padding: 25px 5px 5px 10px; }

div.details p {
	color: #888;
	clear: both;
	font: 11px/20px Helvetica, Arial, sans-serif;
}

div.details p a { color: #666; }

div.details h2 {
	padding-bottom: 10px;
	color: #444;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 9px;
	float: left;
	width: 280px;
	letter-spacing: 2px;
	padding-top: 5px;
}

cite.project_status a {
	position: absolute;
	top: 208px;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 8px;
	color: #bbb;
	padding: 5px;	
	-webkit-transition-property: background-color, color; 
	-webkit-transition-duration: .25s;
	right: 0;
	font-weight: bold;
	letter-spacing: 1px;
}

cite.project_status a:hover {
	cursor: pointer;
	color: #666;
}

cite.project_status a.soon{ cursor: default; }

abbr {
	letter-spacing: 1px;
	font-size: 10px;
	cursor: help;
}


#footer {
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #666;
	margin-top: 40px;
	/*border-top: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;*/
	text-shadow: #fff 1px 1px 1px;
}

#footer li.links {
	float: right;
}

#footer li.links a{
	text-decoration: none;
	color: #666;
	padding: 5px;
}

#footer li.links a:hover {
	color: #333;
}

#footer li {
	float: left;
	padding: 15px 14px 13px;
}

#socialize{ float:left; }
#contact{ float:right; }

ul.socials { margin:0 !important; padding:0 !important; } 
ul.socials li { display:inline-block !important; float:left !important; list-style-type:none !important; margin:0 !important; height:29px !important; width:60px !important; cursor:pointer !important; padding:0 !important; } 
ul.socials a { display:block; width:60px !important; height:29px !important; font-size:0 !important; color:transparent !important; text-indent:-9999px; } 

.sexy-myspace, .sexy-myspace:hover, .sexy-twitter, .sexy-twitter:hover, .sexy-facebook, .sexy-facebook:hover, .sexy-linkedin, .sexy-linkedin:hover, .sexy-google, .sexy-google:hover, .sexy-email, .sexy-email:hover, .sexy-pdf, .sexy-pdf:hover, .sexy-word, .sexy-word:hover { background:url('../img/sexysprite.png') no-repeat !important; } 

.sexy-myspace { background-position:-660px bottom !important; } 
.sexy-myspace:hover { background-position:-660px top !important; } 

.sexy-twitter { background-position:-420px bottom !important; } 
.sexy-twitter:hover { background-position:-420px top !important; } 

.sexy-facebook { background-position:-1140px bottom !important; } 
.sexy-facebook:hover { background-position:-1140px top !important; }

.sexy-linkedin{background-position:-60px bottom !important} 
.sexy-linkedin:hover{background-position:-60px top !important}

.sexy-google{background-position:-180px bottom !important} 
.sexy-google:hover{background-position:-180px top !important}

.sexy-email { background-position:-300px bottom !important; } 
.sexy-email:hover { background-position:-300px top !important; }

.sexy-pdf { background-position:-1860px bottom !important; } 
.sexy-pdf:hover { background-position:-1860px top !important; }

.sexy-word { background-position:-1920px bottom !important; } 
.sexy-word:hover { background-position:-1920px top !important; }