﻿body {
				position: relative;
				background: #000;
				font-family: Arial, Helvetica, sans-serif;
}

h1 {
				font-size:large;
				color: #fff;
}

p, h3, ul, a {
				color: #fff;
				text-decoration: none;
}

h2, h5 {
				color: #fff;
}

a.link {
				text-decoration: underline;
}

img {
				border: none;
}

strong {
				color: #754;
}

#container {
				width: 900px;
				height: auto;
				margin: auto;
				margin-top: 50px;
				overflow: auto;
}

#box1 {
				float: left;
				height: 500px;		
}

#box2 {
				float: left;
				margin-left: 5px;
				width: 80%;
				padding-left: 15px;					
				border-left: 2px #444 solid;					
}


	/*Main Menu*/
#navigation ul {
				margin: 0; 
				padding: 0; 
				font-weight: 600;
				font-variant: small-caps;
}

#navigation ul ul a,
#navigation ul a {
				text-decoration: none;
}

#navigation ul li {
				height: 25px;
				line-height: 25px; 
				list-style: none; 
				padding-left: 10px;
				color: #FFF; 
				border-top: 1px #000 solid; 
				border-bottom: 1px #000 solid; 
}

#navigation ul li:hover {
				position: relative;
				border-top: 1px #fff solid; 
				border-bottom: 1px #fff solid; 			
}

	/*Sub Menu*/
#navigation ul ul {
				display: none; 
				position: absolute; 
				left: 75px; 
				top: 5px; 
				border: #fff solid; 
				border-width: 1px; 
				background-color: #222; 
				z-index: 10;
}

#navigation ul li:hover ul {
				display:block;
				z-index: 10;
}

#navigation ul ul li { 
				width:150px; 
				float:left; 
				display:inline; 
				border:none;
}

#navigation ul ul li:hover {
				border:none;
				background-color: #444;
}

#logo {
				clear: left;
				width: 150px;	
				margin-bottom: 20px;			
}

#content {
				position: relative;
				height: 790px;
				overflow: auto;		
}

#copyright {
				text-align: center;
				font-variant: small-caps;
				clear: both;			
}

#copyright hr {
				width: 50%;
				height: 1px;
				color: #aca8a8;
}

#copyright p {
				color: #aca8a8;
				font-size:small;
}

						/*Home Page specific*/
						
#flashwrapper {
				z-index: 0;
}						

#flashintro {
				float: left;
				position: relative;
				border: medium solid #fff;
				z-index: 0;
}

#description {
				position: relative;
				width: 550px;
				margin: 10px 40px;
				padding: 5px;
				float: left;
				overflow: auto;
				font-weight: 600;
				font-size: small;
				line-height: 25px;
				text-align: justify;
}

						/*Profile, Culture, News, Expertise page specific*/
#leftimg {
				width: 300px;
				margin: 10px;
				float: left;
}

#leftimg p {
				margin-top: 10px;
				margin-bottom: 100px;
				font-size: small;
				color: #888;
}

#leftimg img {
				margin: 10px;
}

#righttext {
				width: 350px;
				margin: 10px 5px 0 0;
				padding: 5px;
				float: right;
				overflow: auto;
}

#righttext p {
				font-size: small;
}

#righttext h3 {
				color: #754;
}

#righttext ul {
				list-style-type: square;
				font-size: small;
}

#awards {
				width: 300px;
				margin: 15px 5px 10px;
				float: left;
}

#righttext h4 {
				font-variant: small-caps;
				font-weight: 700;
				color: #754;
}

#awards h4 {
				font-variant: small-caps;
				font-weight: 700;
				color: #754;
}

#awards p {
				font-size: small;
}

.expertise p {
				font-size: small;
				padding-right: 10px;
}

.expertise img {
				margin-right: 15px;
				margin-bottom: 100px;
				float: left;
}

.expertise div {
				margin: 30px 0;
}

						/*Portfolio Main Page specific*/
#commercial {
				background-image: url('images/commercial-sep.jpg');
				background-repeat: no-repeat;
				float: left;
				width: 400px;
				height: 100px;
				margin: 0 0 30px;
				border: 3px solid #777;
}

#commercial a {
				display: block;
				height: 100%;
				width: 100%;				
}

#commercial:hover {
				border: 3px solid #fff;
				background-image: url('images/commercial.jpg');
}

#residential {
				background-image: url('images/residential-sep.jpg');
				background-repeat: no-repeat;
				float: left;
				width: 400px;
				height: 100px;
				margin: 0 0 30px;		
				border: 3px solid #777;						
}

#residential a {
				display: block;
				height: 100%;
				width: 100%;				
}

#residential:hover {
				border: 3px solid #fff;
				background-image:url('images/residential.jpg')
}

#renovation {
				background-image: url('images/renovation-sep.jpg');
				background-repeat: no-repeat;
				float: left;
				width: 400px;
				height: 100px;
				margin: 0 0 30px;		
				border: 3px solid #777;	}

#renovation a {
				display: block;
				height: 100%;
				width: 100%;				
}

#renovation:hover {
				border: 3px solid #fff;
				background-image:url('images/renovation.jpg')
}

.quote {
				position: relative;
				top: -250px;
				float: right;
				width: 250px;
				font-size: small;
				margin: 25px 0;
}

.quote p {
				color: #999;
}
				
						/*Portfolio Sectors Pages specific*/
						
.typelist {
				background-color: #111;
				height: 79px;
				width: 410px;
				border: 2px solid #333;
				margin-bottom: 20px;
}				

.typelist a {
				display: block;
				height: 100%;
				width: 100%;				
}

.typelist:hover {
				background-color:#333;
				border-color: #666;
}		

.typelist img {
				float: left;
				margin: 2px;
}

.typelist p {
				float: left;
				margin: 28px;
}

.archive {
				float: right;
				font-size: small;
}

.sectorlist {
				float: left;
}
							
						/*Project List*/						

.projectlist {
				background-color: #111;
				height: 79px;
				width: 410px;
				border: 2px solid #333;
				margin-bottom: 20px;
}

.projectlist a {
				display: block;
				height: 100%;
				width: 100%;				
}

.projectlist a:hover {
				background-color:#333;
				border-color: #666;
}		

.projectlist img {
				float: left;
				margin: 2px;
}

.projectlist p {
				float: left;
				margin: 18px 0 18px 18px;
}

						/*Project Page specific*/												
#topnav {
				clear: both;
				margin-bottom: 30px;	
				font-size: small;			
}

#topnav a {
				margin: 0 55px;			
}						

#blurb {
				float: left;
				width: 250px;
				height: 500px;
				margin-right: 30px;
				font-size: small;
}

#gallery {
				float: left;
}

#thumbnails {
				float: left;
				width: 435px;
}

.thumb {
				float: left;
				margin: 0 12px 12px 0;
}

#largeimage {
				clear: left;
}

.large {
				clear: both;
}

#title {
				font-size:xx-small;
				margin-top: 0;
}		
				
						/*Contact Page specific*/
#contactinfo {
				width: 30%;
				margin-left: 5px;
				float: left;
				font-size:small;
}

#map {
				width: 60%;
				margin-right: 5px;
				float: right;
}

#map a {
				text-decoration: none;
				font-size:small;
}

#map iframe {
				margin-top: 20px;
}

.services {
				list-style-type: square;
}

					/*Archive*/
table.archive {
				color: #fff;
				width: 100%;
				font-variant:small-caps;
				font-size:small;
}					

table.archive td {
				width: 25%;
}

table.archive a {
				color: #E17A68;
}

td.major {
				border-top: 1px dashed #fff;
}

td.minor {
				border-top: 1px dashed #666;
}
