/* Eric Meyer CSS Reset (http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/) with modifications */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
body {line-height: 1; position: relative;}
blockquote, q {quotes: none;}
/* gets rid of the disabled vertical scrollbar that IE puts on textareas (http://blog.klustered.com/2007/03/14/tip/) */
textarea {overflow: auto;}
/* from Viget Labs (http://www.viget.com/inspire/styling-the-button-element-in-internet-explorer/) */
button {width: auto; overflow: visible; background: transparent; border: none; cursor: pointer; }
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}

/* ================================================= Common Notes */
/*
Hex colors:
Grey text:			666666
*/

/* ================================================= Layout */
body {
text-align:center;
font-size:62.5%; /* All font sizes reset to 10px */
font-family:Georgia, "Times New Roman", Times, serif;
line-height:10px; /* Reset line height to common 10px */
margin:0px;
background: #CCC url(../img/design_04.jpg) repeat-x top;

}
#page {
width:930px;
margin:0 auto;
text-align:left;
}
#header {
background:url(../img/logo.jpg) no-repeat left;
display:block;
height:105px;
}
#nav {
padding:0;
display:block;
margin:10px auto 9px auto;
height:25px;
overflow:hidden;
width:797px;
}
#nav li {
display:block;
float:left;
font-size:2em;
line-height:1.5em;
margin:0 20px;
}
#nav li a {
color:white;
text-decoration:none;
}
#nav li a:hover, #nav li a:focus, #nav li a:active, #nav li.current a {
color:black;
}
#content {
width:919px;
overflow:hidden;
background:transparent url(../img/content-bg.png) repeat-y;
}
.main {
padding:30px;
font-size:1.6em;
line-height:1.2em;
width:859px;
}
#home .main {
background:url(../img/home-img.jpg) no-repeat top;
height:440px;
}
#footer {
background:url(../img/footer-bg.jpg) repeat-x top;
padding:30px;
height:200px;
font-size:1.4em;
line-height:1.2em;
}
.copyright {
width:900px;
margin:0 auto;
text-align:left;
}
.phone {
width:900px;
text-align:right;
margin:-1.1em auto 0 auto;
padding-right:15px;
}
.copyright a, .phone a {
color:#ccc;
text-decoration:none;
}

/* ================================================= Content */
h1, h2, h3, h4, h5, h6, p, ul, ol, li, blockquote, dl {
color:#333;
line-height:1.2em;
}
h1 {
font-size:1.8em;
}
h2 {
font-size:1.4em;
}
h3, h4, h5, h6 {
font-size:1.2em;
}
h2, h3, h4, h5 {
margin-top:45px;
}
a, a:link, a:visited {
color:#777;
}
a:hover, a:active, a:focus {
color:black;
}
fieldset {
text-align:center;
}
input, textarea {
border:1px solid #ccc;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
font-family:Georgia, Times, "Times New Roman", serif;
font-size:1.2em;
line-height:1.2em;
padding:7px;
width:350px;
text-align:left;
}
textarea {
height:158px;
margin-bottom:-1px;                                                                        
}
label {
display:block;
padding:15px 0 0 5px;
text-align:left;
}
input.submit-button {
width:auto;
margin:15px auto;
}
/* ================================================= Utilities */
.clear {clear:both;}
.clearL {clear:left;}
.clearR {clear:right;}
.left {float:left;}
.right {float:right;}
.fnone {float:none;}
.tleft {text-align:left;}
.tright {text-align:right;}
.tcenter {text-align:center;}

/* ================================================= Page Specific */
#home h1, #home p {
color:white;
width:400px;
}
.download {
background:url(../img/pdf_icon.png) no-repeat left;
display:block;
margin:200px 0 0 0;
width:200px;
padding:15px 0 15px 45px
}
.download a {
color:white;
text-decoration:none;
}
.download a:hover, .download a:focus, .download a:active {
text-decoration:underline;
}

.features {
background:url(../img/features-img.jpg) no-repeat 580px 15px;
padding-right:350px;
width:539px;
}

.history {
background:url(../img/history-img.jpg) no-repeat 600px 30px;
padding-right:350px;
width:539px;
}

.news {
background:url(../img/article.jpg) no-repeat 580px 30px;
padding-right:350px;
width:539px;
}

.contact {
background:url(../img/contact-logos.jpg) no-repeat bottom;
padding-bottom:80px;
margin-bottom:20px;
}

.gal, .gal li {
list-style-type:none;
}
.gal {
margin:0;
padding:0 0 20px 0;
}
.gal li {
display:block;
width:210px;
height:150px;
float:left;
overflow:hidden;
margin:2px;
}

.contactInfo td {
padding:0 30px 0 0;
}
.contactInfo td h2 {
font-size:1.2em;
}
.contact-form fieldset {
width:750px;
margin:0 auto;
}

/* form validation */
label.error, div.error {
color:red;
background:#ffcccc;
padding:3px;
border:1px solid red;
font-size:0.85em;
text-align:center;
-moz-border-radius:8px;
-webkit-border-radius:8px;
margin:-1px 0 0 0;
position:relative;
z-index:2;
}
div.success {
color:#006600;
background:#ccffcc;
padding:3px;
border:1px solid #006600;
font-size:0.85em;
text-align:center;
-moz-border-radius:8px;
-webkit-border-radius:8px;
margin:-1px 0 0 0;
position:relative;
z-index:2;
}

/* Google chrome/Safari 3.1 - make sure the contact link displays in nav */
body:nth-of-type(1) #nav{
font-size:0.9em;
}