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


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

#menu { float: left; width: 600px; font-family: Times New Roman, Times, serif; font-size: 1.3em; font-weight: bold; border-bottom: 1px solid #079895; margin-top: 2px; margin-bottom: 5px; }
#menu ul { width: 800px; line-height: 1.4em; margin: 0px 0px 0px 5px; float: left; padding: 0px; }
#menu li { float: left; list-style-type: none; }
#menu a:link, #menu a:visited { color: #80194E; text-decoration: none; outline: none; }
#menu li a:link, #menu li a:visited { padding: 0px 13px; }
#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; margin: 0px 0px 0px 5px; float: left; padding: 0px; }
#index-menu li { float: left; list-style-type: none; }
#index-menu a:link, #index-menu a:visited { color: #80194E; text-decoration: none; outline: none; } 
#index-menu li a:link, #index-menu li a:visited { padding: 0px 29px; }
#index-menu a:hover { color: #016701; }

/* 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; }
.error { color:red; font-size:12px;}
.indexpage .error { background-color : #FFB4B4; border : 2px solid red; width : 150px; padding : 5px; color : black; -moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px; }

/* HEADER ELEMENTS */
#header { background: url('http://www.y-turf.com/images/header-background.jpg') repeat 0px 0px; width:599px; height:126px; font-family: Times New Roman, Times, serif; }
#header-text h2, #header-text h3 { margin: 0px; font-family: 'Crimson Text', arial, serif; }
#header-text { float: left; text-align: left; padding-top: 5px; margin-left: 15px; }
#header-text h2 { line-height: 1em; color: #80194E; font-size: 1.4em; font-weight: normal; font-family: 'Crimson Text', arial, serif; }
#header-text h3 { line-height: .5em;  font-size: 1.3em; margin-top: 4px; font-weight: normal; font-family: 'Crimson Text', arial, serif; }
#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 h1, #header-text h4 { color: #006600; font-size: 2.6em; font-weight: normal; margin-top: 2px; line-height: 45px; display:block; }

h2 { font-family: Georgia, Helvetica, sans-serif; font-size:13px; color: black; font-weight: normal; }
h1, h4 { font-weight: normal; font-size: 13px; margin: 0px; }

/* FOOTER ELEMENTS */
.footer { color: #80194E; }
.footer a { font-family: Georgia, Helvetica, sans-serif; font-size: 1.1em; color: #80194E; text-decoration: none; }
.footer a:link, .footer a:visited { font-family: Georgia, Helvetica, sans-serif; font-size: 1.1em; color: #80194E; text-decoration: none; }
.footer a:hover { font-family: Georgia, Helvetica, sans-serif; font-size: 1.1em; color: #006600; text-decoration: none; }

.homepage-text { font-size: 13px; font-weight: bold;  }
.text-container { padding-left: 55px; padding-right: 50px; vertical-align:top; }

/* 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;  }
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; }
