/* ---------------------------------------------------
BOYDEN BROOK BODY WORKS

Author: Ryan Meashaw / www.cybertrail.net
----------------------------------------------------- */

/* ---------------------------------------------------
COLORS USED (hex values of main colors)
Black - #000000
Blue - #105DA5
Red - #DD2222
Yellow - #E9BD21
----------------------------------------------------- */

/* ---------------------------------------------------
GLOBAL (General miscellaneous)
----------------------------------------------------- */
* { margin: 0; padding: 0; border: 0; } 
.clear { clear:both; height: 1px; margin: 0; padding: 0; }
.center { text-align: center; margin-right: auto; margin-left: auto; }
.right { float: right; }
.left { float: left; }
.hide { display: none; }
a img, :link img, :visited img { border: none; }
q, cite, ul, ol, dl, li, dd, dt { font-size: 1em; }
ul, ol, dl { list-style: none; }
input { border: 1px solid #ccc; padding: .12em; margin: 0 1em 0 .5em; color: #105DA5; }
input.button { color: #D22; font-weight: bold; }
table { border-collapse: collapse; border-spacing: 0; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; }
:link, :visited { text-decoration: none }
address { font-style: normal }

body { background: #000 url(../img/bg_body.gif) 0 100% repeat-x; font: 88% Verdana, sans-serif; line-height: 1.5em; color: #ccc; }
html>body { font-size: 14px; }
html { min-height: 100%; height: auto; }

p { font-size: 1em; line-height: 1.5em; margin-top: 2.25em; margin-bottom: .75em; }

br { line-height: 1.5em; }

/* ---------------------------------------------------
LINKS 
----------------------------------------------------- */
a:link { color: #69c; outline: 0; font-weight: bold; text-decoration: none; }
a:hover, a:visited { color: #69c; outline: 0; font-weight: bold; text-decoration: underline; }
a:active { outline: 0; }

/* ---------------------------------------------------
HEADINGS
----------------------------------------------------- */
h1 { font-size: 2.25em; line-height: .667em; margin-top: 1.001em; margin-bottom: .334em; font-family: Helvetica, Calibri, Arial, sans-serif; }
h2 { font-size: 2em; line-height: .75em; margin-top: 1.125em; margin-bottom: .375em; }
h3 { font-size: 1.75em; line-height: .857em; margin-top: 1.286em; margin-bottom: .429em; }
h4, #index { font-size: 1.5em; line-height: 1em; margin-top: 1.5em; margin-bottom: .5em; }
h5 { font-size: 1.25em; line-height: 1.2em; margin-top: 1.8em; margin-bottom: .6em; }
h6 { font-size: 1em; line-height: 1.5em; margin-top: 2.25em; margin-bottom: .75em; }

.sidenote { font-size: .833em; line-height: 1.801em; margin-top: 2.702em; margin-bottom: .901em; }

/* ---------------------------------------------------
LISTS
----------------------------------------------------- */
.services { list-style-type: square; width: 45%; margin: 1.5em 1em 1.5em 0; }
.services li { margin: 0 0 .75em 1em; font-size: 1em; line-height: 1.5em; font-weight: bold; color: #DD2222; }

.links { line-height: 1.5em; margin-top: 2.25em; margin-bottom: .75em; }
.links li { margin: 1em 0; }

/* -------------------------------------------------
FORMS
--------------------------------------------------*/

/* ---------------------------------------------------
NAVIGATION
----------------------------------------------------- */
#navigation { background: #0E5292 url("../img/bg-nav.gif") repeat-x; border: 1px solid #105DA5; border-width: 1px 0 0 0; border-top-color: #082F53; font: .9em Verdana, Arial, sans-serif; padding-top: .75em; }
#navigation ul, #navigation ul li { list-style: none; margin: 0; padding: 0; }
#navigation ul { padding: 1.1em 0 .75em 0; text-align: center; margin-bottom: 0; }
#navigation ul li { display: inline; margin-right: .25em; }
#navigation ul li.last { margin-right: 0; }
#navigation ul li a { background: transparent; color: #fff; padding: .75em 0; padding: 0 !important!; text-decoration: none; }
#navigation ul li a:hover, #navigation ul li a.selected { background: url("../img/tab-right_hover.gif") no-repeat 100% 0; color: #ffc; text-decoration: none; }
#navigation ul li a span { background: transparent; padding: .75em 1.25em; }
#navigation ul li a:hover span, #navigation ul li a.selected span { background: url("../img/tab-left_hover.gif") no-repeat; color: #ffc; padding: .75em 1.25em; text-decoration: underline; }
#navigation ul li a.selected span { text-decoration: none; }

/* ---------------------------------------------------
STRUCTURE
----------------------------------------------------- */
#wrapper { width: 735px; margin: 0 auto; }

/* HEADER */
#header { border-bottom: 1px dashed #ffc; height: 156px; }

	/* Logo */
	#logo { float: left; margin: 31px 0 0 0; }
	#logo span, #logo a { display: block; width: 329px; height: 104px; padding: 0; border-style: none; background: url(../img/logo.gif) no-repeat; }
	#logo img  { display: block; width: 0; }

	#contactinfo { float: right; background: url(../img/address.gif) 0 0 no-repeat; width: 359px; height: 68px; margin: 45px 0 0 0; }
	#contactinfo span { display: none; }

#content { width: 359px; float: right; margin: 0 0 1.25em 17px; }
#content_inner { width: 100%; float: none; clear: both; }

#photos { margin: 2em auto; text-align: center; }
#photos td p { margin: 0 0 1em 0; }
#photos td { width: 375px; }

/* SIDEBAR */
#sidebar { width: 330px; float: left; }

.border { background: #fff; padding: 17px; margin: 2.25em 0; }

/* FOOTER */
#footer { border-top: 1px dashed #ffc; clear: both; font-size: .75em; line-height: 1.714em; margin: 3em 0; }
#footer p { padding: 0 0 3em 0; }