/*
Title: Rocky Neck Consulting
Description: Global styles and page build
Author: Simple Labs
*/

/*** COLOR KEY ***/

/*
content hyperlinks:            #0082a6;
content hyperlink hover:    #e76c1a;
content hyperlink visit:    #7e9399;
body text:                    #000;
*/

/*** TYPOGRAPHY ***/

body {
    font: 15px/22px Helvetica, Arial, sans-serif;
    color: #000;
    background: url(../images/bg-wrapper-repeat2.gif) repeat-x 0 0;

}

body.body-home {
    background: url(../images/bg-wrapper-repeat.gif) repeat-x 0 0;
}

p {
    margin: 0 0 1em 0; 
}

strong { 
    font-weight: bold; 
}

em { 
    font-style: italic; 
}

a, a:link {
    color: #0082a6;
    text-decoration: none;
}

a:visited { 
    /*color: #7e9399;*/
}

a:hover, a:visited:hover,
a.active {
    color: #e76c1a;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    color: #333;
}

h1 {
    font-size: 24px;
    line-height: 30px;
    color: #000;
    margin: 0 0 10px;
}

h2 {
    font-size: 20px;
    line-height: 24px;
    margin: 0 0 10px;
}

h3 {
    font-size: 18px;
    line-height: 18px;
    margin: 0 0 8px;
}

h4 {
    font-size: 16px;
    line-height: 18px;
    margin: 0 0 8px;
}

h5, h6 {
    font-size: 14px;
    line-height: 18px;
    margin: 0 0 8px;
}

#main-content ul,
#main-content ol {
    margin: 0 0 0 10px;
    padding: 0 0 0 10px;
    list-style-position: outside;
}

#main-content li {
    margin: 0 0 10px;
}

#main-content ul {
    list-style-type: disc;
}

#main-content ol {
    list-style-type: decimal;
}


/*** STICKY FOOTER ***/
html, body {height: 100%;}

#wrapper {min-height: 100%;}

#main-content-wrapper {
    overflow:auto;
    padding-bottom: 82px;
}  /* must be same height as the footer */

#footer-wrapper {
    position: relative;
    margin-top: -62px; /* negative value of footer height */
    height: 62px;
    clear:both;
}

/*Opera Fix*/
body:before {
    content:"";
    height:100%;
    float:left;
    width:0;
    margin-top:-32767px;/
}

/*** WRAPPER ***/

body.body-home #wrapper {
    background: url(../images/bg-wrapper.gif) no-repeat top center;
}

#wrapper {
    background: url(../images/bg-wrapper-sub.gif) no-repeat top center;
}

/*** HEADER ***/

#header {
    margin: 0 auto;
    width: 960px;
    height: 78px;
    background: #212121 url(../images/bg-header.gif) repeat-x 0 0;
}

h1#logo-rocky-neck {
    padding: 5px 0 0 40px;
    width: 142px;
    height: 64px;
    float: left;
}

h1#logo-rocky-neck a {
    width: 142px;
    height: 64px;
    background: url(../images/logo-rocky-neck.gif) no-repeat 0 0;
    text-indent: -9000px;
    display: block
}

#header ul {
    padding: 36px 30px 0 0;
    float: right;
    font-size: 12px;
    font-weight: bold;
}

#header ul li {
    margin: 0 0 0 20px;
    display: inline;
}

/*** MAIN PHOTO ***/

#photo-home {
    margin: 0 auto;
    width: 960px;
    height: 345px;
    background: url(../images/bg-photo.gif) no-repeat bottom center;
    position: relative;
    z-index: 20;
}

#photo {
    margin: 0 auto;
    width: 960px;
    height: 210px;
    background: url(../images/bg-photo.gif) no-repeat bottom center;
    position: relative;
    z-index: 20;
}

/*** PAGE TITLE ***/

#page-title {
    position: absolute;
    z-index: 1000;
    bottom: -20px;
    left: -20px;
}

.home-title {
    width: 440px;
    height: 412px;
    background: url(../images/bg-callout.png) no-repeat 0 0;
    text-indent: -9000px;
    display: block;
    bottom: -190px !important;
}

#page-title h1 {
    height: 54px;
    text-indent: -9000px;
    display: block;
}

.about h1{
    width: 380px;
    background: url(../images/title-about.png) no-repeat 0 0;
}

.resources h1 {
    width: 156px;
    background: url(../images/title-resources.png) no-repeat 0 0;
}

.contact h1 {
    width: 166px;
    background: url(../images/title-contact.png) no-repeat 0 0;
}

.products h1 {
    width: 274px;
    background: url(../images/title-products.png) no-repeat 0 0;
}

/*** MAIN CONTENT ***/

#main-content-wrapper {
    margin: 0 auto;
    width: 940px;
}

#main-content {
    padding: 20px 10px;
    border: 1px solid #ddd;
    border-width: 0 1px 1px 1px;
    background: #fff url(../images/bg-content.gif) repeat-y 0 0;
    overflow: hidden;
}

.columns-home {
    margin: 10px 0 0 370px;
    width: 520px;
    float: left;
}

.columns-photo {
    width: 340px;
    float: left;
}

.columns-form {
    margin: 0 20px;
    width: 300px;
    float: left;
}

.columns-wide {
    margin: 10px 0 0;
    width: 540px;
    float: left;
}

.columns-wrapper {
    margin: 10px 0 0 20px;
    width: 540px;
    float: left;
}

.col-l,
.col-r {
    width: 250px;
    float: left;
}

.col-l {
    margin: 0 40px 0 0;
}

/*** FOOTER ***/

#footer-wrapper {
    background: url(../images/bg-footer-repeat.gif) repeat-x bottom left;
}

#footer {
    margin: 0 auto;
    width: 940px;
    height: 62px;
    background: url(../images/bg-footer.gif) no-repeat bottom center;
}

#footer-nav{
    margin: 20px 0 0 30px;
    float: left;
}

#footer-nav li{
    margin: 0 50px 0 0;
    height: 18px;
    float: left;
}

#footer-nav li a {
    height: 18px;
    text-indent: -9000px;
    display: block;
}

li#footer-about a {
    width: 50px;
    background: url(../images/footer-about.gif) no-repeat 0 0;
}

li#footer-products a {
    width: 114px;
    background: url(../images/footer-products.gif) no-repeat 0 0;
}

li#footer-resources a {
    width: 60px;
    background: url(../images/footer-resources.gif) no-repeat 0 0;
}

li#footer-contact a {
    width: 62px;
    background: url(../images/footer-contact.gif) no-repeat 0 0;
}

#social {
    margin: 20px 20px 0 0;
    float: right;
}

/*** CONTACT US FORM ***/

#contact-form p {
    margin: 0 0 10px;
}

#contact-form label{
    font-size: 12px;
    font-weight: bold;
    color: #008ab0;
}

.input-txt {
    width: 225px;
}

.input-txtarea {
    width: 300px;
    height: 40px;
}

.input-txt,
.input-txtarea {
    font: 12px/16px Helvetica, Arial, sans-serif;
    color: #444;
}

span.note {
    font-size: 10px;
    color: #333;
    float: right;
}