/* CSS Document */

*{

	margin: 0; padding: 0;

}



body{
	font: normal 9pt/13pt tahoma, sans-serif;
	text-align: center;
	background-color: #2a2a2a;
	background-image: url(../images/header_base.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}



#base_container{

	background: url(images/header_bg.jpg) repeat-x top right; min-width: 760px; width: 100%; height: 150px; position: relative; 

}

#header_ltcurve{

	background: url(images/header_ltcurve.jpg) no-repeat top left; width: 218px; height: 150px; 

}

#flower{

	background: url() no-repeat top left; width: 1px; height: 150px; left: 50px; top: 0; position: absolute; 

}

#homelogo{

	background: url(images/homelogo.jpg) no-repeat top left; width: 351px; height: 150px; top: 0px; left: 218px; position: absolute; z-index: 20; 

}

#header_rtcrv_container{

	position: absolute; z-index: 10; right: 0; top: 0;

}

#header_rtcurve1{

	background: url(images/header_rtcurve1.jpg) no-repeat top right; width: 253px; height: 150px; float: right;

}




#cont_mainbg{

	background: #434343; min-width: 760px; width: 100%; height: 115px;  color: #cccccc; 

}

#cont_mainbg p{

	background: url(../images/cont_textbg.jpg) no-repeat top left; color: #CCCCCC; margin-top: 5px; margin-left: 5px; padding: 5px 5px 5px 10px; width: 377px; float: left; 

}

#cont_mainbg > p{

	margin-left: 24px;

}

#cont_mainbg p a, #about_website a{

	color: #ff33ac; text-decoration: none;

}

#cont_mainbg p a:hover, #about_website a:hover{

	color: #ffffff; text-decoration: underline;

}

#about_website{

	background: url(../images/about_website.jpg) no-repeat top left !important; color: #739504; margin-top: 27px; margin-left: 12px; padding: 76px 25px 5px 35px; width: 377px; float: left; 

}

#cont_mainbg > #about_website{

	margin-left: 24px;

}

#contact_me{

	background: url(../images/contact_me.jpg) no-repeat top left !important; color: #739504; margin-top: 27px; margin-left: 12px; padding: 76px 25px 5px 35px; width: 377px; float: left; 

}

#cont_mainbg > #contact_me{

	margin-left: 24px;

}

#portfolio{

	background: url(images/portfolio.jpg) no-repeat top left !important; color: #739504; margin-top: 10px; margin-left: 12px; padding: 25px 25px 5px 20px; width: 377px; float: left; 

}

#cont_mainbg > #portfolio{

	margin-left: 110px;

}

#menu_lt{

	background: url(menu_lt.jpg) no-repeat bottom left; width: 10px; margin-top: 5px; height: 75px; float: left;

}

#menu_main{

	background: url(images/menu_mainbg.jpg) no-repeat bottom left; width: 140px; margin-top: -7px; margin-left: 80px; height: 113px; float: left;

}

#menu_rt{

	background: url(../images/menu_rt.jpg) no-repeat bottom left; width: 10px; margin-top: 1px; height: 100px; float: left;

}

#menu_main ul{

	 margin-top: 1px; margin-left: 20px;  font-size: 9pt; font-weight: bold;

}

#menu_main ul li{

	list-style: none; line-height: 20pt; 

}

#menu_main ul li  a#menu_home {

	color: #2a2a2a; text-decoration: none; display: block; background: url(../images/menu_split.gif) no-repeat bottom left; width: 127px;

}

#menu_main ul li a#menu_home:hover{

	color: #ffffff; text-decoration: none; background: url(../images/menu_home.jpg) no-repeat center right;  

}

#menu_main ul li  a#menu_about {

	color: #2a2a2a; text-decoration: none; display: block; background: url(../images/menu_split.gif) no-repeat bottom left; width: 127px;

}

#menu_main ul li a#menu_about:hover{

	color: #ffffff; text-decoration: none; background: url(../images/menu_about.jpg) no-repeat center right;  

}

#menu_main ul li  a#menu_work {

	color: #2a2a2a; text-decoration: none; display: block; background: url(../images/menu_split.gif) no-repeat bottom left; width: 127px;

}

#menu_main ul li a#menu_work:hover{

	color: #ffffff; text-decoration: none; background: url(../images/menu_work.jpg) no-repeat center right;  

}

#menu_main ul li  a#menu_contact {

	color: #2a2a2a; text-decoration: none; display: block; width: 127px;

}

#menu_main ul li a#menu_contact:hover{

	color: #ffffff; text-decoration: none; background: url(../images/menu_contact.jpg) no-repeat center right;  

}

#services{

	background: #ff60be url(images/services_bg.jpg) repeat-x top left; width: 100%; height: 7px; min-width: 760px; overflow: hidden; clear: both; position: relative;

}

#services img{

	margin-left: 40px; margin-top: 20px; margin-bottom: 20px; float: left;

}

#services #myinfo{

	background:  url(../images/myinfo_bg.gif) no-repeat bottom right; float: left; margin-left:  20px; padding-top: 28px; width: 464px; height: 190px;

}

#services #myinfo p{

	width: 320px; margin-bottom: 5px; padding-bottom: 5px; float: left; border-bottom: 1px dotted #2a2a2a;

}

#services #myinfo p.lastinfo{

	border: none;

}

#services #myinfo  p span.type{

	color: #2a2a2a; font-weight: bold; margin-right: 20px; display: block; width: 85px; float: left;

}

#services #myinfo  p span.detail{

	color: #2a2a2a; display: block; float: left;

}

#services #myinfo p span.detail a{

	color: #666666; text-decoration: none;

}

#services #myinfo p span.detail a:hover{

	color: #FFF; text-decoration: none;

}

p.webdesign{

	background: #ff60be url(images/webdesign.jpg) no-repeat 10px 6px;

}

p.identity{

	background: #ff60be url(images/identity.jpg) no-repeat 10px 6px;

}

p.print{

	background: #ff60be url(images/print.jpg) no-repeat 10px 6px;

}

p.webdesign, p.identity, p.print{

	color: #2a2a2a; padding: 45px 10px 6px 10px; margin-left: 43px;  width: 335px; border: 1px solid #2a2a2a;

}

ul.skills{	

	background: #ff60be url(images/about_create.jpg) no-repeat 10px 10px;color: #2a2a2a; padding: 35px 10px 5px 10px; margin-left: 58px; margin-bottom: 20px;  width: 335px; margin-top: 20px; list-style: none; border: 1px solid #2a2a2a;

}

ul.skills li{

	background: #ff60be url(images/bullet.jpg) no-repeat 0% 50%; padding-left: 25px; margin-bottom: 10px; height: 25px;

}



ul.serviceslist{	

	background: url(images/services.jpg) no-repeat 11px 26px;color: #2a2a2a; padding: 70px 0px 5px 10px; margin-left: 450px; position: absolute; top: 0px; list-style: none; width: 250px; 

}

ul.serviceslist li{

	background: #ff60be url(images/bullet.jpg) no-repeat 0% 50%; padding-left: 25px; margin-bottom: 10px; height: 25px;

}

ul.recognition{	

	background: url(images/portfolio_spotlight.jpg) no-repeat 10px 5px;color: #2a2a2a; padding: 60px 10px 10px 15px; margin-left: 50px; position: absolute; top: 16px; list-style: none; width: 350px; 

}

ul.recognition li{

	background: #ff60be url(../images/innercont_bullet.jpg) no-repeat 0% 10%; padding-left: 25px; margin-bottom: 20px;

}

ul.recognition li b a{

	font-weight: bold; color: #666666; text-decoration: none; border: none;

}

ul.recognition li b a:hover{

	font-weight: bold; color: #ffffff; text-decoration: none;

}

ul.recognition li a{

	color: #2a2a2a; text-decoration: none; 

}

ul.recognition li a:hover{

	color: #F1B1A9; text-decoration: none; border-bottom: 1px dotted #F1B1A9; 

}

p.ongoing_project{

	background: #ff60be url(../images/ongoing_project.jpg) no-repeat 10px 20px; color: #2a2a2a; padding: 20px 10px; position: relative; left: 455px;  width: 235px; 

}

p.ongoing_project img{

	border: 4px solid #ffffff; margin: 50px 55px 10px 0px !important;

} 

p.ongoing_project b{

	display: block;

}

#tool{

	background: #ff60be url(images/about_tools.jpg) no-repeat top left; position: absolute; display: block; top: 28px; height: 100%; padding: 40px 10px 5px 10px; margin-left: 450px; 

}

#tool li{

	background: #ff60be url(images/bullet.jpg) no-repeat 0% 50%; padding-left: 25px; margin: 5px 0 5px -12px; display: block; width: 128px; height: 22px; 

}

#tool li#bot{

	background: none; margin: 5px 0; display: block; width: 128px; height: 22px; 

}

#tool li a{

	 color: #2a2a2a; cursor: default; display: block; 

}

#code{

	background: #ff60be url(../images/code.jpg) no-repeat top left; position: absolute; display: block; top: 20px; height: 220px; padding-top: 50px; margin-left: 595px;

}

#code li{

	background: #ff60be url(../images/services_menusplit.gif) no-repeat bottom left; margin: 5px 0; display: block; width: 128px; height: 22px; 

}

#code li#bot1{

	background: none; margin: 5px 0; display: block; width: 128px; height: 22px; 

}

#code li a{

	 color: #2a2a2a; cursor: default; display: block; 

}

.star_a{

	background:  url(../images/star_a.jpg) no-repeat center right;

}

.star_b{

	background:  url(../images/star_b.jpg) no-repeat center right;

}

.star_c{

	background:  url(../images/star_c.jpg) no-repeat center right;

}

.star_d{

	background:  url(../images/star_d.jpg) no-repeat center right;

}

h6{

	background: url(../images/services_bg.jpg) repeat-x top left; float: left; border-top: 2px solid #ff33ac; min-width: 760px; width: 100%;  height: 7px; 

}

#serv_button{

	position: relative; top: -2px; float: left; margin-left: 20px; margin-top: -10px; border: none;

}

a>img#serv_button{

	margin-top: -5px;

}

#cont_base, .portfolio_cntr{

	 float: left; padding-left: 115px; padding-top: 20px; clear: left; width: 500px; color: #cccccc;

}

.portfolio_cntr{

	width: 500px; margin-bottom: 10px; padding-bottom: 50px;

}

.portfolio_cntr a img{

	float: left; margin-bottom: 4px; margin-right: 16px; border: 4px solid #FFF;  

}

.portfolio_cntr a:hover img{

	background-color: #B4FF00; border: 3px solid #FFF; padding: 1px; float: left;

}

#cont_base p{

	 margin-left: 5px; padding-bottom: 50px; 

}

img.contact{

	 border: none; margin: 5px;  vertical-align: middle; 	

}

#cont_base a, #cont_sub p a{

	color: #cccccc; text-decoration: none; line-height: 17pt;

}

#cont_base a:hover, #cont_sub p a:hover{

	color: #ff33ac; text-decoration: none; 	

}	

.recent_works{

	 width: 170px; height: 60px; position: absolute; font-size: 10pt; 

}

.recent_works span, .recent_works span.about_me,.recent_works span.web_ptflo, .recent_works span.print_ptflo, .recent_works span.identity_ptflo{

	background: url(images/recent_work.jpg) no-repeat center left; display: block; width: 100%; height: 100%; position: absolute; top: -20px;

}

#cont_sub{
	position: relative;
	padding-left: 80px;
	clear: left;
	width: 350px;
	color: #cccccc;
	line-height: 12pt;
	left: 40px;
	top: 20px;
}

#cont_sub p{

	 margin: 10px 0 0 4px; text-align: justify;
	 
}

#cont_sub a{

	color: ff33ac;
}
	
#cont_sub a:hover{

	color: ffffff;
}
	
	


.recent_works span.about_me{

	background: url(images/about_me.jpg) no-repeat center left;

}

.recent_works span.web_ptflo{

	background: url(../images/web.jpg) no-repeat center left;

}

.recent_works span.print_ptflo{

	background: url(../images/print_ptflo.jpg) no-repeat center left;

}

.recent_works span.identity_ptflo{

	background: url(../images/identity_ptflo.jpg) no-repeat center left;

}

p.portfolio{

	float: left; margin: 30px 35px 10px 5px; width: 170px;

}

p.portfolio a img{

	border: 4px solid #FFF; float: left; 

}

p.portfolio a:hover img{

	background-color: #ff33ac; border: 3px solid #ff33ac; padding: 1px; float: left; margin-right: 35px;

}

p.portfolio a{

	text-decoration: none;

}

p.portfolio a b{

	clear: left; color: #ff33ac; line-height: 16pt; 

}

p.portfolio a:hover b{

	color: #ffffff; text-decoration: none;

}

p.portfolio small{

	color: #cccccc; line-height: 7pt; 

}

#contact_details{

	 width: 184px; margin-top: 15px; height: 25px; clear: both;color: #cccccc; position: relative;

}

#contact_details span{

	background: url(images/contact_me.jpg) no-repeat center left; display: block; width: 100%; height: 100%; position: absolute; 

}

#inspiration{

	float: left; width: 150px; margin-left: 60px; 

}

#inspiration h1{

	 width: 178px; height: 52px; position: absolute; color: #cccccc;

}

#inspiration h1 span{

	background: url(../images/inspiration.jpg) no-repeat top left; width: 100%; height: 100%; position: absolute; 

}

#inspiration h1 span.resources{

	background: url(../images/resources.gif) no-repeat top left; width: 100%; height: 100%; position: absolute; 

}

#inspiration h1 span.ctntdtls_menu{

	background: url(../images/contact_menu.gif) no-repeat top left; width: 100%; height: 100%; position: absolute; 

}



ul.insp_menu,ul.contact_menu{

	background: url(../images/inspiration_menubg.jpg) no-repeat top left; display: block; height: 100px; padding-left: 25px;

}

ul.insp_menu li{

	background: url(../images/insp_menusplit.jpg) no-repeat bottom center; list-style: none; display: block; width: 128px;

}

ul.insp_menu li#bottom{

	 background: none; list-style: none; display: block; width: 128px;

}

ul.insp_menu li a{

	color: #ff33ac; text-decoration: none; line-height: 20pt;

}

ul.insp_menu li a:hover{

	color: #ffffff; text-decoration: none;

}

ul.contact_menu{

	color: #cccccc; 

}

ul.contact_menu li{

	list-style: none; display: block; margin-bottom: 7px;

}

ul.contact_menu li a span{

	font-weight: bold; color: #cccccc;

}

ul.contact_menu li a{

	color: #ff33ac; text-decoration: none; line-height: 11pt;

}

ul.contact_menu li a:hover{

	color: #ffffff; text-decoration: none;

}



h2{
	width: 144px;
	height: 72px;
	position: absolute;
	color: #cccccc;
	padding: 16px 0 5px 16px;
	top: 570px;
}

h2 span{

	background: url(../images/downloads.jpg) no-repeat top center; width: 100%; height: 100%; position: absolute;

}

#downloads_container{

	margin-left: 65px;

} 

#downloads_container a{

	color: #ff33ac; text-decoration: none;

} 

#downloads_container a:hover{

	color: #ffffff; text-decoration: none;

}

#downloads_container img{

	border: none; margin-right: 10px;

}

p.gallery{

	margin: 10px 10px 0 0px; vertical-align: top;

}

p.gallery img{

	border: 1px solid #2a2a2a !important; width: 20px; height: 20px; float: left; margin-top: 5px;

}

p.gallery a{

	color: #689400; font-size: 7pt; text-decoration: none; 

}

p.gallery a:hover{

	color: #B6F500; text-decoration: none; 

}

#footer{

	background: #363636 url(../images/footer_grass.jpg) repeat-x bottom left; position: relative; width: 100%; height: 0px; clear: left;

}

#footer_base{

	background: #363636 url(../images/footer_base.jpg) repeat-x bottom left; width: 100%; min-width: 760px; height: 25px; color: #666666; float: left; padding-top: 5px;

}

#footer_base p{

	 width: 250px; padding-left: 10px; float: left;

}

#author a{

	color: #ff33ac; text-decoration: none; margin: 0 2px;

}

#author a:hover{

	color: #ffffff; text-decoration: none;

}

#author{

	width: 400px; float: left; 

}

#author small{

	margin-left: 5px; font-size: 8pt;

}

fieldset{

	margin: 15px 0 15px 0; padding: 10px; border: 1px solid #cccccc;

}

legend{

	color: #cccccc;

}

label{

	font-size: 7pt; font-weight: bold; display: block;

}

input, textarea{

	background: #666666 url(../images/input_bg.gif) repeat-x top left; border: 1px solid #cccccc; height: 16px;line-height: 16px; font-size: 8pt; margin-bottom: 10px; padding: 0 5px; display: block; color: #cccccc;

}

input:focus, input:hover,textarea:focus, textarea:hover{

	border: 1px solid #ff33ac;

}

textarea{

	width: 250px; height: 50px; font-family: tahoma; overflow: auto;

}

.submit_bt{

	color: #ff33ac; font-weight: bold; width: 55px; height: 20px;	

}

.hidden1 input{

	background: #2a2a2a; border: none; height: 16px;line-height: 0px; font-size: 0pt; margin-bottom: 0px; padding: 0px; display: block;

}