/*

	{lam.khanh.mai} MULTIMEDIA DESIGN v1.0
	URL: http://adakm.com
	Author: Lam Khanh Mai 
	Copyright: March 2010
	

    
    COLOURS CODE
    -------------------
	red #bc2929
	grey #eeeeee
	green #acbc5e
	dark-brown #513829

	
*/

@import url(reset.css); /* RESET CSS */
@import url(960grid.css); /* GRID CSS */

/* 1.LAYOUT
---------------------------------------------------------------------- */

body { 
	font-family:Verdana, Arial, Geneva, sans-serif;
	font-size:9px; line-height:14px; color:#513829;
	background:#f1eedb url(../images/site/body_bg.jpg) repeat;
}
div#headerContainer {
	background:#e9e2cf url(../images/site/header_bg.jpg) repeat-x;
	height:44px; min-width:960px; width:100%; text-align:left;
}
div#contentContainer { background:url(../images/site/body_bg.jpg) repeat; min-width:960px; width:100%; }


/* 2.LINKS
---------------------------------------------------------------------- */

a { text-decoration:none; }
a:link { color:#bc2929; }
a:visited { color:#860000; }
a:hover, a:focus { text-decoration:none;}


/* 3.BRANDING
---------------------------------------------------------------------- */

#logo {
	margin:7px 0 0 20px; float:left;
	_display:inline; /* IE6 exclusively */
}
#logo a{
	display:block; text-indent:-900em; width:332px; height:25px;
	background:url(../images/site/logo.png) top left no-repeat;
}
#logo a:hover { background-position:bottom left; text-decoration:none;}


/* 4.NAVIGATION
---------------------------------------------------------------------- */

#mainNav {
	float:right; height:13px; width:321px; margin:15px 15px 0 0;
	_display:inline; /* IE6 exclusively */
}
#mainNav ul { display:block; position:relative; }
#mainNav li { float:left; }
#mainNav li a{ 
	display:block; text-indent:-900em; height:13px;
	background:url(../images/site/nav_sprite.png) no-repeat;
}

li#nav-home a{ width:82px; background-position:0 0; }
li#nav-home a:hover{ background-position:0 -13px; }
li#nav-profile a{ width:72px; background-position:-82px 0; }
li#nav-profile a:hover{ background-position:-82px -13px; }
li#nav-portfolio a{ width:92px; background-position:-154px 0; }
li#nav-portfolio a:hover{ background-position:-154px -13px; }
li#nav-contact a{ width:75px; background-position:-246px 0; }
li#nav-contact a:hover{ background-position:-246px -13px; }

body.home li#nav-home a{ background-position:0 -13px; }
body.profile li#nav-profile a{ background-position:-82px -13px; }
body.portfolio li#nav-portfolio a{ background-position:-154px -13px; }
body.contact li#nav-contact a{ background-position:-246px -13px; }


/* 5.GLOBALS ELEMENTS
---------------------------------------------------------------------- */

.dotDivider { height:3px; border-bottom:1px dotted #513829; margin:5px 0; }
.dashDivider { height:3px; border-bottom:1px dashed #967866; margin:5px 0; }
.stripeDivider { 
	background: url(../images/site/stripeBG_5.png) repeat; width: 960px; height: 10px; margin: 20px auto;
	filter:alpha(opacity=30); -moz-opacity:0.3; -khtml-opacity: 0.3; opacity: 0.3;
}
.stripeVerDivider { 
	background: url(../images/site/stripeBG_5.png) repeat; width: 10px; margin: 10px 0;
	filter:alpha(opacity=30); -moz-opacity:0.3; -khtml-opacity: 0.3; opacity: 0.3;
}
.embossDivider { background: url(../images/site/divider_emboss.jpg) repeat-x; height:2px; margin: 10px 0; }

ul.red_check_list {list-style-image:url(../images/site/bullet_check_red.png);}
ul.green_check_list {list-style-image:url(../images/site/bullet_check_green.png);}

/* 6.FOOTER
---------------------------------------------------------------------- */

#footerContent { text-align:left; font-size: 10px; }
#footerContent h2 { font-size:16px; margin:10px 0 20px 0;}
#footer_info { position:relative; }
#footer_info .stripeVerDivider { position:absolute; top:-2px; left:260px; height:190px; }

#footer_info #resume_box { display: block; position:absolute; width:88px; left:158px; top:48px;}
#footer_info #resume_box a { 
	display: block; width:88px; height:94px; text-indent:-900em; 
	background: url(../images/site/resume_download_2.png) top left no-repeat;
}
#footer_info #resume_box a:hover { background-position: bottom left;}
#footer_info div#random_facts {
	display:block; float:left;_display:inline; width:147px;
}

#footer_network ul#footer_network_list { margin:0; }
#footer_network ul#footer_network_list li { display:block; float:left; display:_inline; width:100px; height:20px; margin-right:8px;} 
#footer_network ul#footer_network_list li img { display:inline-block; }
#footer_network ul#footer_network_list li a { 
	display:inline-block; position:relative; top:-3px; left: 2px;
	text-transform: uppercase; letter-spacing: 0.5px; color: #647d3d;
}
#footer_network ul#footer_network_list li a:hover { color:#bc2929; border-bottom:1px dotted #bc2929; }

#footer_copy {
	border-top:1px solid #ddd9c4; padding-top: 10px;
	color: #999; margin-bottom: 80px;
}
ul#footer_nav li { display: inline; }
ul#footer_nav li a { color:#999;}
ul#footer_nav li a:hover { color:#bc2929; border-bottom:1px dotted #bc2929;}
#footer_copy #copy {text-align:right;}

	/* 6.1 FLICKR PHOTO STREAM ----------------------- */
	#flickr_badge_uber_wrapper {text-align:left; width:380px; margin-bottom: 50px;}
	#flickr_badge_wrapper {padding:10px 0 10px 0;}
	.flickr_badge_image {display:block; float:left; display:_inline; margin:0 10px 5px 0;}
	.flickr_badge_image img { width: 60px; height:60px; padding: 1px; border: 1px dotted #998675 !important;}

/* 7.HOME
---------------------------------------------------------------------- */

body.home { background:url(../images/site/footer_bg_color.jpg) repeat; text-align:center; }

.home div#contentContainer {
	background:url(../images/site/body_bg.jpg) repeat; height:568px; padding-top:60px; text-align:center;
}
.home h1#hello {
	display:block; text-indent:-900em; width:819px; height:128px; margin:auto;
	background:url(../images/site/home_helloText.png) no-repeat;
}
.home div#greeting {
	border-top:1px solid #ddd9c4; border-bottom:1px solid #ddd9c4;
	min-width:960px; width:100%; height:133px; padding:3px 0;
}
.home div#welcomeText {
	min-width:960px; width:100%;  height:130px; padding-top:2px;
	background:url(../images/site/stripeBG.png) repeat;
}
.home div#welcomeImage {
	display:block; position:absolute; top:-360px; left:50%;
	margin:auto; margin-left:-256px;
	width:512px; height:455px;
	text-align:center;
}
.home .dialogue { position:absolute; display:block; }
.home img#friendly { top:39px; left:-89px; }
.home img#simple { top:194px; left:-114px; }
.home img#passionate { top:-13px; left:433px; }
.home img#detailed { top:211px; left:495px; }
.home div#catContainer {
	min-width:960px; width:100%; height:150px; text-align:center; position:relative;
	background:url(../images/site/footer_bg_noWave.jpg) repeat-x;
}
.home img#shadow { margin:auto; }
.home div#waveBG {
	min-width:960px; width:100%; height:150px;
	background:url(../images/site/footer_wave_bgLong.png) repeat-x;
	text-align:center; z-index:0; position:absolute; top:0; left:0;
}
.home #footer_copy {
	border-top:1px solid #aa9a7d; padding-top: 10px;
	color: #736357; margin-bottom: 80px;
}
.home ul#footer_nav li a { color:#736357;}

.home div#homeContent { margin: auto; width: 960px; text-align:left; position:relative; top:-55px; }
.home div#homeContent img#featuredTitle { display:block; width: 960px; height:82px; margin: 0 0 20px 3px;}

.home #home_intro { font-size: 11px; }
.home #home_intro p { margin-right: 20px;}
.home #homeContent h1 { font-size: 15px; color:#513829; margin-bottom: 10px; text-transform:uppercase;}

.home #home_featured .featured_work { }
.home #home_featured .thumbHolder { background: url(../images/site/thumbBG.png) repeat; width:340px; padding: 10px; }
.home #home_featured .thumbHolder a { 
	display:block; width:340px; height:340px; text-indent:-900em;
	background: url(../portfolio/screenshot_037.png) top left no-repeat;
}
.home #home_featured .thumbHolder a:hover {
	background-position: bottom left;
}
.home #home_featured .workCaption { font-size: 11px; margin-top:10px; }
.home #home_featured .workCaption h2.projectTitle { color: #bc2929; font-size:12px; font-weight: bold; }
.home #home_services { margin-left: 30px;}
.home #home_services ul {margin-left: 20px;}

/* 8.PROFILE
---------------------------------------------------------------------- */

.profile div#contentContainer { background:url(../images/site/body_bg.jpg) repeat; padding-top:60px; text-align:center; }

.profile div#myWorkText {
	min-width:960px; width:100%;  height:145px; padding-top:20px;
	background:url(../images/site/stripeBG.png) repeat;
}
.profile div#greeting {
	border-top:1px solid #ddd9c4; border-bottom:1px solid #ddd9c4;
	min-width:960px; width:100%; height:165px; padding:3px 0;
}
.profile div#headline_wrapper { width: 960px; margin:auto; position: relative; height:128px; text-align:left; padding-left: 10px; }
.profile h1#myWork {
	display:block; text-indent:-900em; width:618px; height:128px;
	background:url(../images/site/profile_heading.png) no-repeat;
}
.profile div#folio_teaCat {
	position: absolute;	top: -65px; left: 646px; width:316px; height:285px;
	background: url(../images/site/profile_teaCat.png) top left no-repeat;
}
.profile div#catNavBG {
	min-width:960px; width:100%;  height:36px; margin-top:2px;
	background: url(../images/site/catNavBG.png) repeat;
}
.profile div#catLink_wrapper { width: 960px; margin:auto; height:36px; padding: 11px 0 0 15px; text-align:left; }
.profile h4#profile_available {
	width:617px; height:15px; text-indent:-900em; background: url(../images/site/profile_available.png) top left no-repeat;	
}
.profile div#profile_holder { margin: auto; margin-bottom: 90px; width: 960px; text-align:left; }

	/* 8.1 PROFILE MAIN CONTENT ----------------------- */
	
	#profile_mainContent { font-size: 11px; margin-top:80px; line-height:1.5; text-align:justify;}
	#profile_mainContent h1 { color: #998675; font-size:18px; font-weight:bold;}
	#profile_mainContent h1 span { color: #90a041; }
	#profile_mainContent p { margin-bottom: 50px; }
	#profile_mainContent .embossDivider { width: 575px; margin: 5px 0 20px 0; }
	#profile_mainContent #my_interest p { margin-bottom: 0px;}

	/* 8.2 PROFILE SIDEBAR CONTENT ----------------------- */
	
	#profile_sideBar { width:316px; margin-top:75px; margin-left: 40px;}
	
	.whiteBox { width:316px; margin-bottom: 25px; }
	.whiteBox_top { width:316px; height:10px; background:url(../images/site/whiteBox_top.png) top left no-repeat;}
	.whiteBox_body { width:316px; background:url(../images/site/whiteBox_body.png) top left repeat-y;}
	.whiteBox_bottom { width:316px; height:10px; background:url(../images/site/whiteBox_bottom.png) top left no-repeat;}
	
	#profile_sideBar #profile_resume a { 
		display:block; width:316px; height:53px; text-indent:-900em;
		background: url(../images/site/profile_resume.png) top left no-repeat;
	}
	#profile_sideBar #profile_resume a:hover { background-position: bottom left; }
	
	/* 8.3 PROFILE VCARD CONTENT ----------------------- */
	
	#profile_sideBar #Mai_portrait { display:block; float:left; _display:inline; margin-left:12px;}
	#profile_sideBar #Mai_info { float:left; width:165px; margin-left:5px; margin-top:15px; _display:inline;}
	#profile_sideBar #Mai_info img {display:inline;}
	#profile_sideBar #Mai_info ul li {display:block; height:20px; }
	#profile_sideBar #Mai_info ul li#Mai_name { text-transform:uppercase; color:#bc2929; font-size:12px; }
	#profile_sideBar #Mai_info ul li span { position:relative; top: -3px;}
	#profile_sideBar #Mai_info ul li#Mai_mail span { top: -2px;}
	#profile_sideBar #Mai_info .dashDivider {width:164px; margin:0 0 10px 1px;}
	#profile_sideBar #Mai_info div#network_list { margin-left:2px; }
	
	/* 8.3 PROFILE SKILLS CONTENT ----------------------- */
	
	#profile_sideBar #profile_skills { color:#736357; font-size: 10px; padding: 10px 10px 20px 20px;}
	#profile_sideBar #profile_skills h1 { color: #90a041; font-size:18px; font-weight:bold; margin-left: 3px;}
	#profile_sideBar #profile_skills .embossDivider { width:275px}
	#profile_sideBar #profile_skills ul { margin: 0 0 0 22px; _margin: 0 0 0 17px; }
	#profile_sideBar #profile_skills ul li span{ position:relative; top:-2px; _left:2px;}
	#profile_sideBar #profile_skills ul#soft_skills { margin-bottom: 10px; }
	#profile_sideBar #profile_skills ul#technical_skills { margin-top: 10px;}
	


/* 9.PORTFOLIO - collection
---------------------------------------------------------------------- */
.portfolio div#contentContainer { background:url(../images/site/body_bg.jpg) repeat; padding-top:80px; text-align:center; }
.portfolio div#myWorkText {
	min-width:960px; width:100%;  height:155px; padding-top:25px;
	background:url(../images/site/stripeBG.png) repeat;
}
.portfolio div#greeting {
	border-top:1px solid #ddd9c4; border-bottom:1px solid #ddd9c4;
	min-width:960px; width:100%; height:180px; padding:3px 0;
}
.portfolio div#headline_wrapper {
	width: 960px; margin:auto; position: relative; height:138px; text-align:left;
}
.portfolio h1#myWork {
	display:block; text-indent:-900em; width:659px; height:138px;
	background:url(../images/site/portfolio_headline_2.png) no-repeat;
}
.portfolio div#folio_saleCat {
	position: absolute;	top: -105px; left: 673px; width:293px; height:295px;
	background: url(../images/site/portfolio_saleCat.png) top left no-repeat;
}

	/* 9.1 CATEGORY NAVINATION ----------------------- */
	
		.portfolio div#catNavBG {
			min-width:960px; width:100%;  height:36px; margin-top:2px;
			background: url(../images/site/catNavBG.png) repeat;
		}
		.portfolio div#catLink_wrapper {
			width: 960px; margin:auto; height:36px; padding: 7px 0 0 2px; text-align:left;
		}
		#catLink_wrapper ul { display:block; position:relative; }
		#catLink_wrapper li { float:left; }
		#catLink_wrapper li a{ 
			display:block; text-indent:-900em; height:21px;
			background: url(../images/site/portfolio_catNav.png) no-repeat;
		}
		
		li#catLink_interactive a{ width:156px; background-position:0 0; }
		li#catLink_interactive a:hover{ background-position:0 -21px; }
		li#catLink_graphic a{ width:140px; background-position:-156px 0; }
		li#catLink_graphic a:hover{ background-position:-156px -21px; }
		li#catLink_motion a{ width:133px; background-position:-296px 0; }
		li#catLink_motion a:hover{ background-position:-296px -21px; }
	

	/* 9.2 FOLIO GALLERY ----------------------- */

		.portfolio div#portfolio_collection { margin: auto; margin-bottom: 90px; width: 950px; text-align:left; }
		.portfolio h1.category_title { color: #99a755; font-size: 25px; font-weight: bold; display: block; margin-top: 90px;}
		.portfolio .embossDivider { width:950px; margin: 15px 0 25px 0; position: relative; }
		
		ul.gallery { width: 950px; list-style: none; margin: 0; padding: 0; }
		ul.gallery li {
			float: left; margin: 10px 20px 10px 0; padding: 0; text-align: center; border: 1px solid #ddd9c4;
			-moz-border-radius: 3px; /*--CSS3 Rounded Corners--*/
			-khtml-border-radius: 3px; /*--CSS3 Rounded Corners--*/
			-webkit-border-radius: 3px; /*--CSS3 Rounded Corners--*/
			display: inline; /*--Gimp Fix aka IE6 Fix - Fixes double margin bug--*/
		}
		ul.gallery li.noMargin { margin-right:0; }
		ul.gallery li a.thumb { width: 210px; height: 110px; padding: 5px; border-bottom: 1px solid #ddd9c4; cursor: pointer; }
		ul.gallery li span {  width: 210px; height: 110px; overflow: hidden; display: block; }
		ul.gallery li a.thumb:hover { background: #333; }
		ul.gallery li h2 { 
			font-size: 10px; font-weight: normal; text-transform: uppercase; margin: 0; padding: 5px; 
			background: transparent; border-top: 1px solid #fff; 
			/*--background: #f0f0f0; border-top: 1px solid #fff;--*/
		}
		ul.gallery li a {text-decoration: none; color: #998675; display: block;}
	
	
	/* 9.3 FOLIO GALLERY NAVIGATION----------------------- */

		#portfolio_collection ul.pnNav { margin: 0; position: absolute; right:0; top: -20px;}
		#portfolio_collection ul.pnNav li { float:left; }
		#portfolio_collection ul.pnNav li a{ display:block; text-indent:-900em; margin: 0 5px 0 20px;}
		#portfolio_collection ul.pnNav li a:hover{ filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; }
		
		#portfolio_collection ul.pnNav li.next a{ 
			width:52px; height:16px; 
			background: url(../images/site/portfolio_next.png) top left no-repeat; 
		}
		#portfolio_collection ul.pnNav li.prev a{ 
			width:85px; height:16px; 
			background: url(../images/site/portfolio_prev.png) top left no-repeat; 
		}
	
/* 10.PORTFOLIO - SINGLE WORK
---------------------------------------------------------------------- */

div#folio_single_wrapper { width: 960px; margin: auto; text-align: left; position: relative;}
div#folio_single_wrapper h1.project_title { color: #99a755; font-size: 25px; font-weight: bold; display: block; *margin: 5px 0 0 0; }
div#folio_single_wrapper h1.project_title span{ color: #998675; font-weight:normal;}

div.folioItem {	margin: 50px 0;}
div.folioImage { width: 650px; float: left;}

div.folioImage img {display: block; margin-bottom: 30px;}
div.folioInfo {
	width: 290px; float: right; _display:inline; margin-left: 5px;
	font-family: Verdana, Arial, Geneva, sans-serif; font-size: 11px; line-height: 1.5;
}

div.folioProfile { background: url(../images/site/stripeBG.png) repeat; padding: 15px; }

.folioProfile span {
	font-family: "Times New Roman", Times, serif; font-size: 13px; line-height: 15px; font-weight: bold; 
	width: 60px; display: inline-block;
}

.folioProfile abbr.client {
	color: #bc2929; font-family: Verdana, Arial, Geneva, sans-serif; font-size: 12px; font-weight: normal; font-style: normal;
}

.folioProfile abbr.personal {
	color: #bc2929; font-family: Verdana, Arial, Geneva, sans-serif; font-size: 12px; font-weight: bold; font-style: normal;
	display: block; margin-bottom:5px;
}

.folioProfile a{ color: #bc2929; text-decoration: none;}
.folioProfile a:visited{ color: #660000;}
.folioProfile a:hover{ text-decoration: underline;}

span.strikeThrough { text-decoration: line-through;}
span.smallUpper { text-transform: uppercase; font-size: 11px;}

p.folioDescription { margin-top: 15px;}

div.folioTask {
	margin-top: 20px; font-family: "Times New Roman", Times, serif;
	color: #b1a999; font-size: 18px; line-height: 1.5; text-shadow: #fff 1px 1px 0px;
}

h2.responsibilities {
	height: 43px; width: 106px; display: block; text-indent: -900em;
	background: url(../images/site/title_resposibilities.png) no-repeat;
}

.folioTask ul {
	margin-left: 20px; padding-left: 20px; display: block;
	list-style-image: url(../images/site/bullet_heart_2.png);
}

	/* 10.1 OTHER PROJECT NAVIGATION ----------------------- */
	
	#folio_navigation { width: 240px; height: 1px; position: absolute; right: 0;; top: -2px; _top: -30px;}
	h4#other_projects_toggle { 
		float:left; text-indent: -900em; margin: 9px 30px 0 0; _display: inline; cursor: pointer;
		width: 150px; height: 15px; background: url(../images/site/portfolio_otherProjects.png) no-repeat;
	}
	#folio_navigation h4.more { background-position: top left; }
	#folio_navigation h4.less { background-position: bottom left;}
	
	#pnNav ul { margin: 0; padding: 0; list-style:none; display:block; }
	#pnNav li { margin: 0; padding: 0; float:left; _display: inline}
	#pnNav li a{ 
		display: block; text-decoration:none; height:19px; width:19px; text-indent: -900em; margin-right: 10px; margin-top:5px;
		-moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7;
	}
	#pnNav li a:hover{ -moz-opacity:1; -khtml-opacity: 1; opacity: 1; }
	#pnNav .pn-prevProject a{ background: url(../images/site/prevProject.png) 0 0 no-repeat;}
	#pnNav .pn-nextProject a{ background: url(../images/site/nextProject.png) 0 0 no-repeat;}	

	
	/* 10.2 OTHER PROJECT GALLERY ----------------------- */

		div#other_projects { margin: 40px 0 50px 0; display:none; background: url(../images/site/catNavBG_2.png) repeat; padding: 15px 0;}
		div#other_projects ul { list-style: none; margin-left: 6px; padding-left: 6px; }
		div#other_projects ul li { float: left; display: inline; }
		div#other_projects ul li a.thumb { float: left; margin: 10px; padding: 2px; border: 2px solid #ddd9c4; display: inline }
		div#other_projects ul li.current a.thumb { border: 2px solid #90a041;}
		div#other_projects ul li a.thumb img { width: 105px; height: 55px; }
		div#other_projects ul li a.thumb:hover { border: 2px solid #bc2929 }

/* 11.CONTACT
---------------------------------------------------------------------- */

.contact div#contentContainer {
	background:url(../images/site/body_bg.jpg) repeat; padding-top:60px; text-align:center;
}
.contact div#talkText {
	min-width:960px; width:100%;  height:68px; padding-top:25px;
	background:url(../images/site/stripeBG.png) repeat;
}
.contact h1#letsTalk {
	display:block; text-indent:-900em; width:795px; height:45px; margin:auto;
	background:url(../images/site/contact_talkText.png) no-repeat;
}
.contact div#greeting {
	border-top:1px solid #ddd9c4; border-bottom:1px solid #ddd9c4;
	min-width:960px; width:100%; height:94px; padding:3px 0;
}
.contact div#contactContent { width:960px; height:100%; margin:auto; }
.contact a.dotUnderline:hover { border-bottom:1px dotted #bc2929; }
.contact div#catPost { 
	width:230px; height:399px; float:left; _display:inline; margin:70px 0 60px 0;
	background: url(../images/site/contact_catPost.png) top left no-repeat; text-indent:-900em;
} 

/* 11.1 CONTACT FORM ----------------------- */
	
	.contact div#contactForm { width:652px; margin:40px 5px 60px 0; float:right; _display:inline; }
	.contact div.cformTop { width:651px; height:63px; background:url(../images/site/cform_top_right.png) no-repeat; }
	.contact div.cformBottom { width:651px; height:30px; background:url(../images/site/cForm_bottom.png) no-repeat; }
	.contact div.cformBody {
		width:651px; min-height:300px; height:100%; padding:0 30px; text-align:left; font-size:11px;
		background:url(../images/site/cForm_bg.png) repeat-y;
	}
	
/* 11.2 CONTACT FIELDS ----------------------- */
	
	.contact form { margin-top:10px; }
	
	.contact form label { width:247px; height:55px; float:left; display:block; _display:inline; color:#967866; }
	.contact form label span{ text-transform:uppercase; display:block; margin-left:3px; }
	.contact form label span abbr { font-style:italic; color:#bc2929; font-size:10px; text-transform:lowercase; display:none;}
	.contact form label span em { color:#bc2929; font-weight:bold; }
	.contact form label span i { font-style:normal; text-transform:lowercase; }
	.contact div.dashDivider { width:590px; margin:15px 0; margin-bottom:25px; }
	
	/* 11.2.1 DEFAULT FORM ELEMENTS ----------------------- */
	
		.contact form #contact_simple input, .contact form #contact_project input { width:240px;}
		.contact form input {
			background:#f1efe8; border:1px solid #dfddd7;
			margin:3px 0 15px 0; padding:5px 3px 0 3px; height:20px;
			font-size:11px; color:#513829; font-family:Verdana, Arial, sans-serif;
		}
		.contact form textarea {
			width:320px; height:131px; _height:141px; padding:5px 3px 0 3px; margin:3px 0 0 0;
			background:#f1efe8; border:1px solid #dfddd7;
			font-size:11px; color:#513829; font-family:Verdana, Arial, sans-serif;
		}
		.contact form input[type="text"].missing, .contact form textarea.missing { border:1px solid #c16f6f; }
		.contact form input[type="text"]:focus, .contact form textarea:focus { border:1px solid #acbc5e; }
		.contact form input[type="text"]:focus { font-weight:bold;}
		.contact form select {
			width:248px; height:27px; margin:3px 0 15px 0; padding:5px 3px 5px 3px;
			background:#f1efe8; border:1px solid #dfddd7;
			font-size:11px; color:#513829; font-family:Verdana, Arial, sans-serif;
		}
		.contact form select:focus { border:1px solid #acbc5e; outline:none;}
	
	/* 11.2.2 DEFAULT FORM ELEMENTS ----------------------- */

		fieldset#contact_simple, fieldset#contact_project { width:247px; float:left; display:block; }
		fieldset#contact_web, fieldset#contact_meg { width:320px; margin-left:20px; float:left; display:block; _display:inline; }
		fieldset#contact_web label, fieldset#contact_web input { width:320px; }
	
	/* 11.2.3 MORE-LESS DETAILS ----------------------- */
		
		div#contact_options { position:relative; padding-top:20px; height: 1%}
		div#contact_options p { width:400px;}	
		div#contact_options ul { list-style:none; position:absolute; right:150px; bottom:0;}
		div#contact_options ul li a { display:block; height:27px; margin:0; text-indent:-900em;}
		div#contact_options ul li.more a { 
			width:83px; background: url(../images/site/btn_extend.png) left bottom no-repeat; 
			_background-position: left -27px;
		}
		div#contact_options ul li.less a { 
			width:101px; background: url(../images/site/btn_hideform.png) left bottom no-repeat;
			_background-position: left -27px;
		}
		div#contact_options ul li a:hover { background-position: top left; }
		div#contact_options ul li.skip { display:none; }
		fieldset#contact_more { padding-bottom:20px; _display:none;}
	
	/* 11.2.4 SUBMIT ----------------------- */
	
		fieldset#contact_action { position:relative; }
		fieldset#contact_action label { display:none; }
    	fieldset#contact_action input { 
			position:absolute; right:55px; bottom:0px; display:block; cursor:pointer; 
			width:83px; height:27px; margin:0; text-indent:-900em; font-size: 0px; line-height: 0px;
			background: url(../images/site/btn_sendform.png) bottom left no-repeat; border: none;
		}
		fieldset#contact_action input:hover { background-position: top left; }