*{margin: 0; padding: 0;}

body {background-color: #403529; font-family: "ff-dagny-web-pro-1","ff-dagny-web-pro-2", "Lucida Grande", Arial, Helvetica, sans-serif; color: #333;}

html, body, header, wrapper, p, h1, navigation, content, feature, main, blurb, logo,
footer {margin:0; padding:0;}

/* GENERAL MARK UP */
#wrapper {width: 1000px; margin: auto;}

p {font-size: 9pt; word-spacing: 1pt; padding-bottom: 18px; line-height: 14pt;}

a {color: #BB3517; text-decoration: none; padding: 6px;}
#main a {color: #BB3517; text-decoration: none; font-size: 10pt;}
#main, #content, a:hover {color: #333;}

ul {list-style-type: none;}

#header, #main, #columns {width: 1000px;}

/* HEADER */
#header {height: 270px; background-color: #C7CfC6; position: relative; padding-top: 20px;}

.logo, .blurb, clipboard {position: absolute; text-indent: -9999px;}

.clipboard {background:url(../imgs/clipboard.png) no-repeat; width: 428px; height: 366px;
position: absolute; left: -50px; top: 45px; text-indent: -9999px; z-index: 1;}

.logo {background:url(../imgs/logo.png) no-repeat; width: 306px; height: 107px;
left: 0; top: 110px; z-index: 2;}

.blurbnote {background:url(../imgs/notepad.png) no-repeat; width: 304px; height: 320px;
position: absolute; left: 695px; top:-3px; z-index: 3;}

.blurb {background:url(../imgs/blurb.png) no-repeat; width: 209px; height: 119px;
left: 530px; top: -18px; z-index: 4;}

.blurbtxt {position: absolute; width: 230px; height: 200px; left: 720px; top: 45px;
color: #403529; font-size: 9pt; line-height: 18px; z-index: 5;}

.blurbtxt a {font-size: 9pt;}
.blurbtxt a:hover {font-size: 9pt; color: #403529;}

.email a {font-size: 9pt;}
.email a:hover {font-size: 9pt; color: #403529;}


/* NAVIGATION BAR */
#navigation {background-color: #BB3517; position: absolute; top: 10px; left: 30px;
z-index: 6;}
#navigation ul li {display: inline;}
#navigation ul li a {color: #fff;float: left; border: 1px solid #C7CfC6; background-color: #BB3517; font-size: 8pt;}
#navigation ul li a:hover, #navigation ul li.tab_selected a, #navigation ul li.tab_selected a:hover
{background-color: #403529; color: #fff;}

/* CONTENT : HOME.HTML */
#content {height: 400px; position: relative; background-color: #FFF;}

#feature {width: 724px; height: 500px; left: 300px; position: absolute;}

.image, .maintag, .tag, .sub {position: absolute;}

.image {background: url(../imgs/home/bigsmall.png) no-repeat; height: 350px; width: 221px;
top: 30px; left: -5px;}

.maintag {background: url(../imgs/home/headline.png) no-repeat; height: 247px; width: 244px; left: 220px; top: 30px; text-indent: -9999px;}

.tag, .sub {left: 216px; font-weight: bolder;}
.tag {top: 270px; font-size: 20px; color: #1B1100;}
.sub {top: 300px; font-size: 14px; color: #BB3517; width: 430px;}

/* MAIN*/
/* main : Infotxt */
#main {background-color: #FFF; float: right;}
.title, .headline, .subhead {font-size: 12pt; font-weight: bold;}
.subhead1 {font-size: 10pt;}
.item {font-weight: bold;}
.subhead2 {font-size: 8pt; color: #AC391A;}
.headline {color: #1B1100;}
.subhead, .subhead1 {color: #AC391A;}

/* main : tricks & services */
#infotxt, #tricks, #pawprints {width: 654px; float: right; padding: 50px 35px 40px 35px}
#services, #services1, #services2 {width: 215px; float: left;}
#services, #services1, #services2 li {list-style-type: none; font-size: 12px;}
#tricks .headline {padding: 0;}
#infotxt a {font-size: 9pt;}
#infotxt a:hover {color: #1B1100;}

/* main : tricks */
#small, #small1, #small2, #big {float: left;}
#small, #small1, #small2 {width: 73px;}

#small {position: absolute; z-index: 10;}
#small img {padding: 0; width: 73px; height:73px; border: none; padding-bottom: 4px;}

#small1 {position: absolute; z-index: 9; padding-left: 80px;}
#small1 img {padding: 0; width: 73px; height:73px; border: none; padding-bottom: 4px;}

#small2 {position: absolute; z-index: 8; padding-left: 160px;}
#small2 img {padding: 0; width: 73px; height:73px; border: none; padding-bottom: 4px;}

#big {margin-left: 250px; width: 400px;}
#big img {padding: 0;}

#main_network {background-color: #FFF; float: right;}
#network {position: relative; z-index: 11; width: 300px;}
#network img {padding: 0; width: 50px; height: 50px; border: none; padding-bottom: 10px;}
#network p {font-weight: bold;}
#network a:hover {font-weight: bold; color: #1B1100;}
.facebook {top: 0;}
.facebook,.twitter,.blog,.msn,.phone,.mail {position: absolute; left: 55px;}
.phone {left: 60px;}

/* main : price guide */
#prices {width: 470px; margin-right: 10px; float: left;}
#price_info {width: 150px; padding-left: 20px; float: left; border-left: 1pt solid #C7CfC6;}
#price_info p {padding: 0;}
#price_info a {padding: 0;}
#price_info a:hover {padding: 0;}
#price_info li {list-style-type: none; font-size: 12px;}
#price_info li.tab_selected a {color: #BB3517; font-weight: bold; text-transform: uppercase;}

/* main : Side column */
#sidecolumn {position: absolute; width: 276px; float: left; padding-top: 100px; z-index: 7;}
#sidecolumn ul li {padding: 8px; border-bottom: 1pt solid #C7CfC6;}
#sidecolumn ul li a {font-size: 10pt; color: #BB3517; font-weight: bold; margin-left: 30px;}
#sidecolumn ul li a:hover {color: #1B1100;}
#sidecolumn ul li.tab_selected a {color: #1B1100;}
#sidecolumn ul li.tab_selected a:hover {color: #BB3517;}

.terms {width: 220px; margin-left: 35px; font-size: 8pt; line-height: 11pt;}

#clear {clear: both;}

/* INFO COLUMNS */

#columns {float: right; padding: 25px 0px 50px 0px; background-color: #fff;}

.col1, .col2, .col3 {width: 270px; border-top: 1px solid #C7CfC6; 
border-bottom: 1px solid #C7CfC6; background-color: #FFF; float: left; margin-left: 30px;}

.col1, .col2, .col3, img {padding-top: 15px;}

.col1, .col2, .col3, p {padding: 10px;}

.columnheadline {font-size: 12pt; color: #1B1100; font-weight: bold; text-align: center;}

/* FOOTER */
#footer {clear: both;}
#footer p {color: #C7CfC6; float: right; padding: 0;}

#footer ul {display: block; padding-bottom: 80px;}
#footer ul li {display: inline;}
#footer ul li a {float: left; font-size: 7.5pt; color: #C7CfC6;}
#footer ul li a:hover {color: #E8DCCB;}

/* CONSTRUCTION PAGE */
.pups, .maintag1 {position: absolute; text-indent: -9999px;}

.pups {background: url(../imgs/construction/sharpei.png) no-repeat; height: 380px; width: 580px;
left: -250px; top: 30px;}
.maintag1 {background: url(../imgs/construction/sign.png) no-repeat; height: 151px; width: 398px;
left: 250px; top: 50px;}
.sub1 {font-size: 14px; font-weight: bolder; color: #BB3517; width: 400px;
padding-top: 200px; padding-left: 260px;}