* {margin: 0; padding: 0;}

body{	
	color: #002834;
	background: #24130b url(images/bg.gif);
	font: 13px Trebuchet MS, tahoma, arial, helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
	line-height:17px
}

a{
	color: #0083a9;
}

a:HOVER{
	text-decoration: none;  
}

h1{
	font-size: 24px;
	line-height:25px;
}

h2{
	font-size: 18px;
}

h3{
	font-size: 16px;
}

h4{
	font-size: 14px;
}

p{
	padding: 7px 10px 7px 10px;
	line-height: 14px;
}

.clear{
	clear: both;
}

/*-- MAIN ELEMENTS --*/

.blu_bld{
	color: #0083a9;
	font-weight: bold;
}

a.button{
	background: url(images/button_blue.gif) no-repeat;
	cursor: pointer;
	text-decoration: none;
	color: #ffffff;
	width: auto;
	height: 26px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	padding-left: 15px;
	display: block;
}

a.button span{	
	background: url(images/button_blue_b.gif) right 0px no-repeat;
	height: 26px;
	line-height: 25px;
	padding-right: 15px;
	display: block;	
}

a.button:HOVER{
	background: url(images/button_blue_over.gif) no-repeat;
}

a.button:HOVER span{
	background: url(images/button_blue_b_over.gif) right 0px no-repeat;
}

a.blue{
	background: url(images/button_blue.gif) no-repeat;
}

a.blue span{
	background: url(images/button_blue_b.gif) right 0px no-repeat;
}

a.blue:HOVER{
	background: url(images/button_blue_over.gif) no-repeat;
}

a.blue:HOVER span{
	background: url(images/button_blue_b_over.gif) right 0px no-repeat;
}

a.blue_lite{
	background: url(images/button_blue_lite.gif) no-repeat;
}

a.blue_lite span{
	background: url(images/button_blue_lite_b.gif) right 0px no-repeat;
}

a.blue_lite:HOVER{
	background: url(images/button_blue_lite_over.gif) no-repeat;
}

a.blue_lite:HOVER span{
	background: url(images/button_blue_lite_b_over.gif) right 0px no-repeat;
}

a.green{
	background: url(images/button_green.gif) no-repeat;
}

a.green span{
	background: url(images/button_green_b.gif) right 0px no-repeat;
}

a.green:HOVER{
	background: url(images/button_green_over.gif) no-repeat;
}

a.green:HOVER span{
	background: url(images/button_green_b_over.gif) right 0px no-repeat;
}

.container{
	width: 980px;
	margin: 0px auto 0px auto;
	text-align: left;
}

a.logo{
	background: url(images/logo.gif) no-repeat;
	width: 980px;
	height: 118px;
	display: block;
	text-indent: -9999px;
}

.header{
	background: url(images/header_bg.gif) repeat-x;
	width: 100%;
	height: 158px;
}

/*-- NAVIGATION --*/

.nav{
	background: url(images/header_pic.jpg) no-repeat;
	height: 158px;
}

.nav ul{
	list-style: none;
	height: 34px;
	padding-top: 124px;
}

.nav li{
	display: inline;
	float: left;
	margin-right: 3px;
}

.nav li a{
	color: #ffffff;
	background: url(images/nav_back.gif) no-repeat;
	font-weight: bold;
	font-size: 16px;
	height: 34px;
	display: block;
	text-decoration: none;
	text-align: center;
	padding: 0px 0px 0px 20px;
}

.nav li a span{
	background: url(images/nav_back_b.gif) right 0px no-repeat;
	line-height: 34px;
	display: block;
	padding: 0px 20px 0px 0px;
}

.nav li a:HOVER, .nav li a.on{
	color: #40220f;
	background: url(images/nav_back_over.gif) no-repeat;
}

.nav li a:HOVER span, .nav li a.on span{
	background: url(images/nav_back_b_over.gif) right 0px no-repeat;
}

/*-- CONTENT --*/

.content{
	background: #ffffff;
	width: 100%;
}

.content .container{
	padding: 25px 0px 30px 0px;
}

.home .content .c1{
	float: left;
	width: 537px;
}

.home .content .c1 .welcome{
	padding-top: 0px;
}

.home .content .c1 .card{
	background: url(images/logo_nature_cards.jpg) no-repeat;
	height: 296px;
	margin: 20px 0px 0px 0px;
	text-align: center;
}

.home .c1 .card a.button{
	margin: 252px 0px 0px 205px;
	display: inline;
	float: left;
}

.home .content .c2{
	background: url(images/logo_nature_photos.jpg) no-repeat;
	width: 437px;
	height: 533px;
	float: right;
}

.home .c2 a.button{
	float: right;
	margin: 490px 0px 0px 0px;
	display: inline;
}
/*-- NOTE CARDS --*/

.cards .content .bg{
	background: url(images/card_price2.jpg) right 0px no-repeat;
}

.cards .content h3{
	background: url(images/card_logo.gif) no-repeat;
	width: 325px;
	height: 90px;
	text-indent:-9999px;
}

.cards .content .c1{
	float: left;
	width: 560px;
}

.cards .content .c2{
	width: 1px;
	height: 233px;
	float: right;
	text-indent: -9999px;
}

.cards .content .c3{
	background: url(images/card_back.gif) no-repeat;
}

.cards .content .c3 .set{
	width: 232px;
	height: 176px;
	float: left;
	margin: 20px 5px 30px 5px;
}

.cards .content .c3 .horiz{
	height: 305px;
}

.cards .content .c3 .set a.button{
	width: 95px;
	float: left;
	margin-top: 5px;
}

.cards .content .c3 .set a.green{
	float: right;
}

/*-- CARD DETAILS PAGES --*/

.cards .details h3{
	float: left;
}

.cards .details .right_but{
	float: right;
}

.cards .details .c1{
	background: url(images/vines.gif) right 20px no-repeat;
	width: 620px;
}

.cards .details .c2{
	width: 345px;
	height: auto;
	float: right;
	text-indent: 0px;
}

.cards .details .price_sm{
	background: url(images/price_sm.gif) 0px 10px no-repeat;
	width: 222px;
	height: 90px;
	text-indent: -9999px;	
}

.cards .horiz_1 .c1{
	width: 520px;
}

.cards .horiz_1 .c2{
	width: 455px;
}

/*-- CONTACT US --*/

.contact .content .left h1{
	background: url(images/contact_title.gif) no-repeat;
	width: 612px;
	height: 86px;
	text-indent: -9999px;
}

.contact .content .right{
	width: 260px;
	float: left;
	margin: 43px 0px 0px 0px;
}

.contact .content .right .holder{
background: url(images/grey_stripe.gif);
	width: 260px;
	border: 1px solid #c50d0e;
	font-size: 14px;
	text-align: center;
}

.contact .content .right .holder p{
	line-height: 18px;
}

.contact .content .right h3{
	color: #ffffff;
	background: #f4302d;
	padding: 5px 5px 5px 10px;
}

.contact .content .form{
	width: 500px;
	margin: 0px 0px 10px 40px;
}

.contact .content .form td{
	padding: 5px 10px 5px 10px;
}

.contact .content .form input{
	width: 200px;
}

.contact .content .form textarea{
	width: 452px;
	height: 100px;
}

.contact .content .form label{
	display: block; 
	font-weight: bold;
}




/*-- FOOTER --*/

.footer{
	color: #ffffff;
	background: url(images/footer_back.jpg) repeat-x;
	width: 100%;
	padding: 80px 0px 20px 0px;
	font-size: 12px;
	font-weight: normal;
}

.footer a{
	color: #ffffff;
	font-size: 12px;
	font-weight: normal;
}

.footer .container{
	text-align: center;
}

