/*******************************************************************************************************************
Default Styles
*******************************************************************************************************************/
* { margin:0px; padding:0px; }
body { font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#333e46; }
a { color:#3399cc;text-decoration:none; }
a:hover{ color:#006699;text-decoration:underline; }
a.active { color:#2d353b;font-weight:bold;text-decoration:underline; }
/*******************************************************************************************************************
Header Styles
*******************************************************************************************************************/

#headerBack { background:url(../../Images/header_back.gif) repeat-x;height:140px; }
#header { width:795px;margin:0px auto;position:relative;padding-top:14px; }
#logo { border:0px; }
#mainNav {  position:relative;top:19px;float:left;}
#mainNav li { list-style:none;float:left; }
#mainNav  #welcome  { 
	display:block;
	width:100px;
	height:40px;
	text-indent: 10000px; 
	overflow: hidden; 
	background: url(../../Images/nav/welcome.gif) top left no-repeat;
}
#mainNav  #welcome:hover{ background-position: bottom left; }
#mainNav  #welcome.active{ background-position:bottom left; }

#mainNav  #about  { 
	display:block;
	width:100px;
	height:40px;
	text-indent: 10000px; 
	overflow: hidden; 
	background: url(../../Images/nav/about.gif) top left no-repeat;
}
#mainNav  #about:hover{ background-position: bottom left; }
#mainNav  #about.active{ background-position:bottom left; }

#mainNav  #portfolio  { 
	display:block;
	width:111px;
	height:40px;
	text-indent: 10000px; 
	overflow: hidden; 
	background: url(../../Images/nav/portfolio.gif) top left no-repeat;
}
#mainNav  #portfolio:hover{ background-position: bottom left; }
#mainNav  #portfolio.active{ background-position:bottom left; }

#mainNav  #services  { 
	display:block;
	width:110px;
	height:40px;
	text-indent: 10000px; 
	overflow: hidden; 
	background: url(../../Images/nav/services.gif) top left no-repeat;
}
#mainNav  #services:hover{ background-position: bottom left; }
#mainNav  #services.active{ background-position:bottom left; }

#mainNav  #contact  { 
	display:block;
	width:111px;
	height:40px;
	text-indent: 10000px; 
	overflow: hidden; 
	background: url(../../Images/nav/contact.gif) top left no-repeat;
}
#mainNav  #contact:hover{ background-position: bottom left; }
#mainNav  #contact.active{ background-position:bottom left; }

#headerRight { background:url(../../Images/man_1.png) no-repeat;width:257px;height:327px;float:right;position:relative;top:88px;left:-75px; }
#aboutRight { background:url(../../Images/man_2.png) no-repeat;width:257px;height:327px;float:right;position:relative;top:59px;left:-25px; }
#servicesRight { background:url(../../Images/man_3.png) no-repeat;width:257px;height:327px;float:right;position:relative;top:59px;left:-25px; }
#contactRight { background:url(../../Images/man_4.png) no-repeat;width:257px;height:327px;float:right;position:relative;top:59px;left:-25px; }
/*******************************************************************************************************************
Homepage Styles
*******************************************************************************************************************/
#mid #article h1 { left:-9999px;position:absolute; }
#mid { background:url(../../Images/mid_back.gif) repeat-x;height:288px; }
	#mid #article { 
		width:800px;
		position:relative;
		top:30px;
		margin:0px auto;
		left:15px;
		}
		#mid #article #star { 
			float:left;
			margin-right:8px;
			}
			#mid #article #articleContent { 
				position:relative;
				}
				#mid h5 { 
					width:400px;
					line-height:35px;
					margin:0px;
					font-size:150%;
					float:left;
					font-weight:bold;
					padding:0px;
					position:relative;
					top:0px;
					}
					#mid h4 { 
						width:400px;
						line-height:25px;
						margin:0px;
						padding:0px;
						float:left;
						}
						#mid p { 
							width:400px;
							float:left;
							line-height:16px;
							padding:1px 0 0 1px;
							}
							#mid p a img { 
								margin:15px 0 0 -5px;
								border:0px;
								}
								.stepcarousel{
									position: relative; /*leave this value alone*/
									overflow: scroll; /*leave this value alone*/
									width:400px; /*Width of Carousel Viewer itself*/
									height: 230px;
									 /*Height should enough to fit largest content's height*/
									}									
									.stepcarousel .featureWrap{
										position: absolute; /*leave this value alone*/
										left: 0;
										top: 0;
										}										
										.stepcarousel .feature{
											float: left; /*leave this value alone*/
											overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
											margin: 0px; /*margin around each panel*/
											width: 400px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
											}
									
#homeContent { 
	width:775px;
	margin:20px auto;
	color:#666;
	}
	#homeContent h4 { 	
		height:30px;
		display:none;
		}	
		#look, #feel, #control { 
			width:225px;
			float:left;
			position:relative;
			line-height:17px;
			}
			.homeBottomContent { 
				position:relative;
				left:38px;
				top:10px;
				font-size:12px;
				width:185px;
				color:#414b53;
				line-height:17px;
				}
				.homeBottomContent p a { 
					width:170px;
					text-align:right;
					font-size:11px;
					margin:10px 0;
					float:left;
					}
						
/*******************************************************************************************************************
Subpage Styles
*******************************************************************************************************************/
#submid { 
	background:url(../../Images/submid_back.gif) repeat-x;
	height:225px;
	}
	#submid #article { 
		width:800px;
		position:relative;
		top:30px;
		margin:0px auto;
		left:13px;	
		}
		#submid #article #star { 
			float:left;
			margin-right:8px;
			}
			#submid #article #articleContent { 
				position:relative;
				}
				#submid h5 { 
					width:400px;
					line-height:35px;
					font-size:150%;
					margin:0px;
					font-weight:bold;
					float:left;
					padding:0px;
					position:relative;
					top:3px;
					}
					#submid h4 { 
						width:400px;
						line-height:25px;
						margin:0px;
						padding:0px;
						float:left;
						position:relative;
						left:40px;
						}
						#submid p { 
							width:435px;
							float:left;
							line-height:16px;
							position:relative;
							left:40px;
							top:0px;
							padding:0px;
							margin:0px;
							}
							#submid p a img { 
								margin:15px 0 0 -5px;
								border:0px;
								}
								#submid a { 
									font-weight:bold;
									}

#content { 
	width:850px;
	margin:0px auto;
	line-height:18px;
	position:relative;
	left:50px;
	}	
	#content a { 
		color:#0093D0;
		}

#subNav { 
	float:left;
	/*background:transparent url(../../Images/nav_back.png) no-repeat scroll right top;*/
	width:237px;
	position:relative;
	top:-53px;
	left:10px;	
	}
	.agency ul {
		margin:0px;
		padding:5px 0;
		width:209px;
		}
		#subNav li { 
			list-style:none;
			margin:5px 0 5px 21px;
			background:url(../../Images/nav_link.jpg) no-repeat bottom left;
			padding-left:20px;
			}
			#subNav li a { 
				color:#3a434b;
				}
				#subNav div { 
					margin:0 0 1px 0;	
					padding-left:10px;
					}
					#subNav div p { 
						width:185px;
						padding:10px 18px;
						}			
						#subNav div .happyClient { 
							padding:0px 0 0 18px;
							font-style:italic;
							color:#3399cc;
							float:left;
							font-size:11px;
							width:200px;
							}	
							#subNav div .happyCompany { 
								padding:5px 0 0 18px;
								font-style:italic;
								color:#3399cc;
								font-size:11px;
								float:left;
								width:200px;
								margin-top:-8px;
								}
								#subNav div.testimonials { 
									margin:15px 0;
									color:#666;
									}
						
#right { 
	width:500px;
	float:left;
	border-left:1px solid #fafafa;
	position:relative;
	top:-17px;
	}
	#right img { 
		border:1px solid #fafafa;
		padding:1px;
		margin:0 10px 0px 0;
		}
		.article { 
			float:left;
			width:455px;
			padding:0px 0px 10px 20px;
			}
			.article .articleTitle { 
				width:100%;
				height:25px;
				float:left;
				font-weight:bold;
				font-size:16px;
				padding:4px 0;
				margin:15px 0 0 0;
				}
				.article .articleDate { 
					font-size:10px;
					float:left;
					width:100%;
					border-top:1px solid #eee;
					border-bottom:1px solid #eee;
					}
					.article p { 
						float:left;
						padding:0px 0 10px 0;
						width:100%;
						color:#666;
						}
						#right .article ul { 
							padding:0 0 0 5px;
							margin:0 0 15px 0;
							width:500px;
							list-style:none;
							float:left;
							}
							#right .article li { 
								background:url(../../Images/list_back.jpg) no-repeat bottom left;
								padding:0px;
								margin:2px 0;
								float:left;
								width:100%;
								padding-left:20px;
								height:16px;
								}
									#right .article li.cmslink { 
										background:url(../../Images/list_back.jpg) no-repeat top left;
										padding:0px;
										margin:2px 0;
 										height:auto;
										padding-left:20px;
										color:#0a73ae;
										float:left;
										cursor:pointer;
										}
					
					

/*******************************************************************************************************************
Portfolio Styles
*******************************************************************************************************************/

.portBlock { 
	float:left;
	position:relative;
	left:25px;
	width:800px;
	padding:20px 0 20px 0;
	border-bottom:3px double #eee;
	}
	.portContent { 
		float:left;
		padding:0px 0 0 20px;	
		width:375px;	
		}
		.portContent h4 { 
			width:350px;
			height:28px;
			margin:0px;
			padding:0px;
			line-height:16px;
			}
			#mid .portContent p { 
				margin:0 0 10px 0px;
				width:400px;
				float:left;
				color:#666;
				padding:0px;
				}
				#content .portContent p { 
					color:#666;
					}
					.portImage {
						float:left;
						position:relative;
						width:400px;
						padding:1px;
						border:1px solid #eee;
						}
						.portCheck { 
							background:url(../../Images/check.png) no-repeat;
							height:13px;
							float:left;
							width:100%;
							padding:0 0 0 20px;
							margin:2px 0 3px 0; 
							font-size:11px;
							}

/*******************************************************************************************************************
Contact FormStyles
*******************************************************************************************************************/

#contactForm  { 
	width:400px;
	float:left;
	margin:0 15px;
	}
	.errorMessage { 
		color:#FF0000;
		font-weight:bold;
		padding-top:10px;
		}
		#contactForm input, select, textarea { 
			width:343px;
			background:#e8f3fd;
			border-top:1px solid #c3dfee;
			border-left:1px solid #c3dfee;
			border-right:1px solid #fff;
			border-bottom:1px solid #fff;
			}
			#contactForm input, textarea{ 
				padding:5px 0;
				outline-color: #c3dfee;
				width:341px;
				}
				#contactForm input:hover, select:hover, textarea:hover { 
					background:#bedced;
					}
					#contactForm .request input, .request select, .request textarea { 
						width:350px;
						background:#eefbd3;
						border-top:1px solid #dff2b6;
						border-left:1px solid #dff2b6;
						border-right:1px solid #fff;
						border-bottom:1px solid #fff;
						}
						#contactForm .test input, .test select, .test textarea { 
							width:350px;
							background:#ffebed;
							border-top:1px solid #ebbbbf;
							border-left:1px solid #ebbbbf;
							border-right:1px solid #fff;
							border-bottom:1px solid #fff;
							}
							#contactForm .request span { 
								color:#496906;
								}		
								#contactForm .test span { 
									color:#c3182c;
									}							
									#contactForm .request input:hover, .request select:hover, .request textarea:hover { 
										background:#dff2b6;
										}
										#contactForm .test input:hover, .test select:hover, .test textarea:hover { 
											background:#eda8ae;
											}
											#contactForm input.submit { 
												background:none;
												border:1px solid #999;
												background:#333;
												border:3px double #999;
												color:#fafafa;
												text-transform:uppercase;
												width:343px;
												cursor:pointer;
												}
												#contactForm span { 
													color:#069;
													font-size:12px;	
													width:400px;
													float:left;
													padding:10px 0 2px 0px;	
													}
/*******************************************************************************************************************
Footer Styles

*******************************************************************************************************************/
#footer { 
	width:100%;
	clear:both;
	margin:0px auto;
	font-size:11px;
	text-align:center;
	padding-top:10px;
	border-top:1px solid #eee;
	height:100%;
	}
/*******************************************************************************************************************
SIFR Styles
*******************************************************************************************************************/
.sIFR-hasFlash h3 {
visibility: hidden;
font-size:22px;
}	
	
.sIFR-hasFlash h4 {
visibility: hidden;
font-size:22px;
}	
.sIFR-hasFlash h5 {
visibility: hidden;
font-size:19px;
}	
.sIFR-flash {
visibility: visible !important;
margin: 0;									
}
.sIFR-replaced {
visibility: visible !important;					
}			
span.sIFR-alternate {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
display: block;
overflow: hidden;
}