body {
	background-color:#506278;
	margin:0 auto;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
}
#container {
	width:790px;	
	margin:0 auto;
}

#header,#menu,#content,#sub-section,#footer {

overflow:hidden;

display:inline-block

}

a {
	color:#aebfce;
}

a:hover {
	text-decoration:none;
}

/* safari and opera need this */

#content,#sub-section,#footer {width:100%}

#header,#menu {float:left}

#header {
	width:360px;
	height:133px;
	background-image: url(images/dovetail-logo_sm.png);
	background-repeat: no-repeat;
	
}

#contenttop {
	background-image: url(images/sec_content-top.png);
	background-repeat: no-repeat;
	min-height:350px;
}

#header-home {
	width:100%;
	height:228px;
	background-image: url(images/dovetail-logo_lg.png);
	background-repeat: no-repeat;
	background-position: center;
}



/* IE5 Mac won't take 60% */
#menu {
	width:450px;
	margin:70px -20px 0px 0px;
}

#content {
	clear:left;
	text-align:left;
	
}

#content-home {
	clear:left;
	text-align:left;
	height:281px;
	width:100%;
	overflow:hidden;
	display:inline-block;
}

#hide {
	display:none;
}
#footer {
	border-top-color: #012748;
	border-top-style: solid;
	border-top-width: 1px;
	font-size: 11px;
	color: #012747;	
	padding:5px 0px 0px 0px;
	clear:both;
	margin-top:5px;
}


#rollover {
margin-left:100px;

}

#rollover ul {
	list-style-type:none;
	
}

#rollover li {
	display:block;
	float:left;
	margin-right:20px
}

#rollover a {
	display:block;
	float:left;
	text-decoration:none;
}

.roll-about a {
	width: 40px;
	padding:32px;
	background: url("images/home-about.png") 0 0 no-repeat;
}
.roll-about a:hover { 
background-position: 0 -83px;
}

.roll-portfolio a {
width: 62px;
padding:32px;
background: url("images/home-portfolio.png") 0 0 no-repeat;
}
.roll-portfolio a:hover { 
background-position: 0 -83px;
}

.roll-clients a {
width: 62px;
padding:32px;
background: url("images/home-clients.png") 0 0 no-repeat;
}
.roll-clients a:hover { 
background-position: 0 -83px;
}

.roll-contact a {
width: 62px;
padding:32px;
background: url("images/home-contact.png") 0 0 no-repeat;
}
.roll-contact a:hover { 
background-position: 0 -83px;
}

#rollover2 {
margin-left:-30px;


}

#rollover2 ul {
	list-style-type:none;
	
	
}

#rollover2 li {
	display:block;
	float:left;
	margin-right:20px;
}

#rollover2 a {
	display:block;
	float:left;
	text-decoration:none;
}


.sec-home a {
	width: 40px;
	padding:5px;
	background: url("images/sec-home.png") 0 0 no-repeat;
}
.sec-home a:hover { 
background-position: 0 -22px;
}

.sec-home li {
	border-left-color: #012748;
	border-left-style: solid;
	border-left-width: 1px;
	padding-left:10px;
	}

.sec-about a {
	width: 45px;
	padding:5px;
	background: url("images/sec-about.png") 0 0 no-repeat;
}
.sec-about a:hover { 
background-position: 0 -22px;
}

.sec-clients a {
	width: 55px;
	padding:5px;
	background: url("images/sec-clients.png") 0 0 no-repeat;
}
.sec-clients a:hover { 
background-position: 0 -22px;
}

.sec-portfolio a {
	width: 79px;
	padding:5px;
	background: url("images/sec-portfolio.png") 0 0 no-repeat;
}
.sec-portfolio a:hover { 
background-position: 0 -22px;
}

.sec-contact a {
	width: 65px;
	padding:5px;
	background: url("images/sec-contact.png") 0 0 no-repeat;
}
.sec-contact a:hover { 
background-position: 0 -22px;
}

#content-box {
	background-color: #92a4b4;
	width:410px;
	padding:20px;
	margin:15px;
	color:#003059;
	float:left;
	line-height:130%;
	font-size: 12px;
	
}

#secondary-photo {
	float:right;
	position:relative;
	padding:20px 20px 20px 0px;
	margin:15px 15px 15px 0px;
}

.headline {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;	
}

#portfolio {
	text-align:center;
	margin-top:-10px;

}

#portfolio img {
	padding:5px;
}