@font-face {
    font-family: 'ChantillyMedium';
    src: url('fonts/Chantilly-Medium-webfont.eot');
    src: url('fonts/Chantilly-Medium-webfont.eot?iefix') format('eot'),
         url('fonts/Chantilly-Medium-webfont.woff') format('woff'),
         url('fonts/Chantilly-Medium-webfont.ttf') format('truetype'),
         url('fonts/Chantilly-Medium-webfont.svg#webfont') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ChantillyLight';
    src: url('fonts/Chantilly-Light-webfont.eot');
    src: url('fonts/Chantilly-Light-webfont.eot?iefix') format('eot'),
         url('fonts/Chantilly-Light-webfont.woff') format('woff'),
         url('fonts/Chantilly-Light-webfont.ttf') format('truetype'),
         url('fonts/Chantilly-Light-webfont.svg#webfontsjE9fLBN') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FunctionCapsBook';
    src: url('fonts/FunctionCaps-Book-webfont.eot');
    src: url('fonts/FunctionCaps-Book-webfont.eot?iefix') format('eot'),
         url('fonts/FunctionCaps-Book-webfont.woff') format('woff'),
         url('fonts/FunctionCaps-Book-webfont.ttf') format('truetype'),
         url('fonts/FunctionCaps-Book-webfont.svg#webfontuHPlF47t') format('svg');
    font-weight: book;
    font-style: normal;

}

@font-face {
    font-family: 'functionpromedium';
  
    src: url('fonts/functionPro/web_fonts/functionpro_book_macroman/FunctionPro-Book-webfont.eot');
    src: url('fonts/functionPro/web_fonts/functionpro_book_macroman/FunctionPro-Book-webfont.eot?iefix') format('eot'),
         url('fonts/functionPro/web_fonts/functionpro_book_macroman/FunctionPro-Book-webfont.woff') format('woff'),
         url('fonts/functionPro/web_fonts/functionpro_book_macroman/FunctionPro-Book-webfont.ttf') format('truetype'),
         url('fonts/functionPro/web_fonts/functionpro_book_macroman/FunctionPro-Book-webfont.svg#webfont') format('svg');
    font-weight: book;
    font-style: normal;

}

@font-face {
    font-family: 'Museo300';
   
    src: url('fonts/museo300/web_fonts/museo_300_macroman/Museo300-Regular-webfont.eot');
    src: url('fonts/museo300/web_fonts/museo_300_macroman/Museo300-Regular-webfont.eot?iefix') format('eot'),
         url('fonts/museo300/web_fonts/museo_300_macroman/Museo300-Regular-webfont.woff') format('woff'),
         url('fonts/museo300/web_fonts/museo_300_macroman/Museo300-Regular-webfont.ttf') format('truetype'),
         url('fonts/museo300/web_fonts/museo_300_macroman/Museo300-Regular-webfont.svg#webfont') format('svg');
    font-weight: normal;
    font-style: normal;

}

/************************headers************************/
#grounded{
position:absolute;
top:23px;
left:296px;
padding-right:30px;
}

#header_strip{
background-image:url("../images/header/bg_stripe.png");
background-repeat:repeat-x;
position:absolute;
top:60px;
height:150px;
width:100%;
}

/************************nav************************/

.nav{
position:relative;
z-index:5;
font-family: 'functionCapsBook', Arial, Helvetica, sans-serif;
font-size:24px;
font-weight:normal;
border-width:0px;
color:#330000;
margin-left:20px;
}

a{font-family: 'functionCapsBook', Arial, Helvetica, sans-serif; !important
text-decoration: none;
font-size:14px;
color: #000;
}

#nav_box{
font-family: 'functionCapsBook', Arial, Helvetica, sans-serif;
position:absolute;
width:450px;
top:40px;
left:538px;

}

a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {transform: rotate(-5deg);
-moz-transform:rotate(-5deg);
-webkit-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
-o-transform: rotate(-5deg);
}
a:active {text-decoration:underline;}

.twitter_link{
color: red;
transform: rotate(0deg);
-moz-transform:rotate(0deg);
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
}

/************************main************************/
#container{
position:relative;
margin-right:auto;
margin-left:auto;
width: 100%;
z-index:1;
}

#content{
position:relative;
margin-right:auto;
margin-left:auto;
width: 980px;

}

#body_container{
position:relative;
width:980px;
margin-right:auto;
margin-left:auto;
margin-top:0px;
border:5px;
border-color:000;
color: #000;
overflow:auto;
}

#side_bar{
position:relative;
margin-left:-200px;
margin-right:-50px;
z-index:1;
}

/********************footer***********************/
#footer{
position:relative;
clear:both;
height:500px;
width:100%;
margin:0px auto 0px auto;
color:#000;
background-color:#9c9;
z-index:10;
}

#footer_content{
position:relative;
margin-right:auto;
margin-left:auto;
width:980px;
padding:50px 0px 0px 0px;

}

#form{
position:relative;
width:378px;
height:auto;
margin-top:0px;
padding:10px 10px 10px 10px;
border:none;
font-size:18px;
}

#about_us{
width:352px;
margin-left:0px;
padding:10px 10px 10px 10px;
border:none;
font-size:18px;
}

#footer_icons{
width:166px;
margin-left:20px;
}

.inputsize{
height:30px;
width:196px;
background-color:#9c9;
border-style:solid;
border-width:2px;
border-color:#CCFFCC;
font-size:14px;
margin-bottom:15px;
}

.footer_headers{
font-size:28px;
}

#comments{
height:80px;
width:196px;
background-color:#9c9;
border-style:solid;
border-width:2px;
border-color:#CCFFCC;
font-size:14px;
margin-bottom:15px;
}

.button{
background-color:#CCFFCC;
border-radius: 5px;
-moz-border-radius: 5px;
}

#flower{
position:absolute;
top:20px;
right:0px;
}

/********************general***********************/
.no_border{
border-style:none;
}
.float_left{
float:left;
}
.float_right{
float:right;
}
.clear_right{
clear:right;
}
.clear_left{
clear:left;
}
.clear_both{
clear:both;
}
.placers{
margin:0px;
padding:0px;
}

.padding_top_10{
padding-top:10px;
}

.padding_bottom_10{
padding-bottom:10px;
}

.margin-left{
margin-left:10px;
}

.margin_top{
margin-top:20px;
}

.small_font{
font-size:11px;
}
.rotateTopRight{
transform: rotate(5deg);
-moz-transform:rotate(5deg);
-webkit-transform: rotate(5deg);
-ms-transform: rotate(5deg);
-o-transform: rotate(5deg);
}

.quote_box{
width:193px;
border-width:2px;
border-color:#99CC99;
border-style:solid;
margin:0px 20px 0px 5px;
padding:5px 5px 5px 7px;
font-size:20px;
}

.image_box{
border-width:2px;
border-color:#99cc99;
border-style:solid;
margin-right:20px;
margin-bottom:10px;
padding:2px;

}

.rounded_corners{
border-radius: 15px;
-moz-border-radius: 15px;
}

.small_rounded_corners{
border-radius: 5px;
-moz-border-radius: 5px;
}

.intext_link{
color:#66CC33;
}

.icons{
position:relative;
padding-right:20px;
margin-left:auto;
marigin-right:auto;
}

.icon_text{
font-size:8px;
}

.border_top{
border-top: 1px solid black;}

.post{
color:#66CC33;
}

ul.cust_bullets li{
list-style-type:square;
list-position: outside;
list-style-image: url(../images/bullet.png);

}
/******************home greenhouse********************/



#bullets{
width:759px;
height:auto;
margin-top:265px;
margin-left:0px;
margin-right:10px;
color:#000;
padding:20px 0px 20px 0px;
}

.bullet_content_box{
position:relative;
height:auto;
width:auto;
margin-top:140px;
}

#tips{
width:205px;
height:auto;
margin-top:60px;
margin-left:40px;
color:#000;
}
#index_column_2{
width:196px;
height:auto;
margin-top:250px;
margin-left:0px;
color:#000;
padding:0px;
}

#index_column_3{
width:410px;
height:auto;
margin-top:30px;
margin-left:40px;
color:#000;
}

#twitter_box{
width:176px;
height:auto;
border: 2px solid #99cc99;
padding:10px 10px 10px 0px;
margin-bottom:10px;
}

#columnist{
border-width:2px;
border-color:#99cc99;
border-style:solid;
margin-right:0px;
margin-bottom:10px;
padding:2px;
}

/*******************urban patio*******************/

#urban_main_content{
position:relative;
width:349px;
margin:0px 0px 0px 25px;
}

#urban_main_content_column2{
position:relative;
width:349px;
margin:0px 0px 0px 25px;
}

#side_column{
position:relative;
width:205px;
margin-top:285px;
}

#roof_garden2{
position:relative;
margin:290px 0px 0px 25px;
}

.results{
line-height:90%; !important
}

/*******************rural backyard*******************/

#compost_sign{
position:relative;
margin: 295px 0px 20px 0px;
height:310px;
width:729px;
}

#first_column{
position:relative;
width:357px;
height:auto;
margin:0px 25px 0px 0px;
color:#000;
}

#second_column{
position:relative;
width:357px;
height:auto;
margin:38px 25px 0px 0px;
color:#000;
}

#third_column{
position:relative;
width:196px;
height:auto;
margin-top:-357px;
margin-left:0px;
color:#000;
}

#compost3{
margin: 0px 15px 0px 0px;
}

/******************shears reviews********************/
#hand_rake{
position:relative;
margin: 285px 0px 0px 0px; 
}
#reviews_column1{
position:relative;
width:347px;
height:auto;
margin:0px 25px 0px 0px;
}

#reviews_column2{
position:relative;
width:347px;
height:auto;
margin:43px 25px 0px 0px;
}

#reviews_side_column{
position:relative;
margin: 285px 20px 0px 0px;
width:205px;
}
/*******************crop plants*******************/

#ingredients{
position:relative;
width:342px;
height:auto;
margin-top:270px;
margin-left:0px;
color:#000;
padding: 0px 0px 10px 0px;
}

#directions{
position:relative;
width:568px;
height:auto;
margin-top:255px;
margin-left:0px;
color:#000;
padding: 20px 0px 10px 0px;
}

#cooped{
position:relative;
margin-top:20px;
}

#potato_salad{
position:relative;
margin: 0px 0px 20px 0px;
width:568px;
height:205px;
}

/***********************prototype*************************/
#prototype_page{
position:relative;
margin: 300px 0px 100px 0px;
}