﻿
/* Color Legend */


/* Reset */

html, body { margin: 0; padding: 0; border: 0;
			background: transparent; font-size:10px; }
			
div, span, article, aside, footer, header, hgroup, nav, section,
h1, h2, h3, h4, h5, h6, p, blockquote, a, ol, ul, li,
table, tr, th, td, tbody, tfoot, thead {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
	}
	
img	{ margin:0; padding:0; border:0; }

table, tr, th, td, tbody, tfoot, thead {
	margin: 0; padding:0; border: 0;
	vertical-align: baseline;
	background: transparent;
	}
	
table { border-collapse: collapse; border-spacing: 0; }

input, select, textarea, form, fieldset {
	margin: 0; padding: 0; border: 0;
	}
	
article, aside, dialog, figure, footer, header, hgroup, nav, section {
	display:block; }
	
h1, h2, h3, h4, h5, h6, p, li, blockquote, td, th, a, caption, em, strong, strike {
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	font-weight: normal;
	font-style: normal;
	line-height: 100%;
	text-indent: 0;
	text-decoration: none;
	text-align: left;
	color: #000000;
	}
	
ol, ul { list-style: none;}

/* Reset End */	


/* Global */

html	{	}
body	{ background-color:#ffffff;	}

/* Global End */


/* Text Elements */

/* Text Elements End*/


/* Images */

/* Images End */


/* Lists */

/* Lists End */


/* Containers */

#wrapper				{ width:900px; height:500px; margin:6% auto; background-color:#ffffff; }

#left					{ background-color:#CCCCCC; width:20%; height:500px; overflow: hidden; float:left; }

#logo					{ margin:10px 0 0 38px;	}
#logo img				{ width:100px; height:175px; border:5px #ffffff solid; }

#nav					{ width:180px; }
#nav ul					{ width:180px; height:10px; float:left; margin:5px 0 0 0; }
#nav ul li 				{ float:left; width:180px; padding:15px 35px; border-top:2px #FFAC75 solid; }
#nav ul li a			{ color:#000000; font-size: 12px; font-family:Arial, Helvetica, sans-serif; }

#nav a:link				{ color:#000000; font-size: 12px; font-family:Arial, Helvetica, sans-serif; }
#nav a:visited			{ color:#ffffff; }
#nav a:active			{ color:#cccccc; }
#nav a:hover			{ color:#FFAC75; }
#nav ul li:hover		{ color:#B0592F; background-color:gray; }

#logo2					{ margin:230px 0 0 0px; padding:5px 0 0 0; border-top:2px #FFAC75 solid;	}
#logo2 img				{ width:160px; margin: 2px 0 0 7px; height:50px; border:3px #ffffff solid; }

#content				{ float:right; }
#content				{ width: 715px; height:500px; background-color:#ffffff; }
#content img			{ width: 715px; height:500px; }

#box					{ background-color:#EBEBEB; width:715px; height:500px; overflow:hidden; }

#aptBox					{ background-color:#EBEBEB; width:715px; height:425px; overflow:hidden; }

#designBox				{ background-color:#EBEBEB; width:715px; height:425px; overflow:hidden; }

#resBox					{ background-color:#EBEBEB; width:715px; height:425px; overflow:hidden; }

#contactBox				{ background-color:#EBEBEB; width:715px; height:500px; }

#contactForm			{ float:left; width:425px; height:300px; margin:60px 0 0 0;}

#map					{ float:right; width:280px; height:250px; padding:5px 5px 0 0; }
#map img				{ float:right; width:280px; height:435px; margin:0 0 0 0; }
 
#socialMedia			{ float:right; width:50px; height:50px; padding:5px 5px 0 0; }
#socialMedia img		{ float:right; width:50px; height:50px; margin:0 0 0 0; }

#address				{ float:left; width:425px; height:100px; }
#address h1				{ color:black; font-family:Arial, Helvetica, sans-serif; font-size:28px; margin:10px 0 0 120px; width:200px }
#address h2				{ color:#FFAC75; font-family:Arial, Helvetica, sans-serif; font-size:24px; margin:5px 0 0 10px; width:425px }
#address p				{ color:gray; font-family:Arial, Helvetica, sans-serif; font-size:18px; margin:5px 0 0 100px; width:250px; text-align:center }

#aptImage				{ float:left; }
#aptImage				{ width: 715px; height:500px; background-color:#EBEBEB; padding:0 0 0 0; }
#aptImage img			{ width: 715px; height:500px; padding:0 0 0 0; }

#designImage			{ float:left; }
#designImage			{ width: 715px; height:500px; background-color:#EBEBEB; padding:0 0 0 0; }
#designImage img		{ width: 715px; height:500px; padding:0 0 0 0; }

#resImage				{ float:left; }
#resImage				{ width: 715px; height:500px; background-color:#EBEBEB; padding:0 0 0 0; }
#resImage img			{ width: 715px; height:500px; padding:0 0 0 0; }

#pagesBox				{ background-color:#EBEBEB; width:715px; height:350px; overflow:hidden; }
#pagesMediaBox			{ background-color:#EBEBEB; width:715px; height:350px; overflow:hidden; }

#pagesImage				{ float:right; }
#pagesImage				{ width: 418px; height:350px; background-color:#EBEBEB; padding:0 12px 0 0; }
#pagesImage img			{ width: 425px; height:350px; padding:5px 0 0 0; }

#pagesMediaImage1		{ float:left; background-image:url('../images/media/key awards.jpg'); }
#pagesMediaImage1		{ width: 350px; height:350px; margin:0 0 0 5px; }
#pagesMediaImage1 h1	{ font-size: 24px; width:300px; letter-spacing:5px; font-family:Georgia, "Times New Roman", Times, serif; margin:15px 0 0 35px; }
#pagesMediaImage1 h2	{ font-size: 12px; width:340px; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; margin:40px 0 0 5px; }
#pagesMediaImage1 p		{ font-size:14px; font-family:"Times New Roman"; margin:5px 0 0 5px; }
#pagesMediaImage1 img	{ width:165px; height:100px; margin:25px 0 0 5px; }

#pagesMediaImage2		{ float:right; background-image:url('../images/media/Clark & Polk.jpg'); }
#pagesMediaImage2		{ width: 350px; height:350px; margin:0 5px 0 0; }
#pagesMediaImage2 h1	{ font-size: 24px; width:330px; letter-spacing:3px; font-family:Georgia, "Times New Roman", Times, serif; margin:15px 0 0 25px; }
#pagesMediaImage2 h2	{ font-size: 12px; width:340px; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; margin:40px 0 0 5px; }
#pagesMediaImage2 p		{ font-size:14px; font-family:"Times New Roman"; margin:5px 0 0 5px; }
#pagesMediaImage2 img	{ width:165px; height:100px; margin:25px 0 0 5px; }

#pages ul				{ width:250px; height:10px; float:left; margin:75px 0 0 0; }
#pages ul li 			{ float:left; width:260px; padding:25px 10px; border-top:2px #FFAC75 solid; border-bottom:2px #FFAC75 solid; }
#pages ul li a			{ color:#000000; font-size: 12px; font-family:Arial, Helvetica, sans-serif; }

#pages a:link			{ color:#000000; font-size: 12px; font-family:Arial, Helvetica, sans-serif; }
#pages a:visited		{ color:#ffffff; }
#pages a:active			{ color:#EBEBEB; }
#pages a:hover			{ color:#FFAC75; }
#pages ul li:hover		{ color:#B0592F; background-color:gray; }

#top					{ background-color:#FFAC75; width:715px; height:75px; overflow:hidden; }
#top li		 			{ color:#ffffff; font-size: 27px; font-family:"Arial Black"; padding:24px 0 0 22px; letter-spacing:10px; }

#topMedia				{ background-color:#cccccc; width:715px; height:35px; }
#topMedia li		 	{ color:black; font-size: 27px; font-family:"Arial Black"; padding:2px 0 0 90px; letter-spacing:20px; }

#bottom					{ background-color:#FFAC75; width:715px; height:75px; overflow:hidden; }
#bottom li		 		{ color:#ffffff; font-size: 27px; font-family:"Arial Black"; letter-spacing:45px; padding:24px 0 0 120px }

#bottomMedia			{ background-color:#cccccc; width:715px; height:115px; }
#bottomMedia li		 	{ color:black; font-size: 14px; font-family:"Arial Black"; letter-spacing:10px; padding:3px 5px 0 155px; }

#bottomMediaImage1 img	{ float:left; width:70px; height:90px; margin:0 0 0 40px; }

#bottomMediaImage2 img	{ float:none; width:70px; height:90px; margin:0 0 0 0; }

#bottomMediaImage3 img	{ float:right; width:70px; height:90px; padding:0 0 -35px 0; }



#image					{ float:right; }
#image					{ width: 418px; height:490px; background-color:#EBEBEB; padding:0 12px 0 0; }
#image img				{ width: 425px; height:490px; padding:5px 0 0 0; }

#williamImage			{ float:right; }
#williamImage			{ width: 120px; height:145px; background-color:#EBEBEB; padding:350px 5px 5px 0; }
#williamImage img		{ width: 120px; height:145px; padding:0 0 0 0; }

#william h3				{ color:#FFAC75; width:565px; float:left; font-size:14px; padding:7px 0 0 10px; }
#william p				{ width:565px; font-size:12px; margin:7px 715px 0 10px; }

#bradImage				{ float:right; }
#bradImage				{ width: 120px; height:145px; background-color:#EBEBEB; padding:350px 5px 5px 0; }
#bradImage img			{ width: 120px; height:145px; padding:0 0 0 0; }

#brad h3				{ color:#FFAC75; width:565px; float:left; font-size:14px; padding:7px 0 0 10px; }
#brad p					{ width:350px; font-size:12px; margin:7px 715px 78px 10px; }

#paigeImage				{ float:right; }
#paigeImage				{ width: 120px; height:145px; background-color:#EBEBEB; padding:350px 5px 5px 0; }
#paigeImage img			{ width: 120px; height:145px; padding:0 0 0 0; }

#paige h3				{ color:#FFAC75; width:565px; float:left; font-size:14px; padding:5px 0 0 10px; }
#paige p				{ width:350px; font-size:12px; margin:10px 715px 78px 10px; }

#michaelImage			{ float:right; }
#michaelImage			{ width: 120px; height:145px; background-color:#EBEBEB; padding:350px 5px 5px 0; }
#michaelImage img		{ width: 120px; height:145px; padding:0 0 0 0; }

#michael h3				{ color:#FFAC75; width:565px; float:left; font-size:14px; padding:5px 0 0 10px; }
#michael p				{ width:350px; font-size:12px; margin:5px 715px 68px 10px; }

#aboutUs h3				{ color:#FFAC75; width:270px; float:left; font-size:15px; padding:5px 0 5px 10px; }
#aboutUs p				{ width:270px; font-size:14px; margin:0px 715px 0 0; padding:0px 0 17px 10px; }

#people					{ width:180px; }
#people ul				{ width:250px; height:10px; float:left; margin:5px 0 0 0; }
#people ul li 			{ float:left; width:260px; padding:15px 10px; border-top:2px #FFAC75 solid; }
#people ul li a			{ color:#000000; font-size: 12px; font-family:Arial, Helvetica, sans-serif; }


#people a:link			{ color:#000000; font-size: 12px; font-family:Arial, Helvetica, sans-serif; }
#people a:visited		{ color:#ffffff; }
#people a:active		{ color:#EBEBEB; }
#people a:hover			{ color:#FFAC75; }
#people ul li:hover		{ color:#B0592F; background-color:gray; }

#footer					{ background-color:gray; width:100%; height:14px; overflow: hidden; float:left; margin:4px 0 0 0; }
#footer p				{ color:#ffffff; font-size:12px; float:right; margin:1px 0 0 0; }

/* Containers End */

/* Forms */

form 							{ text-align:left; margin:0px; }

label, send, input, textarea	{border:0; padding:0; margin:0; background:none; }

label							{float:left; width:75px; font-size:14px; font-family:"Times New Roman"; margin-top:5px; text-align:right; display:block; }

input, textarea					{border:1px #333 solid; margin-left:10px; padding:5px; background-color:#ffffff; }

input							{width:280px; margin-bottom:16px; }

textarea						{width:280px; height:150px; margin-bottom:16px; background-color:#ffffff; }


select							{	}

.send							{width:40px; height:25px; margin-left:200px; font-size:12px; }


