/*
Tiggits Main Stylesheet
Author: Darren Marshall
*/

/* Global */

* {margin: 0; padding: 0;}
html {background: url(images/bg.jpg) #413926 repeat; padding-top: 15px; font-family: "Trebuchet MS", sans-serif;}
body {color: #b9b9b9;}

a img {border: none;}
a {color: #413926;}
a:hover {color: #413926;}
			
h1 {font-size: 28px; color: #413926; font-family: "Trebuchet MS", Arial; line-height: 36px;}
h2{margin-bottom: 10px;font-size: 24px; color: #413926; font-weight: normal; font-family: "Rockwell", slab;}
h3 {color: #413926; font-size: 18px; font-weight: bold;line-height: 24px;}
h4 {width: 180px;}
label {display: block; margin-left: 10px; font-size: 14px; font-weight: bold; color: #333;}
input[type=text] {width: 500px; padding:5px;margin: 10px;}
input[type=file] {width: 500px; padding:5px;margin: 10px;}

input[type=button] {margin: 10px; clear: both;}
input[type=textarea] {width: 500px; height: 120px; margin: 10px;}
select {margin: 10px 0 10px 10px;}

img.logo {float:center;}
a.doejo {display: block; position: absolute; top: 200px;left: 560px; background-image: url(images/doejo.gif);width:296px; height:178px;}
a.doejo:hover {display: block; position: absolute; top: 200px; left: 560px; background-image: url(images/doejo-hvr.gif);width:296px; height:178px;}

p {font-size: 14px; color: #413926; line-height: 30px; padding-bottom: 20px; margin-bottom: 25px;}

/* Framework */
.clear {clear: both;}


/* Main Container */
.container {width: 859px; margin:0 auto; clear: both; }

#header {height: 515px;width: 859px;text-align: center; position: relative;}
#header .logo {float: center;}

.holla {}
.holla img.pie {border-top: 10px solid #413926; border-bottom: 10px solid #413926;}
.holla img.hab {margin: 20px 0 20px 0;}

.holla .container {padding-top: 0;}
.holla {repeat-x; height: 293px; padding: 0 0 0 0;}
.holla .rail {width: 500px;float: left;}
.holla .page {width: 400px; float: right;}
.holla p {font-size: 14px; line-height: 22px; margin-top: 15px; margin-bottom: 20px; color: #222; border-bottom: none;}
.holla span.iphone {top: 80px;position: absolute; z-index: 1;clear: left;}

.quick {text-align: center;}

.holla ul {width: 859px;text-align: center; background-color: #413926; padding: 10px 0 10px 0; margin-bottom: 30px;clear: both;}
.holla ul li {display:inline; margin-left: 1px; margin-right: 1px;}
.holla ul li a, #holla ul li a:active, #holla ul li:visited {padding: 10px 25px 10px 25px; margin-bottom: 10px;font-family: "Trebuchet MS"; font-size: 28px; color: #e4d6af; text-decoration: none;}
.holla ul li a:hover {color: #e4d6af; background-color: #5f5848; text-decoration: none;}
.holla ul li a.selected {color: #e4d6af; background-color: #5f5848; text-decoration: none;}

#content {clear: both; width: 859px;}

.page {width: 550px; float: left; margin-bottom: 0; border-right: 1px solid #cabc92; clear: both; padding: 0px 25px 0px 15px; margin-top: 25px; margin-bottom: 15px;}

.rail {width: 240px; float: right; padding: 0px 0 20px 0; margin-top: 25px;}
.rail p {margin-bottom: 10px;}
.rail img.map {border: 10px solid #c8ba8d;}
.rail img.map:hover {border: 10px solid #d8c998;}
.rail a.maplink {font-size: 12px;}

#footer {margin: 0 auto; padding: 10px 0 10px 0; width: 859px; border-top: 10px solid #413926; clear: both;}
#footer img.haystack {float:right; margin-top: 8px;margin-right: 4px;}
#footer ul {display: inline;text-align: left;}
#footer ul li {display:inline; margin-left: 5px; margin-right: 10px;}
#footer ul li.h2 {font-size: 24px; color: #413926; font-weight: normal; font-family: "Rockwell", slab;}
#footer ul li a, #footer ul li a:active, #footer ul li:visited {font-size: 14px; color: #413926; text-decoration: none;}
#footer ul li a:hover {color: #413926; background-color: none; text-decoration: underline;}