

	/*--- Global ---*/

		html,body {
			height:100%;
			padding:0;
			margin:0;
		}

		body {
			margin:0px;
			text-align:center;
		}

		body * {
			text-align:left;
			font-family:arial,sans-serif;
			font-size:11px;
		}

		* html div#layoutContainer {
			height:100%;
			overflow:visible;
		}

		div#layoutContainer {
			min-height:100%;
			margin:0px auto;
			overflow:auto;
			width:100%;
			background-color:#fff;
		}

		h1 {
			font-size:14px;
			color:#;
			line-height:18px;
			margin-bottom:0px;
		}

		h3 {
			font-size:12px;
			color:#464e41;
		}

		img {
			border:0px;
		}

		div#topBar {
			float:left;
			width:100%;
			height:10px;
			line-height:5px;
			margin:0px;
			background-color:#;
		}

		div#contentContainer {
			margin:0px auto;
			width:806px;
			padding:0px;
			background-color:#fff;
		}

		div#menuContainer {
			width:230px;
			background-color:#fff;
			float:left;
		}

		div#logoContainer {
			margin-top:20px;
			margin-bottom:18px;
		}

/*--- Navigation ---*/

		div#navContainer {
			height:424px;
			background:url(../images/nav_border_.gif) repeat-x #fff;
		}

		div#navContainer ul {
			padding-left:0px;
			margin-left:0px;
			list-style:circle;
			background:url(../images/nav_border_.gif) bottom left repeat-x;
			padding-top:2px;
		}

		div#navContainer ul * {
			color:#464e41;
			font-size:11px;
			line-height:26px;
		}

		div#navContainer ul li {
			height:27px;
			line-height:26px;
			font-size:11px;
			width:229px;
			background:url(../images/nav_divide.gif) bottom left repeat-x;
			color:#464e41;
list-style:none;
		}

		div#navContainer ul li a {
			font-weight:normal;
			text-decoration:none;
			display:block;
			width:224px;
			padding-left:5px;
			line-height:24px;
			height:24px;
			margin-top:1px;
		}

		div#navContainer ul li a:hover {
			color:#;
			background-color:#;
		}

		div#navContainer ul li.first {
			height:27px;
		}

		div#navContainer ul li.last {
			height:28px;
			background:url(../images/nav_border_.gif) bottom left repeat-x;
		}

		div#navContainer ul li.selected {
			font-weight:normal;
			width:224px;
			padding-left:5px;
			color:#;
			font-size:11px;
			font-weight:bold;
height:28px;
line-height:26px;
		}
		div#navContainer ul li div.selected {
			color:#;
			font-weight:bold;
			text-decoration:none;
			width:224px;
			line-height:26px;
			padding-left:5px;
		}

		div#navContainer ul li.submenu {
			background-color:#f8f8f7;
		}

		div#navContainer ul li.submenu a {
			font-weight:normal;
			text-decoration:none;
			display:block;
			width:205px;
			padding-left:24px;
			margin-top:1px;
			margin-bottom:1px;
		}

		div#navContainer ul li.submenu a:hover {
			color:#666;
			background-color:#;
		}

		div#navContainer ul li.submenu .selected {
			background-color:#;
			font-weight:bold;
			color:#;
		}

		div#navContainer ul li.submenuselected {
			width:229px;
			height:27px;
		}

		div#navContainer ul li div.submenuselected {
			color:#;
			background-color:#;

			font-weight:bold;
			text-decoration:none;
			width:205px;
			height:24px;
			line-height:24px;
			padding-left:24px;
			margin-top:1px;
			margin-bottom:1px;
		}

		div#navContainer ul li.noLink {
			font-weight:bold;
			padding-left:15px;
		}

		img.navListImage {
			margin-top:8px;
			margin-right:10px;
		}

/*---Contacts---*/

		#contactsContainer {
			color:#ccc;
			background:url(../images/nav_border_.gif) top left repeat-x;
			padding:5px 0px 0px 5px;
			font-size:9px;
			line-height:12px;
		}

		#contactsContainer ul {
			padding:0px;
			margin:0px;
			list-style:none;
			color:#999;
		}

		#contactsContainer ul li {
			font-size:9px;
			line-height:12px;
			height:12px;
		}

		#contactsContainer a {
			color:#999;
			font-size:9px;
			line-height:12px;
			text-decoration:none;
		}

		#contactsContainer a:hover {
			color:#;
			text-decoration:underline;
		}

/*---Content---*/

		div#homepageContentContainer {
			float:left;
			margin-left:77px;
			margin-right:0px;
			padding-top:66px;
			width:499px;
		}

		div#mainContentContainer.copy {
			width:464px;
		}

		div#mainContentContainer {
			float:left;
			margin-left:72px;
			margin-right:0px;
			padding-top:66px;
			width:504px;
		}

		div#mainContentContainer h1 {
			margin-top:0px;
			margin-bottom:0px;
		}

 		div#mainContentContainer p, div#contactContentContainer p {
 			color:#464e41;
 			font-size:11px;
 			line-height:16px;
 			margin-top:8px;
 			margin-bottom:8px;
 		}

		div#mainContentContainer #introContainer {
			height:83px;
			background:url(../images/nav_border_.gif) bottom left repeat-x;
		}

		div#mainContentContainer #introContainer h1, div#contactContentContainer h1  {
			margin-bottom:5px;
		}

		div#mainContentContainer #introContainer p {
			margin-top:0px;
			line-height:16px;
		}

		div#workContentContainer {
			width:504px;
			float:left;
			margin-left:72px;
			margin-right:0px;
		}

		div#contactContentContainer {
			width:504px;
			float:left;
			margin-left:72px;
			margin-right:0px;
		}

		div#contactContentContainer h1 {
			line-height:14px;
			margin-top:8px;
			margin-bottom:0px;
		}

		div#contactContentContainer p a {
			color:#;
			text-decoration:none;
			font-size:11px;
		}

		div#contactContentContainer p a:hover {
			text-decoration:underline;
		}

		div#contactContentContainer p span.regNum {
			color:#999;
		}

		div#contactContentContainer p span.companyName {
			font-weight:bold;
		}

		div#contactContentContainer p span.directionsHeader {
			font-weight:bold;
		}

		div#workDescription {
			float:left;
			width:355px;
			margin-right:25px;
			background:url(../images/nav_divide.gif) top left repeat-x;
		}

		div#workDescription h1 {
			line-height:14px;
			margin-top:12px;
			margin-bottom:0px;
		}

		div#workDescription a {
			color:#999;
			text-decoration:none;
			font-size:14px;
		}

		div#workDescription a:hover {
			color:#;
		}

		div#workDescription p a {
			color:#;
			font-weight:bold;
			text-decoration:none;
			font-size:11px;
		}

		div#workDescription p a:hover {
			text-decoration:underline;
		}


		div#workSubmenu {
			float:left;
			width:123px;
		}

		div#workSubmenu h3 {
			font-size:10px;
			line-height:10px;
			margin-top:0px;
			margin-bottom:3px;
			color:#464e41;
		}

		div#workSubmenu a {
			font-size:10px;
			line-height:12px;
			float:left;
			width:120px;
			color:#afafaf;
			text-decoration:none;
			display:block;
			margin-top:4px;
			margin-bottom:3px;
		}

		div#workSubmenu a:hover {
			text-decoration:underline;
		}
		div.subMenuSelected {
			color:#;
			font-size:10px;
			line-height:12px;
			float:left;
			width:120px;
			margin-top:4px;
			margin-bottom:3px;
		}

		div#workDescription p {
			font-size:11px;
			color:#464e41;
			line-height:16px;
			margin-top:5px;
		}

		div#workDescription p.workQuote {
			font-family:Georgia;
			font-size:14px;
			color:#464e41;
			line-height:18px;
		}

		div#workDescription p.workQuote span.highlight {
			font-family:Georgia;
			font-size:14px;
			color:#464e41;
		}

		div#workDescription p.workQuote span.author {
			font-family:Georgia;
			font-size:10px;
			color:#a6aea2;
		}

/*---portfolio images---*/

		/* default link style - needed to make the :active work correctly in IE */
		a, a:visited, a:hover, a:active {
			color:#000;
		}

		/* style the outer containing div to fit the landscape, portrait and buttons */


		#album {
			width:501px;
			height:334px;
			border:1px solid #fff;
			margin:0 auto;
		}





		/* remove the padding margin and bullets from the list. Add a top margin and width to fit the images and a position relative */
		div#galleryContainer .gallery {
			float:left;
			padding:0;
			margin:0px;
			list-style-type:none;
			width:504px;
			background:#fff url(../images/nav_border_.gif) top left repeat-x;
		}

		/* remove the default image border */
		div#galleryContainer .gallery img {
			border:0;
		}

		/* make the list horizontal */
		div#galleryContainer .gallery li {
			margin-top:2px;
			margin-bottom:2px;
			float:left;
		}

		/* style the link text to be central in a surrounding box */
		div#galleryContainer .gallery li a,div#galleryContainer .gallery li a:visited {
			font-size:11px;
			float:left;
			text-decoration:none;
			color:#afafaf;
			background:#fff;
			text-align:left;
			width:14px;
			height:22px;
			line-height:20px;
			border:1px solid #fff;
			margin-top:2px;
			text-align:center;
		}

		div#galleryContainer .gallery li a:hover {
			background-color:#;
		}

		div#galleryContainer .gallery li.selected {
			font-weight:bold;
			font-size:11px;
			float:left;
			text-decoration:none;
			color:#;
			background:#fff;
			text-align:left;
			width:14px;
			height:22px;
			line-height:20px;
			border:1px solid #fff;
			margin-top:4px;
			text-align:center;
			background-color:#;
		}

		div#galleryContainer .gallery li a:active, .gallery li a:focus {
			outline:0;
		}

		div#galleryContainer {
			float:left;
		}


/*--- Clients ---*/

		div#clientList {
			float:left;
			padding-top:10px;
		}

		div#clientCol {
			float:left;
			margin:0px;
		}

		div#clientCol.col1 {
			width:180px;
		}

		div#clientCol.col2 {
			width:170px;
		}

		div#clientCol.col3 {
			width:140px;
		}

		div#clientList h3 {
			color:#74796e;
			margin-top:5px;
			margin-bottom:5px;
		}


		div#clientList span {
			color:#74796e;
			font-weight:bold;
			line-height:16px;
		}

		div#clientList ul {
			float:left;
			margin:0px;
			padding:0px;
			list-style:none;
		}

		div#clientList ul li {
			color:#b1b1b1;
			line-height:18px;
		}

		div#clientList div#clientCol.col1 ul li {
			width:180px;
		}

		div#clientList div#clientCol.col2 ul li {
			width:160px;
		}

		div#clientList div#clientCol.col3 ul li {
			width:130px;
		}



/*--- Content ---*/

		div#contactMap {
			height:311px;
			background:#fff url(../images/nav_border_.gif) bottom left repeat-x;
		}
