/**Teal (#4D605A)(bg = #778C92)(text = #4D605A), taupe (#C9BEBB ) and brown (#7E623A) color scheme**/
/**url(C:/Documents and Settings/Administrator/My Documents/Web Development/Images/bodybg.jpg) repeat;**/

body {
				position: relative;
				background: #778C92;
				font-family: "Times New Roman", Times, serif;
}

p, h3, ul, a {
				color: #4D605A;
}

#content {
				width: 750px;
				height: auto;
				margin: auto;
				background-color: #C9BEBB;
				border: 5px solid #7E623A;
				overflow: auto;
}

#topbar {
				vertical-align: top;
				height: 60px;
}

#nav {
				margin: 30px 0 0;
				padding: 0;
				list-style-type: none;
				width: 380px;
				height: 40px;
				float: left;
				overflow: visible;
}

#nav li {
				width: 76px;
				margin: 0;
				padding: 0;
				float: left;
				list-style-type: none;
}

#nav li a {
				float: left;
				width: 75px;
				text-align: center;
				color: #4D605A;
				text-decoration: none;
				line-height: 1;
				border-right: 1px solid #7E623A;
}

#nav li.current a {
				font-weight: 700;
				font-variant: small-caps;
				font-size: small;
				line-height: 1.2;
				color: #7E623A;
}

#nav li ul {
				display: none;
}

#nav li:hover ul {
				display: block;
}

#nav li li a {
				border-style: none;
				text-align: left;
				background: #CCC;
				padding: 0 5px;
				border-left: 1px solid #7E623A;
				border-right: 1px solid #7E623A;
}

.submenu {
				position: relative;
				z-index: 10;
}

#logo {
				width: 370px;
				float: right;
				margin-top: 5px;
}
#logo img {
				margin: 10px 20px 0 40px;
				float: left;
}
p.logo {
				position: relative;
				-top: 20px;
				right: 10px;
				font-weight: 700;
				font-size: x-large;
}

#maincontent {
				position: relative;
				margin: 20px 10px 0;
				padding: 20px 0;
				height: auto;
				border-top: 2px solid #7E623A;
				border-bottom: 2px solid #7E623A;
				clear: both;
				overflow: auto;
				width: 730px;
}

						/*Home Page specific*/
#logomatrix {
				width: 300px;
				float: left;
}

#logomatrix img.homeimg {
				margin: 10px;
				border: 2px solid #000;
				float: left;
				opacity: 0.75;
				filter:alpha(opacity=75);
}

#logomatrix a:hover img {
				opacity: 1.0;
				filter:alpha(opacity=100);
}
#flashintro {
				float: left;
				position: relative;
				border: medium solid #fff;
}

#description {
				position: relative;
				top: 40px;
				width: 350px;
				margin: 10px 30px 0 0;
				padding: 5px;
				float: right;
				overflow: auto;
}
#description ul {
				list-style-type: none;
				line-height: 2;
				font-size: large;
				font-weight: 700;
}
#description2 {
				position: relative;
				width: 250px;
				margin: 10px 20px 0 0;
				padding: 5px;
				float: right;
				overflow: auto;
}
#description2 ul {
				list-style-type: none;
				line-height: 2;
				font-size: large;
				font-weight: 700;
}

#bottombar {
				text-align: center;
				font-variant: small-caps;
				margin-top: -10px;
				margin-bottom: 10px;
				clear: both;
}

						/*About, Culture, News Page specific*/
#leftimg {
				width: 300px;
				margin: 10px;
				float: left;
}

#leftimg p {
				margin-top: 10px;
				margin-bottom: 150px;
				font-size: medium;
				color: #666;
}

#leftimg img {
				margin: 10px;
}

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

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

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

.strong {
				font-variant: small-caps;
				font-weight: 700;
				color: #7E623A;
}

						/*Staff Page specific*/
.staffbox {
				margin: 10px auto 20px;
				width: 700px;
				font-size: .9em;
				clear: both;
}
.stafftable {
				float: none;
				color: #4D605A;
				width: 545px;
}
.staffpic {
				float: left;
				margin-right: 5px;
				position: relative;
				top: 30px;
				margin-bottom: 20px;
}
.staffcolumn1 {
				font-weight: 700;
				width: 100px;
}
.stafftable ul {
				float: none;
				list-style-type: none;
				margin-bottom: 0;
				margin-top: 0;
				position: relative;
				right: 40px;
}
.stafftable th {
				padding-bottom: 5px;
				font-variant: small-caps;
}
.stafftable td {
				vertical-align: top;
}
.stafftable ul ul {
				float: none;
				list-style-type: none;
				margin-bottom: 0;
				margin-top: 0;
				position: relative;
				right: 0;
}

						/*Portfolio, Sectors Page specific*/
div.container { 
				width: 350px; 
				height: 280px;
				background-color: transparent;
} 

/**Places full size image to right side of page, inside "Container"**/
.container span { 
				position:absolute; 
				top: 46px; 
				left: 426px;
				visibility: visible;
} 

/**Places thumbnail to left side of page inside grey box**/
.thumbnail, .projthumb { 
				height: 100%;
				margin: 10px;
				border: 1px solid gray; 
				height: auto; 
				float: left; 
				text-align: right; 
				width: 350px; 
}

.thumbnail img, .projthumb img { 
				display: inline;
				margin: 5px 10px 5px 5px; 
				float: left;
}

/**Hides full size images**/
.thumbnail span, .projthumb span { 
				position:absolute; 
				top: 40px; 
				left: 420px; 
				padding-bottom: 5px;
				border: 1px solid gray; 
				background-color: #C9BEBB;
				visibility: hidden; 
				z-index: auto; 
				width: 277px; 
} 

/** hover covers the main div **/ 
.thumbnail:hover, .projthumb:hover { 
				border: 1px solid grey; 
				background-color:#EBDDE2;
} 

.thumbnail:hover span, .projthumb:hover span { 
				visibility: visible; 
				z-index: auto; 
}

.caption, .projcaption {
				position: relative;
				margin: 6px 10px;
				text-align: left;
				font-family: Arial,Helvetica,sans-serif;
				font-weight: 400;
				font-size: small;
}

.caption p:first-line, .projcaption p:first-line {
				font-variant: small-caps;
				font-weight: 700;
}

.basecaption { 
				position: absolute;
				top: 250px;
				left: 425px;
				width: 250px; 
				margin: 6px;
				text-align: center;
				font-family:Arial, Helvetica, sans-serif; 
				font-weight: 400; 
				font-size:x-small;
}

.thumbnail a img, .caption a, .projthumb a img, .projcaption a {
				text-decoration: none;
				border-style: none;
}

						/*Portfolio Sectors Pages specific*/
/** hover covers the main div **/
span.fullcaption {
				position: absolute;
				top: 250px;
				left: 414px;
				width: 267px;
				margin: 6px;
				padding: 5px;
				text-align: center;
				font-family: Arial, Helvetica, sans-serif;
				font-weight: 400;
				font-size: x-small;
				color: #4D605A;
}
	
						/*Project Page specific*/
.thumbgallery { 
				width: 310px; 
				background-color: transparent;
} 

/**Places full size image to right side of page, inside "Container"**/
.thumbgallery span { 
				position:absolute; 
				margin: auto;
				top: 96px; 
				left: 370px;
				visibility: visible; 
} 

/**Places thumbnail to left side of page**/
.thumb { 
				height: 100%;
				margin: 5px;
				border: 2px solid #fff;
				height: auto;
				float: left;
}

.thumb img { 
				display: inline;
				margin: 5px 5px 0;
}

/**Hides full size images**/
.thumb span { 
				position:absolute; 
				top: 90px; 
				left: 364px; 
				border: 1px solid gray; 
				background-color: #C9BEBB;
				visibility: hidden; 
				z-index:auto; 
				width: 343px; 
} 

.thumb:hover span { 
				visibility: visible; 
				z-index:auto; 
}

.projinfo {
				width: 300px;
				height: 100%;
				margin: 10px 5px;
}

.projinfo p {
				font-size: small;
				clear:left;
}

.projinfo strong {
				font-variant: small-caps;
				color: #7E623A;
}

						/*Contact Page specific*/
#contactinfo {
				width: 30%;
				margin-left: 5px;
				float: left;
}

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

#map a {
				text-decoration: none;
				color: #4D605A;
}
.services {
				color: #4D605A;
				list-style-type: square;
}