* 					{margin: 0px;	padding: 0px;}

.categoryHeader 	{font-family: Arial, Helvetica, sans-serif;	font-size: 14px;font-weight: 	                      lighter;color: #C2DFE5;letter-spacing: 0.07em;}

a:hover 			{color: #C2DFE5;text-decoration: none;}
a:link 				{text-decoration: none;	color: #c60;}
a:active 			{text-decoration: none;	color: #FFF;	background-color: #9DB4B9;}
a:visited 			{
	text-decoration: none;
	color: #c60;
	text-align: center;
}

body 				{background: #000 url(../images/website-bckgrnd-chinese.jpg) center fixed; background-repeat:no-repeat;}

/* WITH SCALABLE BACKGROUND  
body 				{background: #000 url(../images/website-bckgrnd-chinese.jpg) center center fixed; -moz-background-size: cover; background-size: cover;} */

p 					{	color:#FFF;	margin-bottom:18px;	line-height:2.3em;}
h1 					{font-family: Helvetica, sans-serif, "Helvetica Condensed"; color:#FFFFFF; letter-spacing:-0.07em; font-weight:900; margin:0 0 4px 0; }



/*BLOCKQUOTE */

blockquote			{padding:0 0 0 7px; margin:0 0 20px 2px; line-height:1.8em; font-size: 1em; color:#FFF; font-family: Verdana, Geneva, sans-serif; font-style:italic;}

/*blockquote p:first-letter {	float: left;	margin: .2em .3em .1em 0; font-size: 1.9em;	font-weight: bold; }*/


.bookmarkNavBar		{ position: absolute; top: 0; left: 30px; background: }



/*LAYOUT */

#container 			{float: none;width: 93%;margin-left:auto;margin-right:auto ;margin-top:7px;margin-bottom:7px;border: 0 #333;	}
#containerBackground {float: none;width: 94%;margin-left:auto;margin-right: auto;margin-top: 7px;margin-bottom:7px; }
#header 			{float: left;width: 560px;padding: 5px 80px 0 49px;margin-left:auto; margin-right:auto;}
#header a 			{color:#FFF;}
#portfolio 			{width: 650px;padding: 0; text-align: center;}


/* PORTFOLIO-IMAGES  */

#image1 {width:550px; height: 400px; margin: 15px auto 15px auto; background:url(../images/portfolio-eraser.jpg) center no-repeat; display:block;}
#image2 {width:550px; height:400px; margin: 15px auto 15px auto; background:url(../images/portfolio-feardom.jpg) center no-repeat; display:block;}
#image3 {width:550px; margin: 15px auto 15px auto;}
#image4 {width:550px; height:400px; margin: 15px auto 15px auto; background:url(../images/portfolio-tomTracyWedding.jpg) center no-repeat; display:block;}
#image5 {width:550px; height: 400px; height:400px; margin: 15px auto 15px auto; background:url(../images/portfolio-CDGTearSheets.jpg) center no-repeat; display:block;}
#image6 {width:550px; height:400px; margin: 15px auto 15px auto; background:url(../images/portfolio-newWorshipBook.jpg) center no-repeat; display:block;}
#image7 {width:550px; height:400px; margin: 15px auto 15px auto; background:url(../images/portfolio-tipTopRoofing.jpg) center no-repeat; display: block;}
#image8 {width:550px; height: 400px; margin: 15px auto 15px auto; background:url(../images/portfolio-greaterThings.jpg) center no-repeat; display:block;}
#image9 {width:550px; height:400px; margin: 15px auto 15px auto; background: url(../images/portfolio-map.jpg) center no-repeat; display:block;}
#image10 {width:550px; height:400px; margin: 15px auto 15px auto; background:url(../images/portfolio-blessThisCity.jpg) center no-repeat; display:block;}
#image11 { width:550px; height:400px; margin: 15px auto 15px auto; background:url(../images/portfolio-JesusStories.jpg) center no-repeat; display:block;}
#image12 {width:550px; height:400px; margin: 15px auto 15px auto; background:url(../images/portfolio-marriagePortrait.jpg) center no-repeat; display:block;}



/*TOP NAVIGATION BOOKMARK */

div#navigation					{width: 60px; height: 350px;position: absolute; top: 0; left: 30px; background: url(../images/navbar-bookmark.jpg); background-repeat:no-repeat; text-align:left; }

div#navigation li				{list-style:none; display:block; padding:2px 0 4px 4px; margin:none; font-size: .8em;line-height: 1.9em; color:#FFF;font-family: Georgia, "Times New Roman", Times, serif;letter-spacing: 0.03em; font-style: italic; /* for IE */filter:alpha(opacity=90);/* CSS3 standard */opacity:90;}

div#navigation ul li a 			{display:block; color: #FFF; padding: -6px;}
div#navigation li.selected { display:block; background-image:url(../images/navbar-hover.png); background-repeat:no-repeat; width:70px; height:34px; margin:0 0 0 -5px;}
div#navigation a:hover { display:block; background-image:url(../images/navbar-hover.png);width:70px; height:34px; margin:0 0 0 -9px;} 
div#navigation li.caseStudy   {border:0;}



/*TOP NAVIGATION BAR */

/*
div#navigation					{list-style:none; margin:0 auto 15px auto; padding:0 0 20px 0; float:none;width: 100%; clear:both; background-color: #BB4A30; /* for IE	 filter:alpha(opacity=70);/* CSS3 standard */ /*opacity:0.7;}

div#navigation li				{list-style:none; display:block; float:right; 		                                  padding:2px 8px; font-size: .9em;line-height: 1em; color:#FFF;font-family: Georgia, "Times New Roman", Times, serif;text-transform: none;letter-spacing: 0.14em; font-style: italic; border-right: 1px solid #C10000; /* for IE *//*filter:alpha(opacity=100);/* CSS3 standard *//*opacity:100;} 
/*
div#navigation ul li a 			{display:block; background:none; padding:2px 8px; color: #FFF;}
div#navigation a.selected 		{background-color: #C6E4E9; color: white; padding:2px 8px;	}
div#navigation a.selected a:hover { display:block; background-color: #C6E4E9; color: white; padding:2px 8px;}
div#navigation a:hover 			{background-color: #C6E4E9;	color: white;	padding:2px 8px;}
div#navigation li.lastNavItem   {border:0;}

*/



/* BOTTOM NAVIGATION BAR  */

div#bottomNavigation li	             {list-style:none; float:left; border-right: 1px solid 	  	                                      #336600; font-size: .9em; padding:3px 10px; margin: 0 0 	                                      40px 0;	line-height: 1.3em;	color:#363; font-family:	                                      Helvetica, sans-serif, "Helvetica Condensed";		     	                                      text-transform: uppercase;	letter-spacing: 0.2em;}


div#bottomNavigation ul li a:hover {background-color: #C6E4E9; color: #FFF; text-decoration: none; padding:3px 10px}
div#bottomNavigation li.lastNavItem  {border:0;}
div#bottomNavigation a.selected2     {background-color: #C6E4E9; color: white; padding:3px 10px}
div#bottomNavigation a.selected2 a:hover { display:block; background-color: #C6E4E9; color: white; padding:3px 10px}



/*FOOTER with copyright. website credits, etc  */

div#footer					{width:100%;padding: 7px 0 4px 0; margin-top:30px;	border-top-width: 1px;	border-top-style: solid;border-top-color: #CCCCCC;}
div#copyrightCreditsLegal   {margin: 4px auto 10px auto;padding: 0 0 7px 0;	font-family: Helvetica Condensed, Helvetica Narrow, Calibri, Helvetica, sans-serif;font-size: 0.9em; line-height:1.4em;	color: #999;	float:center;text-align: center;}
div#davidWenLogo 			{float:right;}
div#davidWenLogo img 		{border:none;}




/*always need clear after div that uses floats */
.clear         {clear:both;}



#content      {float: none; width: 650px;padding: 7px 6px 10px 6px;margin-right: auto;margin-left: auto;font-family: "Trebuchet MS", Helvetica, sans-serif;	font-size: 13px;letter-spacing: 0.03em; background-color:#000;}

#contentLeft  {float: left;	width: 46%;	padding: 0;	margin: 0;	}
#contentRight {float: right;width: 46%;	padding: 0;	margin: 0;	}


/*LAYOUT FOR CLIENTS PAGE*/

#column1 	{ width: 32%; padding: 0 10px; right: 240px;  margin-left: 0; float:left;}
#column1 h2 { font-family:"Gill Sans", arial, helvetica, sans-serif; color:#B8E3E0; font-size:1.3em; letter-spacing:.09em; text-transform:uppercase; font-weight:200;padding: 20px 0 17px 0;}
#column1 a 	{background-color:#D5882B; padding:0; margin:0;}

#column2 	{padding: 0 10px 10px 10px;  width: 32%; float:left;}
#column2 h2 {font-family:"Gill Sans", arial, helvetica, sans-serif;	color:#3CB6EF;	font-size:1.3em;letter-spacing:0.09em;text-transform:uppercase;font-weight:200; padding: 20px 0 17px 0;}
#column2 a  {color:#B2C74C;padding:0;margin:0;}

#column3 	{width: 32%; padding: 0 -30px;  margin-left: -15%; float:right;}
#column3 h2 {font-family:"Gill Sans", arial, helvetica, sans-serif;	color:#FFA5CA;	font-size:1.3em;letter-spacing:.09em;text-transform:uppercase;font-weight:200;padding: 20px 0 17px 0;}
#column3 a  {background-color:#D5882B; padding:0; margin:0;}


.footer	  {font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 10px;	letter-spacing: 0.02em;	text-align: center;	color: #FFFFFF;	display: compact;}
.sections {	font-family: "Trebuchet MS", Helvetica, sans-serif;	font-size: 11px;	font-weight: bold;	letter-spacing: 0.4em;	text-transform: uppercase;}



.BigBodyCopy    {font-family: "Helvetica Condensed Light", "Helvetica Condensed Medium",  "Helvetica Narrow", Gill Sans, sans-serif;font-size: 1.4em;color: #B8E3E0;letter-spacing:  -0.02em;line-height: 1.5em;}

.homepageText {
	font-family: "Helvetica Condensed Light", "Helvetica Condensed Medium",  "Helvetica Narrow", Gill Sans, sans-serif;
	font-size: 1.4em;
	color: #B8E3E0;
	letter-spacing:  0.05em;
	line-height: 1.8em;
	font-weight:100;
	text-align: left;
}

.ResumeSections {font-family: "Trebuchet MS", Helvetica, sans-serif;font-size: 11px;	font-weight: bold;font-variant: normal;	letter-spacing: 0.2em;	color: #E0E4FF;	float: left;
	text-transform: uppercase;	}
	
.ResumeDates 	{font-family: "Trebuchet MS", Helvetica, sans-serif;font-size: 9px;	font-weight: bolder;font-variant: small-caps;	letter-spacing: 0.07em;	color: #BDD9DE;	float: left;}
.ResumeDetails  {font-family: "Trebuchet MS", Helvetica, sans-serif;font-size: 10px;	font-weight: normal;font-variant: normal;letter-spacing: 0.1em;	color: #E0E4FF;	float: left;
	text-transform: none;}
	
.ResumeText 	{font-family: "Trebuchet MS", Helvetica, sans-serif;font-size: 13px;color: #E0E4FF;float: left;}

#linkedIn       {width: 200px;padding: 0px;	margin: 5px auto 5px auto; text-align:center;}

/* Contact Us Form */

	#form1                        {	margin:1em 0;padding-top:10px;}
	#form1 fieldset               {	margin:0;padding:0;	border:none;float:	                                   left;display:inline;	width:260px;	 	                                   margin-left:25px;}		
	#form1 legend                 {display:none;}	
	#form1 p                      {margin:.5em 0;}	
	#form1 label                  {display:block;}	
	#form1 input, #form1 textarea {	width:252px;border:1px solid #ddd;						                                   padding:3px;}		
	#form1 textarea               {height:125px;overflow:auto;	}					
	#form1 p.submit               {clear:both;	padding:0 67px 20px 25px;	                                   margin:0;	text-align:right;	}	
	#form1 button                 {width:110px;height:25px;	line-height:25px;		                                   border:none;color:#FFFFFF;background-color:                                   #D5882B;	cursor:pointer;	text-align:center;		                                   }				

.formLabels 					  {font-size: 1em;	line-height: 1.3em;	color:                                    #FFFFFF;	font-family: Helvetica, Arial,                                   sans-serif;	text-transform: none;	                                   letter-spacing: 0.14em;}

.formName					  {font-size: 1em;	line-height: 1.3em;	color:	                               #B2C74C;font-family: "Gill Sans", Arial, 	                               Helvetica, sans-serif; text-transform:uppercase	                               ;letter-spacing: 0.14em;}

.formPhone 					  {font-size: 1em;	line-height: 1.3em;	color:	                               #3CB6EF;	font-family: "Gill Sans", Arial, 	                               Helvetica, sans-serif;	text-transform: 	                               uppercase;	letter-spacing: 0.14em;}

.formMessage 					  {font-size: 1em;	line-height: 1.3em;	color:							#B8E3E0;	font-family: "Gill Sans", Arial, Helvetica, sans-serif;	text-transform: uppercase;	letter-spacing: 0.14em;}

.formEmail					  {font-size: 1em;	line-height: 1.3em;	color:#FFA5CA;	font-family: Helvetica, Arial, sans-serif;	text-transform: uppercase;	letter-spacing: 0.14em;}


.quotes 						  {font-size: 1em;	line-height: 1.3em;	color:#666666;	font-family: Georgia, "Times New Roman", Times, serif;	text-transform: none;	letter-spacing: 0.14em;	font-style: italic;}