@charset "utf-8"; 
/* CSS Document */

/* Reset */
html, body, div, span, object, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, code, em, font, img, ol, ul, dl
fieldset, form, label, input, textarea{
	margin:0; 
	padding:0 0 0 0; 
	border:0; 
	outline:0; 
	vertical-align:baseline; 
	background:transparent; }
h1, h2, h3, h4, h5, h6, p, blockquote, ol, ul, fieldset, form{
	padding:0 0 12px 0; }
input[type="button"], select{
	cursor:pointer; 
}

/*layout*/
body{
	font:12px/18px Arial,Helvetica,sans-serif; 
	color:#fff; 
	background:#004b4f url(../images/body_bg.jpg) repeat-x; }
#page{
	float:left; 
	width:100%; }
.wrap{
	width:960px; 
	margin:0 auto; }
#header{
	margin:0; 
	float:left; 
	width:100%; }
#about, #portfolio, #contact{
	float:left; 
	width:100%; 
	padding:0em 0 0 0; }
#about{
	background:url(../images/about_bg.jpg) bottom repeat-x; }
#contact{
	padding-top:4.25em; 
	border-top:8px solid #fff; 
	background:url(../images/contact_bg.gif) repeat-x; }
#header .wrap{
	padding:4.1em 0 0 0; 
	background:url(../images/header_bg.jpg) top left no-repeat; 
	background-repeat:no-repeat; 
	position:relative; }
#about .wrap{
	padding-bottom:3.5em; 
	background:url(../images/about_wrap_bg.jpg) bottom right no-repeat; 
	position:relative; }
#portfolio .wrap{
	background:url(../images/portfolio_bg.gif) 160px 310px no-repeat; 
}
a:link, a:visited{
	color:#62ffa8; 
	text-decoration:none; }
a:hover{
	color:#fdfd0a; }
p{
	margin:0; 
	padding:0 0 15px 0; }
button, input[type="submit"]{
	cursor:pointer; }

/*header*/
h1#logo{
	width:448px; 
	height:108px; 
	text-indent:-3000px; 
	padding:0; 
	margin:0; }
h1#logo a{
	width:448px; 
	height:108px; 
	display:block; 
	margin:0 0 0 0; 
	background:url(../images/logo.png) top left no-repeat; }
.sticker-large{
	width:122px; 
	height:120px; 
	text-indent:-3000px; 
	padding:0; 
	margin:0; 
	position:absolute; 
	top:44px; 
	right:44px; 
	z-index:1; }
.sticker-large a{
	background:url(../images/sticker-large.png) top left no-repeat; 
	display:block; 
	width:122px; 
	height:120px; }
.sticker-large a:hover{
	background-position:0 -120px; }
.sticker-small{
	width:89px; 
	height:88px; 
	text-indent:-3000px; 
	padding:0; 
	margin:0; 
	position:absolute; 
	bottom:228px; 
	right:30px; 
	z-index:1; }
.sticker-small a{
	background:url(../images/sticker-small.png) top left no-repeat; 
	display:block; 
	width:89px; 
	height:88px; }
.sticker-small a:hover{
	background-position:0 -88px; }
.postit{
	width:117px; 
	height:115px; 
	text-indent:-3000px; 
	padding:0; 
	margin:0; 
	position:absolute; 
	display:block; 
	background:url(../images/postit.png) no-repeat; 
	bottom:-45px; 
	left:350px; 
	z-index:1; }
#intro{
	padding:3.75em 0 0 0; 
	position:relative; }
#intro h2{
	font-size:34px; 
	letter-spacing:-1px; 
	line-height:44px; 
	font-weight:normal; 
	margin:0; 
	padding:0 0 30px 0; }
#intro h2 a{}
#intro h2 a.yellow{
	color:#fdfd0a; }
#intro h2 a:hover{
	color:#fdfd0a; 
	border-bottom:1px dotted #fdfd0a; }
#intro .bird{
	width:29px; 
	height:29px; 
	padding:0; 
	margin:0; 
	position:absolute; 
	top:35px; 
	left:59px; 
	z-index:1; }


/*main-menu*/
.main-nav-wrap{
	background:url(../images/divider.gif) repeat-x bottom; 
	float:left; 
	width:100%; 
	padding:3.5em 0 0px 0; 
	margin:0 0 3em 0; }

.main-nav-wrap .main-nav{
	float:right; 
	list-style:none; 
	padding:0; 
	margin:0; }
.main-nav-wrap .main-nav li{
	color:#45afa7; 
	list-style:none; 
	display:inline; 
	float:left; 
	margin:0 0 0 20px; 
	padding:5px 0px; }
.main-nav-wrap .main-nav li.current{
	border-bottom:3px solid #fff; }
.main-nav-wrap .main-nav li a{
	display:block; 
	float:left; 
	text-transform:uppercase; 
	color:#45afa7; 
	font-size:12px; }
.main-nav-wrap .main-nav li.current a, .main-nav-wrap .main-nav li.current a:hover{
	color:#fff; }
.main-nav-wrap .main-nav li a:hover{
	color:#fdfd0a; }
.button_top{
	width:50px; 
	height:20px; 
	text-indent:-3000px; 
	padding:0; 
	margin:12px 0 0 5px; 
	float:left; }
.button_top a{
	background:url(../images/button_top.png) no-repeat; 
	display:block; 
	width:50px; 
	height:20px; }
#contact .button_top{
	margin:-52px 0 0 5px; }
#contact .button_top a{
	background:url(../images/button_top2.png) no-repeat; }


/*about, portfolio, contact*/
.about-me, .contact-form{
	width:318px; 
	float:left; 
	margin:0 36px 0 0; }
.design-work{
	width:100%; }
.about-me h2, 
.my-skills h2, 
.contact-form h2, 
.connect-online h2, 
.contact-info h2, 
.design-work h2{
	color:#fff; 
	text-indent:-3000px; 
	margin:0 0 0 0; 
	text-transform:uppercase; 
	font-weight:normal; }
.about-me h2 span{
	background:url(../images/aboutme_title.png) no-repeat; 
	display:block; 
	height:39px; }
.my-skills h2 span{
	background:url(../images/myskills_title.png) no-repeat; 
	display:block; 
	height:39px; }
.contact-form h2 span{
	background:url(../images/sendmeamessage_title.gif) no-repeat; 
	display:block; 
	height:42px; }
.connect-online h2 span{
	background:url(../images/connectonline_title.gif) no-repeat; 
	display:block; 
	height:42px; }
.contact-info h2 span{
	background:url(../images/contactinfo_title.gif) no-repeat; 
	display:block; 
	height:42px; }
.design-work h2 span{
	background:url(../images/portfolio_title.png) no-repeat; 
	display:block; 
	height:39px; }
ul.works{
	padding:0; 
	margin:0; }
.works li{
	float:left; 
	width:287px; 
	list-style:none; 
	margin:0 0 18px 47px; 
	min-height:302px; 
	height:auto !important; 
  	height:302px; }
.works li.firstitem{
	margin:0 0 20px 0; 
	clear:left; }
.works a.image-thumb{
	position:relative; 
	margin:0 0 8px 0; 
	float:left; 
	border:7px solid #1f6164; 
	border-radius:3px;  
	-moz-border-radius:3px;  
	-webkit-border-radius:3px; 
}
.works a.image-thumb:hover{
	border:7px solid #fff; 
	cursor:-moz-zoom-in; }
.works li a.image-thumb:hover span{
	width:40px; 
	height:32px; 
	display:block; 
	position:absolute; 
	bottom:0; 
	left:233px; 
	background:url(../images/icon_enlarge.gif) no-repeat; 
	z-index:2; 
	border-top-left-radius:3px; 
	-moz-border-radius-topleft:3px;  
	-webkit-border-top-left-radius:3px;  
}
.works a.hidden{
	margin:0 0 0px 0; 
	float:left; 
	border:0px; 
	display:none; 
	visibility:hidden; }
.works a.hidden:hover{
	border:0px; }
.featured-work .image-thumb img, 
.works .image-thumb img{
	float:left; }
.works h3{
	color:#62ffa8; 
	font-size:16px; 
	font-weight:normal; 
	margin:0; 
	padding:0 0 0 0; }
.works h3 a:hover{
	color:#fdfd0a; }
.works li .skill{
	margin:0; 
	padding:0 0 4px 0; 
	text-transform:uppercase; 
	font-size:10px; 
	color:#45afa7; }
.works li p{
	margin:0; 
	padding:0 0 10px 0; }
.contact-info p, .connect-online p{
	font-size:13px; 
	line-height:20px; 
	padding:0 0 18px 0; }
.contact-info span, .connect-online span, .contact-form span, #footer span{
	background:#004b4f; 
}
/*button link*/
.buttonlink{
	padding:2px 20px 2px 5px; 
	text-transform:uppercase; 
	font-size:10px; 
	color:#62ffa8; 
	background:#1f6164 url(../images/icon_externallink.gif) 95% 3px no-repeat; 
	border-radius:3px;  
	-moz-border-radius:3px;  
	-webkit-border-radius:3px; 
}
.buttonlink:hover{
	color:#004b4f; 
	background:#fdfd0a url(../images/icon_externallink_hover.gif) 95% 3px no-repeat; }


/*testimonial, my-skills, contact-info*/
.my-skills, .contact-info{
	width:283px; 
	float:left; 
	margin:0 36px 0 0; }


/*connect-online*/
.connect-online{
	width:286px; 
	float:right; }
.contact-info span.contact_email{
	background:#004b4f url(../images/icon_email.gif) left 2px no-repeat; 
	padding:0 0 0 14px; }
.contact-info span.contact_phone{
	background:#004b4f url(../images/icon_phone.gif) left 0px no-repeat; 
	padding:0 0 0 14px; }
.my-skills ul, .connect-online ul{
	list-style:none; }
.my-skills ul li{
	background:url(../images/icon_check.gif) left 2px no-repeat; 
	padding:0 0 9px 15px; 
	display:block; }
.connect-online ul li{
	display:block; 
	padding:4px 0; 
	border-bottom:1px solid #4b8689; }
.connect-online ul li.firstitem{
	padding-top:0px; 
}
.connect-online ul li.lastitem{
	border-bottom:0px; 
}
li.connect_facebook{
	background:url(../images/icon_facebook.gif) right 50% no-repeat; }
li.connect_flickr{
	background:url(../images/icon_flickr.gif) right 50% no-repeat; }
li.connect_lastfm{
	background:url(../images/icon_lastfm.gif) right 50% no-repeat; }
li.connect_linkedin{
	background:url(../images/icon_linkedin.gif) right 50% no-repeat; }
li.connect_twitter{
	background:url(../images/icon_twitter.gif) right 50% no-repeat; }
li.connect_krop{
	background:url(../images/icon_krop.gif) right 50% no-repeat; }
li.connect_tumblr{
	background:url(../images/icon_tumblr.gif) right 50% no-repeat; }
.connect-online li a{
	background:url(../images/icon_externallink.gif) 96% 2px no-repeat; 
	padding-right:16px; }
.connect-online li a:hover{
	background:url(../images/icon_externallink_hover2.gif) 96% 2px no-repeat; }


/*form*/
#contact-form p{
	margin:0; 
	padding:0 0 8px 0; }
#contact-form p label{
	display:none; 
}
#cf_name, #cf_email, #cf_website, #cf_message, #cf_captcha{
	background:#00363a url(../images/form_bg.gif) bottom right; 
	border:1px solid #004e52; 
	margin:0; 
	padding:5px; 
	color:#45afa7; 
	font-family:Arial,Helvetica,sans-serif; 
	font-size:12px; 
	width:290px; 
	outline:none; 
	border-radius:3px;  
	-moz-border-radius:3px;  
	-webkit-border-radius:3px; 
	opacity:0.9; }
#cf_message{
	height:54px;
	overflow:auto;}
#contact-form p label.captcha{
	position:absolute; 
	display:block; 
	background:#45afa7; 
	margin:0; 
	padding:4px 0; 
	width:65px; 
	text-align:center; 
	color:#fff; 
	border-radius:3px;  
	-moz-border-radius:3px;  
	-webkit-border-radius:3px; 
}
#cf_captcha{
	margin-left:71px; 
	width:219px; }
#cf_name:focus, #cf_email:focus, #cf_website:focus, #cf_message:focus, #cf_captcha:focus{
	border:1px solid #338f94; }
.button-bg{
	color:#004b4f; 
	border:0; 
	background:#fdfd0a; 
	padding:4px 7px; 
	font-weight:bold; 
	font-size:12px; 
	font-family:Arial,Helvetica,sans-serif; 
	border-radius:3px;  
	-moz-border-radius:3px;  
	-webkit-border-radius:3px; 
}
/* form validation */
.infoMsg{
	float:left; 
	margin:0 0 18px; 
	background:#004b4f; 
	opacity:0.8; 
	width:290px; 
	padding:5px 5px 7px 5px; 
	border:1px solid #45afa7; 
	border-radius:3px;  
	-moz-border-radius:3px;  
	-webkit-border-radius:3px; 
}
.infoMsg ul{
	margin:0 0 0 14px; 
	padding:0; 
	list-style:none; }
.infoMsg li{
	list-style:none; 
}
.loader{
	padding-right:10px; }


/*footer*/
#footer{
	background:url(../images/divider.gif) repeat-x top; 
	padding:.7em 0 1.25em 0; 
	margin:1.2em 0 0em 0; 
	float:left; 
	width:100%; }
#footer p{
	padding-bottom:2px; }
#footer a, #footer a:visited{
	color:#fdfd0a; 
	font-weight:bold; 
	text-decoration:none; 
	text-transform:uppercase; 
	font-size:10px; }
#footer .footer-copyright{
	font-size:10px; 
	text-transform:uppercase; }
#footer .footer-copyright a, #footer .footer-copyright a:visited{
	font-weight:normal; }
#footer a:hover{
	text-decoration:underline; }
abbr{
	cursor:help; 
	font-style:italic; }
.feat-menu{
	display:inline; }
select{
	background-color:#fff; 
	color:#004b4f; 
	border:1px solid #004b4f; 
	width:200px; 
	font-family:Arial,Helvetica,sans-serif; 
	font-size:10px; 
	text-transform:none; 
	border-radius:3px;  
	-moz-border-radius:3px;  
	-webkit-border-radius:3px; 
}
option{
	font-weight:normal; 
	border-bottom:1px dotted #338f94; 
	background-color:#fff; 
	color:#004e52; }
option:nth-child(odd){
}
option.feat-title{
	font-weight:bold; 
	background-color:#1f6164; 
	color:#fff; 
	border-bottom:1px dotted #004b4f; }


/*common styles*/
.clear{
	clear:both; }
strong, b{
	font-weight:bold; }
img{
	border:0; }
.clear{
	clear:both; }
.clearLeft{
	clear:left; 
}
.alignLeft{
	text-align:left; }
.alignRight{
	text-align:right; }
.alignJustify{
	text-align:justify; }
.alignCenter{
	text-align:center; }
.floatLeft{
	float:left; 
	margin-right:-3px; }
.floatRight{
	float:right; 
	margin-right:3px; }
.ie_fix{
   display:none; }
.border{
	border:1px solid red; 
}