* {
	margin: 0px;
	padding: 0px;
}
ol,ul {
list-style:none;
}
fieldset,img {
border:0;
}
body {
	font: small Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background: #000000;
	text-align: center;
}
#container {
background: #E94F42;
	text-align: left;
	width: 758px;
	margin-top: 100px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
#wrapper {
	background: #E94F42;
	text-align: left;
	height: 610px;
	width: 758px;
	margin-top: 100px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
#selarchive #wrapper {
height: 600px;

}
#gallerywrap {
background: #E94F42;
	text-align: left;
	height: 532px;
	width: 758px;
	margin-top: 100px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}

#branding {
	height: 125px;
	width: 100%;
}
body.home #branding{
height:100px;
}
#archteaserBox {
position:absolute;
top:150px;
left:25px;
width:144px;
height:144px;
}
#clients {
position:absolute;
top:300px;
left:33px;
width:144px
height:15px;
}
#clients a {
color:#fff;
}
#clients a:hover {
color:#E94F42;
}
.logo {
position: absolute;
	left: 15px;
	top: 30px;
	z-index:100;
}
h1 {
	background: url(../images/doarcLogo.gif) no-repeat;
	height: 42px;
	width: 436px;
	position: absolute;
	text-indent: -9999px;
	left: 15px;
	top: 30px;
}
#clientlist h3 {
	font-size:120%;
	margin-bottom:1em;
	margin-left:25px;
	margin-top: 1em;
}
#clientlist ul{
margin-left:25px;

}
#clientlist li{
margin-bottom:1em;
margin-right:25px;

}
ul#mainNav {
position:absolute;
width:276px;
top:77px;
right:15px;
}
ul#mainNav span {
display: none;
}
ul#mainNav a, ul#mainNav li {
display:block;
position:absolute;
}
ul#mainNav a {
	background: transparent url(../images/navbkb.gif) no-repeat;
	height:15px;
}
ul#mainNav .projects {
left: 0px;
}
ul#mainNav .projects a {
width: 80px;
}
ul#mainNav .projects a:hover, body.projects ul#mainNav li.projects a {
background-position:0px -14px;
}
ul#mainNav .profile {
left:72px;

}
ul#mainNav .profile a {
background-position:-72px 0px;
width:80px;
}
ul#mainNav .profile a:hover,body.profile ul#mainNav li.profile a {
background-position:-72px -14px;
}
ul#mainNav .services {
left:138px;
}
ul#mainNav .services a {
background-position:-138px 0px;
width:80px;
}
ul#mainNav .services a:hover, body.services ul#mainNav li.services a {
background-position:-138px -14px;
}
ul#mainNav .contact {
left:213px;

}
ul#mainNav .contact a {
background-position:-214px 0px;
width:62px;
}
ul#mainNav .contact a:hover, body.contact ul#mainNav li.contact a{
background-position:-213px -14px;
}
ul#teaser {
	position:relative;	
}
ul#teaser h3 img {
position:absolute;

}
/*home page grid styles----------------------------*/
#introImage1 h3 img {top:0;
left:0;
}
#introImage2 h3 img {top:0;
left:152px;
}
#introImage3 h3 img {top:0;
left:304px;
}
#introImage4 h3 img {top:0;
left:456px;
}
#introImage5 h3 img {top:0;
left:608px;
}
#introImage6 h3 img {top:102px;
left:0px;
}
#introImage7 h3 img {top:102px;
left:152px;
}
#introImage8 h3 img {top:102px;
left:304px;
}
#introImage9 h3 img {top:102px;
left:456px;
}
#introImage10 h3 img {top:102px;
left:608px;
}
#introImage11 h3 img {top:204px;
left:0px;
}
#introImage12 h3 img {top:204px;
left:152px;
}
#introImage13 h3 img {top:204px;
left:304px;
}
#introImage14 h3 img {top:204px;
left:456px;
}
#introImage15 h3 img {top:204px;
left:608px;
}
#introImage16 h3 img {top:306px;
left:0px;
}
#introImage17 h3 img {top:306px;
left:152px;
}
#introImage18 h3 img {top:306px;
left:304px;
}
#introImage19 h3 img {top:306px;
left:456px;
}
#introImage20 h3 img {top:306px;
left:608px;
}
#introImage21 h3 img {top:408px;
left:0px;
}
#introImage22 h3 img {top:408px;
left:152px;
}
#introImage23 h3 img {top:408px;
left:304px;
}
#introImage24 h3 img {top:408px;
left:456px;
}
#introImage25 h3 img {top:408px;
left:608px;
}
/*Project navigation grid styles*/
body.projects ul#teaser {
	position:absolute;	
	padding-top:155px;
}

body.projects ul#teaser li{
display:inline;
float:left;
}
body.projects ul#teaser a {
	background:transparent url(../images/projnav.gif) no-repeat;
	height:17px;
	
	display:block;
	text-indent:-9999px;
	overflow:hidden;
}
.floatImageLeft {
	float: left;
	margin-right: 1em;
	margin-bottom: 0.5em;
}
body.projects ul#teaser.selcomm a {
background:transparent url(../images/selcommNavimg.gif) no-repeat;
}

body.projects ul#teaser.selres a {
background:transparent url(../images/selresNavimg.gif) no-repeat;
}
body.projects ul#teaser.selcivic a {
background:transparent url(../images/selcivicNavimg.gif) no-repeat;
}

body.projects ul#teaser #subNav1 a {

left:0;
width:186px;
}

body.projects ul#teaser #subNav1 a:hover {
background-position:0px -23px;
}
body.projects ul#selcomm #subNav1 a:hover {
background-position:0px -23px;
}
body.projects ul#teaser #subNav2 a {

background-position:-186px 0px;

width:184px;
}
body.projects ul#teaser #subNav2 a:hover {
background-position:-186px -23px;

}
body.projects ul#teaser #subNav3 a{
background-position:-372px 0px;

width:184px;
}
body.projects ul#teaser #subNav3 a:hover{
background-position:-372px -23px;

}
body.projects ul#teaser #subNav4 a{
background-position:-561px 0px;

width:184px;
}
body.projects ul#teaser #subNav4 a:hover {
background-position:-561px -23px;

}
#subNav1 h3 img {top:0;
left:0;
}
#subNav2 h3 img {top:0;
left:190px;
}
#subNav3 h3 img {top:0;
left:380px;
}
#subNav4 h3 img {top:0;
left:570px;
}

body.projects h2 {
	position:absolute;
	right: 0px;
	top: 410px;
	width:182px;
	height:31px;
	background: url(../images/portfolioh3img.gif) no-repeat;
	text-indent:-9999px;
	outline:none;
}
/*page title styles---------------------------------------*/
#selcommercial h2 {
background: url(../images/selcommh2img.gif) no-repeat;
width:363px;
right: 39px;
}
#selresidential h2 {
background: url(../images/selresh2img.gif) no-repeat;
width:350px;
right: 39px;
}
#selcivic h2 {
background: url(../images/selcivich2img.gif) no-repeat;
width:238px;
right: 39px;
}
#selarchive h2 {
background: url(../images/selarchiveh2img.gif) no-repeat;
width:260px;
right: 20px;
top: 470px;
height:40px;
}
body.profile h2, body.services h2, body.contact h2 {
	margin:20px;
	font-size:120%;
	margin-left:30px;
	background-position: 125px 125px;
}
p {
	font-size:100%;
	margin-right: 50px;
	margin-left: 30px;
	margin-bottom:1em;
	line-height: 1.5em;
}
body.services h3 {
	font-size:105%;
	margin-left: 30px;
	margin-top:2em;
	margin-bottom:1em;
	}
/*#archcontent {
	background-attachment: fixed;
	background-image: url(../images/archive_map.jpg);
	background-repeat: no-repeat;
	z-index: 15;
	height: 475px;
	width: 100%;
	position: relative;	
	}*/

#footer p {
	margin-top: 60px;
	margin-bottom: 50px;
	background: url(../images/profilepimg.gif) no-repeat;
	height:100px;
	margin-left:550px;
	text-indent:-9999px;
}
#clientlist #footer p {
	margin-top: 60px;
	margin-bottom: 50px;
	height:100px;
	margin-left:525px;
	text-indent:-9999px;
	background-image: url(../images/clientlisth2img.gif);
	background-repeat: no-repeat;
}
body.services #footer p {
background: url(../images/servicespimg.gif) no-repeat;
}
body.contact #footer p {
background: url(../images/contactpimg.gif) no-repeat;
}
#galleryWindow {
position:absolute;
width:454px;
right:0;
}

#maincontent {
width:308px;
height:300px;
float:left;
}
#maincontent p {
font-size:100%;
line-height:1.2em;
margin-left: 20px;
}
#maincontent h4 {
	font-size:110%;
	line-height:1.5em;
	margin-left: 20px;
	margin-bottom: .5em;
}
ul#galleryOptions {
	position:absolute;
	height:100;
	right:0;
	width:758px;	

	
}
ul#galleryOptions h3 img {
position:absolute;


}
/*gallery page grid styles----------------------------*/
#galleryImage1 h3 img {top:304px;
left:0;
}
#galleryImage2 h3 img {
	top:304px;
	left:152px;
}
#galleryImage3 h3 img {top:304px;
left:304px;
}
#galleryImage4 h3 img {top:304px;
left:456px;
}
#galleryImage5 h3 img {top:304px;
left:608px;
}
#footer {
	clear: both;
}