html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}
ol, ul {
	list-style: none;
}
:focus {
	outline: 0;
}
body {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	background:#000 url(../img/desk_bg.gif) no-repeat center top;
	padding: 20px 0 30px 0;
}

#holder{
	width:948px;
	background: url(../img/page_bg.gif) repeat-y 0 0;
	margin:auto;
}
#top{
	height:90px;
	background: url(../img/top_bg.gif) no-repeat 0 0;
	padding:30px 40px 5px 50px;
}
#main{
	padding:0 40px;
	min-height:477px
}
#footer{
	height:16px;
	background: url(../img/bt_bg.gif) no-repeat left bottom;
	padding:20px 40px 0 40px;
}
#left {
	width:492px;
	float:left;
	padding-right:38px;
}
#right {
	width:299px;
	float:left;
	padding-left:38px;
}
#menu {
	height:30px;
	width:492px;
	font-size:0;
	background:#333;
}
#menu li {
	font-size:22px;
	line-height:22px;
	float: left;
	background:#333;
	padding:0;
	display:inline;;
	text-align:center;
}

#menu li a {
	color:#fff;
	display:block;
	width:88px;
	padding:3px 0;
	height:24px;
	margin:0;
	float:left;
	text-align:center;
}
#menu li a#home{
	background:url(../img/home.gif) no-repeat 0 -30px;
	text-indent:-5000em;
	width:91px;
}
#menu li a#home:hover{
	background:url(../img/home.gif) no-repeat 0 -60px;
}
#menu li#active a#home{
	background:url(../img/home.gif) no-repeat 0 0px;
}
#menu li a#about{
	background:url(../img/about.gif) no-repeat 0 -30px;
	text-indent:-5000em;
	width:94px;
}
#menu li a#about:hover{
	background:url(../img/about.gif) no-repeat 0 -60px;
}
#menu li#active a#about{
	background:url(../img/about.gif) no-repeat 0 0px;
}
#menu li a#portfolio{
	background:url(../img/portfolio.gif) no-repeat 0 -30px;
	text-indent:-5000em;
	width:110px;
}
#menu li a#portfolio:hover{
	background:url(../img/portfolio.gif) no-repeat 0 -60px;
}
#menu li#active a#portfolio{
	background:url(../img/portfolio.gif) no-repeat 0 0px;
}
#menu li a#contact{
	background:url(../img/contact.gif) no-repeat 0 -30px;
	text-indent:-5000em;
	width:102px;
}
#menu li a#contact:hover{
	background:url(../img/contact.gif) no-repeat 0 -60px;
}
#menu li#active a#contact{
	background:url(../img/contact.gif) no-repeat 0 0px;
}
#menu li a#blog{
	background:url(../img/blog.gif) no-repeat 0 -30px;
	text-indent:-5000em;
	width:88px;
}
#menu li a#blog:hover{
	background:url(../img/blog.gif) no-repeat 0 -60px;
}
#menu li#active a#blog{
	background:url(../img/blog.gif) no-repeat 0 0px;
}
#project {
	padding:1px 0 40px 0;
	clear:both;
}
.detailed{
	padding:1px 0 20px 0!important;
}
#load {
	position:absolute;
	width:337px;
	height:152px;
	background:url(img2/comp.gif) no-repeat;
	top:43px;
	left:10px;
	display:none
}
#thumbs {
	padding:0 0 0 0;
	height:20px;
	width:126px;
	text-align:left;
}
#thumbs a{
	height:45px;
	padding:2px 8px 2px 7px;
	background: url(../img/link.gif) no-repeat 0 -17px;
	color: #fff;
	text-decoration: none;
	font-size:9px
}
#thumbs a:hover, #thumbs a.active{
	background: url(../img/link.gif) no-repeat 0 0px;
}
#slide, #slide_design, #slide_exp, .pics{
	width:285px;
	height:158px;
	position:relative;
	overflow:hidden;
    padding: 7px;  
    margin:  0;  
} 
#slide img, #slide_design img, #slide_exp img {
	position:absolute;
    top:7px;
    left:7px;
}
#slide1 img{
	border:7px solid #cc1d68;
	border-bottom-width:0;
	width:478px;
	height:158px;
}
* html #slide1 img {
	zoom:1
}
#slide img.active, #slide_design img.active, #slide_exp img.active {
    z-index:10;
}
#slide img.last-active, #slide_design img.last-active, #slide_exp img.last-active {
    z-index:9;
}

#project p {
	background:#cc1d68 url(../img/proj_bg.gif) repeat-x;
	margin:-3px 0 0 0;
	padding:14px 0 0 7px;
	height:27px;
}
#project p a {
	color:#fff;
	text-decoration:none;
	display:block;
	height:21px;
	padding:3px 0 0 0;
	text-transform:uppercase;
	font-size:10px;
	font-weight:bold;
	background: url(../img/visit.gif) no-repeat right top;
}
#project p a.design {
	background-image:none
}
h1{
	background:#333 url(../img/pr_info.gif) no-repeat;
	color:#fff;
	font-size:22px;
	padding:4px 7px;
	height:28px;
	text-align:left;
	width:480px;
	overflow:hidden;
	text-indent:-5000em;
}
h1.about_me{
	background:#333 url(../img/about_me.gif) no-repeat;	
}
h1.news{
	background:#333 url(../img/news.gif) no-repeat;	
}
h1 span {
	float:left;
}
h1 code{
	color:#989898;
	float:right;
	padding:4px 0 0 16px;
	line-height:28px;
	background: url(../img/01.gif) no-repeat right 5px;
}
h3{
	background:#c71c67 url(../img/cl_info.gif) no-repeat;
	color:#fff;
	font-size:22px;
	padding:4px 7px;
	height:28px;
	width:286px;
	overflow:hidden;
	text-indent:-5000em;
	text-align:left
}
h3.profile{
	background:#c71c67 url(../img/profile.gif) no-repeat;	
}
h3.experience{
	background:#c71c67 url(../img/experience.gif) no-repeat;	
}
h3 span {
	float:left;
}
h3 code{
	color:#e38eb3;
	float:right;
	display:inline;
	padding:4px 0 0 16px;
	line-height:28px;
	background: url(../img/02.gif) no-repeat right 5px;
}
br.clear{
	display:block;
	clear:both;
	height:1px;
}
#project_info {
	padding:14px 7px;
	line-height:18px;
	color:#525252;
}
#news, #about_me {
	padding:14px 7px;
	color:#525252;
	line-height:18px;
	width:478px;
}
#news dt{
	width:50px;
	float:left;
	padding-bottom:27px;
	font-size:9px;
	font-weight:bold;
	background: url(../img/2008.gif) no-repeat left bottom;
	color:#f0b9ce
}
#news dt sup{
	font-size:6px;
	vertical-align:top;
}
#news dd {
	padding:0 0 15px 7px;
	width:420px;
	float:left;
}
#news dd strong{
	text-transform:uppercase;
	font-size:10px;
	color:#cb1c69
}
#news dd a {
	color:#cb1c69;
}
h2{
	height:24px;
	background:#333 url(../img/selected.gif) no-repeat;
	color:#fff;
	font-size:22px;
	text-indent:-5000em;
	padding:0 7px 6px 7px;
}
#iproject{
	height:204px;
	padding-top:1px;
	margin-bottom:40px;
	background:#d5d2cd
}
#iproject dt {
	color:#333333;
	text-transform:uppercase;
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	padding:7px 0 0 7px
}
#projects{
	position:relative;
	height:208px;
	padding-top:1px;
	margin-bottom:40px;
	z-index:1
}
#projects dd{
	display:none;
}
#projects dd.active, #projects dd.active dd{
	display:block!important;
}
#projects dd.active {
	position:absolute;
	z-index:100;
	height:174px;
	width:299px;
	top:32px;
	left:0;
}
#projects dt {
	position:absolute;
	top:1px;
	z-index:2;
	font-size:11px;
	letter-spacing:0px;
	height:31px;
	padding:0;
	overflow:hidden;
}
#projects dt a{
	text-indent:-5000em;
	display:block;
	height:31px;
	width:95px;
}
#projects dt#web {
	width:97px;
	background: url(../img/web.gif) no-repeat 0 0px;
	left:0;
}
#projects dt#web.active{
	background: url(../img/web.gif) no-repeat 0 -31px;
}
#projects dt#design {
	background: url(../img/designs.gif) repeat-x 0 0px;
	width:95px;
	left:97px
}
#projects dt#design.active{
	background: url(../img/designs.gif) no-repeat 0 -31px;
}
#projects dt#exp {
	background:#333 url(../img/exp.gif) repeat-x 0 0px;
	width:107px;
	left:192px
}
#projects dt#exp.active{
	background: url(../img/exp.gif) no-repeat 0 -31px;
}
#projects dd#web_links{
	background:#ded2cc url(../img/load.gif) no-repeat center center;
}
#projects dd#design_links{
	background:#cc1d6a
}
#projects dd#exp_links{
	background:#333
}
#projects dd a{
	padding:8px 15px 8px 20px;
	display:block;
	font-weight:bold;
	font-size:10px;
	height:12px;
	text-decoration:none;
	text-transform:uppercase
}
#projects dd#web_links a{
	color:#865168;
	border-bottom:1px solid #eeebe4;
	background:#ded2cc;
}
#projects dd#web_links a:hover, #projects dd#web_links a.selected {
	color:#cd3e7c;
	background:#e9ddd8 url(../img/proj_active.gif) no-repeat left 7px;
}
#projects dd#design_links a{
	color:#e38eb3;
	border-bottom:1px solid #da5a92;
}
#projects dd#design_links a:hover, #projects dd#design_links a.selected {
	color:#fff;
	background:#ce417e url(../img/proj_active.gif) no-repeat left 7px;
}
#projects dd#exp_links a{
	color:#989898;
	border-bottom:1px solid #525151;
}
#projects dd#exp_links a:hover, #projects dd#exp_links a.selected {
	color:#fff;
	background:#444444 url(../img/proj_active.gif) no-repeat left 7px;
}
#profile {
	color:#525252;
	line-height:18px;
	padding:14px 7px;
}

/*---------------------form styles--------------------*/
	
form#contact_form{
	width:492px;
	color:#6b354d;
	font-size:11px;
	padding:1px 0 0 0;
}
fieldset {
	background-color:#DED2CC;
	border-top:5px solid #CC0066;
	padding:24px 10px
}
fieldset div {
	padding:2px
}
form#contact_form span {
	font-weight: bold;
	text-transform:uppercase;
	display:block;
	color:#80495e;
	padding:0 0 20px 22px;
}
form#contact_form label {
	display:block;
	line-height: 1.8;
	vertical-align: top;
	width:180px;
	float:left;
	padding:0 0 10px 22px;
}
form#contact_form label span, form#contact_form p span {
	padding:0 5px;
	text-transform:none;
	font-size:9px;
	color:#CC0066
}
form#contact_form p {
	padding:0 0 20px 22px;
}
form#contact_form p label{
	padding-left:0;
}
input, textarea {
	font-family:inherit;
	font-size:100%;
	margin:0;
	padding:2px 1px;
	border:1px solid #CFBBB4;
	width:180px;
	background: #ECE4E1;
}
textarea {
	width:385px;
	height:150px;
	overflow:auto
}
form#contact_form #submit {
	background:#80495e;
	color:#CFBBB4;
	border:none;
	padding:4px;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase
}
#contact_me {
	position:relative
}
#contact_me #success{
	position:absolute;
	z-index:100;
	top:29px;
	left:30px;
	font-weight: bold;
	text-transform:uppercase;
	display:block;
	color:#80495e;
	background:#DED2CC;
	padding:0 0 20px 0;
}
#no_js {
	width:468px;
	height:50px;
	padding:30px 0 0 0;
	position:absolute;
	top:50%;
	margin-top:-25px;
	left:50%;
	margin-left:-234px;
	background:#DED2CC;
	border:1px solid #865168;
	z-index:500;
	color:#865168;
	text-align:center;
	font-size:14px;
	letter-spacing:-1px;
	font-weight:bold;
}
#links {
	width:808px;
	margin:auto;
	text-align:right;
	padding:10px 140px 0 0;
	letter-spacing:-1px;
	font-size:9px;
}
#links li { 
	display:inline
}
#links a {
	color:#8e8282;
	text-decoration:none;
	padding-left:20px;
}
#links a:hover{
	color:#d5c3c3;
}