/***	EJFIII Web Design Style Sheet
		Created by EJFIIIWebDesign.com		***/

/***	*******************************************************
		                  SITE WIDE STYLES
		*******************************************************   ***/

		a			{color: #c48f2c; text-decoration: none; width: 100%; display: block; outline: none;}
		body		{letter-spacing: 1px; color: #c48f2c; font-family: Tahoma; font-size: 11px; font-weight: bold; line-height: 14px;}
		img			{outline: none;}
	
		#verticalPosition	{position: absolute; top: 50%; left: 0px; width: 100%; margin-top: -300px; text-align: center; min-height: 680px;}
		#content			{position: relative; text-align: left; width: 960px; height: 600px; background-color: #FFFFFF; margin: 0px auto; overflow: hidden;}
		.alignRight			{text-align: right;}
		.center				{text-align: center;}
		.alignTop			{vertical-align: top;}
		.alignMiddle		{vertical-align: middle;}
		.alignBottom		{vertical-align: bottom;}
		.tightLineSpacing	{line-height: 8px;}
		.background			{z-index: 50;}
		.borderRight		{border-right: solid 2px #c48f2c; border-left: 0px; border-top: 0px; border-bottom: 0px;}
		.borderTop			{border-top: solid 1px #c48f2c;}

		.nowrap				{white-space: nowrap;}

		p a					{display: inline;}
		#footer				{position: absolute; top: 543px; left: 10px; width: 922px; text-align: right; z-index: 95;}


/***	*******************************************************
		                       MENU
		*******************************************************   ***/

		#siteMenu			{position: absolute; top: 0px; left: 636px; z-index: 100;}
		#portfolioMenu		{position: absolute; left: 3px; width: 102px; height: 18px; display: block; overflow: hidden; z-index: 100;}
		#servicesMenu		{position: absolute; left: 104px; width: 102px; height: 16px; display: block; overflow: hidden; z-index: 100;}
		#liaisonMenu		{position: absolute; left: 205px; width: 102px; height: 16px; display: block; z-index: 100;}

		#portfolioMenu:hover,
		#servicesMenu:hover	{overflow: visible;}

		.menuHeading		{height: 12px; color: #c48f2c; font-family: Tahoma; font-size: 11px; font-weight: bold;}
		.linkBox			{width: 99px; height: 16px; border: solid 1px #FFFFFF; border-top: solid 1px #c48f2c; text-align: center; vertical-align: top; background-color: #ffffff;}
		.linkBox:hover		{border: solid 1px #c48f2c;}
		.subLink			{font-size: 9px; color: #6b6b6b; font-weight: normal; width: 90px; padding: 2px 3px 2px 0px; text-align: right; display: block;}				
		.subLink:hover		{color: #c48f2c;}
	
		.menu				{position: relative; left: 638px; top: 30px; z-index: 100;}
		#subPage_Menu		{position: absolute; top: 68px; left: 638px; z-index: 100;}
		.subPage_Motto		{color: #c48f2c; letter-spacing: 1px; font-size: 11px; font-weight: bold; padding: 39px 0px 0px 23px;}


/***	*******************************************************
		                    HOME PAGE
		*******************************************************   ***/

		.home_slide			{position: relative; top: 40px; color: #c48f2c; font-family: Tahoma; font-size: 11px; font-weight: bold;}


/***	*******************************************************
		               PORTFOLIO PAGES OVERALL
		*******************************************************   ***/

		#portfolioGroup,
		#portfolioDetail		{position: absolute; top: 155px; z-index: 90;}

		#definition				{position: absolute; top: 30px; left: 40px; z-index: 95; width: 540px;}
		#definition p			{color: #6b6b6b;}
		.pronunciation			{margin: -2px; padding: 0px 15px 0px 5px; display: inline;}
		.inline					{display: inline;}

		#launchProject a		{color: #c48f2c; font-family: Tahoma; font-size: 11px; font-weight: bold;}


/***	******************************************************* 
		 PORTFOLIO GROUP CLIENT DESCRIPTION AND SERVICES SLIDE
		*******************************************************   ***/

		#clientSlides			{position: absolute; top: 152px; left: 41px; width: 890px; height: 229px; overflow: auto; z-index: 95;}
		.clientSlide			{margin-bottom: 9px; margin-right: 9px; width: 418px; height: 110px; float: left; background-image: url(images/background_client.png);}
		.clientSlide:hover		{cursor: pointer;}
		.clientLogo				{padding: 8px 10px 0px 8px; float: left;}
		.clientBrief			{padding: 6px 10px 0px 0px;}
		.tightHR				{margin-top: 1px; margin-bottom: 2px;}
		.servicesPerformedLink	{position: relative; top: -4px; font-size: 9px; text-align: right;}

		h2						{font-size: 16px;}
		h3						{margin: 0px; font-size: 13px;}
		h5						{margin: -2px;}

		#servicesSlide			{position: absolute; top: 70px; left: 35px; height: 240px; width: 890px; overflow: auto; z-index: 95;}
		#servicesSlide p		{color: #6b6b6b;}

		#servicesDesc			{position: absolute; top: 70px; left: 40px; width: 540px; height: 229px; z-index: 95;}
		#servicesDesc p			{color: #6b6b6b; letter-spacing: 0px; font-size: 11px;}
		#serviceSlides			{position: absolute; top: 150px; left: 40px; height: 240px; width: 890px; overflow: auto; z-index: 95;}
		.serviceType			{width: 290px; height: 107px; float: left; padding: 0px 0px 6px 6px; background-image: url(images/background_serviceDesc.png); background-repeat:no-repeat;}
		.serviceType:hover		{cursor: pointer;}
		.serviceTile			{padding: 6px 5px 2px 0px; float: left;}
		.serviceBrief			{padding: 36px 15px 0px 0px;}

		#serviceText			{margin: 10px 0px 0px 0px; height: 288px; width: 520px; padding: 0px 15px 0px 5px; overflow: auto;}
		#serviceText li			{font-weight: normal; color: #808080;}
		.goButton				{height: 22px; color: #808080; margin: 0px 0px 0px 5px;} 
		select					{width: 220px; margin: 10px 0px 0px 0px; padding: 2px;}
		option					{text-align: left;}

		#clientTiles			{position: absolute; top: 152px; left: 41px; width: 890px; height: 229px; overflow: auto; z-index: 95;}
		#clientTiles img		{padding: 10px 2px 10px 0px; border: 0px;}
		#clientTiles a			{display: inline; border: 0px;}	


/***	*******************************************************
    	             PORTFOLIO DETAIL PAGE
		*******************************************************	  ***/

		#keyImage				{position: absolute; top: 37px; left: 36px; z-index: 95;}
		#keyImageControls		{position: absolute; top: 364px; left: 36px; width: 320px; text-align: center;}
		#keyImageControls a		{display: inline;}
		#keyImageControls img	{outline: none; border: 0px; display: inline;}


		#detailText				{position: absolute; top: 22px; left: 410px; width: 420px; z-index: 95;}
		.smallText				{font-size: 9px; color: #6b6b6b; font-weight: normal; margin-top: 0px;}
		#detailText p,
		#detailText ul			{color: #6b6b6b; letter-spacing: 0px; font-size: 11px;}
		li.link					{list-style-type: none;}

		h1						{font-size: 20px;}

		#serviceLinks			{position: absolute; top: 72px; left: 863px; width: 50px; z-index: 95;}
		#serviceLinks img		{border: 0px;}
		#serviceLinks img:hover	{border-left: 3px solid #c48f2c;}
		.serviceIcon			{padding: 0px 0px 8px 0px;}

		#servicesSlide .serviceType:hover		{cursor: default;}

		#servicePointer			{position: absolute; top: 72px; left: 853px; z-index: 100;}
		.pointerPosition1		{padding: 14px 0px 0px 0px;}
		.pointerPosition2		{padding: 74px 0px 0px 0px;}
		.pointerPosition3		{padding: 134px 0px 0px 0px;}
		.pointerPosition4		{padding: 194px 0px 0px 0px;}
		.pointerPosition5		{padding: 254px 0px 0px 0px;}

		#launchProject			{position: absolute; top: 350px; left: 410px; z-index: 95;}
		#launchProject a		{font-size: 12px;}


/***	*******************************************************
    	                      CONTACT PAGE
		*******************************************************	  ***/

		#siteContact		{position: absolute; top: 125px; left: 90px; z-index: 95;}

		textarea			{font-family: Arial, sans-serif;}
		.dataField			{border: 1px solid #bebebe; background-color: #000000; font-size: 11px; color: #808080; height: 15px; padding: 0px 5px 0px 0px; text-align: right;}
		.textBox			{border: 1px solid #bebebe; background-color: #000000; font-size: 11px; color: #808080;}

		.wide				{width: 285px; background-color: #FFFFFF;}
		.short				{width: 132px; background-color: #FFFFFF;}
		.text				{width: 370px; background-color: #FFFFFF;}
		.rightAlign			{text-align: right;}

		#welcome			{position: absolute; top: 130px; left: 570px; width: 340px;}

		#reachOut			{position: absolute; top: 300px; left: 565px;}
		#reachOut img		{padding: 10px 2px 10px 0px; border: 0px;}
		#reachOut a			{display: inline; border: 0px;}	

		.textLink			{color: #c48f2c; letter-spacing: 1px; font-size: 11px; font-weight: bold;}	

		.facebook			{}
		.linkedin			{}
		.twitter			{position: relative; top: -25px;}