/* CSS Document */

body {
	margin:0;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#333;
	
	background-color:#DCDEDF;
}

/* ************************ LINK STYLES ********************** */
	a {
		font-family:Verdana, Geneva, sans-serif;
		font-size:12px;
		color:#F05133;
		
		text-decoration:none;
	}
	
	a:hover {
		font-family:Verdana, Geneva, sans-serif;
		font-size:12px;
		color:#F05133;
		
		text-decoration:none;
	}

/* ************************ CONTAINER STYLES ********************** */

	/* Outer container for everything. */
	#container_master {
		width:1024px;
		margin-left:auto;
		margin-right:auto;
		
		/*border-left:2px solid #F05133;*/
		
		clear:both;
	}
	
	/* Container encloses logo + top navigation. */
	#container_masthead {
		width:1024px;
		height:124px;
		
		background-color:#FFF;
	}
	
		#container_masthead_logo {
			width:410px;
			height:124px;
			float:left;
		}
		
			.wrapper_masthead_logo {
				padding-left:74px;
				padding-top:40px;
			}
		
		#container_masthead_navigation {
			width:614px;
			height:124px;
			float:left;
			text-align:left;
		}
	
			.wrapper_masthead_navigation {
				padding-left:100px;
				padding-top:57px;
			}
	
	/* Container encloses banner + page intro portion of page. */
	#container_banner {
		width:1024px;
		height:120px;
		
		padding-top:100px;
		
		background-color:#45535C;
		background-image:url(../images/banner_default.jpg);
		background-repeat:no-repeat;
	}
	
	#container_real {
		width:1024px;
		height:120px;
		
		padding-top:100px;
		
		background-color:#45535C;
		background-image:url(../images/banner_real.jpg);
		background-repeat:no-repeat;
	}
	
	#container_banner_contact {
		width:1024px;
		height:120px;
		
		padding-top:100px;
		
		background-color:#45535C;
		background-image:url(../images/banner_rant_rave.jpg);
		background-repeat:no-repeat;
	}
	
	#container_banner_portfolio {
		width:1024px;
		height:120px;
		
		padding-top:100px;
		
		background-color:#45535C;
		background-image:url(../images/banner_proof.jpg);
		background-repeat:no-repeat;
	}
	
	#container_banner_solutions {
		width:1024px;
		height:120px;
		
		padding-top:100px;
		
		background-color:#45535C;
		background-image:url(../images/banner_so_what.jpg);
		background-repeat:no-repeat;
	}
	
	#container_banner_company {
		width:1024px;
		height:120px;
		
		padding-top:100px;
		
		background-color:#45535C;
		background-image:url(../images/banner_inside.jpg);
		background-repeat:no-repeat;
	}
		
		#container_banner_intro {
			width:845px;
			padding-left:0;
			padding-top:0;
			
			margin-left:74px;
			padding:20px;
			
			background-image:url(../images/bannerboxBG.png);
			background-repeat:repeat;
			
			color:#FFF;
			font-style:italic;
		}
	
	/* Container encloses lower portion, content area. */
	#container_contentarea {
		width:1024px;
		/*height:450px;*/
		padding-top:30px;
		padding-bottom:35px;
		
		background-image:url(../images/contentBG.jpg);
		background-repeat:repeat-y;
		background-color:#FFF;
		
		float:left;
	}
	
		#container_contentarea ul {
			margin:0;
			padding:0;
			list-style-type:disc;
			list-style:inside;	
		}
	
		.wrapper_contentarea {
			padding-top:0;
			padding-left:74px;
			padding-right:40px;
		}
		
		#container_contentarea_left_blank {
			width:245px;
			/*height:445px;*/
			float:left;
			clear:both;
		}
		
		#container_contentarea_left {
			width:245px;
			/*height:445px;*/
			float:left;
			clear:both;
			
			background-image:url(../images/gutterBG.png);
			background-repeat:repeat-y;
		}
		
			#container_contentarea_left a {
				font-size:12px;
				text-decoration:none;
			}
			
				#container_contentarea_left a:hover {
					font-size:12px;
					text-decoration:none;
				}
		
			#container_contentarea_left ul {
				margin:0;
				padding:0;
				
				list-style:none;
			}
			
			#container_contentarea_left li {
				font-size:12px;
				padding-top:5px;
				padding-bottom:5px;
				
				border-bottom:1px solid #666;
			}
		
		#container_contentarea_left_callout {
			width:245px;
			height:120px;
			
			background-image:url(../images/gutterboxBG.png);
			background-repeat:no-repeat;
		}
		
			.wrapper_contentarea_left_callout {
				padding:30px;
				color:#333;
				font-size:12px;
				text-transform:uppercase;	
			}
			
			.wrapper_contentarea_left_subnavigation {
				padding:30px;
				color:#333;
				font-size:13px;	
			}
			
			.tinytext {
				text-transform:uppercase;
				font-size:10px;	
			}
			
			#contact {
				font-size:10px;	
			}
			
				#contact a {
					text-transform:none;
					font-size:10px;	
				}
				
					#contact a:hover {
						text-transform:none;
						font-size:10px;	
					}
				
				#contact img {
					padding-right:5px;
					padding-bottom:5px;	
				}
		
		#container_contentarea_right {
			width:645px;
			float:left;
		}
		
			#container_contentarea_right ul {
				margin:0;
				padding:20px;
				list-style-position:outside;
			}
		
			.wrapper_contentarea_right {
				padding-top:0;
				padding-left:54px;
				padding-right:0;
			}
			
				.title {
					font-size:18px;
					color:#253742;
				}
				
				.title_home {
					font-size:18px;
					color:#9D9F88;
				}
				
				/* Full column width.*/
				.display_full {
					width:581px;
					float:left;
					text-align:left;
				}
				
				/* Two distinct columns.*/	
				.display_col1 {
					width:270px;
					float:left;
					text-align:left;
					padding-right:20px;
				}
				
				.display_col2 {
					width:290px;
					float:left;
					text-align:left;
				}	
				
				/* Two column width with callout.*/
				.display_col3 {
					width:450px;
					float:left;
					text-align:left;
					padding-right:30px;
				}
				
				.display_col4 {
					width:101px;	
					float:left;
					text-align:center;
					
					font-size:10px;
				}
				
					.display_col4 a {
						font-size:10px;
						text-decoration:none;
					}
					
					.display_col4 a:hover {
						font-size:10px;
						text-decoration:none;
					}
					
				/* Two column width for portfolio layout. */
				.display_portfolioL {
					width:350px;
					float:left;
					text-align:left;
					padding-right:30px;
				}
				
					.display_portfolioL a {
						font-size:12px;
						text-decoration:none;
					}
					
					.display_portfolioL a:hover {
						font-size:12px;
						text-decoration:none;
					}
				
				.display_portfolioR {
					width:201px;	
					float:left;
					text-align:left;
					
					font-size:10px;
				}
				
					.display_portfolioR a {
						font-size:10px;
						text-decoration:none;
					}
					
					.display_portfolioR a:hover {
						font-size:10px;
						text-decoration:none;
					}
					
			/* Two column width for contact layout. */
				.display_contactL {
					width:350px;
					float:left;
					text-align:left;
					padding-right:30px;
				}
				
					.display_contactL a {
						font-size:12px;
						text-decoration:none;
					}
					
					.display_contactL a:hover {
						font-size:12px;
						text-decoration:none;
					}
				
				.display_contactR {
					width:201px;	
					float:left;
					text-align:left;
					
					font-size:10px;
					color:#333;
				}
				
					.display_contactR a {
						font-size:10px;
						text-decoration:none;
					}
					
					.display_contactR a:hover {
						font-size:10px;
						text-decoration:none;
					}
					
	/* Portfolio stylings. */
	  .thumbnail {
			border:1px solid #A5ACB1;
	  }
	  
	  .news_thumb {
		  padding-left:10px;
		  padding-bottom:10px;
	  }
	  
	  .portfolio_counter {
		 padding-right:7px;
	  }
	  
	  .portfolio_breadcrumb {
			color:#666;
			font-size:10px;
			text-transform:uppercase;  
	  }
	  
	  #portfolio_search_wrapper {
			padding-top:5px;  
	  }
	  
	  .portfolio_keyword {
			background-color:#FC3;
			text-transform:uppercase;  
	  }
	  
	  .portfolio_input {
			width:125px;
			height:15px;
			background-color:#FFF; 
			border:1px solid #999; 
			font-size:10px;
			color:#666;
	  }
	  
	  .portfolio_button {
			vertical-align:middle;
	  }
	  
	  .title_portfolio {
		  font-size:14px;
		  color:#333;
		  font-style:italic;
	  }
	  
	  		.title_portfolio a {
		 		font-size:14px;
		  		color:#F05133;
		  		font-style:italic;
	  		}
			
			.title_portfolio a:hover {
		 		font-size:14px;
		  		color:#F05133;
		  		font-style:italic;
	  		}
	  
	  .count_portfolio {
		  font-size:14px;
		  color:#F05133;
		  font-style:italic;
	  }
				
	/* Container bottom copyright info. */
	#container_footer {
		width:1024px;
		height:66px;
		
		background-image:url(../images/footerBG.jpg);
		background-repeat:no-repeat;
		
		float:left;
	}	
	
		#container_footerL {
			width:500px;
			padding-top:15px;
			padding-left:74px;
			
			font-size:9px;
			color:#4E5B61;
			
			float:left;
		}
		
			#container_footerL a {
				font-family:Verdana, Geneva, sans-serif;
				font-size:9px;
				color:#4E5B61;
				text-decoration:underline;
			}
			
			#container_footerL a:hover {
				font-family:Verdana, Geneva, sans-serif;
				font-size:9px;
				color:#4E5B61;
				text-decoration:none;
			}
			
		#container_footerR {
			width:400px;
			padding-top:15px;
			
			font-size:9px;
			color:#4E5B61;
			
			float:left;
			
			text-align:right;
		}
		
			#container_footerR a {
				font-family:Verdana, Geneva, sans-serif;
				font-size:9px;
				color:#4E5B61;
				text-decoration:underline;
			}
			
			#container_footerR a:hover {
				font-family:Verdana, Geneva, sans-serif;
				font-size:9px;
				color:#4E5B61;
				text-decoration:none;
			}