html {
	overflow-x: hidden;
}

body {
	margin: 0px;
	background: #cfd1d2;
	text-align: center;
	font-size: 10px;
}

body, input, textarea { font-family: Calibri, Arial, Sans-serif; }

.left { float: left; }
.right { float: right; }
.clear { float: none; clear: both; }

.aLeft { text-align: left; }
.aRight { text-align: right; }
.aJustify { text-align: justify; }

a img { border: none; }

a {
	color: red;
	text-decoration: none;
}
a:hover { text-decoration: underline; }

.red { color: #ff0000; }
.white { color: #ffffff; }

.standard { font-size: 1.3em; }
.large { font-size: 1.6em; }
.xlarge { font-size: 1.9em; }

.bold { font-weight: bold; }
.italic { font-style: italic; }
.underline { text-decoration: underline; }

form {
	margin: 0px;
	padding: 0px;	
}

form input.standard {
	border: none;
	background: none;
	width: auto;
	height: auto;	
}

div.rule {
	clear: both;
	height: 0px;
	margin: 0px;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	color: #c7c7c7;
}

form {
	margin: 0px;
	padding: 0px;
}

fieldset {
	margin: 0px;
	padding: 0px;
	border: none;
}

#background {

}

	#background object {
		position: absolute;
		left: 0px;
	}

#container {
	position: relative;
	width: 990px;
	margin: 0px auto;
	padding-top: 8px;
	text-align: left;
}

/*----- Nav -----*/

	#nav {
		position: relative;
		width: 990px;
		height: 51px;
	}
	
		#nav div.layer {
			position: absolute;
			top: 0px;
			left: 0px;
			width: 990px;
			height: 51px;
		}
	
		#nav div.shadow {
			width: 1004px;
			height: 61px;
			left: -7px;
			background: url('../images/nav_shadow.png') no-repeat;
		}
		
		#nav div.background {
			background: url('../images/nav_background.png') no-repeat;
		}
		
		#nav div.content {

		}
		
			#logo {
				position: absolute;
				top: 4px;
				left: 5px;
				height: 53px;
			}
			
			#logo:hover {
				background: url('../images/logo_glow.png') no-repeat 50% 100%;
			}
			
			#nav div.links {
				position: absolute;
				top: 0px;
				left: 214px;
				width: 776px;
			}
			
				#nav div.links a {
					display: block;
					float: left;
					height: 58px;
					line-height: 51px;
					width: 117px;
					font-size: 1.6em;
					text-align: center;
					color: #1b1b1b;
				}
				
				#nav div.links a.client {
					position: absolute;
					right: 0px;
					font-size: 1.3em;
				}
				
				#nav div.links a:hover, #nav div.links a.selected {
					background: url('../images/nav_glow.png') no-repeat 50% 100%;
				}
				
				#nav div.links a:hover {
					text-decoration: none;
					color: #5a5a5a;
				}
				
				#nav div.links a.selected {
					color: #ff0018;
				}

/*----- Flash -----*/

	#flash {
		position: relative;
		height: 770px;
	}
	
		#flash object {
			position: relative;
			top: 0px;
			left: -400px;
		}
	
		
		#shadowBoxes {
			/*position: absolute;
			left: 0; /*-705px; /* (flash - container)/2 = (2400 - 990)/2 */
			bottom: 0px;*/
		}
		
			#shadowBoxes object {
				top: 0px;
			}

/*----- Top Content -----*/

	#topContent {
		position: relative;
		height: 238px;
	}
	
		#video {
			position: absolute;
			top: 50px;
			left: 700px;
		}

/*----- Body -----*/

	#body {
		position: relative;
	}
	
		#top {
			width: 990px;
			height: 65px;
			background: url('../images/body_top_transparent.png') no-repeat;
		}
		
		#top.opaque {
			background-image: url('../images/body_top.png');
		}

/*----- Left menu & Content -----*/

		#left, #right {
		}

/*----- Left menu -----*/
		
		#left {
			position: absolute;
			top: 65px;
			left: 0px;
			width: 218px; /*allow the shadow of #leftMenu to overlap by 8px*/
			z-index: 2;
		}
		
			#leftMenu {
				position: relative;
				padding: 0px 8px 23px 0px; 
				margin-bottom: 3px; /*allow for the bottom image*/
				background: #ffffff url('../images/left-menu-shadow.png') 210px 0px repeat-y;
			}
		
				#leftMenu div.level1 {
					margin: 15px 0px 15px 0px;
				}
			
				#leftMenu a.level0 {
					display: block;
					height: 44px;
					line-height: 44px;
					padding-left: 20px;
					margin: 0px 0px 1px 1px;
					font-size: 1.5em;
					color: #333333;
					background: #f9f9f9 url('../images/arrow_light.png') 166px 16px no-repeat;
				}
				
				#leftMenu a.level0:hover, #leftMenu a.level0.selected {
					color: #1b1b1b;
					text-decoration: none;
					background-image: url('../images/arrow.png');
				}
				
				#leftMenu a.level0.selected {
					background-color: #d3d2d2;
				}
				
					#leftMenu a.level1 {
            
            display: block;
						height: 25px;
            padding-top: 3px;
            padding-bottom: 3px;
						line-height: 25px;
						padding-left: 20px;
						font-size: 1.3em;
						color: #8f8f8f;
						text-decoration: none;
						background: url('../images/gt_light.png') 170px 50% no-repeat;
					}
					
					#leftMenu a.level1:hover, #leftMenu a.selected.level1 {
						color: #000000;
              background-image: url('../images/gt.png');
          
					}
					
					#leftMenu a.selected.level1 {
						background-image: url('../images/gt.png');
					}
		
				#leftMenu img.shadow_top, #leftMenu img.shadow_bottom {
					position: absolute;
					left: 210px;
				}
				
				#leftMenu img.shadow_top {
					top: -65px;
				}
				
				#leftMenu img.shadow_bottom {
					bottom: -58px; /*image_height*/
				}
			
				#leftMenu img.bottom {
					position: absolute;
					left: 0px;
					bottom: -3px;
				}
				
/*----- Newsletter -----*/

			#newsletter { /*height changed in ie-all.css*/
				position: relative;
				height: 85px;
				padding-top: 18px;
				background: url('../images/newsletter_background.jpg') no-repeat;
			}
			
				#newsletter span {
					margin-left: 5px;
				}
				
				#newsletterField {
					position: absolute;
					width: 210px;
					height: 65px;
					top: 66px;
					left: -4px;
					margin-top: 7px;
				}
				
					#newsletterField div {
						position: absolute;
						width: 210px;
						height: 65px;
						top: 0px;
						left: 0px;
					}
					
					#newsletterField div.background {
						background: url('../images/newsletter_field.png') no-repeat;
						z-index: 1;
					}
					
					#newsletterField div.content {
						z-index: 2;
					}
					
						#newsletterEmail {
							position: absolute;
							width: 140px;
							top: 8px;
							left: 15px;
							border: 0px;
							font-size: 1.3em;
							color: #555;
						}
					
						#newsletterField input.submit {
							position: absolute;
							top: 13px;
							right: 12px;
						}
						
/*----- Calls to action -----*/
		
			#left div.cta {
				position: relative;
				width: 210px;
				padding: 15px 0px;
				margin-top: 15px;
			}
			
				#left div.cta h2 {
					margin: 0px 0px 10px 6px;
					font-size: 1.7em;
					font-weight: normal;
					color: #33372e;
				}
				
				#left div.cta p {
					font-size: 1.3em;
					color: #292a2b;
					margin: 0px;
				}
				
				#left div.cta a.more {
					position: absolute;
					bottom: 0px;
					right: 16px;
					padding-right: 10px;
					color: #ff0000;
					font-size: 1.3em;
					background: url('../images/arrow_red.png') no-repeat 100% 50%;
				}
			
/*----- Content -----*/

		#right {
			position: relative;
			left: 210px;
			width: 780px;
		}
		
			#content {
				padding: 0px 80px;
				min-height: 500px;
				background: #ffffff;
				color: #292a2b;
			}
			
			* html #content { /*MSIE min-height hack*/
				height: 500px;
			}
			
			#content.halfPad {
				padding: 0px 40px;
			}
				
				#content h1 {
					font-size: 2.8em;
					margin: 0px 0px 12px 0px;
				}
				
				#content h2 {
					font-size: 2.0em;
          background: url(images/arrow_sub_header.jpg) no-repeat 0px 5px;
          padding-left: 25px;
				}
				
				#content p {
					font-size: 1.6em;
				}
				
				#content h1, #content h2, #content p {
					margin: 0px 0px 12px 0px;
					font-weight: normal;
				}
				
				
        
#articles ul li {

  list-style-type: square;
  font-size: 16px;
  margin-left: 30px;
  line-height: 22px;
  
}
        
/*----- Article list -----*/

				#articles {
        padding: 0px 40px;
				     
				}    
				
        #articles p {
        
          text-align: justify;
        
        }
        
					#articles div.summary {
						margin: 0px 0px 15px 0px;
					}
					
						#articles div.image {
							float: left;
							padding: 0px 25px 43px 0px;
						}
						
							#articles div.image a {
								display: block;
								width: 150px;
								height: 150px;
								margin: -5px;
							}
							
							#articles div.image a:hover {
								background: url('../images/articles/glow.png') 0px 0px no-repeat;
							}
							
              
              form .image {
               
                 display: none;
                 
              }
								#articles div.image a img {
									position: relative;
									top: 5px;
									left: 5px;
								}
						
						#articles div.text {
							padding-bottom: 30px;
						}
						
							#articles h1 {
								font-size: 2.8em;
								font-weight: normal;
								margin-bottom: 7px;
							}
              
              #articles div.text h1 {
              
                 font-size: 2.4em;
                 
              } 
							
								#articles h1 a {
									color: #292a2b;
									text-decoration: none;
								}
								
								#articles h1 a:hover {
									text-decoration: underline;
								}
							
							#articles .date, .date {
								display: block;
								float: left;
								height: 18px;
								line-height: 18px;
								padding: 0px 3px;
								margin: 0px;
								font-size: 1.3em;
								color: #ffffff;
								background: #d1d1d1;
							}
							
							#articles div.summary p {
								font-size: 1.3em;
							}
							
							#articles div.text p a {
								padding-right: 21px;
								background: url('../images/arrow_light.png') 100% 50% no-repeat;
							}
							
/*----- Article -----*/


				#articles.view {
					margin-bottom: 30px;
				}
				
					#articles img.main {
						float: left;
						margin: 0px 25px 10px 0px;
					}

				#articleMenu {
					font-size: 1.5em;
				}
				
					#articleMenu a {
						color: #686868;
					}
					
					#articleMenu a.next {
						padding: 0px 20px 0px 10px;
						background: url('../images/arrow_light.png') 100% 50% no-repeat;
					}
					
					#articleMenu a.prev {
						padding: 0px 10px 0px 20px;
						background: url('../images/arrow_light_left.png') 0% 50% no-repeat;
					}
					
					#articleMenu div.rule { /*margin-top changed in ie6.css*/
						margin: 12px 0px 40px 0px;
					}
		
    
/* clients */
div.clientItem {

  float: left;
  width: 200px;
  position: relative;
  text-align: center;
  margin-bottom: 20px;
  
}

div.clientItem img {

  width: 161px;
  height: 80px;
  position: relative;
  float: left;
  left: 19px;
  
}    

div.clientItem p {


}

/* new comments */
#comments {

  margin-top: 30px;
  margin-left: 38px;

}

#comments label {

  width: 200px;
  float: left;
  position: relative;

}

#comments textarea {

  width: 300px;
  height: 150px;

}
    			
/*----- Comments ----

				#comments {
					margin-top: 30px;
				}
				
					#comments p {
						margin: 0px;
					}
				
					#comments input, #comments textarea {
						background: #f8f8f8;
						border: none;
						width: 430px;
						//width: 436px;
						margin-bottom: 9px;
						color: #292a2b;
						font-size: 15px;
					}
					
					#comments input {
						height: 15px;
						//height: 31px;
						//line-height: 31px;
						padding: 8px 3px;
						//padding: 0px 3px;
					}
					
						#comments span input {
							float: left;
							width: 212px;
							//width: 215px;
						}
					
					#comments textarea {
						scroll: auto;
						height: 178px;
						padding: 3px;
					}
	-*/ 	
/*----- Footer -----*/

			#footer {
				position: absolute;
				width: 1513px;
				height: 287px;
				left: -354px;
				font-size: 1.3em;
				line-height: 1.5em;
				color: #333333;
				background: url('../images/footer.jpg') no-repeat;
			}
			
				#footer p { /*top changed in ie-all.css*/
					position: absolute;
					top: 65px;
					left: 376px;
				}
        
        
        #footer a {
        
          color: #9E9E9F;
        
        }
        
        #footer #fillerLines {
                 
                 
        color:#9E9E9F;
		font-size:12px;
        
        
        }
        
#footerHome img {

  margin-left: 5px;
  vertical-align: absmiddle;
  float: left;
  
}

#footerHome {

  font-size: 12px;
  font-family: Calibri;
}

#footerHomeLeft {

  width: 344px;
  height: 28px;
  float: left;
  position: relative;
  margin-right: 5px;
  background: url(images/footer_news.jpg) top left no-repeat;
  
}

#footerHome p {

  padding-top: 6px;
}

div#footerHomeRight {

  width: 635px;
  height: 28px;
  float: left;
  position: relative;
  background: url(images/footer_contact.jpg) top left no-repeat;
  
}

span#tel {

  color: red;
  margin-left: 10px;

}

span#email {

  color: red;
  margin-left: 10px;
}

span#contact {

  color: red;
  margin-right: 10px;

}

#scrollup {
  position: relative;
  overflow: hidden;
  height: 15px;
  width: 290px;
}
.headline {
  position: absolute;
  left: 5px;
  height: 15px;
  top: 15px;
  width:312px;
  display: none;
}

div.comment {

  width: 590px;
  float: left;     
  clear: both;

}

div.comment div.left {

  width: 100px;
  float: left;

}

div.right img {

  margin-left: -39px;
  margin-top: 10px;
  float: left;

}

div.right p {
 
  float: left;
  position; relative;
}

div.comment div.left p {

  margin-bottom: 0px;
  overflow: hidden;

}

div.comment div.right {

  margin-left: 30px;
  float: left;
  border: 1px solid #BEBEBE; 
  background: white;
  width: 400px;
  padding: 15px;
  min-height: 40px;   
  margin-bottom: 20px;

}

span.error {

  color: red;
  font-size: 12px;

}

img.sub {

  float: left;
  width: 185px;
  height: 136px;
  margin-bottom: 5px;
 

}

div.backgroundSub {

   float: left;
   position: relative;
   background-image: url(images/icon-zoom.jpg);
   background-repeat: no-repeat;
   background-position: bottom right;
   z-index: 1000;
}

img.first {

  float: left;
  margin-right: 5px;
  
}

img.f2, img.f3 {

  display: none;
  
}

div.workItem {

  clear: both;
  position: relative;


}



div#content hr {

  border: 0px;
  border-top: 1px solid #CFD1D2;
  height: 1px;

}

div.workItem img.enlarge1, div.workItem img.enlarge2 {
		position: absolute;
		left: 549px;
	}
	
	div.workItem img.enlarge1 { top: 154px; }
	div.workItem img.enlarge2 { top: 295px; }
	
  
img#serviceImage {

  position: absolute;
  top: -50px;
  left: 430px;

}






#sitemap {
	display:none;
	font-size:12px;
	text-align:center;
	color:#9e9e9f;
	position:absolute;
	top:175px;
	left:50%;
	margin-left:-200px;
	width:360px;
	height:360px;
	padding:55px 20px 10px 20px;
	background: url('../images/sitemap.png') no-repeat;
}
#sitemap a{
	color:#9e9e9f;
}
#sitemap ul {
	list-style:none;
	text-align:left;
	font-size:11px;
	line-height:16px;
	padding-left:10px;
}
#sitemap ul li{
	list-style:none;
	text-align:left;
	width:600px;
}
#sitemaphome {
	display:none;
	font-size:12px;
	text-align:center;
	color:#9e9e9f;
	position:absolute;
	top:750px;
	left:50%;
	margin-left:-200px;
	width:360px;
	height:360px;
	padding:55px 20px 10px 20px;
	background: url('../images/sitemap.png') no-repeat;
}
#sitemaphome a{
	color:#9e9e9f;
}
#sitemaphome ul {
	list-style:none;
	text-align:left;
	font-size:11px;
	line-height:16px;
	padding-left:10px;
}
#sitemaphome ul li{
	list-style:none;
	text-align:left;
	width:600px;
}

#myContent h1, #myContent h2, #myContent p, #myContent small {
	width:500px;
	margin:0 auto;
}
#myContent h1 {
	margin:50px auto 10px auto;
}
#myContent h2 {
	margin: 10px auto;
}
#myContent p {
	margin: 10px auto;
}
#myContent img {
	margin: 10px;
	width:100px;
	height:auto;
	float:left;
}