@import url("interior.css");
/* 
  -----------------------------------
  K9 Search & Rescue 2007 Style Sheet (Master) Revised Mar 7, 2010
  Author: Justin Agoglia
  Website: www.skylardesign.com
  -----------------------------------
*/

/* =Reset Styles 
  ----------------------------------- */
html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td 
{margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; vertical-align: baseline;}

/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1.7;	color: #484F53;	background: #473F00 url(../images/background.jpg) repeat; font-family: Arial, Helvetica, sans-serif;}

ol, ul {list-style: none;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0;}

caption, th, td {text-align: left; font-weight: normal;}

blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

#wrapper {margin: 0 auto; width: 940px; background-color: #FFF;}

a {color: #CC3D11;}
a:visited {color: #EF6943;}
a:hover {color: #EF6943; text-decoration: none;}
a:active {background-color: #473F00; color: #fff; text-decoration: none;}

* {margin: 0; padding: 0;}

h1, h2, h3, h4, ul, form {font-family: Arial, Helvetica, sans-serif;}

h1 {font-size: 2.5em;}
h2 {font-size: 2em;}
h3 {font-size: .9em;}
h4 {font-size: 1.5em;}

/* =Masthead Styles
---------------------------------- */
#masthead {height: 145px;}
#masthead #logo {margin: 0 auto; width: 250px; height: 123px; padding-top: 15px;}

/* =Content Styles
---------------------------------- */
#content-container, #content-mainWrap, #footer {width: 940px; background: #FFF;}
#content-nav, #content-thumbs, #content-sidebar {float: left; height: 330px; border-right: 4px solid #FFF;}
#content-nav {width: 514px; background: url(../images/style-feet.jpg) no-repeat;}

/* =Navigation
---------------------------------- */
#content-nav #navContent {text-transform: uppercase; width: 145px; font-size: 0.75em; font-weight: bold; margin: 1.3em 0 0 1.5em; }
#content-nav #navContent li {margin: 2px 0; }
#content-nav #navContent a {color: #FFF; text-decoration: none; padding-left: .5em; letter-spacing: 0.05em;}
#content-nav #navContent a:visited {color: #EFEFEF;}
#content-nav #navContent a:hover {background: url(../images/rollbkg.jpg) no-repeat right top; color: #364344; padding: 0 .5em .5em;}
#navContent a:active, #navContent a:focus {background-color: #CC3D11; color: #fff; padding-right: .5em;}
#content-thumbs {width: 178px; background: url(../images/style-thumbs.jpg) no-repeat;}
#content-sidebar {font-size: .95em; width: 200px; border-right: none; background: #A7A481; padding: 0 20px;}
#content-sidebar p, #content-sidebar ul li {font: 0.8em/1 "Trebuchet MS", "Lucida Sans", Verdana, Sans-serif;}
#content-sidebar ul {margin-top: 1.4em; }
#content-sidebar ul li {color: #FFF; margin-bottom: 0.8em; background: url(../images/arrow.gif) no-repeat 0px 5px; padding-left: 20px;}
#content-sidebar a {color: #FFF; line-height: 1.1; text-decoration: none;}
#content-sidebar a:hover {background-color: #CC3D11;color: #FFF; }

#content-sidebar h3 {color: #FFF; text-transform: uppercase; margin: 0 0 5px 0; font-weight: bold; line-height: 1;}

#content-mainWrap {float: left;}
#content-mainWrap #content-main {width: 495px; margin: 0 auto; padding-bottom: 1.5em;}
#content-mainWrap #content-main h2 {color: #CC3D11; font-weight: normal; margin-top: .7em;}
#content-mainWrap #content-main p {font-size: .75em; margin: .8em 0;}

/* =Site-info Styles
---------------------------------- */
#site-info {float: left; background: #CC3D11; padding: 1.7em 0 1.7em 20px; width: 920px; font-size: .7em;}
#site-infoContent {float: left; width: 400px; margin-left: .7em;}
#site-infoContent p {line-height: normal;}
#site-info p.author {float: right; width: 140px;}
#site-info p, #site-info a {color: #FFF;}
#site-info a:visited {color: #F4F4F4;}
#site-info a:hover, #site-info a:active {color: #F2896A; text-decoration: line-through;}
#site-info a:active, #site-info a:focus {background-color: #000; color: #FFF; text-decoration: none;}
#site-info p#disclaimer {margin-top: .5em;}

/* =Uberlinks
---------------------------------- */
#home #homelink a, #about #aboutlink a, #services #serviceslink a, #support #supportlink a, #workshops #workshoplink, #testimonies #testimonieslink a, #news #newslink a,#contact #contactlink a {background-color: #CC3D11; color: #fff; padding-right: .5em; cursor: default;}