/* good luck deciperhering my mess :) */
body { font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; background-color: white; text-align: center; line-height: 18px; margin-top:0px; background-image:url(../images/bg.gif);
background-position:top center;background-repeat:no;
 }
#frame {
	background-image: url(../images/dod-logo.gif);
	background-repeat: no-repeat;
	width:900px;
	margin-right:auto;
	margin-left:auto;
	margin-top:0px;
	padding:0;
	text-align:left;
}
#clientframe {
	background-color: #efefef;
	width: 725px;
	float: left;
	padding: 0;
}
#contentleft {
		width:175px;
		padding:0px;
		float:left;
		background:#fff;
		}
#contentmain {
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0 0;
	padding: 0;
	width: 725px;
	float: left;
}
#contentright { float:left; background:#fff; margin-left: 20px; margin-top: 15px; }
#contentheader {
		background:#fff
		}
p,h1,pre {
		margin:0px 10px 10px 10px;
		}
h2 { color: black; font-size: 13px; font-weight: normal; margin: 0; padding-top: 13px; padding-bottom: 12px; padding-left: 10px; }
p { color: #666; font-size: 13px; }
h3 { color: #666; font-size: 13px; font-weight: normal; margin: 0; padding-top: 13px; padding-bottom: 12px; padding-left: 10px; }
h1 { font-size:18px; font-weight: bold; padding-top:15px; font-family: sans-serif, Helvetica, Arial, Geneva, SunSans-Regular; color: #999999; text-transform: uppercase;}
h4 { font-size: 14px; font-weight: normal; margin: 0; padding-top: 18px; padding-bottom: 10px; padding-left: 10px; }
h5 { color: #666; font-size: 13px; font-weight: normal; margin: 0; padding-top: 13px; padding-bottom: 12px; padding-left: 10px; }
#contentheader h1 {
		font-size:14px;
		padding:10px;
		margin:0px;
		}
#clientcolumnleft {
	color: #666;
	float:left;
	width:363px;
	order-right-style: solid;
}
#clientcolumnright {
	color: #666;
	width: 362px;
	float: left;
	order-right-style: solid;
}
#clientframe p { color: #999; font-size: 11px; padding: 0; }
div.Logoholder {
	background-color: #efefef;
	width: 717px;
	margin-top: 15px;
	margin-bottom: 10px;
	padding-top: 1px;
	padding-bottom: 6px;
	padding-left: 8px;
}
div.LogoFooter p { color: #666; font-size: 11px; background: url(../images/bdr_bottomright.gif) no-repeat right bottom; text-align: right; display: block; margin: 0; padding: 15px 15px 15px 13px; }
/*Project container starts*/
div.Projectholder {
	background-color: #efefef;
	margin-top: 30px;
	margin-bottom: 10px;
	padding-top: 8px;
	padding-bottom: 6px;
	padding-left: 8px;
	width: 717px;
}
div.Projectholder h2 { padding-top: 5px; padding-bottom: 1px; padding-left: 2px; }
div.Project {
	background: #efefef url(../images/bdr_topleft.gif) no-repeat left top;
	width:711px;
	margin-top: 10px;
}
div.Project h3 { background: url(../images/bdr_topright.gif) no-repeat right top; font-size:13px; font-weight: normal; padding:12px 5px 15px 12px; margin:0; }
div.ProjectBody {
  background: url(../images/bdr_rightstretch.gif) repeat-y right top;
  margin:-2em 0 0;
  padding:30px 5px 5px 12px;
  }
div.ProjectFooter { background: url(../images/bdr_bottomleft.gif) no-repeat left bottom; }
div.ProjectFooter p { color: #666; font-size: 11px; background: url(../images/bdr_bottomright.gif) no-repeat right bottom; margin: 0; padding:15px 15px 15px 13px; display:block; }
/*Project container ends*/
#contentright a {  }
#contentright a:link, #contentright a:visited
{ color: #00adef; text-decoration: none; }
#contentright a:hover
{
color: #00adef;
text-decoration: underline;
}
#sitefooter {
	width: 900px;
	float: left;	
	margin:0; padding:0; background:#f2f2f2;  border-top:1px solid #fff;margin-top:10px;	
}
#logofooter {
	width: 900px;
	float: left;
	margin-top: 20px;
	padding:0; margin:0; background:#333333; border-top:1px solid #cccccc; height:150px;
	background-image: url(../images/footer-bg.gif); 
}
ul#footerlist
{ margin: 0; padding-top: 7px; padding-bottom: 15px; padding-left: 0; border-top: 1px solid #cccccc; white-space: nowrap; }
#footerlist li
{ font-size: 11px; display: inline; list-style-type: none; }
#footerlist a { font-size: 11px; font-weight: normal; text-decoration: none; padding: 3px 7px; }
#footerlist a:link, #footerlist a:visited
{ color: #999999; text-decoration: none; }
#footerlist a:hover
{
color: #00adef;
text-decoration: underline;
}
#contentmain a { color: #000; font-weight: normal; }
#contentmain a:link, #contentmain a:visited
{ text-decoration: none; border-bottom: 1px dotted gray; }
#contentmain a:hover
{ text-decoration: none; border-bottom: 1px solid gray; }
#copyrighttext { color: silver; margin-left: 20px; }
#home #nav-home a, #aboutdod #nav-about-dod a, #webdesign #nav-webdesign a, #identitydesign #nav-identitydesign a, #printdesign #nav-printdesign a, #seodod #nav-seo-dod a, #clientlist #nav-clientlist a { color: black;
/* declarations to style state */
}
ul#navlist
{ padding-top: 70px; padding-bottom: 15px; padding-left: 0; padding-right: 0; width:910px; }
.navboxcontainer
{ padding-top: 105px; padding-bottom: 5px; padding-left: 0; padding-right: 0; width:910px; }
#navlist li
{
display: inline;
list-style-type: none;
}
#navlist a { font-size: 14px; font-weight: bold; text-decoration: none; padding: 2px 9px; }
#navlist a:link, #navlist a:visited
{ color: #00adef; text-decoration: none; }
#navlist a:hover
{
color: #00adef;
text-decoration: underline;
}
.gray {color: #666666; font-size: 12px}
.lftText {
	font-size: 13px;
	color: #666;
}
.seo {color: #999999}
.footertxt {font-size: 9px; color: #CCCCCC; }

h1
{
	font-size:2.5em;
	font-family:Arial;
	margin-bottom:1em;
	margin-top:1em;
	clear:both;
	letter-spacing:-0.05em;
}
h1.margin-bottom-only { margin:0px; clear:both; margin-bottom:1em; }
h2
{
	color:#000000;
	font-size:1.5em;
	font-family:Arial;
	margin-bottom:.5em;
	margin-top:.5em;
}
h2 strong
{
	font-weight:normal;
	color:#000;
}
h1 span.weak
{
	color:#999;
}
h3
{
	color:#666;
	font-size:1.1em;
	font-family:Arial;
	margin-bottom:.5em;
	margin-top:.5em;
}
h3 { color:#666; }

h3 strong
{
	font-weight:normal;
	color:#666;
}
	
h4 strong
{
	color:#99CC00;
}
h4.sub-title { font-size:1.4em; font-weight:normal; color:#666; letter-spacing:-0.1em; font-style:italic; }

h5
{
	color:#666;
	font-size:1.0em;
	font-family:Arial;
	margin-bottom:.5em;
	margin-top:.5em;
}
h5 { color:#666; }

h5 strong
{
	font-weight:normal;
	color:#666;
}

div.card { background-color:#f4f4f4; padding:10px; }

.image-border{
	border-style:solid;
	border-color: #a98c46;
	border-width:0px;
	padding: 4px 4px 4px 4px ;
	float: left; 
    margin: 4px;
}
.image-borderl{
	border-style:solid;
	border-color: #a98c46;
	border-width:0px;
	padding: 4px 4px 4px 4px ;
	float: right; 
    margin: 4px;
}