/* --------------------------
	BenchDog Website Styles	
   -------------------------- */

	/* --------------------------
		GLOBAL STYLES	
   	   -------------------------- */
	   
		body {
			background-image:url(../images/bg-body.gif);
			background-position:top left;
			background-repeat:repeat-x;
			padding:0px;
			margin:0px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:62.5%;
			background-color:#CCCCCC;
		}

		#page-container {
			width:930px;
			margin:6px auto 0px auto;	
		}
			
			#page-header {
				height:76px;
				overflow:hidden;
				position:relative;
				background-image:url(../images/bg-page-header.gif);
				background-position:bottom left;
				background-repeat:no-repeat;
			}
				
				#header-logo {
					float:left;
				}
					#header-logo img {
						border:none;
					}
					
				ul#header-nav {
					position:absolute;
					top:36px;
					right:8px;
					margin:10px 0px 0px 0px;
					padding:0px;			
				}
					ul#header-nav li {
						float:left;
						list-style-type:none;
						margin:0px;
						padding:0px;
					}
						ul#header-nav li img {
							border:none;
						}
						
			#content-header-ourmission {
				background-image:url(../images/bg-header-ourmission.gif);
				background-position:bottom left;
				background-repeat:no-repeat;
				height:46px;
			}
			
			#content-header-whoweare {
				background-image:url(../images/bg-header-whoweare.gif);
				background-position:bottom left;
				background-repeat:no-repeat;
				height:46px;
			}
			
			#content-header-ourwork {
				background-image:url(../images/bg-header-ourwork.gif);
				background-position:bottom left;
				background-repeat:no-repeat;
				height:46px;
			}
			
			#content-header-contactus {
				background-image:url(../images/bg-header-contactus.gif);
				background-position:bottom left;
				background-repeat:no-repeat;
				height:46px;
			}
			
			#content-container {
				min-height:496px;
				overflow:hidden;
				background-image:url(../images/bg-content-container.gif);
				background-position:top left;
				background-repeat:repeat-y;
			}	
			#content-container2 {
				min-height:514px;
				overflow:hidden;
				background-image:url(../images/bg-content-container2.gif);
				background-position:top right;
				background-repeat:repeat-y;
			}	
				#content-container img.leftborder {
					float:left;
				}
			
			#content-footer-ourmission {
				background-image:url(../images/bg-footer-contactus.gif);
				background-position:top left;
				background-repeat:no-repeat;
				height:34px;
				clear:both;
	/*			background-image:url(../images/bg-footer-ourmission.gif);
				background-position:top left;
				background-repeat:no-repeat;
				height:34px;
				clear:both;*/
			}
			
			#content-footer-ourwork {
				background-image:url(../images/bg-footer-ourwork.gif);
				background-position:top left;
				background-repeat:no-repeat;
				height:34px;
				clear:both;
			}
			#content-footer-contactus {
				background-image:url(../images/bg-footer-contactus.gif);
				background-position:top left;
				background-repeat:no-repeat;
				height:34px;
				clear:both;
			}
			
			#page-footer {
				margin-bottom:25px;
				clear:both;
			}
				
				#page-footer p {
					font-size:11px;
					color:#999999;	
					text-align:center;		
				}
				
				.footer-item {
					margin-left:20px;
					margin-right:20px;
					color:#333333;
				}
					
		/* --------------------------
			OUR MISSION STYLES	
   	  	   -------------------------- */
		   
			#content-ourmission-leftcolumn {
				float:left;
				padding:0px 20px 0px 75px;
				margin:0px;
				width:536px;
				background-color:#FFFFFF;
				min-height:524px;
			}				
				#content-ourmission-leftcolumn h1 {
					width:420px;
					font-size:14px;
					font-weight:bold;
					color:#12544a;
					margin:0px 0px 7px 0px;
				}	
				#content-ourmission-leftcolumn h2 {
					width:420px;
					font-size:16px;
					font-weight:400;
					color:#12544a;
					margin:0px 0px 7px 0px;
				}				
				#content-ourmission-leftcolumn p {
					width:420px;
					font-size:12px;
					line-height:20px;
					color:#666666;
					margin:0px 0px 7px 0px;
				}
				
			#content-ourmission-rightcolumn {
				float:left;
				width:292px;
				min-height:514px;
				margin:0px;
				padding:0px;
				background-color:#FFFFFF;
				background-image:url(../images/bg-ourmission-rightcolumn.gif);
				background-position:top right;
				background-repeat:repeat-y;
				/*<img src="images/gr-content-rightborder.gif" alt="" class="rightborder" />*/
			}					
				#content-ourmission-rightcolumn img.rightborder  {
					float:right;
				}
		
		/* --------------------------
			OUR WORK STYLES	
   	  	   -------------------------- */	
		   
			#content-container-ourwork {
				min-height:514px;
				overflow:hidden;
				background-image:url(../images/bg-container-ourwork.gif);
				background-position:top left;
				background-repeat:repeat-y;
			}	
				#content-container-ourwork img.leftborder{
					float:left;
				}
				
				#content-subnavcolumn {
					float:left;
					padding:0px 0px 0px 15px;
					width:167px;
					background-color:#d1d1d1;
					background-image:url(../images/bg-subnavcolumn.gif);
					background-position:top left;
					background-repeat:no-repeat;
					min-height:514px;
					position:relative;
					z-index:10;
				}
					div#subnav-item1{
						position:absolute;
						top:40px;
						left:-2px;

						width:165px;
						z-index:20;
						padding:5px 0 5px 20px;
					}
					div#subnav-item2{
						position:absolute;
						top:90px;
						left:-2px;
						
						width:165px;
						z-index:20;
						padding:5px 0 5px 20px;
					}
					div#subnav-item3{
						position:absolute;
						top:140px;
						left:-2px;
						
						width:165px;
						z-index:20;
						padding:5px 0 5px 20px;
					}
					div#subnav-item4{
						position:absolute;
						top:190px;
						left:-2px;
						
						width:165px;
						z-index:20;
						padding:5px 0 5px 20px;
					}
					div#subnav-item5{
						position:absolute;
						top:240px;
						left:-2px;
						
						width:165px;
						z-index:20;
						padding:5px 0 5px 20px;
					}
					div#subnav-item6{
						position:absolute;
						top:290px;
						left:-2px;
						
						width:165px;
						z-index:20;
						padding:5px 0 5px 20px;
					}
					div#subnav-item7{
						position:absolute;
						top:340px;
						left:-2px;
						
						width:165px;
						z-index:20;
						padding:5px 0 5px 20px;
					}
					div#subnav-item8{
						position:absolute;
						top:390px;
						left:-2px;
						
						width:165px;
						z-index:20;
						padding:5px 0 5px 20px;
					}		
					div#subnav-item9{
						position:absolute;
						top:435px;
						left:-2px;
						
						width:165px;
						z-index:20;
						padding:5px 0 5px 20px;
					}							
					h2.subnav-title {
						margin:12px 0px 12px 0px;
					}
					
					ul.project-subnav {
						margin:0px;
						padding:5px 0px 0px 0px;
						z-index:100;
					}
						ul.project-subnav li {
							margin:0px;
							padding:0px 0px 18px 5px;
							list-style-type:none;
							color:#113d37;
							font-size:12px;
							
						}
							ul.project-subnav li a {
								color:#113d37;
								text-decoration:none;
								margin-left:2px;
								background:none;
							}
								ul.project-subnav li a:hover {
									color:#113d37;
									/*text-decoration:underline;*/
									/*background-color:#FFFF00;*/
								}
						
				#content-projectcolumns {
					min-height:514px;
					overflow:hidden;
					position:relative;
					background-image:url(../images/bg-projectcolumns.gif);
					background-position:top right;
					background-repeat:repeat-y;
					background-color:#FFFFFF;
				}	
					
					#content-projectcolumns img.rightborder{
						float:right;
					}
					
					#project-info {
						float:left;
						width:325px;
						padding:0px 10px 10px 28px;
						background-color:#FFFFFF;
						min-height:504px;
					}
						#project-info h2 {
							width:333px;
							font-size:16px;
							font-weight:400;
							color:#12544a;
							margin:0px 0px 7px 0px;
						}
						#project-info p {
							width:333px;
							font-size:12px;
							line-height:20px;
							color:#666666;
							margin:0px 0px 25px 0px;
						}
					
					#project-photos {
						float:left;
						width:311px;
						background-color:#FFFFFF;
						padding:0px;
					}
						#photos-main {
							text-align:right;
							margin:0px 0px 20px 26px;
							min-height: 225px;
						}
							#photos-main img.main{
								margin-bottom:5px;
								border:0px;
							}
							
						.photos-thumbnails {
							margin:0px 0px 6px 20px;
						}
							.thumbnail {
								margin-left:4px;
								border:none;
							}
							.thumbnail img {
								border:none;
							}
				
		/* --------------------------
			CONTACT US STYLES	
   	  	   -------------------------- */
		   	
			#content-contactus-leftcolumn {
				float:left;
				padding:0px 20px 0px 75px;
				width:536px;
				background-color:#FFFFFF;
				min-height:514px;
			}					
				#content-contactus-leftcolumn h2 {
					width:420px;
					font-size:16px;
					font-weight:400;
					color:#12544a;
					margin:0px 0px 7px 0px;
				}				
				#content-contactus-leftcolumn p {
					width:420px;
					font-size:12px;
					line-height:20px;
					color:#666666;
					margin:0px 0px 25px 0px;
				}		
				
			#content-contactus-rightcolumn {
				float:left;
				width:292px;
				min-height:514px;
				background-color:#FFFFFF;
				background-image:url(../images/bg-contactus-rightcolumn.gif);
				background-position:top right;
				background-repeat:repeat-y;
				
			}					
				#content-contactus-rightcolumn img.rightborder  {
					float:right;
				}
				.highlight{
					color: #12544a !important;
					font-weight: bold;
				}