@charset "UTF-8";


#bubble_container {
	background: url(../images/social_bubble.png) no-repeat;
	position:absolute;
	width:431px;
	height:210px;
	padding: 20px;
	margin-left: 35px;
	margin-top: 25px;
}

	#bubble_container .content	{
		width:400px;
		height:120px;
		overflow:hidden;
		position:relative;
	}
	
		#bubble_container .content a	{
			color:#fff;
			text-decoration:underline;
		}
	
		#bubble_container .content a.follow	{
			margin-top:10px;
			display:block;
			color:#ededed;			
			font-size:12px;
			text-decoration:none;
		}
		
		#bubble_container .content ul	{
			list-style:none;	
		}
		
			#bubble_container .content ul li	{
				list-style:none;	
			}
			
				#bubble_container .content ul li span	{
					color:#ededed;
					font-style:italic;
					font-size:12px;
				}


#social_links {
	position: absolute; 
	width: 326px; 
	height: 113px;	
}

#portfolio_feature	{
		
}

#portfolio_feature_link {
	position: absolute;
	left: 400px;
}
		
#home_port	{
		position:absolute;
		bottom:0px;
		right:0px;
	}
	
/* Contact Tab */
#soc_links	{
	position:absolute;
	left:0;
	top:165px;
	z-index:499;
}

	#soc_links a.soc_launch	{
		display:block;
		color:#fff;
		float:right;
		position:absolute;
		left:0px;
		width:31px;
		height:97px;
	}
	
	#soc_links div.soc_content	{
		width:452px;				
		position:absolute;
		float:left;
		left:-452px;
		color:#6f6f6f;
	}
	
		#soc_links div.soc_content .text	{
			padding:25px 60px;	
			background:url(../images/contact_bkgd.png) repeat-y;			
		}
		
			#soc_links div.soc_content .text #results	{
				position:absolute;
				border:1px solid #ff0000;
				background:#fff;
				padding:5px;
				display:none;
			}
		
			#soc_links div.soc_content .text h3	{
				font-weight:normal;
				color:#c75e00;
				font-size:18px;
				text-transform:uppercase;
				text-align:right;
				margin:5px 0;
			}
		
			#soc_links div.soc_content .text table	{
				width:100%;	
			}
			
				#soc_links div.soc_content .text table td	{
					
				}
				
				#soc_links div.soc_content .text table input	{
					width:90%;
					padding:2% 5%;
					border:1px solid #efefef;
				}
					
					#soc_links div.soc_content .text table input.submit_btn	{
						width:30%;	
						background:#bcbcbc;
						border:none;
					}
				
				#soc_links div.soc_content .text table textarea	{
					width:96%;
					font-family:Helvetica, Arial, sans-serif;
					font-size:11px;
					padding:2%;
					border:1px solid #efefef;
				}
				
#sharebox	{
	display:none;	
}

	#popup #share_content	{
		background:url(../images/share_bg.png) repeat-y;
		padding:0 20px;
		position:relative;
	}
	
	#popup #share_content #results	{
		position:absolute;
		border:1px solid #ff0000;
		background:#fff;
		padding:5px;
		display:none;	
	}
	
	#popup #share_content h3	{
		font-family:ChunkFiveRegular, serif;
		color:#cf5206;
		text-transform:uppercase;
		font-size:30px;	
		margin-bottom:10px;
	}
	
	#popup #share_content table	{
				width:100%;	
			}
			
				#popup #share_content table td	{
					
				}
				
					#popup #share_content table td strong	{
						font-weight:normal;	
					}
				
				#popup #share_content table input	{
					width:90%;
					padding:2% 5%;
					border:1px solid #efefef;
				}
					
					#popup #share_content table input.submit_btn	{
						width:30%;	
						background:#bcbcbc;
						border:none;
					}
				
				#popup #share_content table textarea	{
					width:96%;
					font-family:Helvetica, Arial, sans-serif;
					font-size:11px;
					padding:2%;
					border:1px solid #efefef;
				}




/*Contact Page*/

form#contact-form input { 
-webkit-appearance: none;
-webkit-background-clip: padding-box;
-webkit-box-shadow: rgba(0, 0, 0, 0.199219) 0px 1px 4px 0px inset;
-webkit-rtl-ordering: logical;
-webkit-user-select: text;
background-attachment: scroll;
background-clip: padding-box;
background-color: #F0F0F0;
background-origin: padding-box;
background-position: 10px 10px;
background-repeat: no-repeat;
border-bottom-color: #B3B3B3;
border-bottom-left-radius: 9px;
border-bottom-right-radius: 9px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: #B3B3B3;
border-left-style: solid;
border-left-width: 1px;
border-right-color: #B3B3B3;
border-right-style: solid;
border-right-width: 1px;
border-top-color: #B3B3B3;
border-top-left-radius: 9px;
border-top-right-radius: 9px;
border-top-style: solid;
border-top-width: 1px;
box-shadow: rgba(0, 0, 0, 0.199219) 0px 1px 4px 0px inset;
box-sizing: border-box;
color: #333;
cursor: auto;
display: block;
font-family: Helvetica, Arial, sans-serif;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
height: 36px;
letter-spacing: normal;
line-height: 22px;
margin-bottom: 2px;
margin-left: 0px;
margin-right: 0px;
margin-top: 2px;
padding-bottom: 6px;
padding-left: 45px;
padding-right: 6px;
padding-top: 6px;
text-align: -webkit-auto;
text-indent: 0px;
text-shadow: white 0px 1px 0px;
text-transform: none;
width: 355px;
word-spacing: 0px;	
-moz-border-radius: 9px;

}

form#contact-form textarea {

-webkit-appearance: none;
-webkit-background-clip: padding-box;
-webkit-box-orient: vertical;
-webkit-box-shadow: rgba(0, 0, 0, 0.199219) 0px 1px 4px 0px inset;
-webkit-rtl-ordering: logical;
-webkit-transition-delay: 0s;
-webkit-transition-duration: 0.20000000298023224s;
-webkit-transition-property: height;
-webkit-transition-timing-function: linear;
-webkit-user-select: text;
background-attachment: scroll;
background-clip: padding-box;
background-color: #F0F0F0;
background-origin: padding-box;
background-position: 10px 10px;
background-repeat: no-repeat;
border-bottom-color: #B3B3B3;
border-bottom-left-radius: 9px;
border-bottom-right-radius: 9px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: #B3B3B3;
border-left-style: solid;
border-left-width: 1px;
border-right-color: #B3B3B3;
border-right-style: solid;
border-right-width: 1px;
border-top-color: #B3B3B3;
border-top-left-radius: 9px;
border-top-right-radius: 9px;
border-top-style: solid;
border-top-width: 1px;
box-shadow: rgba(0, 0, 0, 0.199219) 0px 1px 4px 0px inset;
box-sizing: border-box;
color: #333;
cursor: auto;
display: inline-block;
font-family: Helvetica, Arial, sans-serif;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
height: 80px;
letter-spacing: normal;
line-height: 22px;
margin-bottom: 2px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-bottom: 6px;
padding-left: 45px;
padding-right: 6px;
padding-top: 6px;
resize: both;
text-align: -webkit-auto;
text-indent: 0px;
text-shadow: white 0px 1px 0px;
text-transform: none;
white-space: pre-wrap;
width: 355px;
word-spacing: 0px;
word-wrap: break-word;
-moz-border-radius: 9px;



}


form#contact-form input#submit {

padding-left: 0px;
text-align: center;
padding-right: 0px;
width: 406px;

}


form#contact-form input#submit:hover {

cursor: pointer;
background-color: #d3d3d3;

}


form#contact-form input.name {

background-image: url(../images/name_icon.png); 
background-repeat: no-repeat; 
background-position: 10 10;

}

form#contact-form input.company {


background-image: url(../images/company_icon.png); 
background-repeat: no-repeat; 
background-position: 10 10;
}


form#contact-form input.email {

background-image: url(../images/email_icon.png); 
background-repeat: no-repeat; 
background-position: 10 10;

}

form#contact-form input.phone {
background-image: url(../images/phone_icon.png); 
background-repeat: no-repeat; 
background-position: 10 10;

}


form#contact-form textarea.comments {

background-image: url(../images/message-icon.png); 
background-repeat: no-repeat; 
background-position: 10 10;

}

table#ourinfo {

float: left;


}

div#social-icons {
margin-top: 3px;
margin-left: 40px;
float: left;

}

div#social-icons a {

margin-right: 5px;

}
