/* CSS Document */
/* General  ############################################################################ */
body, h1, h2, h3, h4, h5, h6, p, ol, ul, form, blockquote {
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, pre, code {
	font-size:1em;
}
h1 {
	margin-bottom:15px;
	font-size:0.9em;
}
#home h1 {
	margin-bottom:5px;
	font-size:0.9em;
}
h2 {
	margin-top:5px;
	font-size:0.9em;
}
#home h2 {
	margin-bottom:10px;
	font-size:0.7em;
}
h3 {
	margin-top:15px;
	margin-bottom:5px;
	font-size:0.8em;
}
img {
	font-size:0.8em;
}
p {
	font-size:.8em;
	line-height:1.2em;
	margin-bottom:.5em;
}
a {
	text-decoration: underline;
	color: #000000;
}
#home a {
	text-decoration: underline;
}
#home li a {
	text-decoration: underline;
}
a:hover {
	text-decoration: underline;
}
a img {
	border: none;
}
ul, ol {
	list-style-position: outside;
	margin-bottom:.5em;
	margin-left:20px;
}
li {
	font-size:.8em;
	line-height:1.2em;
	margin-bottom:.2em;
	padding-left:5px;
	margin-left:0;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
/* forces vertical scroll bar display */				
html {
	min-height: 100%;
	margin-bottom: 1px;
	overflow-y: scroll; /* Mozilla  */
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-color: #FFF;/*	background-image: url(../images/global/pageBg.png) repeat-x left top;*/
}
#pageWrapper { /* wraps all page content */
	width: 764px;
	margin: 7px auto 0 auto;/*	border-top:1px solid #ccc;*/
}
#header { /* logo area */
	height: 67px;
	float:left;
	width: 260px;
}
#header img {
	padding: 8px 0 0 15px;
}
.logo_nav {
	float: left;
	height: 50px;
	width: 50px;
	margin: 10px 0 0 10px;
}
/* Colors ############################################################################ */
h1 {
	border-bottom: 1px solid #A7C4C5;
}
#home h1 {
	border-bottom: none;
}
#menu {
	/* possible colors: #BDD1D5, #926742, #E48E5D */
	/*	background-color: #BDD1D5;*/
	/* dark blue #7AA6A7 - D */
	/* light blue #A7C4C5 - L */
	/* lighter blue #E3ECED - VL */
		
	background-color: #A7C4C5; /* L */
	border-bottom:2px solid #7AA6A7; /* D */
}
#menu li {
	border-left: 1px #fff solid;
	border-right: 1px #fff solid;
}
#menu li a:hover {
	color: #fff;
}
#home .linkHome, #projects .linkProjects, #partners .linkPartners, #press .linkPress, #company .linkCompany, #contact .linkContact {
	background-color:#FFF;
	color:#000;
	border:1px solid #7AA6A7; /* D */
	border-bottom:none;
}
#projects .linkHome, #company .linkHome, #partners .linkHome, #press .linkHome, #contact .linkHome, #legal .linkHome {
	border-left:1px solid #A7C4C5; /* L */
}
#projects .linkContact, #company .linkContact, #partners .linkContact, #press .linkContact, #home .linkContact, #legal .linkContact {
	border-right:1px solid #A7C4C5; /* L */
}
#home .linkHome a:hover, #projects .linkProjects a:hover, #partners .linkPartners a:hover, #press .linkPress a:hover, #company .linkCompany a:hover, #contact .linkContact a:hover {
	color:#000;
}
#bar {
/*	border:1px solid #ccc;*/
}
#home #bar .left, #projects #bar .left, #partners #bar .left, #press #bar .left, #company #bar .left, #contact #bar .left, #legal #bar .left {
	background-color:#7AA6A7; /* D */ /*	border:1px solid #333;*/
}
#home #bar .right, #projects #bar .right, #partners #bar .right, #press #bar .right, #company #bar .right, #contact #bar .right, #legal #bar .right {
	background-color:#A7C4C5; /* L *//*	border:1px solid #333;*/
}
#contentWrapper {/* wraps all body content */
/*	background: url(../images/global/bgBorder.gif) repeat-y 382px top;*/
}
#projects #contentWrapper, #partners #contentWrapper, #press #contentWrapper {/* sets nav border */
	background: url(../images/global/bgBorder.gif) repeat-y 202px top;
}
#company #contentWrapper, #contact #contentWrapper, #legal #contentWrapper {/* sets nav border */
	background: url(../images/global/bgBorder.gif) repeat-y 202px top;
}
#nav h2, #nav h2 a {
	color:#7AA6A7; /* D */
}
#nav h3 a {
	color:#A7C4C5; /* L */
}
#nav li:hover, #nav h3:hover, #company #nav li:hover, #partners #nav li:hover {
	background-color:#E3ECED; /* VL */
}
#contact h3:hover {
	background-color:white;
}
#contact #nav a:hover, #press.prsP1 #extra li a:hover {
	background-color:#E3ECED; /* VL */
}
#press.prsP1 #extra li a.pressProject, #press.prsP1 #extra li {
	color:#7AA6A7; /* D */
}
#breadcrumb, #breadcrumb a {
	color:#7AA6A7; /* D */
}
#footer {
	background-color:#FFF;
	border-top:1px solid #A7C4C5; /* L */
}
#footer, #footer li a, .siteDesigner a {
	color:#A7C4C5; /* L */
}
.t2C2, .t1C3 {
	background-color:#A7C4C5; /* L */
}
.buildCost {
	background-color:#E3ECED; /* VL */
}
.comP0 .comLnkP0, .comP1 .comLnkP1, .comP2 .comLnkP2, .comP3 .comLnkP3, .comP4 .comLnkP4, .comP5 .comLnkP5, .comP6 .comLnkP6, .comP7 .comLnkP7, .comP8 .comLnkP8, .comP9 .comLnkP9, .comP10 .comLnkP10, .resP0 .resLnkP0, .resP1 .resLnkP1, .resP2 .resLnkP2, .resP3 .resLnkP3, .resP4 .resLnkP4, .resP5 .resLnkP5, .resP6 .resLnkP6, .resP7 .resLnkP7, .resP8 .resLnkP8, .resP9 .resLnkP9, .resP10 .resLnkP10, .resP11 .resLnkP11, .resP12 .resLnkP12, .resP13 .resLnkP13, .resP14 .resLnkP14, .resP15 .resLnkP15, .resP16 .resLnkP16, .resP17 .resLnkP17, .resP18 .resLnkP18, .resP19 .resLnkP19, .resP20 .resLnkP20, .resP21 .resLnkP21, .resP22 .resLnkP22, .retP0 .retLnkP0, .retP1 .retLnkP1, .retP2 .retLnkP2, .retP3 .retLnkP3, .retP4 .retLnkP4, .retP5 .retLnkP5, .retP6 .retLnkP6, .retP7 .retLnkP7, .retP8 .retLnkP8, .retP9 .retLnkP9, .retP10 .retLnkP10, .cmpP1 .cmpLnkP1, .cmpP2 .cmpLnkP2, .cmpP3 .cmpLnkP3, .cmpP4 .cmpLnkP4, .cmpP5 .cmpLnkP5, .prsP1 .prsLnkP1 { /* nav links */
	background-color:#E3ECED; /* VL */
}
#home li.projectSections a {
	color:black;
}
#home li.projectSections a:hover {
	background-color:#E3ECED; /* VL */
}
.lightColour {
	color:#A7C4C5; /* L */
}
.darkColour {
	color:#7AA6A7; /* D */
}
.imgChoice {
	color:#A7C4C5; /* L */
}
.whoWeAre li a, #legal #main li a {
	color:#7AA6A7; /* D */
}
.whoWeAre li a:hover, #legal #main li a:hover {
	color:#000;
}
/*  Menuing ############################################################################ */
#menu {
	width: auto;
	height: 1.35em;
	line-height:1.3em;
	float:right;
	margin-top:15px;
}
#menu2, #menu2 ul, #menu2 li {
	padding: 0;
	margin: 0;
}
#menu2 {
	margin-top:6px;
}
#menu3 {
	width:446px;
	float:right;
	margin-top:15px;
}
/*
#menu2 ul {
	list-style-type: none;
	display: block;
	margin:0;
	padding:0;
	width: auto;
	text-align: center;
}
#menu2 li {
	padding:0 10px 0 10px;
	float: left;
	font-size:.8em;
	letter-spacing:0px;
	margin-bottom:0;
	line-height:1.6em;
	margin-bottom:0em;
}
#menu2 li a {
	display:block;
	width:auto;
}
*/
#menu ul {
	list-style-type: none;
	display: block;
	margin:0;
	padding:0;
	width: auto;
	text-align: center;
}
#menu li {
	padding:0 10px 0 10px;
	float: left;
	font-size:.8em;
	letter-spacing:0px;
	margin-bottom:0;
	line-height:1.6em;
	margin-bottom:0em;
}
#menu li a {
	display:block;
	width:auto;
}
#menu a {
	text-decoration: none;
}
/*  Bar ############################################################################ */
#bar {
	width: 100%;
	height:6px;
	margin-bottom:20px;
}
#home #bar .left, #projects #bar .left, #partners #bar .left, #press #bar .left, #company #bar .left, #contact #bar .left, #legal #bar .left {
	width:379px;
	height:4px;
	float:left;
}
#home #bar .right, #projects #bar .right, #partners #bar .right, #press #bar .right, #company #bar .right, #contact #bar .right, #legal #bar .right {
	width:379px;
	height:4px;
	float:right;
}
#projects #bar .left, #partners #bar .left, #press #bar .left, #company #bar .left, #contact #bar .left, #legal #bar .left {
	width:199px;
}
#projects #bar .right, #partners #bar .right, #press #bar .right, #company #bar .right, #contact #bar .right, #legal #bar .right {
	width:559px;
}
/*  main body content ############################################################################ */
#contentWrapper {/* wraps all body content */
	margin:0px;
	height:100%;
	width: auto;
}
#mainGroup { /* content grouping for things other than navbar */
	width: 550px;
	float:right;
}
#extra { /* extra notes */
	width:210px;
	float:right;
	margin-right:0px;
}
#main { /* main body content */
	width: 300px;
	float:right;
	padding-right:11px;
}
#legal #main, #press #main.articles, #contact #main {
	width: 500px;
	margin-bottom:15px;
}
#extra p {
	line-height:1.4em;
	margin-bottom:10px;
}
#extra h2, #company #main h2 {
	margin-bottom:10px;
}
/* navigation & breadcrumb ############################################################################ */
#nav {
	width:192px;
	float:left;
	margin-left:0px;
	padding-right:10px;
	padding-bottom:15px;
}
#nav h2 {
	padding-left:10px;
	font-size:.9em;
	margin-top:0;
}
#company #nav h2, #partners #nav h2, #press #nav h2 {
	padding-bottom:7px;
}
#nav h2 a {
	text-decoration:underline;
}
#nav h3 {
	padding-left:15px;
	font-size:0.75em;
	margin-top:10px;
	margin-bottom:5px;
}
#nav h3 a {
	text-decoration:underline;
	display:block;
	width:100%;
}
#nav ul {
	margin:0;
	padding:0;
	width:auto;
	margin-left:0px;
}
#nav li {
	padding:3px 0 3px 3px;
	margin-left:12px;
	font-size:0.75em;
	line-height:1em;
	list-style-position: outside;
	list-style-type: none;
	width:164px;
}
#company #nav li, #partners #nav li {
	padding:3px 0 3px 4px;
	margin-left:10px;
	font-size:.85em;
	line-height:1em;
}
#nav li a {
	display:block;
	width:100%;
}
#breadcrumb {
	width:auto;
	height:1em;
	margin-bottom:10px;
	font-size:.6em;
	margin-left:20px;
}
#breadcrumb a {
	text-decoration:underline;
}
/* footer ############################################################################ */
#footer {
	font-size:0.75em;
	float:left;
	width:764px;
	text-align:right;
}
#footer li {
	display:inline;
	margin:0 3px;
}
#footer ul {
}
.siteDesigner {
	width:auto;
	float:left;
	margin-left:1em;
	padding:0;
	margin-top:2px;
	font-size:0.8em;
}
/* tables ############################################################################ */
.t2C2, .t1C3 {
	width:210px;
	font-size:.7em;
	margin-bottom:10px;
	padding-top:5px;
	font-weight:bold;
	height:100%;
}
.t2C2 .left, .t2C2 .leftArch {
	width:80px;
	float: left;
	margin-bottom:5px;
	margin-left:3px;
}
.t2C2 .right, .t2C2 .rightArch {
	width:100px;
	float:left;
	padding-left:10px;
	margin-bottom:5px;
	height:auto;
}
.t2C2 .buildCost {
	padding:5px 0 0px 0;
	width:auto;
	height:100%;
	margin-bottom:0px;
	font-weight:normal;
}
.t1C1 {
	width:280px;
	border:none;
}
/* Homepage specific ############################################################################ */

#home #contentWrapper {/* special treatment for home page */
/*	height:385px;*/
}
#home .mainGroup {
/*	width:380px;*/
}
#home #main {
	float:right;
	width: 378px;
	margin-left:0px;
	padding-right:0px;
}
img.homepage {
	border:none;
	float:left;
	margin-left:40px;
	padding-bottom:0px;
}
.whoWeAre {
	width:323px;
	height: 385px;
	float:left;
	padding-right:10px;
	/* #position:relative;*/
	display: table;
	overflow: hidden;
	padding-left:50px; /* for border on left to scale */
}
.whoWeAre {
	background: url(../images/global/bgBorder.gif) repeat-y 382px top;
}
.whoWeAre .outerCenter {
	/* #position: absolute;
 #top: 50%;*/
	display: table-cell;
	vertical-align: top;
	width:280px;
}
.whoWeAre .innerCenter {
	/* #position: relative;
 #top: -50%*/
 	width:318px;
	padding-right:5px;
}
.whoWeAre p {
	padding:0 35px 0 0px;
	margin-bottom:10px;
	line-height:1.4em;
	font-size:0.9em;
}
.whoWeAre ul {
	margin-left:15px;
	padding-left:10px;
	list-style-position: inside;
	list-style-type: disc;
	margin-bottom:13px;
}
.whoWeAre li {
	line-height:1.6em;
}
.whoWeAre li a {
	text-decoration:underline;
	font-size:1.1em;
}
.photoCreditRight {
	font-size:0.6em;
	text-align:right;
	margin-right:50px;
}
.pressCreditRight {
	font-size:0.6em;
	text-align:right;
	margin-right:70px;
}
/* projects ############################################################################ */
#projects #mainGroup h2 {
	font-size:.9em;
	font-weight:bold;
	margin:0 0 10px 26px;
	width:auto;
	background-color:#eee;
	padding:3px 5px;
}
#projects #mainGroup .imgGrabber h2 {
	font-size:.8em;
	font-weight:bold;
	margin:0 0 5px 0px;
	width:262px;
}
.imgGrabber {
	width:300px;
	float:left;
	border:0;
	margin-bottom:15px;
}
.imgGrabber a {
	text-decoration:none;
	border:none;
}
.imgGrabber p {
	font-size:0.7em;
	margin:0;
	padding:0;
}
.placeName {
	font-size:.9em;
	font-weight:normal;
}
img.photo {
	width:280px;
	height:370px;
}
img.photoWide {
	width:280px;
	height:212px;
}
.thumbs {
	margin:13px 0 12px 0;
}
.thumbs li {
	display:inline;
	padding:0 4px 0 3px;
}
#projects .thumbs ul, .thumbs ol {
	margin-left:2px;
}
.imgChoice {
	font-size:0.6em;
}
/* Other specific ############################################################################ */
#company p, #contact p {
	line-height:1.4em;
}
#company #main, #contact #main {
	margin-bottom:15px;
}
#company #nav, #contact #nav, #partners #nav {
	font-size:0.9em;
}
.address {
	margin-left:20px;
	font-size:.8em;
}
.contact {
	margin-left:20px;
	font-size:.75em;
}
#photoWindowImg img {
	z-index:1;
	width:100%;
}
#photoWindowOverlay {
	height:45px;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	background-color:#fff;
	z-index:100;
}
#photoWindowLogo {
	width:auto;
	height:40px;
	margin-top:5px;
	background-image:url(http://www.symmetrys.com/images/global/symmetrys-header-photo.png);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 8px 5px;
	z-index:101;
}
#photoWindowClose {
	position:absolute;
	top:8px;
	right:0px;
	width:25px;
	height:25px;
	padding-right:10px;
	background-color:#fff;
}
#photoWindowJob {
	margin-left:180px;
	padding-left:25px;
	font-size:1em;
	line-height:2em;
	font-weight:bold;
	background-color:#fff;
}
#legal #main li a {
	text-decoration:underline;
}
/*#photoWindowClose a{
  text-decoration:underline;
}
#photoWindowClose a:hover{
background-color:#EEEEEE;
}
*/
.partners {
	width:100%;
	font-size:0.9em;
}
.partners img {
	vertical-align:middle;
	padding:20px 25px 20px 0px;
}
img.membershipLogos, img.membershipLogosLast {
	vertical-align:middle;
	padding:10px 65px 40px 0px;
}
img.membershipLogosLast {
	padding-bottom:10px;
}
.iStructe {
	padding-top:0px;
}
.memberships {
	text-align:center;
	padding-top:70px;
	padding-left:20px;
}
.pressClipping {
	border:1px solid black;
	margin:15px 0;
}
.pressPermission {
	font-size:.6em;
}
.partnerLinks {
	float:left;
	font-size:0.8em;
	line-height:1.35em;
}
.skillsHeadingLineUp {
	margin-top:32px;
}
.pressGrabberImg {
	padding:15px 0px 3px 35px;
}
#press.prsP1 #extra li {
	font-size:0.7em;
}
.imgRight {
	float:right
}

.articles .imgRight {
margin-bottom:10px;	
}