/* Downloaded from http://freehtml5templates.com */
/* Created by http://dedide.info */

/* quick short version of reset */
* {
	margin: 0;
	padding: 0;
	list-style-type: none;

}

/* cause html5 elements to be rendered as block elements*/
header, footer, section, aside, nav, article {
	display: block;
	background-attachment: scroll;


}

body {
	overflow:hidden; 		/* needed to eliminate scrollbars caused by the background image */
	padding:0;margin:0;
	height:100%;width:100%;
}

#bgimg {
	position:absolute;
	z-index: -1;
	top: 42px;
	width: 431px;
	height: 377px;
	background-image: url(img/peachleaves.jpg);

	





}

#realBody{
	position:absolute;
	z-index: 5;				/* Place the new body above the background image */
	overflow:auto; 			/* restore scrollbars for the content */
	height:100%;width:100%;	/* Make the new body fill the screen */

}

#container {
	width: 840px;
	height: 6020px;
	margin: auto;
	margin-top: 60px;
	padding-top: 10px;
    background: rgb(20, 20, 20); /* The fallback for browsers that cannot understand RGBa - you know who you are*/
	background:rgba(20,20,20,.8);
    color:#fff;
   font-family: 'Ubuntu', regular;
}

#container h1 {

	font-size:60px;
	font-weight: normal;
	text-decoration:none;
	text-align:center;
}


header p{

	text-align: center;
	margin-left: 65px;
	margin-bottom: 3px;
	font-size: 18px;
	margin-top: 0px;
	width: 750px;
	line-height: 20px;
}

section.grid {
	margin-top: 5px;
}

.column1 {
float:left;
padding:0 15px 0 25px;
width: 390px;
}

.column2 {
float:left;
padding:0 5px 0 10px;
width: 390px;
}

.column1 *, .column2 * {
  padding-top: 10px;
}

.clearfloats {
  clear: both;
}

nav ul {list-style-type:none;}
nav ul li {float:left; margin-left:15px;}
nav ul li a {display:block; color:#fff; text-decoration:none; padding:5px 5px 5px 5px; margin-top:5px; font-weight: bold;}
nav ul li a:hover, nav ul li.active a {background-color: #CC3333; color:#000;}

p.cr {
  margin-top: 12px;
  padding-top: 4px;
  border-top: solid 1px #FFFFFF;
 }
a.link1 {color: #FFFFFF;font-weight: bold;text-decoration:none;}
a.link1:hover {color: #CC3333; font-weight: bold; text-decoration: underline;}
a.link1:active {color: #CC3333;}
a.link1:visited {color: #FFFF33;font-weight: bold;text-decoration:none;}
.center1 {
text-align: center;
span-align: center;
}
.price {
font-weight: bold;
float: right;
width: 40%;
text-align: right;
}
.priceL {
font-weight: bold;
float: left;
width: 40%;
text-align: left;
}
.pricebox {

}
#containerC {
	width: 840px;
	height: 4000px;
	margin: auto;
	margin-top: 60px;
	padding-top: 10px;
    background: rgb(20, 20, 20); /* The fallback for browsers that cannot understand RGBa - you know who you are*/
	background:rgba(20,20,20,.8);
    color:#fff;
   font-family: 'Ubuntu', regular;
}
#containerC h1 {

	font-size:60px;
	font-weight: normal;
	text-decoration:none;
	text-align:center;
}
#containerJ {
	width: 880px;
	height: 3300px;
	margin: auto;
	margin-top: 60px;
	padding-top: 10px;
    background: rgb(20, 20, 20); /* The fallback for browsers that cannot understand RGBa - you know who you are*/
	background:rgba(20,20,20,.8);
    color:#fff;
   font-family: 'Ubuntu', regular;
}
#containerJ h1 {

	font-size:60px;
	font-weight: normal;
	text-decoration:none;
	text-align:center;
}
#containerFT {
	width: 840px;
	height: 6000px;
	margin: auto;
	margin-top: 60px;
	padding-top: 10px;
    background: rgb(20, 20, 20); /* The fallback for browsers that cannot understand RGBa - you know who you are*/
	background:rgba(20,20,20,.8);
    color:#fff;
   font-family: 'Ubuntu', regular;
}
#containerFT h1 {

	font-size:60px;
	font-weight: normal;
	text-decoration:none;
	text-align:center;
		}
		
	#containerShrub {
	width: 840px;
	height: 7500px;
	margin: auto;
	margin-top: 60px;
	padding-top: 10px;
    background: rgb(20, 20, 20); /* The fallback for browsers that cannot understand RGBa - you know who you are*/
	background:rgba(20,20,20,.8);
    color:#fff;
   font-family: 'Ubuntu', regular;
}

#containerShrub h1 {

	font-size:60px;
	font-weight: normal;
	text-decoration:none;
	text-align:center;
}
a.singleRollover {
   

    display: block;
	width: 50px;  
    height: 40px; 
	background: url(../img/link4.gif) no-repeat scroll 0 0;
	overflow: hidden;  
    text-indent: -10000px;  
    
}	 
  
  
/** Declaration for the additional states of the a.singleRollover selector **/  
  
a:visited.singleRollover {  
    background-position: 0 -100px;  
}  
  
a:hover.singleRollover {  
    background-position: 0 -50px;  
}  
  
a:active.singleRollover {  
    background-position: 0 -150px;  
}  
.conmain {
	width: 85%;
	height: 100%;
	margin: auto;
	margin-top: 60px;
	padding-top: 10px;
	padding-bottom: 20px;
	background-attachment: scroll;



 }
 .ulindent {
 margin-left: 50px;
 
 }
 
a.Sprite1 {
   
    display: block;
	width: 50px;
	height: 50px;
   background: url(../img/link4.gif) no-repeat scroll 0 0;
   overflow: hidden;
   text-indent: -9999px;
   }
a:hover.Sprite1 { 
background-postion: 0 -50px;
}   
 a.active.Sprite1 {
background-position: 0 -100px;
}  

a.visited.Sprite1 {
background-position: 0 -150;
} 



.Redcontainer {
	width: 375px;
	height: auto;
	z-index: 5;
	padding: 15 15 15 15;
	background: #009900;
	text-align: center;
	vertical-align: top;

 }
 @media screen and (max-device-width: 480px) {
* { margin: 0; border: 0; padding: 0; }
body {
-webkit-text-size-adjust: none;
}
div {
clear: both !important;
float: none !important;
width: 320px !important;
padding: 0 !important;
margin: 0 !important;
}

}
.leftcolumn { width: 45%; border: none; float: left}
.rightcolumn { width: 45%; border: none; float: right}






}
#fbimg {
	z-index: 6;
}