v
/*================== HEYDON'S RESET 
*/

html, body, h1, h2, h3, h4, ul, li, form, fieldset {
font-weight:normal;
font-family:arial, sans-serif;
margin:0;
padding:0;
}

ul {
list-style:none;
}

h1 {
position:absolute;
top:-2000px;
}

a {
outline:none;
color:#000;
}

a:hover {
color:#317B31;
text-decoration:none;
border-bottom:1px dotted;
}

/*================== BASIC SETTINGS / FONTS 
*/

html {
background:#620323;
}

body {
background:#fff url(../images/bodyback.gif) repeat-x top left;
font-size:100%;
font-family:arial, sans-serif;
color:#000;
}

h2 {
color:#255625;
font-size:1.8em;
border-bottom:2px dotted #000;
line-height:1.4em;
margin:0 0 15px 0;
}

h4 {
font-size:1.3em;
margin:0 0 10px 0;
color:#fff;
font-weight:bold;
}

p {
text-align:justify;
font-size:0.8em;
letter-spacing:1px;
line-height:1.4em;
margin:0 0 20px 0;
}

em {
font-weight:bold;
font-style:normal;
color:#990033;
}


/*================== BASIC LAYOUT
*/

div.wrapper {
width:760px;
padding:0;
margin:0 auto;
}

div.header {
height:230px;
position:relative;
background:url(../images/headerback.gif) no-repeat top left;
}

div.left {
padding:0 0 20px 0;
}

div.right {
display:none;
float:right;
width:170px;
padding:10px 0 0 0px;
height:530px;
background:url(../images/rightnavback.jpg) no-repeat top left;
}

div.footer {
clear:both;
color:#eee;
font-size:0.8em;
letter-spacing:0.1em;
padding:0 0 30px 0;
background:#620323;
}

div.footer a {
color:#fff;
}

/*================== FOOTER STYLES
*/

div.footercontent {
width:760px;
margin:0 auto;
padding:20px 0 100px 0;
}

div.footerleft {
float:left;
width:199px;
height:120px;
margin:0 10px 0 0;
border-right:1px dotted;
}

div.footermiddle {
float:left;
width:280px;
margin:0 10px 0 0;
border-right:1px dotted;
height:120px;
}

div.footerright {
float:left;
width:250px;
}

/*================== TOP NAVIGATION
*/

div.header ul {
position:absolute;
bottom:10px;
right:0;
}

div.header ul li {
margin:0;
padding:0;
float:left;
}

div.header ul li a {
display:block;
position:relative;
float:left;
margin:0 0 0 10px;
width:86px;
height:35px;
line-height:35px;
background:#32772a url(../images/toplink.jpg) no-repeat top left;
color:#fff;
text-align:center;
font-size:0.9em;
font-weight:bold;
text-decoration:none;
}

div.header ul li a:hover {
border:0;
background:#000;
}

div.header ul li a span {
display:none;
position:absolute;
top:0;
left:0;
width:100px;
height:40px;
background:#000;
cursor:pointer;
}

#currentpage {
background:#fff;
color:#000;
}

#currentpage:hover span {
background:#fff;
}

/*================== HOMEPAGE STYLES
*/

a.quicklink {
float:left;
width:173px;
height:158px;
margin:0 10px 0 0;
border:0;
text-decoration:none;
border:2px solid #000;
color:#D98A69;
}

a.quicklink:hover {
color:#fff;
}

a.quicklink span {
display:block;
text-decoration:none;
font-size:1.2em;
padding:70px 0 0 7px;
}

a.quicklink span span {
font-size:0.7em;
line-height:1em;
padding:0;
}

#quickdesign {
background:url(../images/quickdesign.jpg) repeat 0 0;
}

#quickcoding {
background:url(../images/quickcoding.jpg) repeat 0 0;
}

#quickcrabs {
background:url(../images/quickcrab.jpg) repeat 0 0;
}

#familytree {
clear:both;
height:125px;
background:#fff url(../images/familytree.gif) no-repeat top left;
}

/*================== ARTICLE STYLES
*/

h2 span {
font-size:0.6em;
color:#000;
}

h2 span a {
text-decoration:none;
padding:0 12px 0 0;
background:url(../images/nextarrow.gif) no-repeat center right;
}

h2 span a:hover {
text-decoration:underline;
border:0;
}

p img {
float:right;

}

span.pullquote, span.pullquotetop {
border-top:2px solid #000;
border-bottom:2px solid #000;
float:right;
width:270px;
margin:10px -15px 5px 10px;
padding:3px;
}

span.pullquotetop {
margin:3px -15px 5px 10px;
}

span.pullquote span, span.pullquotetop span {
font-variant:small-caps;
color:#000;
display:block;
font-size:1.8em;
line-height:1.1em;
padding:10px 5px 30px 5px;
border-top:1px solid #000;
border-bottom:1px solid #000;
text-align:center;
font-size:1.5em;
background:url(../images/pullquotedesign.gif) no-repeat center bottom;
}

span.date {
font-size:17px;
float:right;
display:block;
width:200px;
text-align:right;
line-height:2.6em;
background:url(../images/watch.jpg) no-repeat top left;
clear:both;
}

span.uniquelink {
display:block;
clear:both;
height:2em;
line-height:2em;
margin:0 0 1.2em 0;
border-bottom:1px solid #803700;
border-top:1px solid #803700;
text-align:right;
}

span.code {
display:block;
font-family: 'courier new', courier, monospace;
background:#eee;
padding:5px;
margin:5px;
}

/*================== FORM STYLES
*/

#contact, form {
font-size:1.1em;
background: #fff;
padding:0;
margin:0;
}

fieldset {
position:relative;
font-family:'trebuchet ms', trebuchet, arial, sans-serif;
border:0;
}

legend {
display:none;
}

label {
display:block;
padding:2px 0 3px 0;
width:100%;
font-size:0.9em;
}

input, textarea, select {
border:0;
border:1px solid #32772a;
width:50%;
padding:2px;
background:#fff url(../images/inputback.gif) no-repeat;
font-family:arial, sans-serif;
font-size:0.8em;
}

select {
border:1px solid #000;
margin-bottom:0.5em;
}

option {
color:#fff;
background:#000;
}

option:hover {
background:#666;
}

textarea {
margin:0 0 10px 0;
width:100%;
}

input:focus, textarea:focus {
border:2px solid #32772a;
}

#submit {
display:inline;
cursor:pointer;
width:auto;
font-size:1.3em;
margin:10px 0 0 0;
padding:3px 20px;
font-variant:small-caps;
color:#fff;
background:#32772a;
border:0;
}

#submit:focus {
background:#000;
}

#userfile {
margin:0 0 0.5em 0;
}

a.replace, a.imagereplace {
background:#990033;
color:#fff;
padding:3px 5px;
text-decoration:none;
}

a.replace:hover, a.imagereplace:hover {
background:#000;
border:0;
}

/*================== FORM RESPONSES AND HINTS
*/

ul.errors {
padding:10px 35px 10px 10px;
color:#fff;
margin:0 0 14px 0;
background:#990000 url(../images/error.gif) no-repeat top right;
}

p.info {
background:#7AA64D url(../images/tick.gif) no-repeat top right;
padding:10px;
color:#fff;
}

div.sent {
height:271px;
background:url(../images/sentback.jpg) no-repeat top center;
}

/*================== MANAGEMENT STYLES
*/

a.replace, a.imagereplace {
float:right;
margin:0 0 0 10px;
}

/*================== GALLERY STYLES
*/

div.gallery {
padding:20px 0px;
}

div.gallery a {
float:left;
text-decoration:none;
display:block;
width:120px;
height:120px;
background:#fff;
border:2px solid #32772a;
padding:5px;
margin:0 18px 10px 0;
}

div.gallery a img {
border:0;
height:120px;

}

div.gallery a:hover {
border:2px solid #000;
}

/*================== PRICING
*/

p.prices, p.offers {
font-size:1.2em;
}

#offertitle {
text-indent:36px;
background:url(../images/flash.gif) no-repeat top left;
}