/*************************************************************************
	
	Site ::		Stephanie Mendolia.com [version 2]
	File ::		sm_main.css
	Author::	Timothy Roche | http://www.timothyroche.com
	
*************************************************************************/


/*	--------------------------------------------------------------------------------------------------------------------------
	CSS Reset, altText, clearfix
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		border:0;
		margin:0; padding:0; 
		font-size:100%;
		vertical-align:baseline;
		background:transparent;
		outline:none;
		font-weight:normal;
	}
	html {
		overflow-y:scroll;
	}
	img {
		display:block;
	}
	body {
		background:#313230;
		font:normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
		line-height:1;
	}
	ol, ul {
		list-style:none;
	}
	blockquote, q {
		quotes:none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content:'';
		content:none;
	}
	a {
		text-decoration:none;
		color:#ffffff;	
	}
		a:hover {
			color:#cccccc;	
		}
		a:active {
			color:#999999;	
		}
	ul li ul li a {
		color:#736d51;	
		text-shadow:none;
	}
		ul li ul li a:hover {
			color:#736d51;
			text-decoration:underline;	
		}
	/* tables still need 'cellspacing="0"' in the markup */
	table {
		border-collapse:collapse;
		border-spacing:0;
	}
	.altText {
		width:0; height:0;
		display:block;
		overflow:hidden;
	}
	.cleaner {
		border:0;
		margin:0; padding:0;
		height:0px;
		background:transparent;
		overflow:hidden;
		font-size:1px;
		clear:both;
	}
	.clearfix:after {
		content: ".";
		height:0;
		display: block;
		clear:both;
		visibility:hidden;
		line-height:0;
	}
	.clearfix {
		display:inline-block;
	}	
	html[xmlns] .clearfix {
		display:block;
	}
	* html .clearfix {
		height:1%;
	}
	.invisible {
		visibility:hidden;	
	}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	Structure
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#main {
		width:860px;
		margin:0 auto;
	}

/*	--------------------------------------------------------------------------------------------------------------------------
	Splash
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#splash {
		width:577px; height:243px;
		margin:204px auto 0 auto;
		background:url(../../images/bg_splash.png) center center no-repeat;	
	}
		#splash a.btn_enter {
			width:82px; height:20px;
			margin:96px 0 0 550px;
			background:url(../../images/btn_enter.png) 0 0 no-repeat;
			display:block;
		}
			#splash a.btn_enter:hover {
				background-position:0 -20px;	
			}

/*	--------------------------------------------------------------------------------------------------------------------------
	#header
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#header {
		margin:71px 0 40px 0;
	}
		#header h1 a {
			width:78px; height:42px;
			margin:0 11px 0 0;
			background:url(../../images/h1_stephanieMendolia_sm.png) 0 0 no-repeat;	
			float:left;
		}
		#header h2 {
			width:192px; height:45px; 
			background:url(../../images/h2_portfolio.png) 0 0 no-repeat;	
			float:left;
		}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	Contact
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#contact {
		width:415px !important;
		margin:17px 0 0 0;
		color:#fff;
		color:#736d51;
		float:right;
	}
		#contact .links {
			margin:5px 11px 0 0;
			font-size:13px;
			float:left;	
		}
		#contact a {
			color:#958e68;	
			text-transform:uppercase;
		}
			#contact a:hover {
				color:#d6cc95;
			}
		a.btn_linkedIn {
			width:16px; height:15px;
			margin:3px 0 0 0;
			background:url(../../images/btn_linkedIn.png) 0 0 no-repeat;
			display:block;
			float:left;
		}
			a.btn_linkedIn:hover {
				background-position:0 -15px;
			}
			
/*	--------------------------------------------------------------------------------------------------------------------------
	#content
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#content {
		
	}
		#content li {
			margin:0 25px 35px 0;
			float:left;
			display:inline;	
		}
			#content li.fix {
				margin-right:0;
			}		
			#content li .frame {
				width:259px; height:134px;
				padding:12px 0 0 11px;
				background:url(../../images/bg_content.png) 0 0 no-repeat;
			}	
			#content li .frame:hover {
				background:url(../../images/bg_content_hover.png) 0 0 no-repeat;	
			}
			#content li .caption {
				margin:0 0 0 0;
				color:#cccccc;
				text-align:center;
				font-size:14px;
			}

/*	--------------------------------------------------------------------------------------------------------------------------
	#footer
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#footer {
		margin:20px 0 30px 0;
		font:normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
		color:#958E68;
		text-align:center;
	}

/*	--------------------------------------------------------------------------------------------------------------------------
	#contactModal
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#contactModal {
		width:326px;
		background:#313230;
		padding:50px;
		font-size:12px;
		color:#fff;
	}
		#contactModal h2 {
			width:230px; height:60px;
			margin:0 0 40px 0;
			background:url(../../images/h2_contact.png) 0 0 no-repeat;
		}	
		#contactModal .email {
			height:25px;
			padding:0 0 0 37px; margin:0 0 15px 0;
			background:url(../../images/bg_e.png) 0 0 no-repeat;
		}
		#contactModal .phone {
			height:25px;
			padding:0 0 0 37px; margin:0 0 30px 0;
			background:url(../../images/bg_p.png) 0 0 no-repeat;
		}
		#contactModal p {
			margin-left:40px !important;
			line-height:17px;	
		}
		#contactModal a {
			color:#958E68;
		}	
			#contactModal a:hover {
				color:#D6CC95;
			}	
		ul.socialLinks {
			margin:40px 0 0 40px;
		}
			ul.socialLinks li {
				margin:0 10px 0 0;
				display:inline;
				float:left;
			}
				ul.socialLinks li a {
					width:36px; height:38px;
					background:url(../../images/socialLinks.png) 0 0 no-repeat;
					display:block;
				}
			ul.socialLinks li.facebook a {
				background-position:0 0;
			}
				ul.socialLinks li.facebook a:hover {
					background-position:0 -41px;
				}
			ul.socialLinks li.twitter a {
				background-position:-47px 0;
			}
				ul.socialLinks li.twitter a:hover {
					background-position:-47px -41px;
				}
			ul.socialLinks li.blogger a {
				background-position:-93px 0;
			}
				ul.socialLinks li.blogger a:hover {
					background-position:-93px -41px;
				}
			ul.socialLinks li.youtube a {
				background-position:-139px 0;
			}
				ul.socialLinks li.youtube a:hover {
					background-position:-139px -41px;
				}
			ul.socialLinks li.vimeo a {
				width:38px;
				background-position:-185px 0;
			}
				ul.socialLinks li.vimeo a:hover {
					background-position:-185px -41px;
				}