@charset "UTF-8";
/* CSS Document */

/*Containers
////////////////////////////////////////////////////////////////////////*/

body { color: #666666; background-image: url(../images/gfx/background/background.jpg); font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; background-repeat: repeat; }

.container { width: 940px; position: relative;  margin: 0px auto; }

.content { background-image: url(../images/gfx/background/content.png); background-repeat: no-repeat; margin: 0px; width: 720px; height: 700px; z-index: 30; position: absolute; left: 220px; padding-left: 10px; }

.navcontainer {  /*background-image: url(../images/gfx/navigation/navcontainer.png); background-repeat: no-repeat; */ z-index: -20; width: 300px; height: 600px; position: absolute; left: -20px; top: -38px; margin: 30px 0px 0px 0px; display: block; padding-top: 165px; }

#home_content { position: absolute; left: 220px; background-image: url(../images/gfx/background/content.png); background-repeat: no-repeat; margin: 0px; padding: 170px 0px 0px 0px; width: 720px; height: 600px; z-index: 30;  }

#home_headers { width: 364px; height: 100px; position: absolute; left: 100px; top: 50px; }

.footer { background-image: url(../images/gfx/misc/underline_footer.jpg); width: 512px; height: 50px; background-repeat: no-repeat; position: absolute; left: 323px; top: 610px; z-index: 80; padding-top: 20px; }

.pics { width: 513px; height: 200px; position: absolute; left: 100px; top: 145px; background-repeat: no-repeat; display: block; z-index: 2; }

.portfolio_container { position: absolute; left: 320px; top: 130px; width:513px; height: 381px; display: block; z-index: 50; }

.plant_selection_container { display: block; z-index: 200; }

/*Text
////////////////////////////////////////////////////////////////////////*/

h1#logo { background-image: url(../images/gfx/misc/gg_interiors_logo.png); background-repeat: no-repeat; text-indent: -9999px; width: 583px; height: 80px; margin: 0px; margin-top: -10px;  }

/* Unerline image belongs to the primary_header class */
h1.primary_header { background-image: url(../images/gfx/misc/underline_header.png); background-repeat: no-repeat; width: 513px; height: 80px; padding-top: 15px; margin: 40px 0px 10px 90px; font-size: 30px; overflow: visible; z-index: 50; }

h2 { font-family: Georgia, "Times New Roman", Times, serif; margin: 20px 0px 0px; padding: 0px; width: 500px; font-weight: normal; }

h2.plant_selection { position: absolute; left: 100px; top: 112px; display: block; z-index: 150; color: #666666; }

p { text-indent: 20px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.5; }

.p_main { padding: 225px 0px 0px 95px; width: 513px; }

.p_home { text-indent: 20px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; padding: 215px 0px 0px 95px; width: 513px; }

.p_nav { font-size: 12px; text-indent: 0px; color: #CCCCCC; width: 170px; height: 150px; position: absolute; left: 30px; top: 520px; line-height: 1.3; }

.p_footer { margin: 0px; text-indent: 0px; white-space: pre; font-size: 12px; }

.p_testimonials { text-indent: 20px; padding: 0px 0px 0px 95px; width: 513px; }

.p_plant_selection { text-indent: 20px; width: 513px; padding: 0px 0px 25px 95px; margin: -2px 0px 0px 0px; display: block; z-index: 20; }

.thanks { text-indent: 200px; margin-top: 10px; padding-top: 10px; background-image: url(../images/gfx/misc/motif_light.png); background-repeat: no-repeat; width: 600px; height: 50px; background-position: 160px 0px; overflow: visible; z-index: 50; font-style: italic; font-size: 14px; color:#333333;  }

li { height: 20px; margin: 10px 0px; }

.ul_plant_selection { list-style-type: none; margin: 0px 0px 0px 85px; padding: 0px; display: block; }

.li_plant_selection { float: left; margin: 0px 0px 110px 10px; padding: 0px; display: block; width: auto; }

.plant_selection_break { margin: 60px; }

/* Navigation and Links ////////////////////////////////////////////////////////////////////////*/

/*Style for links not in the navigation bar */
a:link {  color: #336600; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; }
a:visited {  color: #336600; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; }
a:hover {  color: #336600; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; }
a:active {  color: #336600; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; }

.nav_description_text { color: #CCCCCC; font-size: 12px; text-indent: 0px; text-align: left; }

.navlogo { position: absolute; left: 28px; top: 46px; width: 160px; height: 100px; z-index: 50; display: block; }

.navlist { text-decoration: none; list-style-type: none; padding-left: 50px; margin: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #999999; font-size: 12px; display: block; lowercase; z-index: 900; }

.place_arrowNext { position: absolute; left: 650px; top: 535px; height: 50px; width: 190px; display: block; z-index: 50; }

.place_arrowPrevious { position: absolute; left: 320px; top: 535px; height: 50px; width: 220px; display: block; z-index: 50; }

.place_plantMenu { width: 80px; height: 50px; position: absolute; left: 560px; top: 535px; display: block; z-index: 55; }
 
/*Style for links in the navigation bar */
.navcontainer a:link { padding: 10px 20px; color: #CCCCCC; background-image: url(../images/gfx/navigation/nav_main.png); background-repeat: no-repeat; background-position: 0px 6px; }
.navcontainer a:visited { padding: 10px 20px; color: #CCCCCC; background-image: url(../images/gfx/navigation/nav_main.png); background-repeat: no-repeat; background-position: 0px 6px; }

/* Home */
#active_home a:hover { color: #CC6699; background-image: url(../images/gfx/navigation/nav_01.png); background-repeat: no-repeat; background-position: 0px 6px; }
#current_home { color: #CC6699; background-image: url(../images/gfx/navigation/nav_01.png); background-repeat: no-repeat; background-position: 0px 6px; }

/* About Us */
#active_about_us a:hover {  color: #99CC33; background-image: url(../images/gfx/navigation/nav_02.png); background-repeat: no-repeat; background-position: 0px 6px; }
#current_about_us { color: #99CC33; background-image: url(../images/gfx/navigation/nav_02.png); background-repeat: no-repeat; background-position: 0px 6px; }

/* What We Do */
#active_what_we_do a:hover {  color: #9999CC; background-image: url(../images/gfx/navigation/nav_03.png); background-repeat: no-repeat; background-position: 0px 6px; } 
#current_what_we_do { color: #9999CC; background-image: url(../images/gfx/navigation/nav_03.png); background-repeat: no-repeat; background-position: 0px 6px; }

/* Testimonials */
#active_testimonials a:hover {  color: #FF9999; background-image: url(../images/gfx/navigation/nav_04.png); background-repeat: no-repeat; background-position: 0px 6px; } 
#current_testimonials { color: #FF9999; background-image: url(../images/gfx/navigation/nav_04.png); background-repeat: no-repeat; background-position: 0px 6px; } 

/* Make a Statement */
#active_make_statement a:hover {  color: #996699; background-image: url(../images/gfx/navigation/nav_05.png); background-repeat: no-repeat; background-position: 0px 6px; } 
#current_make_statement { color: #996699; background-image: url(../images/gfx/navigation/nav_05.png); background-repeat: no-repeat; background-position: 0px 6px; } 

/* Plant Maintenance */
#active_plant_maintenance  a:hover {  color: #FF6600; background-image: url(../images/gfx/navigation/nav_06.png); background-repeat: no-repeat; background-position: 0px 6px; } 
#current_plant_maintenance  { color: #FF6600; background-image: url(../images/gfx/navigation/nav_06.png); background-repeat: no-repeat; background-position: 0px 6px; } 

/* Artificial Plants */
#active_artificial_plants  a:hover {  color: #FFCC33; background-image: url(../images/gfx/navigation/nav_07.png); background-repeat: no-repeat; background-position: 0px 6px; } 
#current_artificial_plants  { color: #FFCC33; background-image: url(../images/gfx/navigation/nav_07.png); background-repeat: no-repeat; background-position: 0px 6px; } 

/* Portfolio */
#active_portfolio a:hover {  color: #99CC33; background-image: url(../images/gfx/navigation/nav_08.png); background-repeat: no-repeat; background-position: 0px 6px; } 
#current_portfolio { color: #99CC33; background-image: url(../images/gfx/navigation/nav_08.png); background-repeat: no-repeat; background-position: 0px 6px; } 

/* Plant Selection */
#active_plant_selection a:hover {  color: #CC6666; background-image: url(../images/gfx/navigation/nav_09.png); background-repeat: no-repeat; background-position: 0px 6px; } 
#current_plant_selection { color: #CC6666; background-image: url(../images/gfx/navigation/nav_09.png); background-repeat: no-repeat; background-position: 0px 6px; } 

/* Get Started Today */
#active_get_started  a:hover {  color: #99CC33; background-image: url(../images/gfx/navigation/nav_10.png); background-repeat: no-repeat; background-position: 0px 6px; } 
#current_get_started  { color: #99CC33; background-image: url(../images/gfx/navigation/nav_10.png); background-repeat: no-repeat; background-position: 0px 6px; } 

/* Contact */
#active_contact a:hover {  color: #996699; background-image: url(../images/gfx/navigation/nav_11.png); background-repeat: no-repeat; background-position: 0px 6px; }
#current_contact { color: #996699; background-image: url(../images/gfx/navigation/nav_11.png); background-repeat: no-repeat; background-position: 0px 6px; } 

/* Decorative flower elements. Images that go around, in front and behind the container division
////////////////////////////////////////////////////////////////////////*/

.LFS { background-repeat: no-repeat; width: 170px; height: 300px;  position: absolute; left: 160px; top: -40px; padding: 0px; margin: 0px; }

.RFS { background-repeat: no-repeat; width: 300px; height: 170px; position: absolute; left: 736px; top: 580px; padding: 0px; margin: 0px; }

/* Left Flower Sets ///////*/
.LFS_01 { background-image: url(../images/gfx/flowers/LFS_01.png); z-index: 40; }
.LFS_02 { background-image: url(../images/gfx/flowers/LFS_02.png); z-index: 40; }
.LFS_03 { background-image: url(../images/gfx/flowers/LFS_03.png); z-index: 40; }
.LFS_04 { background-image: url(../images/gfx/flowers/LFS_04.png); z-index: 40; }
.LFS_05 { background-image: url(../images/gfx/flowers/LFS_05.png); z-index: -40; }
.LFS_06 { background-image: url(../images/gfx/flowers/LFS_06.png); z-index: -40; }
.LFS_07 { background-image: url(../images/gfx/flowers/LFS_07.png); z-index: 40; }
.LFS_08 { background-image: url(../images/gfx/flowers/LFS_08.png); z-index: 40; }
.LFS_09 { background-image: url(../images/gfx/flowers/LFS_09.png); z-index: 40; }
.LFS_10 { background-image: url(../images/gfx/flowers/LFS_10.png); z-index: 40; }
.LFS_11 { background-image: url(../images/gfx/flowers/LFS_11.png); z-index: 40; }
.LFS_12 { background-image: url(../images/gfx/flowers/LFS_12.png); z-index: 40; }
.LFS_13 { background-image: url(../images/gfx/flowers/LFS_13.png); z-index: -40; }
.LFS_14 { background-image: url(../images/gfx/flowers/LFS_14.png); z-index: -40; }
.LFS_15 { background-image: url(../images/gfx/flowers/LFS_15.png); z-index: 30; }
.LFS_16 { background-image: url(../images/gfx/flowers/LFS_16.png); z-index: 40; }

/*//////// Right Flower Sets ///////*/

.RFS_01 { background-image: url(../images/gfx/flowers/RFS_01.png); z-index: 40; }
.RFS_02 { background-image: url(../images/gfx/flowers/RFS_02.png); z-index: 40; }
.RFS_03 { background-image: url(../images/gfx/flowers/RFS_03.png); z-index: 40; }
.RFS_04 { background-image: url(../images/gfx/flowers/RFS_04.png); z-index: 40; }
.RFS_05 { background-image: url(../images/gfx/flowers/RFS_05.png); z-index: 40; }
.RFS_06 { background-image: url(../images/gfx/flowers/RFS_06.png); z-index: 40; }
.RFS_07 { background-image: url(../images/gfx/flowers/RFS_07.png); z-index: 40; }
.RFS_08 { background-image: url(../images/gfx/flowers/RFS_08.png); z-index: -40; }
.RFS_09 { background-image: url(../images/gfx/flowers/RFS_09.png); z-index: 40; }
.RFS_10 { background-image: url(../images/gfx/flowers/RFS_10.png); z-index: 40; }