body{ background:#fff url(../images/theme-white/hd_bg_cloud.jpg) repeat-x center top; }
#wrapper{ background:url(../images/theme-white/bd_bg_cloud.jpg) repeat-x center bottom; }
#hd{ background:#fff; border-bottom:3px solid #c1e9e9 }
#ft{ background:#8cb5b7 url(../images/theme-white/ft_bg.gif) repeat-x left top; border-top:3px solid #c1e9e9; border-bottom:1px solid #c1e9e9; color:#FFFFFF }
#ft .txt_sub{
	color:#d1e1e2
}
#ft a{ color:#3d7474}
#bd{ background:url(../images/w50.png) repeat; padding:10px 0; /*border-top:10px solid #edf9f8; border-bottom:10px solid #edf9f8;*/ }
* html #bd{ background:#fff}
*+html #bd{ background:#fff}
/** html #bd{	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/w50.png', sizingMethod='scale');
}*/
input, textarea{ border:2px solid #d7f3f3; background-color:#f6fcfb; color:#aaa}
input:hover, textarea:hover{ border-color:#d0f0f0; background-color:#fff}
input:focus, textarea:focus{ border-color:#d0f0f0; background-color:#fff}
	
/* Common elements */
body{ color:#777;}
a{ color:#3da0c0; background:url(../images/dot_blue2.gif) repeat-x left bottom;}
a:hover{ color:#1a5eb1; background-color:transparent }
.txt_sub{ color:#aaa}

/* Logo */
.logo{	background:url(../images/theme-white/logo_hagin.gif) no-repeat left center;}

/* Navigator */
a#nav-about img		{ background:url(../images/theme-white/nav_aboutme.gif) no-repeat 0 0;}
a#nav-service img	{ background:url(../images/theme-white/nav_services.gif) no-repeat 0 0;}
a#nav-portfolio img	{ background:url(../images/theme-white/nav_portfolio.gif) no-repeat 0 0;}
a#nav-contact img	{ background:url(../images/theme-white/nav_contact.gif) no-repeat 0 0;}
.lavaLampWithImage li.back {		background: url(../images/theme-white/lava.gif) no-repeat right -30px;}
.lavaLampWithImage li.back .left {	background: url(../images/theme-white/lava.gif) no-repeat left 0;}

/* Contact */
.hagin-contact .a, .hagin-contact .b{ background:url(../images/theme-white/ser_track.gif) no-repeat 206px top;}
.hagin-contact .require		{ border-right-color:#9effff}
.hagin-contact .error_frm	{ border-right-color:red}
.hagin-contact .ok_frm		{ border-right-color:#00fff6}
.txt_contactinfo			{ background-image:url(../images/theme-white/txt_contactinfo.gif)}
#overlay{ background:#fff;}
#contactSend{
	color:#3da0c0;
	background:#fff;
	border-top:3px solid #c1e9e9;
	border-bottom:3px solid #c1e9e9;
}

/* Portfolio gallery */
#imageFlow .text{ color: #000;}
#imageFlow .top { background: #eee;}
#imageFlow 		{ background: #fff;}
.arrow-left	{ background:url(../images/sl_w.gif) no-repeat 0 0}
.arrow-right{ background:url(../images/sr_w.gif) no-repeat 0 0}
#imageFlow .link{ border: solid #000 1px;}
.imageFlow .text{	background:url(../images/w50.png) repeat;}
* html .imageFlow .text{ background:none}
*+html .imageFlow .text{ background:none}
/** html .imageFlow .text{background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/w50.png', sizingMethod='scale');
}*/
.imageFlow .legend { color:#666; }
.imageFlow .title { color:#444}
ul#sliding-navigation li.sliding-element a{	color: #e9feff; background:url(../images/theme-white/por_menu.gif) no-repeat right top;}
ul#sliding-navigation li.sliding-element a.active{ color:#fff; font-weight:700}
ul#sliding-navigation li.sliding-element a:hover { color:#fff/*#1eafe6;*/}
.p2009{ color:#3d7474}
.p2008{ color:#528989;}
.p2007{ color:#619496;}

/*** Lasted work ***/
.lastedWork{
	background:#edf9f8;
	border:1px solid #b1e2df;
}
.lastedWork a{	border:4px solid #b1e2df;}
.lastedWork a:hover{border:4px solid #fff }
.lastedWork a span{	background:#fff;}

/*** Intro ***/
#v{	background: #8cb5b7;}
#h{	border-top:1px solid #8cb5b7;}
.introPix	{ border: 5px solid #edf9f8;}
.mystyle2 	{ color:#70abbb;}
.loadintro_l{ background:url(../images/theme-white/load_intro_l.gif) no-repeat 0 0}
.loadintro	{ background:url(../images/theme-white/load_intro.gif) no-repeat 0 0}

/*** hagin home ***/
.hagin-home h1{	color:#555;}
.lastedWork img.txt_lastwork{ background:url(../images/theme-white/txt_lastedwork.gif) no-repeat}

/*** Services ***/
#hagin-service{}
.txt_myservice{ background-image:url(../images/theme-white/txt_myservice.gif)}
#hagin-service h2{ color:#111; }
.ser_opt .opt_psd2html h3		{ border-bottom:1px dashed #c1e9e9; background-color:#f5ffff;}
.ser_dragbar .jScrollPaneTrack	{ background:url(../images/theme-white/ser_track.gif) no-repeat 6px -2px;}
.ser_dragbar .jScrollPaneDrag 	{ background: url(../images/theme-white/ser_drag_middle.gif) repeat-y 0 0;}
.ser_dragbar .jScrollPaneDragTop{ background: url(../images/theme-white/ser_drag_top.gif) no-repeat 0 0;}
.ser_dragbar .jScrollPaneDragBottom{background: url(../images/theme-white/ser_drag_bottom.gif) no-repeat 0 bottom; }
.ser_opt .jScrollPaneTrack		{ background:url(../images/theme-white/ser_track.gif) no-repeat 6px -2px;}
.ser_opt .jScrollPaneDrag 		{ background: url(../images/theme-white/ser_drag_middle.gif) repeat-y 0 0;}
.ser_opt .jScrollPaneDragTop	{ background: url(../images/theme-white/ser_drag_top.gif) no-repeat 0 0; }
.ser_opt .jScrollPaneDragBottom	{ background: url(../images/theme-white/ser_drag_bottom.gif) no-repeat 0 bottom;}
.ser_mine{ background:url(../images/theme-white/ser_track.gif) no-repeat right -2px;}

/*** About ***/
.holder .top	{ background:url(../images/theme-white/about_skill_top.png) repeat-x;}
.holder .bottom	{ background:url(../images/theme-white/about_skill_bottom.png) repeat-x;}
.me				{ background:url(../images/theme-white/me_b.gif) no-repeat 0 bottom;}
.about_contact	{ background:url(../images/theme-white/blast2_02_bg.jpg) no-repeat; }
.wing_r			{ background:url(../images/theme-white/wing_r.jpg) no-repeat 23px 0;}
.mysite_ss		{ background:url(../images/theme-white/aboutsite.jpg) no-repeat}
#about_blast	{ background:url(../images/theme-white/blast_02_bg.jpg) no-repeat 0 0;}
#aboutMenu_me	{ background:url(../images/theme-white/badges_aboutme.jpg) no-repeat 0 0;}
.about_skill li	{ border-bottom:1px dotted #bbb}
.txt_1, .txt_2, .txt_3, .txt_4{ color:#111}
.skillTip{
	border: 3px solid #d6ecf7;
	background-color: #effaff;
}
.icon_ie6	{ background:url(../images/theme-white/icon_ie6.gif) no-repeat 0 0}
.icon_ie7	{ background:url(../images/theme-white/icon_ie7.gif) no-repeat 0 0}
.icon_ff	{ background:url(../images/theme-white/icon_ff.gif) no-repeat 0 0}
.icon_chrome{ background:url(../images/theme-white/icon_chrome.gif) no-repeat 0 0}
.icon_opera	{ background:url(../images/theme-white/icon_opera.gif) no-repeat 0 0}
.icon_safari{ background:url(../images/theme-white/icon_safari.gif) no-repeat 0 0}
.osX .jScrollPaneTrack	{ background:url(../images/theme-white/gin_track.gif) repeat-y;}
.osX .jScrollPaneDrag 	{ background: url(../images/theme-white/gin_drag_middle.gif) repeat-y;}
.osX .jScrollPaneDragTop {background: url(../images/theme-white/gin_drag_top.gif) no-repeat;}
.osX .jScrollPaneDragBottom{background: url(../images/theme-white/gin_drag_bottom.gif) no-repeat;}
.osX a.jScrollArrowUp 	{ background: url(../images/theme-white/gin_arrow_up.gif) no-repeat 0 -30px;}
.osX a.jScrollArrowDown { background: url(../images/theme-white/gin_arrow_down.gif) no-repeat 0 -30px;}