/************************

  main stylesheet for VILLECCOSOLUTIONS.COM
  @author: Timothy J. Palmer
  @company: Sigilworks, LLC
  @date: 6.8.2010
  @version: 1.0.0

*************************/

@import "reset.css";
@import "safari.css";


/*===============================
=		REFERENCE			  =
=================================
	COLORS
		charcoal:	#474441
		"white":	#F0F0F0
		"black":	#0F0F0F
		magenta:	#EC1E79, rgb(236, 30, 121), hsl(333, 87, 93)
		   pink:	#FF7AAC, rgb(255, 122, 172), hsl(337, 52, 100)
================================*/


/*----------tag overrides----------*/

html		{  }
body 	{ font-size: 62.5%; margin: 0; padding: 0; text-align: center; font-family: Vollkorn, Georgia, Times, serif;
			/*background: #FF7AAC url("../images/top.jpg") repeat-x top left;*/ }

hgroup	{ margin: 0 auto; width: 980px; line-height: 4.2em; padding-top: 10px;  }

h1, h2, h3 {font-weight: normal; }
h1		{ font-size: 3em; color: #EC1E79; }
h2		{ font-size: 2.6em; color: #FF7AAC; color: rgba(255, 122, 172, 0.6); text-transform: lowercase; }
h3		{ font-size: 1.6em; color: #0F0F0F; }		

h2 img	{ position: relative; top: 5px; width: 58px; height: 30px; }

.bg {
	min-height: 100%;
	min-width: 1024px;
	width: 100%;
	height: auto;
	position: fixed;
	top: 0;
	left: 0;
}

@media screen and (max-width: 1024px){
	.bg {
		left: 50%;
		margin-left: -512px; }
}

/*-----------links-----------*/

a:link, a:visited,
a:hover, a:active	{ text-decoration: none; }

a:link			{ color: #EC1E79; color: rgba(236, 30, 121, 0.75);}
a:visited			{ color: #EC1E79; color: rgba(236, 30, 121, 0.4); }
a:hover, a:active	{ color: #EC1E79; color: rgba(236, 30, 121, 0.9); }


/*----------structure------------*/

#pagewrap		{ margin: 0 auto; position: relative; text-align: left; }

#nameplate	{ background: #FFFFFF url("../images/white-trans.png") repeat top left; background: rgba(255,255,255, 0.7) url("../images/white-trans.png") repeat top left; position: relative; top: 230px;
				width: 100%; padding: 20px;}

.logo		{ position: relative; top: 0; float: left; width: 160px; height: 148px; margin-right: 30px;}


/*-----------positioning & formatting-----------*/
.left { float: left; }
.right { float: right; }

.al	{ text-align: left; }
.ar { text-align: right; }
.ac { text-align: center; }

.sc	{ font-variant: small-caps; }

.hidden	{ display: none; }

.cl { clear: left; }
.cr { clear: right; }

/* rounded-rects */
.rr { -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; -moz-border-radius-topright: 10px; 
		-webkit-border-top-right-radius: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px;
		-moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; }

/* letterpress effect */
.lp	{ color: #474441; text-shadow: 0px 1px 0px #FFFFFF; 
	  /* for IE 7 
	  filter: dropshadow(color=#e5e5ee,offX=0,offY=1); */ }