/*-----------------------Everything about FONT-----------------------------*/
	
	/* Generated by Font Squirrel (http://www.fontsquirrel.com) on November 3, 2011 */
			
			@font-face {
			    font-family: 'SansationRegular';
			    src: url('sansation_regular-webfont.eot');
			    src: url('sansation_regular-webfont.eot?#iefix') format('embedded-opentype'),
			         url('sansation_regular-webfont.woff') format('woff'),
			         url('sansation_regular-webfont.ttf') format('truetype'),
			         url('sansation_regular-webfont.svg#SansationRegular') format('svg');
			    font-weight: normal;
			    font-style: normal;
			
			}
			
			@font-face {
			    font-family: 'SansationBold';
			    src: url('sansation_bold-webfont.eot');
			    src: url('sansation_bold-webfont.eot?#iefix') format('embedded-opentype'),
			         url('sansation_bold-webfont.woff') format('woff'),
			         url('sansation_bold-webfont.ttf') format('truetype'),
			         url('sansation_bold-webfont.svg#SansationBold') format('svg');
			    font-weight: normal;
			    font-style: normal;
			
			}
			
			@font-face {
			    font-family: 'SansationLight';
			    src: url('sansation_light-webfont.eot');
			    src: url('sansation_light-webfont.eot?#iefix') format('embedded-opentype'),
			         url('sansation_light-webfont.woff') format('woff'),
			         url('sansation_light-webfont.ttf') format('truetype'),
			         url('sansation_light-webfont.svg#SansationLight') format('svg');
			    font-weight: normal;
			    font-style: normal;
			
			}
			
			@font-face {
			    font-family: 'SteelfishRegular';
			    src: url('steelfis-webfont.eot');
			    src: url('steelfis-webfont.eot?#iefix') format('embedded-opentype'),
			         url('steelfis-webfont.woff') format('woff'),
			         url('steelfis-webfont.ttf') format('truetype'),
			         url('steelfis-webfont.svg#SteelfishRegular') format('svg');
			    font-weight: normal;
			    font-style: normal;
			
			}
			
			@font-face {
			    font-family: 'SteelfishBold';
			    src: url('steelfib-webfont.eot');
			    src: url('steelfib-webfont.eot?#iefix') format('embedded-opentype'),
			         url('steelfib-webfont.woff') format('woff'),
			         url('steelfib-webfont.ttf') format('truetype'),
			         url('steelfib-webfont.svg#SteelfishBold') format('svg');
			    font-weight: normal;
			    font-style: normal;
			
			}





h1{
	font-family: 'SteelfishBold';
	font-weight: normal;
	font-style: normal;
	font-size:30px;
}

.subtitle{
	font-size: medium;
	font-family: 'SteelfishRegular';
	font-weight: normal;
	font-style: normal;
	font-size:24px;
}

#Aboutourcompany{
	text-align: left;
	font-family: 'SansationRegular';
	line-height:30px;
	font-size:21px;
	color:#414042;
}

#twitterFeed{
	text-align: left;
	font-family: 'SansationRegular';
	font-size: 14px;
}

.boldtext{
	font-family: 'SansationBold';
}

#address{
	text-align: left;
	color:#A7A9AC;
	font-family: 'SansationRegular';
	font-size: 13px;
	margin-left:10px;
}

#leftwidercolumn {
	text-align:left;
	
	font: arial;
}

a {
	text-decoration:none;
}

#rightnarrowercolumn>p{
	font-family: 'SansationRegular';
	color:#A7A9AC;
	font-size:13px;
}
.infotitle{
	color:black;
	font-family: 'SansationBold';
	font-size:13px;
}

/*-----------------------nav hover coding-----------------------------*/	

#navigation{
	padding-left:60px;
	/*border:solid thin yellow;*/
}



#sddm
{	margin-top:10px;
	padding: 0;
	z-index: 30;
}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	/*font: bold 11px arial*/
	font-family: 'SteelfishRegular';
	
	
}

#sddm li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 4px 10px;
	width:60px;
	/*background: #5970B2;change*/
	color:#B3B3B3;
	text-align: center;
	text-decoration: none;
	font-size:20px;
	letter-spacing: 2px;
}

#sddm li a:hover
{	color:black;
	background: #FFDE17;/**/	
}

#sddm #m4{
	margin:24px 0px 0px 276px;
	
}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background:rgba(0,0,0,0.8);/*change*/
	/*border: 1px solid #5970B2}*/
	width:172px;/*change*/
	
}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 10 0 10 12;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		/*line-height:15px;*/
		/*background: #EAEBD8;*/
		color: #FFF;
		font-family: 'SansationBold';
		font-size:10px;
		letter-spacing: 1px;
		
	}
	
	#sddm div a:hover
	{	/*background: #49A3FF;*/
		background:rgba(0,0,0,0);/*change*/
		color: #FFDE17;
	}
		
/*-----------------------content coding-----------------------------*/		


body{
	margin: 0px;

}

.clearfloat{
	clear: both;
}

.width833{
	width:833px;
	/*border:solid thin red;*/
	padding:0 15px;
	margin:auto;
}


#OverallWrap{
	padding-top:20px;
	/*border: solid thin fuchsia;*/
	text-align: center;
	width:1015px;/*change*/
}

 

#wrapA{
	margin-top:50px;
	
}

#header{
	height:32px;
	/*border:solid thin yellow;*/
}
#logo{
	width:260px;
	height:32px;
	/*border:solid thin yellow;*/
	float:left;
	background:url("images/AlchemyLogo.png") no-repeat; 
	text-indent:-9000px;
	
}

#navigation{
	float:left;
	/*border:solid thin yellow;*/
	height:32px;
	margin-left:50px;  /* Change*/
}

#navigation>ul{
	text-decoration: none;

}

#navigation>ul>li{
	list-style-type: none;
	display: block;
	/*border: solid thin green;*/
	float:left;
	width:92px; /* Change*/
	height:30px;
	margin-top:-15px;/* Change*/
	padding-top:10px;/* Change*/
	text-align: center;
	/*background-color: #FFDE17; */
	
}

#BigVideoA{
		/*border:solid thin yellow;*/
		margin-top:25px;
}
	#BigVideoA>a>div:hover{
	background:url(images/comps/01-3.%20Home_rollover.png) no-repeat;	
		
	}
	#Videoshowcase{
		/*border: solid thin green;*/
		width:803px;
		height:452px;
		margin-left: 15px;
		background:url(images/replace_bigvideo.png) no-repeat;
	}
	
	#Compshowcase{
		/*border: solid thin green;*/
		width:1015px;
		margin-left: -105px;
		/*height:452px;
		*/
	}
	
	
	#socialIntegration{
		margin-top:25px;
		/*border:solid thin yellow;*/
		height:30px;
	}
	#socialIntegration>div{
		float:left;
	}
		#facebookLike{
			/*border: solid thin green;*/
			width:100px;
			background: url("images/replace_facebookLike.png"); /*Replace with the real facebook code later*/
			height:25px;
			text-indent: -9000px;
		}
		#SocialsBottons{
			/*border: solid thin green;*/
			
			
		}
		#SocialsBottons>ul{
			text-decoration:none;
		}
		#SocialsBottons>ul>li{
			list-style-type: none;
			display: block;
			/*border:solid thin blue;*/
			float:left;
			margin-top:-20px;
			text-indent:-9000px;
			height:25px;
			
		}
		
			#facebookShare{
				background: url("images/facebookShare.png") no-repeat;
				width:155px;
			}
			#twitterTweet{
				background: url("images/twitterTweet.png") no-repeat;
				width:155px;
			}
			#youtubeComment{
				background: url("images/youtubeComment.png") no-repeat;
				width:200px;
			}
			#emailPost{
				background: url("images/emailPost.png") no-repeat;
				width:155px;
			}


#BigcontainerB{
	margin-top:25px;
}
	#leftwidercolumn{
		float:left;
		margin-left:15px;/*Same as the #Videoshowcase*/
	}
	
	#rightnarrowercolumn{
		float:left;
		text-align:left;
		margin-left:50px;
	}
		#messageform{
			width:253px;
			height:83px;
		}		
		#submitbutton{
			margin-left:200px;
		}
/*-----------------------WRAP2 CENTER CONTENT GRAY BACKGROUND-----------------------------*/		

#wrapB{
	height:413px;
	margin-top:20px;
	/*border:solid thin red;*/
	
				background: #f4f4f4; /* Old browsers */
			background: -moz-linear-gradient(top,  #f4f4f4 0%, #dbdbdb 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#dbdbdb)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #f4f4f4 0%,#dbdbdb 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #f4f4f4 0%,#dbdbdb 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #f4f4f4 0%,#dbdbdb 100%); /* IE10+ */
			background: linear-gradient(top,  #f4f4f4 0%,#dbdbdb 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#dbdbdb',GradientType=0 ); /* IE6-9 */

}

#threecolumns{
	margin:auto;
	/*border:solid thin yellow;*/
	width:833px;
}
#columnA, #columnB, #columnC{
	margin: 0 11px;
}
.width253{
	width:253px;

	float:left;
	/*border:solid thin yellow;*/
}

.title{
	text-align: left;
	border: solid thin transparent;/**/
	background: url("images/straps_fullStrength.png") no-repeat bottom;
	width:253px;
	height:62px;
}


	#recentProjects>ul>li{
		display:block;
		width:253px;
		height:88px;
		margin-left:-40px; /*FIND OTHER WAY TO GET RIDE OF THE UL LI AUTO INDENT!!!*/
		text-indent: -9000px;
		margin-bottom:10px;
	}
	
	#recentProjects>ul>li:first-child{
		background: url("images/recentThumbnail1.png");
	}
	#recentProjects>ul>li:nth-child(2){
		background: url("images/recentThumbnail2.png");
	}
	#recentProjects>ul>li:last-child{
		background: url("images/recentThumbnail3.png");
	}

.narrowtitle, .widetitle{
	text-align: left;
	border: solid thin transparent;/**/
	background: url("images/straps_fullStrength.png") no-repeat bottom;
	height:55px;
}

.widetitle{
	width:480px;
}
/*-----------------------WRAP3 FOOTER WHITE BACKGROUND-----------------------------*/

#wrapC{
	padding-top:50px;
	padding-bottom:100px;
}

#footerSocial3Icons{
	margin-left:5px;
}

#footerSocial3Icons>div{
	float:left;
	
}
	.size2525{
		width:35px;
		height:35px;
		text-indent: -9000px;
		background-repeat:no-repeat ;
	}
	#facebookicon{
		background: url("images/facebookSIcon.png") no-repeat center;
	}
	#twittericon{
		background: url("images/twitterSIcon.png") no-repeat center;
	}
	#youtubeicon{
		background: url("images/youtubeSIcon.png") no-repeat center;
	}