/* 
***************************************************************************
***** 
***** green - #bcd41d
***** blue - #0081c1
***** light blue - #15a9e1
***** light grey - #ccc
***** orange - #f68428
*****
***************************************************************************
*/


* {padding: 0; margin: 0;}

img {border: 0; border-style: none;}

h1 {font: 22px verdana, arial, sans-serif; color: #bcd41d; padding: 10px 0 10px 0; font-weight: bold;}
h2 {font: 24px helvetica, arial, sans-serif; color: #bcd41d; padding-bottom: 10px;}
h3 {font: 16px helvetica, arial, sans-serif; color: #0081c1; padding: 10px 0 10px 0; font-weight: bold; font-style: italic;}

hr {margin: 10px 0; border: 0; color: #0081c1; background-color: #0081c1; height: 1px; width: 100%;}

a:link, a:active, a:visited {font: 16px helvetica, arial, sans-serif; color: #f68428; line-height: 20px; text-decoration: none; border-bottom: 1px dashed #f68428;}
a:hover {border-bottom: 1px solid #f68428;}

html {margin: 0; padding: 0; font: 16px helvetica, arial, sans-serif; color: #0081c1; line-height: 20px;}

#wrapper {margin: 0; padding: 0;}

#logocontent {margin: 0 auto; padding: 0; width: 990px;}

#logo {margin-left: -20px; padding: 0px; float: left;}

#phone {margin: 0; padding: 0px; float: right;}

#navigation {width: 100%; border-bottom: 3px solid #bcd41d; background: #15a9e1 url('images/navbg.gif') repeat-x top; height: 27px; margin-top: -4px; padding-top: 1px;}

#menu {margin: 0 auto; width: 900px;}

#menu ul {list-style-type: none; text-align: center; margin: 0; padding: 3px 0 0 0; position: relative;}
#menu li {display: inline; text-align: center; margin: 0; padding: 0 3px; font: 14px helvetica, arial, sans-serif; color: #ffffff; font-weight: bold;}

#menu li a {font: 14px helvetica, arial, sans-serif; color: #ffffff; text-decoration: none; border-bottom: 0;}
#menu li a:hover {color: #bcd41d; border-bottom: 0;}

#fullcontent {margin: 0 auto; padding: 0; border: 0; background: url('images/bg.png') no-repeat center bottom;}

#maincontent {margin: 0 auto; padding: 0 0 100px 0; width: 820px; background: url('images/basebg.gif') no-repeat center bottom;}

#leftcontent {margin: 0; padding: 0; width: 240px; float: left; text-align: center;}
#leftcontent p.orange {color: #f68428; padding: 30px; text-align: left;}

#rightcontent {margin: 0; padding: 40px 25px 0 25px; width: 520px; float: right;}
#rightcontent p {padding-bottom: 10px;}

ul {padding: 0 30px 20px 30px; list-style-type: disc; color:#0081c1; list-style-position: outside;}

li {padding-bottom: 10px;}

#footer {clear: both; padding: 20px 0; margin: 0 auto; width: 800px; border: 0; text-align: center; font: 12px arial, helvetica, sans-serif; color: #777577;}
#footer p {margin: 0 auto; padding: 5px 0; width: 800px;}
#footer a {font: 12px helvetica, arial, sans-serif; color: #0081c1; text-decoration: none; border-bottom: 1px dashed #0081c1;}
#footer a:hover {border-bottom: 1px solid #0081c1;}


/* 
***************************************************************************
***** 
***** Contact Form
***** nabbed from here - http://css-tricks.com/nice-and-simple-contact-form/
*****
***************************************************************************
*/

#contact-area {width: 500px; padding-top: 20px;}

#contact-area input {padding: 5px; width: 200px; font: 14px arial, helvetica, sans-serif; margin: 0px 0px 14px 0px; border: 2px solid #ccc; background: #ffffff !important;}

#contact-area select {padding: 5px; width: 215px; font: 14px arial, helvetica, sans-serif; margin: 0px 0px 14px 0px; border: 2px solid #ccc;}

#contact-area textarea {padding: 5px; width: 200px; height: 90px; font: 14px arial, helvetica, sans-serif; margin: 0px 0px 14px 0px; border: 2px solid #ccc;}

#contact-area select:hover, #contact-area textarea:focus, #contact-area input:focus,  #contact-area select:focus, #contact-area textarea:hover, #contact-area input:hover, #contact-area select.sffocus, #contact-area textarea.sffocus, #contact-area input.sffocus {border: 2px solid #f68428;}

#contact-area input.submit-button {width: 130px; background: #f68428 !important; color: #ffffff; font-weight: bold; cursor: pointer; border: 2px solid #ffffff;}

#contact-area input.submit-button:hover {background: #bcd41d !important; color: #ffffff;}

label {float: left; text-align: right; margin-right: 15px; width: 150px; padding-top: 4px; font-size: 14px;}


/* 
***************************************************************************
***** 
***** CSS Image Gallery
***** Credits: Dynamic Drive CSS Library
***** URL: http://www.dynamicdrive.com/style/csslibrary/item/css-image-gallery/
*****
***************************************************************************
*/

.gallerycontainer{position: relative; 
 background-position: 383px 23px;
 background-repeat: no-repeat;
 padding: 20px 0 0 0;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img {padding: 1px; margin: 0 4px 4px 0; border: 1px solid #ffffff;}

.thumbnail:hover {background-color: transparent;}

.thumbnail:hover img {border: 1px solid #ffffff;}

.thumbnail span { /*CSS for enlarged image*/
 position: absolute;
 padding: 0;
 left: -1000px;
 border: 0;
 visibility: hidden;
}

.thumbnail span img { /*CSS for enlarged image*/ width: 322px; padding: 2px;}

.thumbnail:hover span { /*CSS for enlarged image*/
 visibility: visible;
 top: 20px;
 left: 380px; /*position where enlarged image should offset horizontally */
 z-index: 50;
}