body {
	background-image: url(images/1stmockup_r2_c5.gif);
	background-repeat: repeat-x;
	background-color: #333333;
	margin: 0px;
}
#content {
	margin-left: auto;
	margin-right: auto;
	width: 900px;
}
#content .header {
	background-color: #000000;
}
#content .header .righthdr-box {
	background-color: #CDA949;
	width: 158px;
	display: block;
}

a {
	color: #333333;
	text-decoration: none;
}
a:hover {
	color: #000000;
	text-decoration: underline;
}
.header {
	background-color: #000000;
}
.header-ylw {
	background-color: #CDA949;
	display: inline;
	float: right;
	width: 258px;
	height: 105px;
}

#top_menu {
clear:right;
padding:0px 0px 0px 0px;
height:30px;
font-family:"Trebuchet MS", Arial, Verdana;
font-size:16px;
text-align:left;
background-image:url(/images/menu.gif);
background-repeat:repeat-x;
position:relative;
z-index:100;
}



#top_menu ul {
margin:0px;
padding:0px 0px;
list-style-type:none;
z-index:100;
}



#top_menu ul ul {
width:170px;
z-index:100;
}



#top_menu li{
float:left;
position:relative;
border-right:1px solid #CDA94A;
}



#top_menu a:link, #top_menu a:visited {
	display:block;
	padding-left:5px;
	padding-right:5px;
	padding-top:3px;
	padding-bottom:3px;
	text-decoration: none;
	color: #333333;
}



/* style the top level hover */

#top_menu a:hover {
	background-image:url(images/menu-mo.gif);
	background-repeat:repeat-x;
	text-decoration:none;
	background-color:#000000;
	color: #FFFFFF;
}



#top_menu ul ul{
visibility:hidden;
position:absolute;
height:0;
top:27px;
left:0;
}

#top_menu li li{
float:left;
position:relative;
border-right:3px solid #CDA94A;
}


#top_menu ul ul ul{
left:196px;
top:0;
width:130px;
}



/* style the table so that it takes no part in the layout - required for IE to work */
#top_menu table {position:absolute; top:0; left:0;}

/* style the second level links */

#top_menu ul ul a:link, #top_menu ul ul a:visited {
	background-image:none;
	font-size:12px;
	color:#FFFFFF;
	height:auto;
	padding:5px 10px;
	width:110px;
	border-bottom:1px solid #666666;
	background-color: #666666;
}



/* style the second level hover */

#top_menu ul ul a:hover{
background-image:none;
background-color:#000000;
color:#FFFFFF;
text-decoration:none;
}


/* style the third level link */
#top_menu ul ul ul a:link, #top_menu ul ul ul a:visited{
background-image:none;
background-color:#AAAAAA;
color:#333333;
text-decoration:none;
}

/* style the third level hover */
#top_menu ul ul ul a:hover{
background-image:none;
background-color:#363636;
color:#EFEFEF;
text-decoration:none;
}

#top_menu :hover > a {
color:#ffffff;
background-color:#000000;
}
#top_menu ul ul :hover > a {
color:#ffffff;
background-color:#000000;
}

/* make the second level visible when hover on first level list OR link */
#top_menu ul li:hover ul,
#top_menu ul a:hover ul{
visibility:visible; 
}

/* keep the third level hidden when you hover on first level list OR link */
#top_menu ul :hover ul ul{
visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
#top_menu ul :hover ul :hover ul{ 
visibility:visible;
}

.menubknd {
	background-image: url(images/menu-bknd.gif);
	background-repeat: repeat-x;
}
#footer {
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 10px;
}
.copyright .websiteby {
	color: #FFFFFF;
	width: 300px;
	float: right;
	text-align: right;
	font-size: 11px;
}
#footer a {
	color: #CCCCCC;
}
.contentbknd {
	background-image: url(images/gradientbknd.jpg);
	background-repeat: repeat-y;
	background-color: #FFFFFF;
}
#rightsidefeature {
	background-image: url(images/rightsideheader.gif);
	background-repeat: no-repeat;
	padding-top: 1px;
	padding-left: 10px;
	float: right;
	width: 251px;
	font-family: "Trebuchet MS", Arial, Verdana;
}
.contentbknd #leftitems {
	float: left;
	width: 625px;
	background-repeat: no-repeat;
	margin-right: 5px;
	font-family: "Trebuchet MS", Arial, Verdana;
	padding-left: 8px;
	background-image: url(images/architectbknd.jpg);
}
.contentbknd #fullpages {
	float: left;
	width: 850px;
	background-repeat: no-repeat;
	margin-right: 5px;
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 120%;
	padding-left: 8px;
	background-image: url(images/architectbknd.jpg);
}
#portfolio a {
	background-image: url(images/portfoliobknd.jpg);
	background-repeat: no-repeat;
	height: 50px;
	color: #333333;
	text-decoration: none;
	display:block;
	float: left;
	width: 200px;
	margin-right: 5px;
	margin-left: 5px;
}

#portfolio a:hover {
	color: #0169A9;
}
#portfolio .text {
	padding-left: 8px;
}


#leftitems {
	font-size: 14px;
}

#leftitems h1 {
	font-size: 135%;
	color: #0169A9;
}
#leftitems p {
	font-size: 14px;
	color: #000000;
	margin-left: 8px;
}
#leftitems h2 {
	font-size: 130%;
	color: #333333;
	margin-left: 8px;
}


#fullpages h1 {
	font-size: 110%;
	color: #0169A9;
}


#rightsidefeature p {
	font-size: 95%;
}


#rightsidefeature h1 {
	font-family: "Lucida Sans Unicode", Tahoma, Arial;
	font-size: 130%;
	color: #0169A9;
	font-weight: normal;
}

#main-content {
	background-image: url(images/architectbknd.jpg);
	background-repeat: no-repeat;
	display:block;
}

#main-content li {
	float:left;
	display:block;

}

#main-content li a{
	width:275px;
	border:solid #CCC;
	border-width:0 1px 1px 0;
	/* uncomment and adjust this if you want a rounded frame in Mozilla browsers
	-moz-border-radius:20px;
 */
	background:#FFF;
	padding:3px;
	text-align:center;
	float:left;
	display:inline;
	margin-top: 5px;
	margin-right: 2px;
	margin-bottom: 5px;
	margin-left: 2px;
	font-size: 65%;
	color: #0168A7;
	text-decoration: none;
}

#main-content  li a:hover {
	width:275px;
	border:solid #000;
	border-width:0 1px 1px 0;
	/* uncomment and adjust this if you want a rounded frame in Mozilla browsers
	-moz-border-radius:20px;
 */
	background:#FFF;
	padding:3px;
	text-align:center;
	float:left;
	display:inline;
	margin-top: 5px;
	margin-right: 2px;
	margin-bottom: 5px;
	margin-left:2px;
	color: #000000;
}



/* Portfolio Page Galler */

#portfolio {
	font-size: 65%;
}

#port-content {
	background-image: url(images/architectbknd.jpg);
	background-repeat: no-repeat;
}

#port-content li {
	float:left;
	display:block;

}

#port-content li a{
	width:210px;
	border:solid #CCC;
	border-width:0 1px 1px 0;
	/* uncomment and adjust this if you want a rounded frame in Mozilla browsers
	-moz-border-radius:20px;
 */
	background:#FFF;
	padding:3px;
	text-align:center;
	float:left;
	display:inline;
	margin-top: 5px;
	margin-right: 2px;
	margin-bottom: 5px;
	margin-left: 2px;
	font-size: 65%;
	color: #0168A7;
	text-decoration: none;
}

#port-content  li a:hover {
	width:210px;
	border:solid #000;
	border-width:0 1px 1px 0;
	/* uncomment and adjust this if you want a rounded frame in Mozilla browsers
	-moz-border-radius:20px;
 */
	background:#FFF;
	padding:3px;
	text-align:center;
	float:left;
	display:inline;
	margin-top: 5px;
	margin-right: 2px;
	margin-bottom: 5px;
	margin-left:2px;
	color: #000000;
}



.copyright {
	font-size: 12px;
	font-family: "Trebuchet MS", Arial, Verdana;
	color: #FFFFFF;
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	border-top-width: medium;
	border-top-style: solid;
	border-top-color: #D7A448;
}
img{
	border:0px;
/* delete line above and uncomment this for an inset effect
	border:1px solid;
	border-color:#666 #EEE #EEE #666;
 */
}

.projectdesc {
font-size: 80%;
color: #0168a7;
text-decoration: none; }
#fullpages p {
	font-size: 14px;
}
#fullpages h2 {
	font-size: 102%;
	color: #333333;
	border-top-width: thin;
	border-top-style: dotted;
	border-top-color: #999999;
}


#rightsidefeature a {
	font-size: 14px;
	color: #0168A7;
	text-decoration: none;
}
#rightsidefeature a:hover {
	color: #000000;
}

#errors {
 	 overflow:hidden;
 	 padding-right:5px;
 	 position:relative;
	 float:left;
	 width:512px;
	 margin-top:4px;
	 font-family: "Trebuchet MS", Arial, Verdana;
	 font-size: 14px;
	 font-weight: normal;
	 color:#FF3300;
	 }
#functions {
	text-align: left;
}
#portfolio {
	width: 700px;
	border: .5px solid #F0EDE8;
}
.photogallery {
	border-top-width: 0.5px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #333333;
}
.portmainimage {
	border: thin solid #CDA949;
	margin: 3px;
	padding: 3px;
}
.photogallerytitle {
	width: 200px;
	position: relative;
	z-index: 1;
	top: 10px;
	background-color: #FFFFFF;
	text-align: center;
	border: thin solid #0166AC;
	margin-left: 10px;
}
.portfolio-viewmore {
	float: right;
	width: 100px;
}
#viewport {
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}
#viewport img {
	top: 30px;
	position: relative;
}
#flash_port {
	position:relative;
	visibility: visible;
	z-index:0;
}
.copyright .websiteby a {
	color: #FFFFFF;
}
div.cropme {
  height: 92px;
  border: 1px solid #D7A448;
  width: 200px;
  overflow:hidden;
}
div.cropme img {
  margin-top:-60px;
}

.staff li {
	padding-top: 15px;
}