/* ========================================
 * Nectyr Productions
 * David Michael Lavoie
 *
 * 215-442-5696
 * david@nectyr.com
 * ======================================== */


/* ========================================
 * GLOBAL SYSTEMS PAGE LAYOUT 
 * ======================================== */
 
.clear { clear: both; }

a:link, a:visited { color: #80194E; text-decoration: none; outline: none; }
a:hover { color: #079895; }

h4.page-header  { font-size: 18px; font-family: 'Crimson Text', arial, serif; color: #079895; font-weight: bold; margin: 5px 0px 0px 0px; padding: 0px 0px 3px 0px; }
h6 { font-size: 17px; font-family: 'Crimson Text', arial, serif; color: #80194E; font-weight: bold; margin: 5px 0px 0px 0px; padding: 0px 0px 3px 0px; }

.slideshow { height: 375px; width: 599px; margin: auto overflow: hidden; display: block; }
.slideshow img { display: none }
.slideshow img.first { display: block }

/* menu elements */

#menu { float: left; width: 800px; font-family: Times New Roman, Times, serif; font-size: 1.26em; font-weight: bold; border-bottom: 2px solid #079895; }
#menu ul { width: 800px; text-align: center; margin: 0px; float: left; padding: 12px 0px 12px 0px; }
#menu li { display: inline; list-style-type: none; margin: 0px 25px 0px 25px; }
#menu a:link, #menu a:visited { color: #80194E; text-decoration: none; outline: none; } 
#menu a:hover { color: #016701; }

#services-menu { float: left; width: 800px; height: 40px; text-align: center; font-family: Times New Roman, Times, serif; font-size: 1.1em; font-weight: bold; border-top: 1px solid #079895; border-bottom: 1px solid #079895; margin-top: 5px; margin-bottom: 5px; }
#services-menu ul { margin: 15px 0px 15px 0px; float: left; padding: 0px; }
#services-menu li { display:inline; list-style-type: none; padding-left: 10px; padding-right: 75px; }
#services-menu a:link, #services-menu a:visited { color: #80194E; text-decoration: none; outline: none; } 
#services-menu a:hover { color: #016701; }

#index-services-menu { float: left; width: 800px; font-family: Times New Roman, Times, serif; font-size: 1.3em; font-weight: bold; border-top: 1px solid #079895; border-bottom: 1px solid #079895; margin: 5px 0px 0px 0px; }
#index-services-menu ul { width: 800px; line-height: 1.4em; margin: 0px 0px 0px 8px; float: left; padding: 0px; }
#index-services-menu li { float: left; list-style-type: none; }
#index-services-menu li a:link, #index-services-menu li a:visited { padding: 0px 52px; } 
#index-services-menu a:link, #index-services-menu a:visited { color: #80194E; text-decoration: none; outline: none; } 
#index-services-menu a:hover { color: #016701; }

#index-menu { float: left; width: 800px; font-family: Times New Roman, Times, serif; font-size: 1.3em; font-weight: bold; border-top: 1px solid #079895; border-bottom: 1px solid #079895; margin-top: 5px; margin-bottom: 5px; }
#index-menu ul { width: 800px; line-height: 1.4em; text-align: center; float: left; margin: 5px 0px 5px 5px; padding: 0px; }
#index-menu li { display: inline; list-style-type: none; margin: 0px 25px 0px 25px; }
#index-menu a:link, #index-menu a:visited { color: #80194E; text-decoration: none; outline: none; } 
#index-menu a:hover { color: #016701; }

#sub-menu { font-family: Times New Roman, Times, serif; font-size: 16px; font-weight: bold; }
#sub-menu ul { padding: 0px; margin: 0px; float: left; }
#sub-menu li { list-style-type: none; text-align: center; width: 197px; padding: 7px 0px 7px 0px; }
#sub-menu a:link, #sub-menu a:visited { color: #079895; text-decoration: none; outline: none; } 
#sub-menu a:hover { color: #80194E; }

/* FORM ELEMENTS */
.contactform { padding: 10px 0px 35px 17px; }
.contactform p { color: #ffffff; clear: left; margin: 0; font-size: .9em; font-family: Times New Roman, Times, serif; }
.contactform label { font-weight: bold; float: left; }
.contactform input { width: 155px; }
.contactform textarea { width: 180px; height: 100px; }
input.button { width: 100px; float: left; font-size: 1em; color: #80194E; font-family: Times New Roman, Times, serif; }
input { margin-top : 2px; margin-bottom : 5px; }

/* header elements */
#header { background: url('http://www.youngslandscape.com/Test/images/header-background.jpg') repeat 0px 0px; width:599px; height:126px; font-family: Times New Roman, Times, serif; }
#header-text h2, #header-text h3 { font-family: 'Crimson Text', arial, serif; margin: 0px; }
#header-text { float: right; text-align: right; margin-top: 10px; }
#header-text h2 { color: #80194E; font-size: 1.5em;}
#header-text h3 { font-size: 1.5em; margin-top: 6px; font-weight: normal; }
#header-text h3 a:link, #header-text h3 a:visited, #header-text h3 a:focus { color: #80194E; text-decoration: none; outline: none; }
#header-text h3 a:hover { color: #016701; text-decoration: none; outline: none; }
#header-text h4 { color: #079895; font-size: 3.6em; line-height: 60px; display:block; font-family: 'Crimson Text', arial, serif; }

/* press elements */
.press { padding-top: 20px; }
.press-image img { border: 1px solid #079895; }
.press-image { float: left; width: 80px; padding-right: 20px; margin-bottom: 30px; }
.press-text { float: left;  width: 350px; font-size:1em; }
.press-text a:link, .press-text a:visited { color: #80194E; text-decoration: none; }
.press-text a:hover { color: #079895; }

/* testimonials elements */
.testimonials { margin-top: 10px; }
.pop-up { position: absolute; top: 250px; background-color: white; width: 535px; border: 1px solid #80194E; padding: 10px 10px 10px 10px; border-radius: 1em;-moz-border-radius: 1em;-webkit-border-radius: 1em; }

.sep-line { border-bottom: 1px solid #079895; clear: both; }
.more { float: right; margin-top: 15px; }
.popupclose { float: right; margin: 0px 8px 5px 0px; }
a:link.more, a:visited.more, .popupclose a:link, .popupclose a:visited { color: #80194E; text-decoration: none; }
a:hover.more, .popupclose a:link { color: #079895; }
.notice { background-color: #F1F7F5; color: #333333; border: #079895 1px solid; padding: 12px 5px 1px 10px; border-radius: .5em;-moz-border-radius: .5em;-webkit-border-radius: .5em; }

/* services elements */
#additional-services p { margin:0 0 1.3em; }
.services-sections { width: 440px; float: left; margin: 0px 0px 0px 20px; }
.services-icon { width: 50px; float: right; margin: 20px 0px 0px 0px; }
.services-icon-first { width: 50px; float: right; margin: 5px 0px 0px 0px; }
.services-burst { float: right; margin: -27px 180px 0px 0px; }
.services-sections-first { margin-top: -15px; }

.pop-services { position: absolute; top: 835px; margin-left: 0px; width: 500px; background-color: #FFFFFF; border: 1px solid #079895; padding: 12px 12px 10px 10px; border-radius: 1em;-moz-border-radius: 1em;-webkit-border-radius: 1em; }

/* calendar elements */
#calendar { margin: 10px 0px 10px 0px; padding: 0px; }

.calendar-list-header.itemheader { border-top: 2px dotted #003300; margin: 0px 5px 0px 5px; }
.calendar-item { float: left; margin: 10px 8px 5px 10px; padding: 5px 5px 8px 5px; border: 1px solid #079895; }

.calendar-item-header { border-bottom: 2px dotted #003300; }
.calendar-item-header h3 { color: #003300; font-size: 16px; font-family: 'Crimson Text', arial, serif; font-weight: bold; margin: 5px 0px 2px 5px; padding: 0px 0px 10px 0px; }
.calendar-item-header h3 span.season { font-size: 20px; color: #3E1865; }
.calendar-list-header h4 { font-size: 15px; font-family: 'Crimson Text', arial, serif; color: #3E1865; font-weight: bold; margin: 0px; padding: 8px 0px 2px 3px; }

.calendar-item-image ul { float: left; padding: 0px; margin: 15px 0px 12px 22px; }
.calendar-item-image li { display: inline; margin: 0px 15px 0px 15px; padding: 0px; }
.calendar-item-image li img { border: 1px solid #570E0D; }

.calendar-item-text ul { list-style-type: disc; padding: 0px 0px 5px 20px; margin: 5px 5px 5px 4px; }
.calendar-item-text ul li { padding: 0px; margin: 0px:  }

.calendar-item ul { color: #000; }

#calendar-menu { border-top: 1px solid #80194E; border-bottom: 1px solid #80194E; }
#calendar-menu ul { margin: 5px 8px 5px 8px; padding: 0px; }
#calendar-menu { font-weight: bold; font-family: Times New Roman, Times, serif; font-size: 12px; clear: right; float: right; text-align: center; padding: 0px; background-color: #079895; }
#calendar-menu li { list-style-type: none; display: inline; }
#calendar-menu li a { text-align: center; text-decoration: none; font-size: 1.1em; padding: 5px 20px 5px 20px; margin: 0px; }
#calendar-menu a:link, #calendar-menu a:visited { color: #FFF; }
#calendar-menu a:hover { color: #222; }

.calendar-popup { position: absolute; top: 300px; margin-left: 22px; background-color: #F2F2F2; width: 535px; border: 1px solid #80194E; padding: 20px 10px 10px 10px; border-radius: 1em;-moz-border-radius: 1em;-webkit-border-radius: 1em; }
#calendar-wrap h3 { margin: 10px 0px 0px 20px; color: #444; }

 
/* tips elements */
.tips-list { padding: 0px; margin: 0px 0px 0px 10px; }
.tips-list li { color: #079895; list-style-position:inside; line-height: 18px; }
.tips-list span { color: #000; }
.tips-list strong { color: #80194E; }