@charset "utf-8";
/* CSS Document for stylemotives.com [HTML5] */
/* colors
bkg: #151515 black
text: #d0b884 beige
links: #fff white
accents: #6e634a dark beige
other: #600000 maroon
*/

body {
	background: #151515;
	font: 16px "Gentium Basic Regular", Times, serif;
	color: #d0b884;
}

::selection {
	background: #b00000; /* Safari */
	}
::-moz-selection {
	background: #b00000; /* Firefox */
}

/* html5 definitions */
header, section, footer,  
aside, nav, article, figure {  
    display: block;  
}

/* font-face definitions */
@font-face {
	font-family: "Gentium Basic Regular";
	src: url("../fonts/GenBasR.eot");
	font-weight: normal;
}
@font-face {
	font-family: "Gentium Basic Italic";
	src: url("../fonts/GenBasI.eot");
	font-weight: normal;
}

/* sections */
.container_12 {
	position: relative;
}
/* header */
	#coming-soon {
		width: 100%;
		height: 280px;
	}	
		#coming-soon nav {
			height: 40px;
			width: 100%;
			background: #151515;
		}
	#banner {
		height: 239px;
		width: 100%;
		border-top: 1px solid #820000;
		border-bottom: 1px solid #6e634a;
		background: #000 url(../img/header-bkg.jpg) center top no-repeat;
		position: relative;
	}		
		h1.name {
			position: absolute;
			top: 169px;
			text-indent: -9999px;
		}
		a.name {
			width: 420px;
			height: 94px;
			background: transparent url(../img/header-title.png) 0 0 no-repeat;
			display: block;
		}
	#tagline {
		position: absolute;
		top: 240px;
	}
	p.tagline {
		font-family: "Gentium Basic Italic";
		font-style: italic;
		font-size: 18px;
		color: #d0b884;
		text-align: right;
		padding-right: 48px;
		text-shadow:1px 1px 0 #5F440C;
	}
/* sections - content */
	#content {
		width: 100%;
		min-height: 400px !important;
		background: transparent url(../img/top-shadow.png) left top repeat-x;
	}
		#content p.coming-soon {
			font-family: "Gentium Basic Regular";
			padding-top: 80px;
			font-size: 45px;
			color: #fff;
			text-align: right;
		}
		
		
		

/* footer */
#contactinfo {
	background: #000 url(../img/footer-bkg.png) center top no-repeat;
	border-top: 1px solid #6e634a;
	width: 100%;
	height: 31px;
	position: fixed;
	bottom: 0;
	color: #fff;
	text-shadow: 1px 1px 1px #000;
}
	#contactinfo a {
		color: #d0b884;
		text-decoration: none;
	}
	#contactinfo a:hover {
		color: #fff;
	}
	
#contactinfo p.lpd {
	background: transparent url(../img/square-initials.png) left center no-repeat;
	text-align:left;
	font-family: "Gentium Basic Italic";
	font-style: italic;
	padding: 9px 0 9px 35px;
	font-size: 13px;
	color: #d0b884;
}
#about {
	position:relative;
}
#about p.contact-info {
	text-align: right;
	font-family: "Gentium Basic Italic"; 
	padding: 5px 0;
	font-size: 18px;
}
	span.telephone {
		color: #d0b884;
	}