* {margin:0; padding:0;}
body {font:.8em/1.3em Univers, Arial, Helvetica, sans-serif; color: #808080;}
p{padding:8px 0;}
h3{color:#1c3664; font: normal 1.4em/1.3em Arial, Helvetica, sans-serif;}
h4{margin-top:12px; padding:0;}
.bodycopy ul{margin:0 12px; padding:0 0;}
.bodycopy li{margin:4px 25px; padding:0;}

.divider{ border-bottom:1px solid #CCC; clear:both; margin:10px 0; padding:5px 0; font:.1em/.1em Arial, Helvetica, sans-serif; display:block; width:100%; height:2px;}

#container { margin:0 auto; width:721px;}
#identity {padding:55px 0px 10px 0; float:left;}
#tagline { clear:both; padding:4px 0; text-align:right;}
#footer{border-top:1px #999 solid; margin:15px 0; padding:2px 0; font:.8em/1.2em Univers, Arial, Helvetica, sans-serif; text-align:right;}

.bodycopy{ padding-top:25px; width:400px;}
.subcopy{ padding-top:15px;}
.tight{ margin:0; padding:0;}
.headerimg{margin:2px 0; padding:3px 0; border-top:1px #999 solid; border-bottom:1px #999 solid;}

/* Controls the root level nav titles */
body#loc1 li.navItem1 a:link, body#loc1 li.navItem1 a:active, body#loc1 li.navItem1 a:visited, body#loc1 li.navItem1 a:hover{color:#1C3664;}
body#loc2 li.navItem2 a:link, body#loc2 li.navItem2 a:active, body#loc2 li.navItem2 a:visited, body#loc2 li.navItem2 a:hover{color:#1C3664;}
body#loc3 li.navItem3 a:link, body#loc3 li.navItem3 a:active, body#loc3 li.navItem3 a:visited, body#loc3 li.navItem3 a:hover{color:#1C3664;}
body#loc4 li.navItem4 a:link, body#loc4 li.navItem4 a:active, body#loc4 li.navItem4 a:visited, body#loc4 li.navItem4 a:hover{color:#1C3664;}
body#loc5 li.navItem5 a:link, body#loc5 li.navItem5 a:active, body#loc5 li.navItem5 a:visited, body#loc5 li.navItem5 a:hover{color:#1C3664;}

/* Turn off subnavs while inactive.  There's only 4 root navs and 1 home page/index nav since Contact doesn't have a subnav*/
body#loc1 ul#services, body#loc1 ul#portfolio, body#loc1 ul#company{display:none;}
body#loc2 ul#branding, body#loc2 ul#portfolio, body#loc2 ul#company{display:none;}
body#loc3 ul#branding, body#loc3 ul#services, body#loc3 ul#company{display:none;}
body#loc4 ul#branding, body#loc4 ul#services, body#loc4 ul#portfolio{display:none;}
body#index ul#branding, body#index ul#services, body#index ul#portfolio, body#index ul#company{display:none;}

#nav {font:bold 1em/1.3em Univers, Arial, Helvetica, sans-serif; text-transform:capitalize; text-align: right; padding:20px 0 0; float: right; color: #989898; width:550px;}
#nav li {padding-bottom: 1px; display:inline;}
#nav li{list-style-type:none;	padding-left: 42px;}
#nav ul#top{clear:right;}
#nav ul#branding, #nav ul#services, #nav ul#company, #nav ul#portfolio{text-align:left; font:bold .8em/1.3em Univers, Arial, Helvetica, sans-serif; float:left; margin:0; padding:0;}
#nav ul#branding li, #nav ul#services li, #nav ul#company li, #nav ul#portfolio li{display:block; margin:0;}
#nav ul#branding{padding-left:61px;}
#nav ul#services{padding-left:163px;}
#nav ul#portfolio{padding-left:261px;}
#nav ul#company{padding-left:362px;}

:link, img{border:none;}
a:active, a:link, a:visited {text-decoration: none; color:#1c3664;}
a:hover {text-decoration: underline; color: #1C3664;}
#nav a:active, #nav a:link, #nav a:visited {text-decoration: none; color: #989898;}
#nav a:hover {text-decoration: none; color: #1C3664;}
a.current:active, a.current:link, a.current:visited {text-decoration: none; color: #1C3664 !important;}

.arrow{background:transparent url(images/arrow.gif) no-repeat left top; padding-left:20px;}
.circle{background:transparent url(images/circle.gif) no-repeat left top; padding-left:20px;}
h3+p, h4+p, h4.arrow+p, h4.circle+p{margin:0; padding:0;}

img.right{float:right; padding:0 0 6px 12px;}