body {margin: 0;padding: 0;}

#page {width: 990px;margin: 0 auto;padding: 0 0px;background: #ffffff url(http://www.cordylineobsession.com/image/files/cordobsess1.jpg);background-repeat: no-repeat;}

#header {clear: both;width: 980px;height: 200px;padding: 0;margin: 0;}
#header a {color: #000000;font-size: 12px;font-weight: bold;text-decoration: none;}
#header a:hover {color: #999999;font-size: 12px;font-weight: bold;text-decoration: underline;}

#top_menu {clear: both;width: 980px;height: 55px;}
#top_menu ul {padding: 13px 35px 0 10px;margin: 0;list-style: none;}
#top_menu ul li {display: inline;}
#top_menu ul li a {float: right;padding: 0 15px;font-family:Arial;font-size: 21px;font-weight: bold;text-align: center;text-decoration: none;color: #777777;}
#top_menu ul li a:hover {float: right;padding: 0 15px;font-family:Arial;font-size: 21px;font-weight: bold;text-align: center;text-decoration: underline;color: #000000;}

#page_display {clear: both;width: 960px;padding: 0 30px 0 30px;margin: 0 auto;}
#page_display p{font-family:Arial;font-size: 18px;color: #000000;margin-top: 0px;text-align:justify;}
#page_display_2 {clear: both;width: 970px;padding: 0 0 0 20px;}
#page_display_2 p{font-family:Arial;font-size: 18px;color: #000000;margin-top: 0px;text-align:justify;}
#page_display_2 a {font-family:Arial;font-size: 18px;font-weight: bold;text-decoration: none;color: #777777;}
#page_display_2 a:hover {font-family:Arial;font-size: 18px;font-weight: bold;text-decoration: underline;color: #000000;}

#page_display_2 ul{margin:0 auto;padding: 0 0 0 0;;text-align:left;width:960px;}
#page_display_2 ul li {display: inline;}
#page_display_2 li {float:left;padding:0;text-align:left;width:240px;}
#page_display_2 li.cut {float:left;padding:0;text-align:left;width:320px;}
#page_display_2 ul li a {font-family:Times New Roman;font-size: 21px;font-weight: bold;text-align: center;text-decoration: none;color: #777777;}
#page_display_2 ul li a:hover {font-family:Times New Roman;font-size: 21px;font-weight: bold;text-align: center;text-decoration: underline;color: #000000;}

#about_left_1 {float: left;width: 320px;padding: 0 0 0 10px;}
#about_right_1 {float: right;width: 630px;font-family:Arial;font-size: 18px;color: #000000;}
#about_left_2 {float: left;width: 500px;padding: 0 20px 0 0;}
#about_right_2 {float: right;width: 450px;background: #ffffff url(http://www.cordylineobsession.com/image/art_photo/about_art_photo.jpg);background-repeat: no-repeat;}
#about_left_3 {float: left;width: 625px;font-family:Arial;font-size: 18px;color: #000000;}
#about_right_3 {float: right;width: 315px;padding: 0 0 0 20px;}

#plants {clear: both;margin: 0 auto;width: 980px;height: 25px;padding-left: 10px;padding-top: 10px;padding-bottom: 1px;font-family:Arial;font-size: 18px;color: #777777;}
#plants a {color: #777777;font-family:Arial;font-size: 26px;font-weight: bold;text-decoration: none;}
#plants a:hover {color: #000000;font-family:Arial;font-size: 26px;font-weight: bold;text-decoration: underline;}

#base {width: 990px;margin: 0 auto;background: #ffffff;}
#base1 {clear: both;width: 850px;font-family:Times New Roman;font-weight: normal;font-size: 22px;color: #777777;padding-top: 10px;padding-bottom: 25px;}
#base2 {clear: both;width: 850px;font-family:Arial;font-size: 18px;color: #000000;padding-bottom: 25px;}

#footer {width:100%;margin: 0 auto;background: #000000;}
#heel {clear: both;width: 960px;margin: 0 auto;text-align:center;background: #000000;padding:10px 10px 10px 10px;font-family:Arial;font-size: 17px;color: #ffffff;}

#linkbox10 {float: left;width: 190px;padding-left: 20px;color: #ffffff;font-family:Arial;font-size: 17px;font-weight: bold;}
#linkbox10 a {color: #ffffff;font-family:Arial;font-size: 17px;text-decoration: none;}
#linkbox10 a:hover {color: #999999;font-family:Arial;font-size: 17px;text-decoration: underline;}
#linkbox30 {float: left;width: 270px;padding-left: 30px;color: #ffffff;font-family:Arial;font-size: 17px;font-weight: bold;}
#linkbox30 a {color: #ffffff;font-family:Arial;font-size: 17px;text-decoration: none;}
#linkbox30 a:hover {color: #999999;font-family:Arial;font-size: 17px;text-decoration: underline;}

hr.one {margin-bottom: 15px;margin-top: 15px;border: 0;height: 0.5px;
    background-image: linear-gradient(to right, rgba(200, 200, 200, 0.2), rgba(200, 200, 200, 0.9), rgba(200, 200, 200, 0.2));}
hr.two {margin-bottom: 15px;margin-top: 15px;margin-left: 6px;margin-right: 65px;border: 0;height: 1.5px;
    background-image: linear-gradient(to right, rgba(400, 400, 400, 0.2), rgba(150, 150, 150, 0.9), rgba(400, 400, 400, 0.2));}

.clr {clear: both;width: 100%;height: 2px;}
img {margin: 0px;padding-bottom: 5px;padding-right: 5px;border: none;}
.one {margin-bottom: 10px;margin-top: 0px;font-family:Arial;font-size: 26px;font-weight: bold;color: #000000;padding: 1px;}

#plant_display {clear: both;width: 940px;padding-left: 60px;}
#plant_display ul {padding: 2px 2px 0 2px;margin: 0;list-style: none;}
#plant_display ul li {display: inline;}
#plant_display ul li a {font-family:Times New Roman;font-size: 20px;font-weight: bold;text-align: center;text-decoration: none;color: #777777;}
#plant_display ul li a:hover {font-family:Times New Roman;font-size: 20px;font-weight: bold;text-align: center;text-decoration: underline;color: #000000;}

#plant_display_1 {float: left;width: 170px;height: 250px;padding-top: 5px;text-align:center;}
#plant_display_2 {float: right;width: 170px;height: 250px;padding-top: 5px;text-align:center;}
#plant_display_3 {float: left;width: 170px;height: 270px;padding-top: 5px;text-align:center;}
#plant_display_4 {float: right;width: 170px;height: 270px;padding-top: 5px;text-align:center;}

#bottom_menu {clear: both;width: 960px;height: 75px;}
#bottom_menu ul {margin: 0;list-style: none;}
#bottom_menu ul li {display: inline;}
#bottom_menu ul li a {padding: 0 15px;font-family:Arial;font-size: 21px;font-weight: bold;text-align: center;text-decoration: none;color: #777777;}
#bottom_menu ul li a:hover {padding: 0 15px;font-family:Arial;font-size: 21px;font-weight: bold;text-align: center;text-decoration: underline;color: #000000;}














































#field1 {width: 970px;margin: 0 auto;padding: 0 0px;background: #ffffff url(http://www.cordylineobsession.com/image/files/cordobsess.jpg);background-repeat: no-repeat;}
#field2 {width:100%;margin: 0 auto;background: #000000;}
#field3 {width: 970px;margin: 0 auto;background: #000000;}
#top {clear: both;width: 960px;height: 200px;padding: 0;margin: 0;}
#top a {color: #000000;font-size: 12px;font-weight: bold;text-decoration: none;}
#top a:hover {color: #999999;font-size: 12px;font-weight: bold;text-decoration: underline;}


#display {clear: both;width: 960px;height: 420px;padding: 0 0 0 20px;}
#display2 {clear: both;width: 960px;padding: 0 0 0 20px;}
#display3 {clear: both;width: 960px;padding: 0 0 0 30px;}





#jokes1 {clear: both;width: 960px;padding: 0 0 0 20px;}
#jokes2 {float: left;width: 310px;padding-top: 10%;}
#jokes3 {float: right;width: 610px;}
#jokes4 {float: left;width: 610px;}
#jokes5 {float: right;width: 310px;padding-top: 10%;}




#sep {clear: both;width: 880px;margin-left: 210px;padding: 10px 10px 0px 10px;}
#sep2 {clear: both;width: 590px;margin-left: 15px;padding: 10px 10px 0px 10px;}
#sep3 {clear: both;width: 590px;margin-left: 2px;padding: 1px 1px 0px 1px;}




#linkbox {clear: both;width: 950px;margin: 0 auto;height: 220px;font-family:Arial;font-size: 18px;color: #000000;padding-right: 10px;padding-bottom: 10px;background: #ffffff url(../image/files/linkbox.jpg);background-repeat: no-repeat;}
#linkbox a {color: #000000;font-size: 17px;font-weight: bold;text-decoration: none;}
#linkbox a:hover {color: #ffffff;font-size: 17px;font-weight: bold;text-decoration: underline;}

#linkbox2 {clear: both;width: 950px;margin: 0 auto;height: 260px;font-family:Arial;font-size: 15px;color: #ffffff;font-weight: bold;padding-right: 10px;padding-top: 10px;padding-bottom: 10px;background: #000000;}

#linkbox1 {float: left;width: 190px;padding-left: 20px;color: #ffffff;font-family:Arial;font-size: 17px;font-weight: bold;}
#linkbox1 a {color: #ffffff;font-family:Arial;font-size: 17px;font-weight: bold;text-decoration: none;}
#linkbox1 a:hover {color: #999999;font-family:Arial;font-size: 17px;font-weight: bold;text-decoration: underline;}
#linkbox3 {float: left;width: 270px;padding-left: 30px;color: #ffffff;font-family:Arial;font-size: 17px;font-weight: bold;}
#linkbox3 a {color: #ffffff;font-family:Arial;font-size: 17px;font-weight: bold;text-decoration: none;}
#linkbox3 a:hover {color: #999999;font-family:Arial;font-size: 17px;font-weight: bold;text-decoration: underline;}

#about_left_box {float: left;width: 310px;margin-left: 20px;}
#about_right_box {float: right;width: 630px;font-family:Arial;font-size: 18px;color: #000000;}
#about_right_box2 {float: right;width: 450px;}
#about_left_box2 {float: left;width: 490px;font-family:Arial;font-size: 18px;color: #000000;}









#photo_left_box {float: left;width: 435px;height: 580px;}
#photo_left_container1 {position: absolute;z-index: 1;margin: 0;}
#photo_left_container2 {position: absolute;z-index: 2;margin: 0;}
#photo_right_box {float: right;margin: 0 auto;width: 525px;height: 580px;font-family:Arial;font-size: 18px;color: #000000;}
#photo_right_box_area {margin: 0 auto;width: 525px;height: 350px;font-family:Arial;font-size: 18px;color: #000000;}
 


.aboutone {font-family:Arial;font-size: 18px;color: #000000;margin-top: 0px;}
.abouttwo {font-family:Arial;font-size: 20px;font-weight: bold;color: #000000;margin-top: 0px;}
.aboutthree {font-family:Arial;font-size: 20px;color: #000000;margin-top: 0px;}



.two {margin-bottom: 2px;margin-top: 2px;font-family:Arial;font-size: 18px;font-weight: bold;color: #000000;padding: 1px;}
.three {margin-bottom: 10px;margin-top: 10px;font-size: 44px;font-weight: bold;color: #000000;padding: 1px;}
.four {margin-bottom: 10px;font-family:Arial;font-size: 22px;font-weight: bold;color: #000000;padding-left: 10px;}




.space1 {clear: both;width: 100%;height: 50px;}
.space2 {clear: both;width: 100%;height: 2px;}
.space3 {clear: both;width: 100%;height: 10px;}


#contact {clear: both;width: 850px;font-family:Arial;font-size: 18px;color: #000000;}
.contactinfo {clear: both;width: 80px;padding: 20px 0px 20px 20px;}
#contactbutton {clear: both;width: 530px;padding: 0 0 0 180px;}
.button {background-color: #ffffff; border-color: #000000; color: black; font-family: Arial,verdana;font-size: 18px; font-weight: bold;height: 40px; width :180px;}
.contact {background-color: #000000; color: #ffffff; border-left: 2px; border-right: 0px; border-top: 0px; border-bottom: 2px;margin-top: 5px;height: 25px;}

#inputbox1 {background-color: #000000; color: #ffffff; font-size: 16pt; font-weight: bold; height: 120px; width : 95%;}
#inputbox2 {background-color: #000000; color: #ffffff; font-size: 16pt; font-weight: bold; height: 42px; width : 180px;}
#inputbox3 {background-color: #000000; color: #ffffff; font-size: 16pt; font-weight: bold; height: 42px; width : 505px;}





#listings {width: 1600px;margin: 0 auto;background: #ffffff;padding-top: 20px;padding-left: 20px;}

#plant_page {float: left;width: 190px;height: 180px;padding-top: 5px;}
#plant_page a {color: #555555;font-family:Times New Roman;font-size: 20px;font-weight: bold;text-decoration: none;}
#plant_page a:hover {color: #000000;font-family:Times New Roman;font-size: 20px;font-weight: bold;text-decoration: underline;}

#plant_left {float: left;width: 430px;padding-top: 10px;}
#plant_right {float: right;width: 470px;padding-top: 10px;}
#description {height: 60px;padding-top: 20px;font-family:Arial;font-size: 18px;color: #000000;}
#description1 {height: 135px;padding-top: 20px;font-family:Arial;font-size: 18px;color: #000000;}
#description2 {height: 120px;padding-top: 20px;font-family:Arial;font-size: 18px;color: #000000;}
#description3 {height: 45px;padding-top: 20px;font-family:Arial;font-size: 18px;color: #000000;}






#plant_thumbs {clear: both;width:970px;margin: 0 auto;background: #ffffff;padding-top: 20px;padding-left: 20px;}
#plant_thumbs1 {float: left;width: 520px;height: 220px;}
#plant_thumbs2 {float: left;width: 420px;height: 220px;}
#plant_thumbs3 {clear: both;width: 525px;height: 220px;}



#plant_links {width:790px;margin: 0 auto;background: #ffffff;padding-top: 20px;padding-left: 20px;}
.xtra {background: #ffffff url(../imagelinks/xtra.jpg);background-repeat: no-repeat;}







#links {clear: both;width: 980px;height: 280px;padding: 0;margin: 0 auto;}

#link_box_empty {float: left;width: 320px;height: 270px;padding-top: 10px;background: #ffffff;}
#link_box1 {float: left;width: 320px;height: 270px;padding-top: 10px;background: #ffffff url(http://www.cordylineobsession.com/image/files/previous.jpg);background-repeat: no-repeat;}
#link_box2 {float: left;width: 320px;height: 270px;padding-top: 10px;background: #ffffff url(http://www.cordylineobsession.com/image/files/back.jpg);background-repeat: no-repeat;}
#link_box3 {float: right;width: 320px;height: 270px;padding-top: 10px;background: #ffffff url(http://www.cordylineobsession.com/image/files/next.jpg);background-repeat: no-repeat;}

#links a {color: #777777;font-family:Arial;font-size: 20px;font-weight: bold;text-decoration: none;}
#links a:hover {color: #000000;font-family:Arial;font-size: 20px;font-weight: bold;text-decoration: underline;}

#link_box_left1 {float: left;width: 150px;padding-top: 20px;}
#link_box_left2 {float: right;width: 170px;padding-top: 50px;}

#link_box_right1 {float: left;width: 170px;padding-top: 50px;}
#link_box_right2 {float: right;width: 150px;padding-top: 20px;}





#content_low {clear: both;width: 650px;padding: 5px 5px 0px 5px;}
#content_low #content_left_plant_box {float: left;width: 320px;padding: 2px;}
#content_low #content_right_plant_box {float: right;width:320px;padding: 2px;}
#content_text {float: left;padding-left: 18px;}



#ind_plants_left {float: left;margin-right: 5px;margin-left: 5px;margin-bottom: 5px;width: 130px;}
#ind_plants_right {float: right;width: 300px;}
#ind_plants_right span {font-size: 15px;color: #66ff33;}
#description {clear: both;width: 100%;height: 80px;}
#desmore {float: right;margin-right: 20px;height: 20px;}
#desmore a {font-weight: normal;font-size: 14px;text-decoration: none;color: #66ff33;}
#desmore a:hover {font-weight: normal;font-size: 14px;text-decoration: underline;color: #ffffff;}