/* CSS Document */

/* border:1px solid #dedede; */

body {
	background-attachment:scroll;
	background-color:#153d6b;
	background-image:url("images/arlington.gif");
	background-position:center top;
	background-repeat:no-repeat;
	margin:0;
	padding:0;
	font-size:100%;
	text-align:center;
}

h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	text-transform:none;
	color: #2d4970;
	margin:0 0 6px 0;
	padding:0px;
}

a.h1:link,
a.h1:visited {
	color: #2d4970;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
	margin:0;
	padding:0;
}

a.h1:active,
a.h1:hover {
	color: #000000;
	text-decoration:none;
}

h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	text-transform:none;
	text-align:right;
	background-color:#e5e8ed;
	color: #2d4970;
	width: 201px;
	margin:17px 0 0 -1px;
	padding:0 2px 2px 0;
}

a.h2:link,
a.h2:visited {
	color: #2d4970;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
	margin:0;
	padding:0;
}

a.h2:active,
a.h2:hover {
	color: #000000;
	text-decoration:underline;
}

h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	text-transform:none;
	color: #2d4970;
	margin:8px 0 5px 0;
	padding:0px;
}

a:link,
a:visited {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #2d4970;
	text-decoration:underline;
	margin:0;
	padding:0;
}

a:active,
a:hover {
	color: #000000;
	text-decoration:underline;
}


a.h3:link,
a.h3:visited {
	color: #2d4970;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	margin:0;
	padding:0;
}

a.h3:active,
a.h3:hover {
	color: #000000;
	text-decoration:underline;
}

img {
	border:none;}

p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #2d4970;
	line-height:17px;
	margin:0 0 6px 0;
	padding:0px;
}

ul {
	list-style-type:circle;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; 
	font-size: 11px;
	line-height: 10px;
	margin: 0;
	padding: 0 0 0 40px;}

li {
	color: #2d4970;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; 
	font-size: 11px;
	line-height: 14px;
	margin: 0px;
	padding: 0px}

#wrap {
	margin:0 auto;
	font-size:62.5%;
	width:980px;
	/* border:1px solid #dedede; */
	text-align:center;
	background:#ffffff;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	color:#666666;
}

#header {
	background-color:#cad1db;
	margin:0;
	padding:0 0 19px 0;
}

a.link-header:link,
a.link-header:visited {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#fffde8;
	text-decoration:none;
	text-transform:none;
	font-size:12px;
	margin:0 -3px 0 -3px;
	padding: 10px 12px 5px 12px;
}

a.link-header:active,
a.link-header:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#e2b98c;
	text-transform:none;
	text-decoration:none;
}

#link-header-frame {
	width:980px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#cad1db;
	margin:0;
	padding:5px 0 5px 0;
	background-color:#2d4970;
}

#content {
	margin:0;
	padding:0 6px 0 6px;
	background:#cad1db;
	background-image:url("images/main-content-bg.gif");
	text-align:left;
}

#main-content-text {
	background-color:#cad1db;
	margin:5px 59px 0 39px;
	padding:0;
}

#portfolio-content-text {
	background-color:#cad1db;
	margin:5px 49px 0 39px;
	padding:0;
}

#main-content {
	margin:0 0 20px 13px;
	padding:0 0 0 0;
	background:#cad1db;
	width:718px;
 	border:1px solid #cad1db;
	border-right:1px;
	border-right-color:#2d4970;
	border-right-style:solid
}

#portfolio-content {
	margin:0;
	padding:0 0 0 90px;
	width:540px;
}

.portfolio-list-category {
	margin:0;
	padding:0;
}

#secondary-content-frame {
	width:201px;
	float:right;
	margin:-16px 15px 15px 0;
	padding:0;
}

#secondary-content {
	margin:0;
	padding:0;
}


#portfolio-type {
	position:absolute;
	width:149px;
	height:50px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #2d4970;
	text-align:right;
	margin:38px 0 0 -157px;
	padding:0;
	z-index:1;
}


.portfolio-project-domain {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:6px 0 0 0;
	padding:0;
}





#portfolio-secondary-content-frame {
	width:201px;
	float:left;
	margin:-16px 15px 15px 13px;
	padding:0;
}

#portfolio-main-content {
	margin:0 0 20px 235px;
	padding:0;
	background:#cad1db;
	width:718px;
 	border:1px solid #cad1db;
	border-right:1px;
	border-left-color:#2d4970;
	border-left-style:solid
}

#portfolio-main-content-text {
	background-color:#cad1db;
	margin:5px 39px 0 59px;
	padding:0;
}

#portfolio-category-frame {
	margin:13px 0 0 0;
	padding:0;
}

#portfolio-arrow-left {
	position:absolute;
	width:29px;
	height:49px;
	margin:0 0 0 -39px;
	z-index:1;
}

#portfolio-arrow-right {
	position:absolute;
	width:29px;
	height:49px;
	margin:0 0 0 630px;
	z-index:2;
}
















.portfolio-category {
	margin:0;
	padding:0;
}

a.portfolio-category:link,
a.portfolio-category:visited {
	color: #2d4970;
	text-decoration:none;
	display:block;
	margin:0;
	padding:1px 1px 1px 4px;
}

a.portfolio-category:active,
a.portfolio-category:hover {
	color: #000000;
	display:block;
	margin:0;
	padding:1px 1px 1px 4px;
}

html > body a.portfolio-category:active,
html > body a.portfolio-category:hover {
	background-color:#FFFFFF;
}

.portfolio-category-select {
	margin:0;
	padding:0;
	color:#000A15;
}

a.portfolio-category-select:link,
a.portfolio-category-select:visited {
	font-weight:bold;
	color: #2d4970;
	text-decoration:none;
	display:block;
	margin:0;
	padding:1px 1px 1px 4px;
}

a.portfolio-category-select:active,
a.portfolio-category-select:hover {
	font-weight:bold;
	color: #2d4970;
	display:block;
	margin:0;
	padding:1px 1px 1px 4px;
}

html > body a.portfolio-category-select:active,
html > body a.portfolio-category-select:hover {
	background-color:#FFFFFF;
}

.portfolio-project {
	margin:0;
	padding:0;
}

a.portfolio-project:link,
a.portfolio-project:visited {
	color: #2d4970;
	text-decoration:none;
	display:block;
	margin:0;
	padding:1px 1px 1px 12px;
}

a.portfolio-project:active,
a.portfolio-project:hover {
	color: #000000;
	display:block;
	margin:0;
	padding:1px 1px 1px 12px;
}

html > body a.portfolio-project:active,
html > body a.portfolio-project:hover {
	background-color:#FFFFFF;
}

.portfolio-project-select {
	margin:0;
	padding:0;
	color:#000A15;
}

a.portfolio-project-select:link,
a.portfolio-project-select:visited {
	font-weight:bold;
	color: #2d4970;
	text-decoration:none;
	display:block;
	margin:0;
	padding:1px 1px 1px 12px;
}

a.portfolio-project-select:active,
a.portfolio-project-select:hover {
	font-weight:bold;
	color: #2d4970;
	display:block;
	margin:0;
	padding:1px 1px 1px 12px;
}

html > body a.portfolio-project-select:active,
html > body a.portfolio-project-select:hover {
	background-color:#FFFFFF;
}

#portfolio-category-frame-feaure {
	margin:6px 0 6px 0;
	padding:0;
}

#blue {
	position:absolute;
	width:10px;
	height:55px;
	z-index:1;
	margin: 0 0 0 626px;
	padding:0px;
	background-color:#CAD1DB
}

.portfolio-project-title {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	margin:17px 0 6px 0;
	padding:0;
	color:#2d4970;
}

.portfolio-project-thumbnails-container {
	margin:9px 0 15px -9px;
	padding:0 0 0 0;
}

.portfolio-project-thumbnails {
	margin:0 0 0 9px;
	padding:0 0 0 0;
}





.thumb {
	margin:0 10px 10px 0;
	padding:0;
}







#main-content-feature {
	margin:0;
	padding:0;
	height:247px;
	width:698px;
	background:#cad1db;
}

.home-arrow-left {
	float:left;
	margin:0;
	padding:75px 10px 0 0
}

.home-arrow-right {
	float:right;
	margin:0;
	padding:75px 0 0 0;
}

.home-arrow-left-video {
	float:left;
	margin:0;
	padding:21px 10px 0 0
}

.home-arrow-right-video {
	float:right;
	margin:0;
	padding:21px 20px 0 0;
}

.home-feature-2 {
	float:right;
	margin:0;
	padding:0 10px 0 0;
}

.home-feature-1 {
	float:right;
	margin:0;
	padding:0 10px 0 0;
}

.header-animation {
	margin:0;
	padding:0;
}

#interior {
	background:#cad1db;
	margin:0;
	padding:0;
}

/*
#footer-text-frame {
	outline-style:dotted;
	text-align:center;
	width:980px;
	margin:0;
	padding:0;
}
*/

#footer-frame  {
	margin:-28px 0 0 0;
	padding:0 0 0 0;
}

#footer-alignment  {
	margin:0 auto;
	width:860px;
	text-align:center;
	font-family:Verdana,Arial,Helvetica,sans-serif;
}

.footer-address {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color: #cad1db;
	text-align:left;
	margin:0 0 6px 0;
	padding:0px;
}

.footer-copyright {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color: #7087a4;
	text-align:left;
	margin:13px 0 6px 0;
	padding:0px;
}

a.footer-copyright-text:link,
a.footer-copyright-text:visited {
	color: #7087a4;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	text-decoration:none;
	margin:0;
	padding:0;
}

a.footer-copyright-text:active,
a.footer-copyright-text:hover {
	color: #ffffff;
	text-decoration:none;
}

.footer-drupal {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color: #cad1db;
	text-align:right;
	margin:-18px -5px 6px 0;
	padding:0px;
}





/* 

.footer-drupal {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color: #cad1db;
	text-align:right;
	margin:-18px 0 6px 0;
	padding:0px;
}

*/





.footer-drupal-text {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color: #cad1db;
	text-align:right;
	margin:-14px 17px 6px 0;
	padding:0px;
}

.footer-drupal-icon {
	margin:0;
	padding:0px;
}

a.footer-link:link,
a.footer-link:visited {
	color: #cad1db;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	text-decoration:none;
	margin:0;
	padding:0;
}

a.footer-link:active,
a.footer-link:hover {
	color: #ffffff;
	text-decoration:underline;
}

.secondary {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #2d4970;
	line-height:13px;
	margin:-4px 0 5px 0;
	padding:0px;
}

a.secondary:link,
a.secondary:visited {
	color: #2d4970;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	text-decoration:none;
	margin:0;
	padding:0;
}

a.secondary:active,
a.secondary:hover {
	color: #000000;
	text-decoration:underline;
}

.category {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #2d4970;
	font-weight:bold;
	margin:0 0 6px 0;
	padding:0px;
}

.column-on {
	background-color:#cad1db;
	width:201px;
	margin:17px 0 21px 0;
	padding:0;
	border:1px solid #2d4970;
}

.column-off {
	background-color:#cad1db;
	width:0px;
	margin:17px 0 21px 0;
	padding:0 1px 0 1px;
}

#column-logo-container {
	width: 181px;
	background-color:#ffffff;
	margin:17px 0 20px 1px;
	padding:15px 0 5px 20px;
}

.column-logo {
	background-color:#ffffff;
	margin:0;
	padding:15px 0 15px 0;
}

.content-feature-on {
	outline:1px solid #2d4970;
	margin:4px 0 10px 10px;
	padding:0;
}

.content-feature-off {
	outline:1px solid #cad1db;
	margin:4px 0 10px 10px;
	padding:0;
}

.video-first {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #2d4970;
	line-height:15px;
	float:left;
	margin:0 0 10px 0;
	padding:0px;
}

.video {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #2d4970;
	line-height:15px;
	float:left;
	margin:0 0 10px 0;
	padding:0 0 0 10px;
}

.design-underground {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #2d4970;
	line-height:15px;
	margin:11px 0 6px 0;
	padding:0px;
}

.contact-link {
	color: #2d4970;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; 
	font-size: 13px;
	line-height: 15px;
	margin: 0px;
	padding: 0px;}

	a.contact-link:link, 
	a.contact-link:visited {
	color: #2d4970;
	text-decoration: none}

	a.contact-link:hover, 
	a.contact-link:active {
	color: #000000;
	text-decoration: none}

.contact-left {
	color: #2d4970;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; 
	font-size: 13px;
	line-height: 15px;
	border:0px;
	float:left;
	margin: 5px 0 0 0;
	padding: 0px;
	width: 25px;
	clear: both;}

.contact-right {
	color: #2d4970;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; 
	font-size: 13px;
	line-height: 15px;
	border:0px;
	float:left;
	margin: 6px 0 0 0;
	padding: 0px;
	width: 474px;}

.contact-text {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; 
	font-size: 11px;
	border: 1px #999 solid;
	padding: 1px;
	color: #2d4970;}

.break {
	margin: 13px 0 7px 0;
	padding 0px}

.break-success {
	margin: 13px 0 17px 0;
	padding 0px}

.contact-top {
	color: #2d4970;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; 
	font-size: 13px;
	line-height: 15px;
	border:0px;
	float:left;
	margin: 5px 0 0 0;
	padding: 0px;
	width: 499px;
	clear: both;}

.contact-bottom {
	color: #2d4970;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; 
	font-size: 13px;
	line-height: 15px;
	border:0px;
	float:left;
	margin: 0px;
	padding: 0px;
	width: 499px;}