body {
	font-family: Arial, sans-serif;
	font-size:12px;
	color:#505564;
	line-height:18px;
	background: url(../img/light-noise.jpg) left top repeat;
}


/* text styles */

a {
	color:#3264fa;
	text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 {
	font-weight:bold;
	line-height:1.0em;
	font-family: "Melbourne Bold", Arial, sans-serif;
}

h1.name {
	color:#323746;
	font-size:46px;
	text-transform: capitalize;
	padding:28px 27px 27px;
	margin:0px;
	line-height:46px;
	border-bottom:1px solid #b9b9cd;
	text-shadow:1px 1px 0px #fff;
}

h1.name a {
	text-decoration: none;
	color:#323746;
}

h1.title {
	text-shadow:1px 1px 0px #fff;
	text-transform: uppercase;
	margin:36px 0px 36px 28px;
	font-weight: normal;
}

h1 {
	font-size:26px;
	color:#646978;
}

h2 {
	font-size:24px;
}

h3 {
	font-size:21px;
}

h4 {
	font-size:19px;
}

h5 {
	font-size:17px;
}

h6 {
	font-size:15px;
}

.clearList {
	padding:0px;
	margin:0px;
	list-style: none;
	list-style-type: none;
}

.clearList > li {
	padding:0px;
	margin:0px;
	list-style: none;
	list-style-type: none;
	background:none;
}

ol {
	list-style:decimal;
}

ul {
	list-style:disc;
}

ul > li {
	list-style: none;
	list-style-type: none;
	background: transparent url(../img/dot.png) left 50% no-repeat;
	margin-left:15px;
	padding-left:15px;
}

p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset {
	margin-bottom:20px;
}

/* end text styles */



/* layout */

.left {
	float:left;
}

.right {
	float:right;
}

#main {
	width:660px;
	margin:50px auto 0px;
}

#main > .left {
	width:243px;
	border:1px solid #b9b9cd;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	background: #e1e1ff url(../img/shade.gif) left top repeat-x;
	-moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.1);
	box-shadow:0px 2px 5px rgba(0,0,0,0.1);
	position: relative;
	overflow: visible;
	z-index:100;
}

#main > .right {
	width:408px;
	border:1px solid #b9b9cd;
	-webkit-border-radius: 5px;
	-webkit-border-top-left-radius: 0;
	-moz-border-radius: 5px;
	-moz-border-radius-topleft: 0;
	border-radius: 5px;
	border-top-left-radius: 0;
	background: #e1e1ff url(../img/shade.gif) left top repeat-x;
	-moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.1);
	box-shadow:0px 2px 5px rgba(0,0,0,0.1);
	position: relative;
}

#main > .right:after {
	content: "";
	-moz-box-shadow: 100px 20px 30px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 100px 20px 30px rgba(0, 0, 0, 0.3);
	box-shadow:100px 20px 30px rgba(0, 0, 0, 0.3);
	position: absolute;
	width:100%;
	height:20px;
	bottom:20px;
	right:75px;
	display:block;
	z-index:-1;
	-moz-transform: skew(-30deg);
	-webkit-transform: skew(-30deg);
	transform: skew(-30deg);
}

.content {
	width:400px;
	margin:0px auto 5px;
}

.clear {
	display:block;
	clear:both;
}

/* end layout */


/* navigation */

#main > .left > ul {
	position: relative;
	overflow: visible;
}

#main > .left > ul li {
	background: #EBEBFF; /* old browsers */
	background: -moz-linear-gradient(top, #EBEBFF 0%, #EBEBFF 49%, #E1E1FF 50%, #E1E1FF 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EBEBFF), color-stop(49%,#EBEBFF), color-stop(50%,#E1E1FF), color-stop(100%,#E1E1FF)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EBEBFF', endColorstr='#E1E1FF',GradientType=0 ); /* ie */
	position: relative;
	display:block;
	height:auto;
}

#main > .left > ul li.active > span.top {
	display:block;
	width:20px;
	height:7px;
	background: transparent url(../img/corner-top.gif) left top no-repeat;
	position: absolute;
	right:-4px;
	top:-1px;
}

#main > .left > ul li:first-child > span.top {
	height:1px;
	width:20px;
	background: #b9b9cd;
	right:5px;
	top:-1px;
}

#main > .left > ul li.active > span.bottom {
	display:block;
	width:12px;
	height:12px;
	background: transparent url(../img/corner-bottom.gif) left top no-repeat;
	position: absolute;
	right:-3px;
	bottom:-5px;
}

#main > .left > ul li a {
	display:block;
	height:32px;
	width:168px;
	border-top:1px solid #f5f5ff;
	border-bottom:1px solid #b9b9cd;
	font-size:18px;
	text-transform: uppercase;
	color:#646978;
	font-weight:bold;
	text-decoration: none;
	padding:17px 0px 0px 75px;
	font-family: "Melbourne Regular", Arial, sans-serif;
	position: relative;
}

#main > .left > ul li.last {
	height:19px;
	border-top:1px solid #f5f5ff;
	background:none;
}

#main > .left > ul li a.welcome {
	background: transparent url(../img/icon_welcome.png) 26px top no-repeat;
}

#main > .left > ul li a.social {
	background: transparent url(../img/icon_networks.png) 26px top no-repeat;
}

#main > .left > ul li a.work {
	background: transparent url(../img/icon_work.png) 26px top no-repeat;
}

#main > .left > ul li a.contact {
	background: transparent url(../img/icon_contact.png) 26px top no-repeat;
}

#main > .left > ul li a:hover {
	color:#3c4150;
	background-position: 26px -48px;
}

#main > .left > ul li.active {
	background:#fff;
	-moz-box-shadow: inset 2px 1px 3px rgba(0,0,0,0.25);
	-webkit-box-shadow: inset 2px 1px 3px rgba(0,0,0,0.25);
	box-shadow: inset 2px 1px 3px rgba(0,0,0,0.25);
	width:259px;
	z-index:100;
	filter: test; /* ie */
}

#main > .left > ul li.active a {
	background-position: 26px -96px;
	color:#3264fa;
	border-top:0px;
	width:180px;
}

/* end navigation */



/* vcard download */

a.download-vcard {
	display:block;
	width:54px;
	height:44px;
	background: transparent url(../img/download-vcard.png) left top no-repeat;
	position: absolute;
	right:27px;
	top:26px;
	text-indent: -9999px;
}

a.download-vcard:hover {
	background: transparent url(../img/download-vcard.png) left bottom no-repeat;
}

.vcard-balloon {
	width:150px;
	height:50px;
	background: transparent url(../img/download-vcard-balloon.png) left top no-repeat;
	position: absolute;
	top:-28px;
	right:-22px;
	display:none;
}


/* end vcard download */



/* content top */

.top {
	width:400px;
	height:50px;
	background:transparent url(../img/top-bg.png) left top no-repeat;
}

.top > h2 {
	color:#fff;
	text-transform: uppercase;
	margin:14px 0px 0px 20px;
	font-weight:normal;
}

.top > span.right {
	color:#b4c3f0;
	margin:16px 20px 0px 0px;
}

/* end content top */



/* contents list */

.content > ul {
	display:block;
	width:370px;
	background:#fff;
	padding:28px 28px 0px 0px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border:1px solid #b9b9dc;
	border-top:0px;
	-moz-box-shadow: inset 1px 1px 4px rgba(0,0,0,0.25);, 1px 1px 0px #f7f7ff;
	-webkit-box-shadow: inset 1px 1px 4px rgba(0,0,0,0.25), 1px 1px 0px #f7f7ff;
	box-shadow: inset 1px 1px 4px rgba(0,0,0,0.25), 1px 1px 0px #f7f7ff;
}

.content > ul > li {
	width:342px;
	line-height:1.7em;
	padding-left:28px;
}

.content > ul > li > p:first-child > img {
	border:1px solid #cdcde1;
	padding:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	background: #FCFCFF; /* old browsers */
	background: -moz-linear-gradient(top, #FCFCFF 0%, #EBEBFF 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FCFCFF), color-stop(100%,#EBEBFF)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FCFCFF', endColorstr='#EBEBFF',GradientType=0 ); /* ie */
	float:left;
	margin:0px 20px 20px 0px;
}

.content > ul > li h1, .content > ul > li h2, .content > ul > li h3, .content > ul > li h4, .content > ul > li h5, .content > ul > li h6 {
	font-family: Arial, sans-serif;
	color:#3264fa;
}

/* end contents list */



/* social list */

table.social {
	width:100%;
	border-collapse: collapse;
	margin-bottom:28px;
	border:1px solid #cdcdef;
}

table.social td {
	width:50%;
	height:32px;
	border:1px solid #cdcdef;
	vertical-align: middle;
	background: #FCFCFF; /* old browsers */
	background: -moz-linear-gradient(top, #FCFCFF 0%, #EBEBFF 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FCFCFF), color-stop(100%,#EBEBFF)); /* webkit */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FCFCFF', endColorstr='#EBEBFF',GradientType=0 );*/ /* ie */
	padding:12px;
	line-height:16px;
}

table.social td a {
	text-decoration: none;
	color:#787d8c;
	font-size:11px;
	display:block;
}

table.social td a strong {
	font-size:16px;
	color:#787d8c;
	text-transform: capitalize;
}

table.social td a img {
	display:inline;
	float:left;
	vertical-align: middle;
	margin-right:10px;
}

table.social td a span {
	display:block;
	float:left;
}

/* end social list */



/* work list */

.work li {
	display:block;
}

.work li img {
	width:145px;
	height:90px;
	border:1px solid #cdcde1;
	display:block;
	float:left;
	margin:0px 28px 28px 0px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	background: #FCFCFF; /* old browsers */
	background: -moz-linear-gradient(top, #FCFCFF 0%, #EBEBFF 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FCFCFF), color-stop(100%,#EBEBFF)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FCFCFF', endColorstr='#EBEBFF',GradientType=0 ); /* ie */
	padding:5px;
}

/* end work list */



/* contact */

form.contact {
	display:block;
	margin-bottom:28px;
}

form.contact label {
	display:block;
	font-size:15px;
	color:#787d8c;
	font-weight:bold;
}

.no-right-margin {
	margin-right:0px !important;
}

form.contact .text {
	width:322px;
	height:18px;
	border:1px solid #cdcde1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #f5f5ff;
	-moz-box-shadow: inset 2px 2px 2px rgba(0,0,0,0.10);
	-webkit-box-shadow: inset 2px 2px 2px rgba(0,0,0,0.10);
	box-shadow: inset 2px 2px 2px rgba(0,0,0,0.10);
	margin:5px 0px;
	padding:10px;
	color:#2f2f2f;
	font-size:12px;
}

form.contact .text.error {
	border-color: red;
}

form.contact textarea {
	width:322px;
	height:88px;
	border:1px solid #cdcde1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #f5f5ff;
	-moz-box-shadow: inset 2px 2px 2px rgba(0,0,0,0.10);
	-webkit-box-shadow: inset 2px 2px 2px rgba(0,0,0,0.10);
	box-shadow: inset 2px 2px 2px rgba(0,0,0,0.10);
	margin:5px 0px;
	padding:10px;
	color:#2f2f2f;
	font-size:12px;
	font-family: Arial, sans-serif;
}

form.contact textarea.error {
	border-color:red;
}

form.contact .submit {
	width:122px;
	height:40px;
	background: transparent url(../img/button-send.png) left top no-repeat;
	border:0px;
	cursor:pointer;
	margin-top:5px;
}

/* end contact */


.copyright {
	font-size:11px;
	position: relative;
	top:-15px;
	color:#646978;
}

.copyright a {
	text-decoration: none;
	color:#646978;
}