/*  zilexus.com (v6) Cascading Style Sheet  */
/*  Copyright © ZilexuS 2008 - 2010  */

/* MAiN */

body	{
	background-color: #212121;
	background-image: url('images/bg.jpg');
	font-family: Arial, Helvetica, sans-serif;
	color: #6F6F6F;
	margin: 0;
	line-height: 0.9em;
}

#wrapper	{
	margin: 0px auto;
	background: url('images/top.jpg') repeat-x !important;
}

#wrap	{
	margin: 0px auto;
	width: 620px;
}

#logo	{
	height: 129px;
	width: 315px;
	padding-top: 10px;
	float: left;
}

#top	{
	overflow: hidden;
}

#content	{
	background: url('images/cbg.png');
	width: 590px;
	font-size: 12px;
	padding: 15px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	text-shadow: #000000 0px 2px 0px;
	overflow: hidden;
}

.moreworks {
	float: right;
	height: 24px;
}

#contact dl {
	margin: 0;
	padding: 6px 0;
	float: left;
	width: 205px;
}

#contact dt {
	float: left;
	width: 63px;
	margin: 0 0 0 8px;
	font-weight: bold;
	color: #3F3F3F;
}

#contact dd {
	color: #AFAFAF;
	height: 18px;
	padding: 5px 0 0 0;
}

#contact img {
	margin: 0 6px 0 0;
}

#contactb {
	float: left;
	width: 230px;
	border-left: 1px dashed #2F2F2F;
	border-right: 1px dashed #2F2F2F;
	padding: 0 0 0 30px;
	margin: 0 30px 0 0;
}

#contactb .small {
	font-size: 10px;
}

/* LATEST */

#latest {
	margin: 15px 0 0 0;
}

#latest .imgs {
	text-align: center;
	margin: 10px 0 0 0;
}

.page {
	margin: 0 0 10px 5px;
}

#latest a img {
	border: 5px solid #222222;
	margin: 0 5px 10px 0;
}

#latest a img:hover {
	border: 5px solid #1BD1DF;
}

/* PORTFOLiO */

#portfolio .item {
	margin: 12px 0 7px 0;
}

#portfolio .item img{
	margin: 0 0 0 0;
	border: 5px solid #222222;
}

#portfolio .item img:hover{
	margin: 0 0 0 0;
	border: 5px solid #2FF0FF;
}


#portfolio .item .type {
	font-size: 12px;
	color: #6F6F6F;
	border-left: 1px dashed #2F2F2F;
	padding: 0 0 0 8px;
	margin: 6px 0 0 11px;
	float: left;
}

#portfolio .item .toggle{
	width: 583px;
	padding: 5px 0 8px 7px;
	background: url('images/cbg.png');
	margin: 0 0 7px 0;
	border-top: 1px dashed #2F2F2F;
	border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
	overflow: hidden;
}

#portfolio .item .title{
	width: 583px;
	min-height: 15px;
	padding: 0px 0 5px 7px;
	background: url('images/cbg.png');
	margin: 0;
}

.more {
	float: right;
	margin-top: 0px;
	border-top: 1px dashed #2F2F2F;
}

#portfolio .item .titletop{
	width: 583px;
	min-height: 21px;
	padding: 2px 0 5px 7px;
	background: url('images/cbg.png');
	margin: 0;
	-webkit-border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
}

#portfolio .item .titletop h3{
	float: left;
	margin: 0;
	padding: 0;
	font-size: 20px;
	line-height: 24px;
	letter-spacing: -1px;
}

#portfolio dl {
	margin: 0;
	padding: 6px 0;
	float: left;
	width: 200px;
}

#portfolio dt {
	float: left;
	width: 40px;
	margin: 0 0 0 8px;
	font-weight: bold;
	color: #3F3F3F;
}

#portfolio dd {
	color: #AFAFAF;
}

#portfolio .desc {
	margin: 0;
	padding: 6px 0 0 12px;
	float: left;
	width: 355px;
	border-left: 1px dashed #2F2F2F;
}

.toggleLink	{
	float: right;
	margin: 1px 10px 0 0;
	font-size: 11px;
	color: #5F5F5F;
}

.toggleLink a:active	{
	color: #5F5F5F;
}

.toggleLink a:visited	{
	color: #5F5F5F;
}

.toggleLink a	{
	color: #5F5F5F;
}

/* NAV */

#nav a {
	color: #FFF;
	padding: 5px 10px 6px 10px;
	background: url('images/cbg.png');
	border-radius: 10px 0  10px 0;
	-webkit-border-radius: 10px 0  10px 0;
	-moz-border-radius: 10px 0  10px 0;
	height: 33px;
}

#nav a:hover {
	background: #0DB7DF;
}

#nav	{
	font-family: "Myriad Pro", "Trebuchet MS", Arial;
	font-size: 18px;
	height: 28px;
	padding-top: 6px;
	float: right;
	margin: 45px 0;
	cursor: pointer;
	text-align: right;
}

#nav ul {
	margin: 0px 0px 0px 12px; 
	padding: 0; 
	list-style-type: none; 
	list-style-image: none;
}

#nav li {
	display: inline;
	margin: 0 3px;
}

/* TEXT&IMG */

#footer	{
	margin: 5px 0 0 10px;
	font-size: 10px;
	color: #2F2F2F;
	height: 14px;
}

.hidden {display: none;}
img {border: 0px;}
.blue {color: #32c8f3;}
a, a:visited, a:active {text-decoration: none; color: #0ac3d4;}
a:hover {color: #4fe7f5;}
h1 {color: #ECECEC;font-family: "Myriad Pro", "Trebuchet MS", Arial;font-size: 24px;font-style: normal;font-weight: bold;line-height: 1.3em;border-bottom: outset #333333;padding-left: 10px;margin-bottom: 0px;}
h2 {color: #dadada; font-family: "Myriad Pro", "Trebuchet MS", Arial;font-size: 18px;font-style: normal;font-weight: bold;line-height: 1.4em; border-bottom: outset #333333;padding-left: 10px;margin-bottom: 0px;}
h3, h3 a, h3 a:visited, h3 a:hover {margin:20px 0px 0px; padding-bottom:2px;color: #cfcfcf;}
.clear {clear:both;}