/* CSS Document */

/* =body */

html { margin: 0; border:0; padding-left: 35px; padding-top:35px;}

body {
width: 950px;
background-image:url(images/ddad_logo_bkgnd_light.png);
margin: auto;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
font-color:#ffffff;

}

p {
	width: 670px; font-family:Arial, Helvetica, sans-serif; line-height: 1.4em; letter-spacing: .1em;
	color:#FFFFFF;
}


h1 {font: Verdana; font-size: 18px; letter-spacing: .2em;}

h3 {background-image:url(images/p.png);}

.mastead {color:#ffffff; font-size:15px; line-height:1.2 em; letter-spacing: .25em;}
.project {width: 500px; font:Verdana; color:#E6E6E6; font-size: 14px; line-height: 1.25 em; letter-spacing: 1.25px;}
.style5 {color:#46B4D1;}
.style2 {width: 850px; padding: 30px; padding-bottom: 20px;}
.pagetitles {
	color: #CCCCCC;
	font-size: 36px;
	font-weight: normal;
}

.pink {font:Verdana; color: #FC3AA8; font-weight: bold; letter-spacing: .35;
}


/* =navigation */

a:link {
	color:#ff66cc;
}
a:visited {
	color: #66CCFF;
}
a:hover {
	color:#FFFFCC;
}
a:active {
	color: #3C98B1;
}

#iconnav {
	margin-left: 44px;}

#menu {font-family: Verdana, Arial, Helvetica, sans-serif; width: 750px; padding-top: 15px; padding-bottom: 15px; padding-left: 10px; background-color:#99CC99;}

#menu a {color:#333333;}
#menu a:hover {color:#FFFFCC;}
	
/* = portfolio */

.gallery {
width: 750px;
	list-style: none;
	margin: 0;
	padding: 0;
}
.gallery li {
	padding: 10px;
	margin: 10px;
	float: left;
	position: relative;
	width: 300px;
}
.gallery li:hover img {
	border-color: #000;
}
.gallery img {
	padding: 5px;}
	
.gallery em {
	color: #000;
	font-style: normal;
	text-transform:capitalize;
	padding: 2px 10px;
	display: block;
	position: absolute;
	top: 9px;
	left: 9px;
	height: -21px;
}
.gallery a {
	text-decoration: none;
}
.gallery a:hover em {
	background: #99CC99;
	padding-right: 100px;
}