html { font-size: 1em; }
body {font-size: 0.8em;}
body, div {
	font-family: Arial, Helvetica, sans-serif;
	line-height:1.2em;
	padding:0;
	margin:0;
	color:#555;
	position:relative;
}

body { background: url('/images/concrete.jpg')  center 170px; }
div#ie7backgroundFix { background: url('/images/header.jpg') center top no-repeat; margin: 0; padding-top:128px;}

p {line-height:1.4em; }

h1 { color: #222; margin:1em 0; font-size: 2em; line-height: 1.2em; font-weight:normal;}
h2 { font-size: 1.2em; line-height:1em;}
h3 { font-weight: bold; font-style:italic; font-size:1.25em;}
h4 { font-size:1em; }

h2 span.title { font-size:0.8em; font-style:italic; }
h3.tagline { text-align: center; line-height:1.25em;}

ol li { margin: 1em auto; }

.ct { text-align: center; }
.b { font-weight: bold; }
.i1 { padding-left: 2em; }
.i2 { padding-left: 4em; }

a { color: #A68361; }
a:hover { color:#321; }

#container { width: 800px; margin: auto; }
#header-pic {background:no-repeat 0 0; width:399px; height:128px; position:absolute; top:-128px; right:0;}
#middle { width:100%; background:url('/images/middle.gif') center top repeat-y;}

#left {float:left; width:202px; background:url('/images/content.gif') top left no-repeat; padding-top:67px;}
#left p { text-align: center; }
#left a { margin:0; display:block; width:182px; padding:12px 10px 15px 10px; margin:10px 0; font-size: 1.3em; line-height:1.2em; text-decoration: none; color:#DA8; font-family:'Century Gothic', Arial, Helvetica;}
#left a:hover, #left a.active { background:url('/images/nav-left-hover.gif') repeat-y; color:white;}
#left h4 a { line-height: 1.5em; }
#contents {
	float: right;
	margin:0;
	width: 558px;
	padding: 0 20px 0px 20px;
	background:url('/images/content.gif') top right no-repeat;
}
#contents #contentFooter {height:67px; clear:both;}
#contents #contentFooter div {position:absolute; background:url('/images/content-footer.gif'); height:67px; left:-20px; margin-top:0px; width:598px;}
.navbar {
	text-align: center;
	width: 800px;
	margin: 0 0 0px 0px;
	float: none;
	padding:2px 0 2px 0;
	height:43px;
}
.navbar a {
	text-indent:-9999px;
	display:block; height:43px;float:left; overflow:hidden;
	width:100px; margin: 0 5px;
	background-position: left top;
}
.navbar a#home { width:80px; background-image:url('/images/nav-home.gif');}
.navbar a#why_dnac { width:132px; background-image:url('/images/nav-why-dnac.gif');}
.navbar a#our_projects { width:136px; background-image:url('/images/nav-our-projects.gif');}
.navbar a#the_team { width:114px; background-image:url('/images/nav-the-team.gif');}
.navbar a#downloads { width:129px; background-image:url('/images/nav-downloads.gif');}
.navbar a#contact { width:125px; background-image:url('/images/nav-contact.gif');}

.navbar a:hover {background-position: left -45px;}

body.home a#home,
body.why_dnac a#why_dnac,
body.our_projects a#our_projects,
body.the_team a#the_team,
body.downloads a#downloads,
body.contact a#contact {background-position: left -45px;}

body.home #header-pic {background-image:url('/images/header-home.jpg');}
body.why_dnac #header-pic {background-image:url('/images/header-why-dnac.jpg');}
body.our_projects #header-pic {background-image:url('/images/header-our-projects.jpg');}
body.our_projects div.showBlock img {width:200px; height:150px; float:left; margin:30px 38px;}
body.the_team #header-pic {background-image:url('/images/header-the-team.jpg');}
body.downloads #header-pic {background-image:url('/images/header-downloads.jpg');}
body.contact #header-pic {background-image:url('/images/header-contact.jpg');}

#footer { text-align: center; font-size: 0.9em; background: url('/images/footer.jpg') no-repeat; height:108px; padding-left:202px; }
#footer address {width:200px; float:left; height:88px; padding-top:20px; font-style:normal; color:#AAA; }
#footer #copyright {padding-top:34px;}
#footer a.logo img { padding: 0 1em 1em 1em; border: 0; }
#footer .navbar { width:70%; margin:auto; border-bottom: 0; border-top:1px solid #A68361; margin-top:1em; padding-top: 0.5em; background: transparent; clear:both; }
#footer .navbar a { font-size:1em; font-style:normal; font-weight:normal;  }
#footer .navbar a:hover { color:#321; }

div.clear { clear: both; height: 0px; width: 100%; }

#contents>p { margin: 0; }
#contents>p+p { margin: 1em auto; }

p.quote { font-style: italic; text-align: center; }
p.infoC { text-align: center; font-weight: bold; }
.top { margin-top: 0; }

div.quote_mod h3 { margin-bottom: 0.5em; }
div.quote_mod p.quote { text-align: left; margin: 0 3em 1.25em 3em; }

div.location {float:left; width:200px; margin:20px 38px;}

div.showBlock {min-height:45em; height:45em;}
#contents>div.showBlock {height:auto;}
div.showBlock img {border:1px dashed black;}

ul li { margin-bottom: 0.7em; list-style: square; }

tr.header { }
tr.footer { font-size: 0.8em; letter-spacing: -1px; }
tr.row2 { line-height: 2em; }
tr.row1 { line-height: 2em; }

#leftImage { margin-left:6px; margin-top:2em; }

#myitguy { text-decoration:none; color: #3878DB; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-style: normal;}
#myitguy:hover { color: #8AB0EA; }

img, div.png { behavior: url(/includes/iepngfix.htc); }
.flrt { float: right; margin: 0.5em 0 0 1em; border: 0; }
.fllt { float: left; margin: 0.5em 1em 0 0em; border: 0; }

div.pricing {float:right; width:12em; font-size: small; font-weight:normal; color:black;}

div.contactBox { margin-left:4em; font-size:1.25em; }

ul.linkMenu li a { text-decoration:none; }
ul.linkMenu li a:hover { text-decoration:underline; }

input {vertical-align:middle;}
input.req, textarea.req, select.req { }
input.req.radio { background: transparent; }
input.reqSkipped, textarea.reqSkipped, select.reqSkipped { }
label {vertical-align:middle;}

