/* ------------------------------------------------- 
* Description: Global stylesheet
* Website: untitled.com
* Author: humblecreative.com



/* reset */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, em, font, img, strong, blockquote, b, u, i, center, dl, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-size:100%; background:transparent; }
body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
:focus {outline:0;}
table {border-collapse:collapse; border-spacing:0;}


/* main containers */
body {background:#c0976e url(../images/bg.jpg) repeat;}
    #container {position:relative; overflow:hidden; margin:0 auto; width:100%;}
    #header_container {position:fixed; overflow:visible; width:100%; height:75px; z-index:10;}
       #header {position:relative; margin:0 auto; overflow:hidden; width:970px; height:95px; z-index:1; background:url(../images/bg_header.png) no-repeat;}
        #logo_humblecreative {position:absolute; border:none; top:0; left:0; z-index:2;}
            #nav_main {position:absolute; top:10px; right:20px; overflow:hidden; width:350px; height:25px; z-index:2; background:none; border-radius:0 0 6px 6px; -moz-border-radius:0 0 6px 6px; -webkit-border-radius:0 0 6px 6px; padding:5px;}
                #nav_main ul {display:inline; position:relative; margin:0 auto; overflow:hidden;}
                    #nav_main ul li  {display:inline; padding:3px 8px;}
                    #nav_main ul li a {font:20px Arial, sans-serif; color:#6F140D; text-decoration:none;}
                    #nav_main ul li a:link {font:20px Arial, sans-serif; color:#6F140D; text-decoration:none;}
                    #nav_main ul li a:visited {font:20px Arial, sans-serif; color:#6F140D; text-decoration:none;}
                    #nav_main ul li a:hover {font:20px Arial, sans-serif; color:#6F140D; text-decoration:underline;}
                    #nav_main ul li a:active {font:20px Arial, sans-serif; color:#6F140D; text-decoration:none;}
    .section {position:relative; overflow:hidden; margin:130px auto 80px auto; width:100%; z-index:0; background:none;}
    .first {margin-top:80px;}
        .content_rag_top {position:relative; overflow:hidden; float:left; top:0; width:100%; height:35px; background:url(../images/bg_content_wrapper_rag_top.png) repeat-x;}
        .content {position:relative; overflow:hidden; float:left; margin:0; width:100%; min-height:440px; padding:0; z-index:0; background:url(../images/bg_container.png) repeat;}
            .wrapper {position:relative; overflow:hidden; margin:20px auto 20px auto; width:940px; padding:0;}
                .wrapper_col_one {position:relative; overflow:hidden; float:left; width:19%; padding:0 5px 0 0; border-right:1px solid #999; min-height:440px;}
                    .header_script {position:relative; float:left; margin:0 0 20px 0;}
                    .wrapper_col_one p {font:14px/18px Georgia, serif; color:#333; border-top:1px solid #ccc; clear:left; padding:10px 0 0 10px;}
                .wrapper_col_two {position:relative; overflow:hidden; float:left; width:80%;}
        .content_rag_bottom {position:relative; overflow:hidden; float:left; bottom:0; width:100%; height:35px; background:url(../images/bg_content_wrapper_rag_bottom.png) repeat-x;}
        #footer {position:relative; overflow:hidden; margin:0 auto; width:100%; height:100px; z-index:0;}
            #copyright {position:relative; top:10px; left:10px; margin:0; float:left; font:13px Georgia, serif; color:#3F2F1F;}    



/* typography */
p {font:normal 12px/14px Arial, sans-serif; color:#333; margin:0 0 10px 0;}
blockquote {font:normal 34px/42px Georgia, serif; color:#666; text-shadow:1px 1px 0px #ccc;}
blockquote a {font:normal 34px/42px Georgia, serif; color:#666;}
blockquote a:link {font:normal 34px/42px Georgia, serif; color:#666;}
blockquote a:visited {font:normal 34px/42px Georgia, serif; color:#666;}
blockquote a:hover {font:normal 34px/42px Georgia, serif; color:#333;}
blockquote a:active {font:normal 34px/42px Georgia, serif; color:#666;}
h1 {font:32px/34px Georgia, serif; color:#333; margin:0 0 20px 0; text-shadow:1px 1px 0px #ccc;}
h2 {font:bold 12px/14px Arial, sans-serif; color:#333; margin:0 0 10px 0;}
h3 {font:bold 12px/14px Arial, sans-serif; color:#333;}
a {font:normal 12px/14px Arial, sans-serif; color:#333; text-decoration:underline;}
a:link {font:normal 12px/14px Arial, sans-serif; color:#333; text-decoration:underline;}
a:visited {font:normal 12px/14px Arial, sans-serif; color:#333; text-decoration:underline;}
a:hover {font:normal 12px/14px Arial, sans-serif; color:#666; text-decoration:underline;} 
a:active {font:normal 12px/14px Arial, sans-serif; color:#333; text-decoration:underline;}


/* forms */
#contact_form {position:relative; overflow:hidden; float:left; width:500px; margin:20px 0 40px 20px;}
fieldset {position:relative; overflow:hidden; float:left; clear:left; top:0; left:0; margin:0 10px 0 0;}
.form_field {position:relative; float:left; overflow:hidden; width:350px; margin:5px 0 5px 4px; background:none; -webkit-border-radius:5px 5px; -moz-border-radius:5px 5px; border-radius:5px 5px; padding:5px; border-bottom:1px dashed #883916;}
label {font:bold 12px Arial, sans-serif; position:relative; float:left; overflow:hidden; padding:5px 0 0 20px;}
input[type="text"] {position:relative; float:right; overflow:hidden; padding:7px 5px; margin:0 0 5px 0; width:220px; height:18px; border:1px solid #883916; font:bold 16px Arial, sans-serif; color:#883916; background:#EFDFC2;}
input[type="text"]:focus {background:#CFBC9B;}

input[type="submit"] {position:relative; overflow:hidden; border:1px solid #333; float:right; margin:10px 0 0 0; background:#eee; -webkit-border-radius:4px 4px; -moz-border-radius:4px 4px; border-radius:4px 4px; padding:5px;}
input[type="submit"]:hover {position:relative; overflow:hidden; background:#ccc; border:1px solid #333; cursor:pointer;}

select {position:relative; overflow:hidden; float:right; width:232px; height:25px;}

textarea {position:relative; overflow:auto; float:right; width:220px; height:60px; font:bold 16px Arial, sans-serif; color:#883916; padding:7px 5px; margin:0 0 10px 0; border:1px solid #883916; background:#EFDFC2;}
textarea:focus {background:#CFBC9B;}

.captcha_fieldset {position:relative; overflow:hidden; float:left; margin:10px 0 0 45px;}
/*.recaptchatable, #recaptcha_table {background:none !important; border:none !important; float:left !important; //reCaptcha widget background color}
.recaptcha_image_cell {background:none !important; border:none !important; width:120px !important; margin:20px 30px 0 0 !important; float:left !important;}
#recaptcha_table {border-color:none !important; border:none !important; float:left !important; //reCaptcha widget border color}
#recaptcha_response_field {border-color:none !important; width:220px !important; margin:20px 10px 0 -8px !important; float:left !important; //Text input field border color background-color:#FF0000 !important; //Text input field background color}
*/

#gallery {position:relative; float:left; overflow:hidden; margin:0 0 0 20px;}
    #gallery a img {border:none; margin:0 30px 30px 0; border:2px solid #000; box-shadow:3px 3px 4px #666; -moz-box-shadow:3px 3px 4px #666; -webkit-box-shadow:3px 3px 4px #666;}
        

/* MISC */
.clear {position:relative; clear:both;}
.anchor {position:relative; float:left; margin:-50px 0 0 0;}