@charset "UTF-8";

/* Created by Jill Chu 08/ 25/2009 jchu@lyris.com*/



* {

  margin: 0;

  padding: 0;

}





body

{

	

	background-image:url('images/bkg.jpg');

	background-repeat: no-repeat;

	z-index:1;

}



/* typography style */



h1 {

	font-family: "Century Gothic", sans-serif, "Helvetica Neue", "Helvetica Neue Light", Helvetica;

	color:#606161;

	font-size:1.4em;

	

	}



h2 {

	font-family: "Century Gothic", sans-serif, "Helvetica Neue", "Helvetica Neue Light", Helvetica;

	color:#387C2B;

	font-size:1.2em;

	}

	

h3 {

	font-family: "Century Gothic", sans-serif, "Helvetica Neue", "Helvetica Neue Light", Helvetica;

	color:#C0489A;

	font-size:0.9em;

	}



p {

	font-family: "Century Gothic", sans-serif, "Helvetica Neue", "Helvetica Neue Light", Helvetica;

	color:#555555;

	font-size:0.8em;

	line-height: 1.4em;

}



ul {

	font-family:"Century Gothic", sans-serif, "Helvetica Neue", "Helvetica Neue Light", Helvetica;

	font-size:0.8em;

	color:#666;

	line-height: 2.2em;

	padding-left: 50px;

	list-style-type: none;

}





li {

	background: url(images/bullet.jpg) left center no-repeat;

	list-style-position: outside;

	padding-left:25px;

}





a {

	font-family:"Century Gothic", sans-serif, "Helvetica Neue", "Helvetica Neue Light", Helvetica;

	color:#C0489A;

	font-size:0.9em;

}

	

a:hover {
	font-family:"Century Gothic", sans-serif, "Helvetica Neue", "Helvetica Neue Light", Helvetica;
	color:#387C2B;
	font-size:0.9em;

}



strong {

	     font-weight:bold;

	     font-family:"Century Gothic", sans-serif, "Helvetica Neue", "Helvetica Neue Light", Helvetica;

		 color:#387C2B;

		 font-size:0.8em;

		 line-height: 1.4em;

		 }

/* start of forms */



input, select, checkbox {

	color: #c4377b;

	background: #FFFFFF;

	

}

label {

	display: block;

	float: left;

	width: 140px;

}

form {

	width: 350px;

}

form div {

	margin-top:15px;

}

fieldset {

	padding: 15px;

	border: 1px solid #999999;

	width: 350px;

	background-color: #c4377b;

	font-size: 0.9em;

	font-weight: bold;

	color: #FFF;

	font-family: "Century Gothic", sans-serif, "Helvetica Neue", "Helvetica Neue Light", Helvetica;

}







.button {

	background-color: #FFF;

	padding: 5px;

}

input:focus, select:focus, checkbox:focus, textarea:focus {

	color: #666666;

	background: #ffcff3;

}



/*table*/

#table {

	width: 380px;

	border-top: 6px solid #e3e7e7;

	height: auto;

		}



#table p {

	clear: both;

	width: 100%;

	margin: 0;

		}

#table span {

	float: left;

	padding: 15px 10px;

		}

	



#table span.col1 {

	width: 110px;

	font-size: 1.2em;

	font-weight: bold;

	color: #fff;

	font-family: "Century Gothic", sans-serif, "Helvetica Neue", "Helvetica Neue Light", Helvetica;

	background-color: #CCC;

		}



#table span.col2 {

	width: 229px;

	font-family: "Century Gothic", sans-serif, "Helvetica Neue", "Helvetica Neue Light", Helvetica;

	font-size: 1em;

	color: #C0489A;

	background-color: #ccc;

		}

	

caption {

	text-align:left;

	font-family: "Century Gothic", sans-serif, "Helvetica Neue", "Helvetica Neue Light", Helvetica;

	font-weight:bold;

	color:#387C2B;

	font-size:1.2em;}



/*end of forms*/



#wrap {
	background:top;
	margin: 0 auto;
	width:900px;
	z-index:2;
}

	

#top {

	background-image:url(images/top.png);

	background-repeat:no-repeat;

	z-index:1;

	width:978px;

	height:218px;

}



#logo {
	width:550px;
	height:35px;

	}

	

.top-content {

	width:auto;

	height:70px;

	padding-top:50px;

	padding-left:50px;

	padding-right: 50px;

	}







.top-nav {

	background:top;

	float:right;

	margin-top: -65px;

}



.top-nav a {

	background-color: #C0489A;

	text-decoration:none;

	color:#FFF;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	padding:5px;

	

}





.top-nav a:hover {

	background-color: #387C2B;

    text-decoration:none;

	color:#FFF;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	padding:5px;

}



/* main content style starts here */

.container {
	background:top;
	background-image:url(images/middle.png);
	background-repeat:repeat-y;
	float: left;
	padding-top:10px;
	width:978px;

	

	}

#content-container {
	width:580px;
	padding-left:50px;
	float: left;
	padding-right: 30px;
	padding-top: 15px;

	}	
	
		}

#content-container1 {
	width:800px;
	padding-left:50px;
	float: right;
	padding-right: 30px;
	padding-top: 15px;

	}

#content-container-style2 {

	width:880px;

	padding-left:50px;

	float: left;

	padding-right: 50px;

	padding-top: 10px;

	}	



#content-container-style3 {

	width:auto;

	padding-left:250px;

	float: left;

	}	

#content-container-style4 {

	width:450px;

	padding-left:50px;

	float: left;

	

	}	



#content-container-style5 {
	width:425px;
	float: left;

	}	

.divider {

	float:left;

	background-color:#999;

	width:870px;

	margin-left:50px;

	margin-right: 50px;

	float: left;

	margin-top:25px;

	margin-bottom:30px;

	height:1px;

	}



#content-nav1 {

	display: block;

	float:left;

    width: 164px;

    height: 22px;

    background-image: url(images/btn-1.jpg);

}



a#content-nav1  {

	

    background-image: url(images/btn-1.jpg);

}



a#content-nav1:hover {

	

    background-image: url(images/btn-1-over.jpg);

}





.content-nav2 {
	display: block;
	float:left;
	width: 88px;
	height: 22px;
	margin-left:0px;
	background-image: url(images/btn-2.jpg);

}



a .content-nav2  {

	

    background-image: url(images/btn-2.jpg);

}



a .content-nav2:hover {

	

    background-image: url(images/btn-2-over.jpg);

}



#content-image {

	width:262px;

	height:480px;

	float: left;

	padding-top: 10px;

	}



#content-image2 {

	width:auto;

	height:auto;

	float: left;

	padding-top: 10px;

	padding-left:100px;

	}



.caption {

	font-family:"Century Gothic", sans-serif, "Helvetica Neue", "Helvetica Neue Light", Helvetica;

	font-style:italic;

	font-size:0.7em;

	vertical-align: 15%;

	}

	

/*email marketing you can trust*/



#external-link {

	color:#666;

	font-family:"Century Gothic", sans-serif, "Helvetica Neue", "Helvetica Neue Light", Helvetica;

	font-size:0.8em;

	

    

	}



/*footer*/



#footer {

	background-image:url(images/footer.png);

	background-repeat:no-repeat;

	width:978px;

	height:50px;

	float: left;

	}

	

.footer-contain {

	padding-left:50px;

	font-family:"Century Gothic", sans-serif, "Helvetica Neue", "Helvetica Neue Light", Helvetica;

	font-size:0.9em;

	color:#666;

	width: auto;

	float: left;

}

.footer-contain-links {

	font-family:"Century Gothic", sans-serif, "Helvetica Neue", "Helvetica Neue Light", Helvetica;

	font-size:0.9em;

	color:#666;

	width: auto;

	float: right;

	padding-right: 55px;

}

.barra1 {
	background-image:url(images/barra1.jpg);
}