@charset "UTF-8";
/* CSS Document */

@import url("reset.css");

img {behavior: url(framework/iepngfix.htc) }

html { min-height:700px; 
}

body {
	background-image: url("body_background.gif");
	margin:0;
	padding:0;
	background-repeat:repeat-x;	

	}

#container {
	width:850px;
	}

	
#brand {
	width:850px;
	height:76px;
	}
	
#brand #logo {

	width:385px;
	height:76px;
	background-image: url("logo1.png");
	background-repeat:no-repeat;
	float:left;
	display:block;

	}
	
#brand #logo a {
	width:385px;
	height:76px;
	background-image: url("logo1.png");
	background-repeat:no-repeat;
	float:left;
	display:block;
		}	
	
#brand #main_nav {
	position:absolute;
	width:486px;
	height:34px;
	left:352px;
	top:42px;
	bottom:0;

	
	}
	
#copyright {
	position:absolute;
	left:0;
	top:360px;
	margin: 0 0 0 4px;
	}	
	
	
/* ---- MAIN NAVIGATION ---- */	
	
#brand #main_nav ul#nav_buttons {
	top:0;
	left:400px;
	width:485px;
	height:34px;
	padding:0;
	margin:0;
	display:block;
	list-style:none;
	
	
	}
	
/* -- ARCHITECHTS AND DEVELOPERS -- */	


#brand #main_nav ul#nav_buttons  li.nav_tools {
	float:left;
	width:136px;
	background-image:url("nav_tools.png");
	height:34px;
	display:block;
	background-repeat:no-repeat;	
		}

#brand #main_nav ul#nav_buttons  li.nav_tools, #brand #main_nav ul#nav_buttons  li.nav_tools  a {
	float:left;
	width:136px;
	background-image:url("nav_tools.png");
	height:34px;
	display:block;
	background-repeat:no-repeat;
	}

#brand #main_nav ul#nav_buttons li.nav_tools a:hover {
	background-image: url("nav_tools_over.png");
	background-repeat:no-repeat;
}	

#brand #main_nav ul#nav_buttons li.nav_tools_selected  {
	float:left;
	width:136px;
	height:34px;
	background-image:url("nav_tools_over.png");
	display:block;
	background-repeat:no-repeat;
	}


	
#brand #main_nav ul#nav_buttons  li.nav_arch {
	float:left;
	width:170px;
	background-image:url("nav_arch.png");
	height:34px;
	display:block;
	
		}

#brand #main_nav ul#nav_buttons  li.nav_arch, #brand #main_nav ul#nav_buttons  li.nav_arch  a {
	float:left;
	width:170px;
	background-image:url("nav_arch.png");
	height:34px;
	display:block;
	}
	
#brand #main_nav ul#nav_buttons li.nav_arch a:hover {
	background-image: url("nav_arch_over.png");
	background-repeat:no-repeat;
	}	
	
	
#brand #main_nav ul#nav_buttons li.nav_arch_over  {
	float:left;
	width:170px;
	height:34px;
	background-image:url("nav_arch_over.png");
	display:block;
	}		
	
	
	
	
/* ---- RESOURCES ---- */


	#brand #main_nav ul#nav_buttons  li.nav_resources {
	float:left;
	width:83px;
	background-image:url("nav_resources.png");
	height:34px;
	display:block;
	}

#brand #main_nav ul#nav_buttons  li.nav_resources, #brand #main_nav ul#nav_buttons  li.nav_resources  a {
	float:left;
	width:83px;
	background-image:url("nav_resources.png");
	height:34px;
	display:block;
	}
	
#brand #main_nav ul#nav_buttons li.nav_resources a:hover {
	background-image: url("nav_resources_over.png");
	background-repeat:no-repeat;
	}	
	
	
#brand #main_nav ul#nav_buttons li.nav_resources_over  {
	float:left;
	width:83px;
	height:34px;
	background-image:url("nav_resources_over.png");
	display:block;
	}	
	
#brand #main_nav ul#nav_buttons li.nav_resources_selected  {
	float:left;
	width:83px;
	height:34px;
	background-image:url("nav_resources_over.png");
	display:block;
	}	
		
	
	
/* ------ CONTACT US ------- */


	#brand #main_nav ul#nav_buttons  li.nav_contact {
	float:left;
	width:87px;
	background-image:url("nav_contact.png");
	height:34px;
	display:block;
	}

#brand #main_nav ul#nav_buttons  li.nav_contact, #brand #main_nav ul#nav_buttons  li.nav_contact  a {
	float:left;
	width:87px;
	background-image:url("nav_contact.png");
	height:34px;
	display:block;
	}
	
#brand #main_nav ul#nav_buttons li.nav_contact a:hover {
	background-image: url("nav_contact_over.png");
	background-repeat:no-repeat;
	}	
	
	
#brand #main_nav ul#nav_buttons li.nav_contact_over  {
	float:left;
	width:87px;
	height:34px;
	background-image:url("nav_contact_over.png");
	display:block;
	}	
	
	

#brand #main_nav ul#nav_buttons li.nav_contact_selected {
	float:left;
	width:87px;
	height:34px;
	background-image:url("nav_contact_over.png");
	display:block;
	}		
	
/* ------ END ------- */
	
	
#brand #main_nav ul#nav_buttons  li.nav_end {
	float:left;
	width:4px;
	background-image:url("nav_end.png");
	height:34px;
	display:block;
	}	
	

/* ------ Main Image Area ------- */
	
#main_image {
	width:875px;
	left:23px;
	padding:0;
	margin:0;
	
	
	}	
	

/* ------ SUB NAVIGATION ------- */
	
#main_sub {
	width:875px;
	height:35px;
	background-image: url("sub_nav_background.png");
	background-repeat:repeat-x;
	padding:0;
	margin:-4px 0 0 0;
	
		}
	
#main_sub ul#sub_nav_buttons {
	top:0;
	width:875px;
	height:35px;
	padding:0;
	margin:0;
	display:block;
	list-style:none;

	}	
	

/* ------ OUR STORY ------- */
		
	
#main_sub ul#sub_nav_buttons  li.sub_story {
	float:left;
	margin: 0 0 0 31px;
	width:115px;
	background-image:url("sub_story.png");
	height:35px;
	display:block;
	padding:0;
	}

#main_sub ul#sub_nav_buttons  li.sub_story, #main_sub ul#sub_nav_buttons  li.sub_story  a {
	float:left;
	width:115px;
	background-image:url("sub_story.png");
	height:35px;
	display:block;
	
	}
	
#main_sub ul#sub_nav_buttons li.sub_story a:hover {
	background-image: url("sub_story_over.png");
	background-repeat:no-repeat;
	}	
	
	
#main_sub ul#sub_nav_buttons li.sub_story_selected  {
	float:left;
	width:115px;
	height:35px;
	background-image:url("sub_story_over.png");
	display:block;
	margin: 0 0 0 31px;
	}	
	
	
/* ------ OUR services ------- */


	
	
#main_sub ul#sub_nav_buttons  li.sub_services {
	float:left;
	width:114px;
	background-image:url("sub_services.png");
	height:35px;
	display:block;
	}

#main_sub ul#sub_nav_buttons  li.sub_services, #main_sub ul#sub_nav_buttons  li.sub_services  a {
	float:left;
	width:114px;
	background-image:url("sub_services.png");
	height:35px;
	display:block;
	}
	
#main_sub ul#sub_nav_buttons li.sub_services a:hover {
	background-image: url("sub_services_over.png");
	background-repeat:no-repeat;
	}	
	
	
#main_sub ul#sub_nav_buttons li.sub_services_selected  {
	float:left;
	width:114px;
	height:35px;
	background-image:url("sub_services_over.png");
	display:block;
	}	
	
		
/* ------ OUR PROJECTS ------- */
	
#main_sub ul#sub_nav_buttons  li.sub_projects {
	float:left;
	width:114px;
	background-image:url("sub_projects.png");
	height:35px;
	display:block;
	}

#main_sub ul#sub_nav_buttons  li.sub_projects, #main_sub ul#sub_nav_buttons  li.sub_projects  a {
	float:left;
	width:114px;
	background-image:url("sub_projects.png");
	height:35px;
	display:block;
	}
	
#main_sub ul#sub_nav_buttons li.sub_projects a:hover {
	background-image: url("sub_projects_over.png");
	background-repeat:no-repeat;
	}	
	
	
#main_sub ul#sub_nav_buttons li.sub_projects_selected  {
	float:left;
	width:114px;
	height:35px;
	background-image:url("sub_projects_over.png");
	display:block;
	}		
	
	
/* ------ OUR NEWS ------- */
	
#main_sub ul#sub_nav_buttons  li.sub_news {
	float:left;
	width:118px;
	background-image:url("sub_news.png");
	height:35px;
	display:block;
	}

#main_sub ul#sub_nav_buttons  li.sub_news, #main_sub ul#sub_nav_buttons  li.sub_news  a {
	float:left;
	width:118px;
	background-image:url("sub_news.png");
	height:35px;
	display:block;
	}
	
#main_sub ul#sub_nav_buttons li.sub_news a:hover {
	background-image: url("sub_news_over.png");
	background-repeat:no-repeat;
	}	
	
	
#main_sub ul#sub_nav_buttons li.sub_news_selected  {
	float:left;
	width:118px;
	height:35px;
	background-image:url("sub_news_over.png");
	display:block;
	}		
		
	
/* ------ SUB NAV OTHERS  ------- */	
	
	
#main_sub ul#sub_nav_buttons  li.sub_end {
	float:left;
	width:383px;
	height:35px;
	display:block;
	background-image: url("sub_end.png");
	background-repeat:no-repeat;
		
	}
	
		
#canvas_wrapper {
	width:875px;
	position:relative;
	
}

#canvas_wrapper #canvas_left {
	position:absolute;
	left:31px;
	top:0;
	width:461px;

	}
		
	
#canvas_left .left_content {
	width:461px;
	display:block;
	background-image: url("canvas_left_background.png");
	background-repeat:repeat-y;
	}

#canvas_left .left_content img.section_head {
	margin: 0 0 0 5px;
	padding:0;
	}	
	
.left_contents {
	position:relative;
	left:25px;
	width:400px;
	display:block;
	line-height:1.5em;
	}			

#canvas_left .left_bottom img {
	margin: 0 0 0 0;
	}	

img.image_left {display:block; float:left; padding: 5px 10px 5px 0;}	

img.image_right {display:block; float:right; padding: 5px 0px 5px 10px;}	
	
	/* -- end left column --*/
	/* -- start right column -- */	

#canvas_wrapper #canvas_right {
	position:absolute;
	left:488px;
	width:350px;
	height:300px;
	display:block;
	float:left;
	z-index: 20;

		}
		
#canvas_right .right_content {
    position:absolute;
	width:344px;
	display:block;
	background-image:url("canvas_right_background.png");
	background-repeat:repeat-y;
	background-position:right;
	z-index: 20;
	
	}	
	
	
	
.right_box {
	position:relative;
	top:0;
	width:420px;
	background-image: url("right_box_background.gif");
	background-repeat:no-repeat;
	display:block;
	left:-1px;
	margin:0;
	paddping:0;
	}
	
.right_box_framework {
	position:absolute;
	top:0;
	width:420px;
	background-image: url("right_box_background.gif");
	background-repeat:no-repeat;
	display:block;
	left:-1px;
	height:66px;
	}	

.right_box  p.right_box_bottom {	
	background-image:("right_box_bottom.gif");
	background-repeat:no-repeat;
	background-position:top left;
	margin:0;
	padding:0;
	bottom:0;
	height:5px;
	display:block;
	

	}


.right_box .box_contents {	
	position:relative;
	margin: 0 0 0 5px;
	width:300px;
	display:block;
	z-index:100;
	padding: 28px 0 0 18px;
	
	
		
	}
	
 #canvas_right .right_top_background {
	
	background-image: url("right_top_background.gif");
	background-repeat:no-repeat;
	background-position:top center;
	margin:2px 0 0 0;
	padding:0 0 0 0;
	display:block;
	width:343px;
	}
	
	
#canvas_wrapper #canvas_right .right_top_background_framework {
	background-image: url("right_top_background.gif"); 
	background-repeat:no-repeat;
	background-position:top left;
	margin:0 0 0 4px;
	padding:0 0 0 0;
	display:block;
	width:348px;
		}	
			
	
#canvas_right .right_contents {
	position:relative;
	left:25px;
	width:290px;
	display:block;
	z-index:10;
	margin: 0 0 0 0;
	padding: 15px 0 0 0;
}	
		
	
#canvas_right .right_contents dl#links {
	margin:0;
	padding:20px 0 0 0;
	list-style:none;
	display:block;
	
	}
	
.right_contents dl#links dd.bullet {
	float:left;
	display:block;
	margin:0;
	padding:0;
	width:10px;
	
	}
	
.right_contents dl#links dd.link_content {
	float:right;
	display:block;
	margin:0;
	padding:0;
	width:270px;
	
	}
	
.right_contents dl#links dd.clear {
	clear:both;
	}			
			
	
		
#canvas_right p.right_bottom {
	width:345px;
	display:block;
	margin:0 0 0 -30px;
	padding:0;
	bottom:0;
	height:66px;
	
	}	
	
	
#canvas_right p.right_bottom_projects {
	width:345px;
	display:block;
	margin:0 0 0 -20px;
	padding:0;
	bottom:0;
	height:66px;
	
	}		
	
	

#canvas_right p.right_bottom img.right_bottom {
	margin: 0 0 0 -25px ;
	bottom:0;
	padding:0;
	display:block;
	
	
	}


.right_bottom img {
	    padding:0 0 0 6px;
		margin:0;
		}



img.head_adjustment {
	margin: 0 0 0 5px;
	
	}


	
	

		
	
/* ============  typography ============ */


body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.35em;
	color:#231f20;
	}
	
table, tr, td {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.35em;
	color:#231f20;
	}


p { margin: 10px 0 0 0;}

p.top { margin:0 0 10px 0;	}

p.pspace { display:block; height: 10px; padding:0; margin:0;}
	
.newsHead {	
	font-weight:bold;
	font-size:12px;
	}

h2 {
		font-family:Arial, Helvetica, sans-serif;
		font-size:1.25em;
		font-weight:normal;
		color:#ce171f;
		margin: 0 0 15px 0;
		}


h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#ce171f;
	}


img.photo {
	margin: 10px 0 0 10px;
	border: solid 1px #777;
	}

p.owner {
	font-weight:bold;
	}
	
p.quote {
	color:#666;
	}	

p.salutation {
	color:#666;
	font-style:italic;
	}

p.spacer {
	height:.5em;
	display:block;
	width:400px;
	
	}	
		
.box_contents a,  .box_contents a:active, .box_contents a:link, .box_contents a:visited, dd.link_content a,  dd.link_content a:link, dd.link_content a:visited {
	color:#231f20;
	text-decoration:underline;
	
	z-index:50;
	
	}
	
.box_contents a:hover, dd.link_content a:hover {
	color:#ce171f;
	text-decoration:underline;
	}


	.address {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#363430;
	}
	
.rule {
	width:100%;
	height:20px;
	border-top:solid 1px #363430;
	}
	
#footer .copyright p {
	line-height:.35em;
	}	
	
	
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.subHead {
	font-weight:bold;
	text-decoration:underline;
		}
		
.subHead1 {
	font-weight:bold;
	padding: 0 0 15px 0;
	
			}	
			
	/* ---------LIST STYLES -------------- */			

	#canvas_left dl, #canvas_left ul, #canvas_left ol {
		
		text-align:left;
		margin:5px 0 5px 0;	
		}	
		
	 #canvas_left li,  #canvas_left dd {
		margin: 0 0 0 20px;
		
		}	
		
	#canvas_left dl {
		margin: 0 0 0 40px;
		}		
		
	#canvas_left dd {
		margin:0;
		padding:0;
		}


	.alignLeft {
		float:left;
		margin: 5px 15px 10px 0;
		}
		
	.alignRight {
		float:right;
		margin: 5px 0px 10px 15px;
		}	
		
		
	.right_contents ol#beliefs {
		padding:0;
		margin:0;
		color:#231f20;

		}
		
	#canvas_right ol#beliefs li {
		margin: 0 0 0 18px;
		color:#231f20;

		}	
		
	#canvas_left ul#no_margin, #canvas_right ul#no_margin {
		margin:0;
		padding:0;
		color:#231f20;
		}
		
	#canvas_left ul#no_margin li, #canvas_right ul#no_margin li {
		margin: 0 0 0 22px;
		padding: 0;
		color:#231f20;
		list-style-image:url("bullet.gif");
		list-style-position:outside;
		line-height:1.5em;
		}	
	
	p.right_column_spacer { display:block; height:1px;} 
		

	/* --------- LINK STYLES-------------- */
	
	a, a:link, a:visited, a:active {
	color:#231f20;
	text-decoration:underline;
	}
	
	a:hover {
	color:#ce171f;
	text-decoration:underline;
	}


/* --------- Tables  -------------- */	
	
	table, tr, td {	
		padding:0px;
		margin: 0 0 0 15px;
		}
		
	table#beliefs { margin:0;}	
	
 table#beliefs tr td { padding: 4px 0 0 0; margin:0 0 0 0;}	


/* ========== HACKS ============== */			
				

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


.full_error {background-color:#ddd;}


/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */