/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, header-contact, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}

/* Global properties ======================================================== */
* {margin:0; padding:0;}

html {width:100%;}

body {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:100%;
	color:#666666;
	min-width:980px;
	position:relative;
	background-color: #D0DFF2;
	background-image: url(../images/bkg.png);
	background-repeat: repeat-x;
}

.main {
	width:980px;
	position:relative;
	padding:0px 0 40px;
	margin:0 auto;
	font-size:0.8125em;
	line-height:1.307em;
}

img {border:0; vertical-align:top; text-align:left;}

a {color:#94aa13; outline:none;}
a:hover {text-decoration:none;}

object {outline:none;}
fieldset {border:0;}

ul {
	list-style-type: square;
	padding-left: 40px;
}


ul.menu {
	list-style-type: none;
}

table, table td {padding:0; border:none; border-collapse:collapse;}

.clear {clear:both; width:100%; line-height:0; font-size:0;}

.col-1, .col-2, .col-3, .col-4 {float:left;}
.column-1, .column-2, .column-3 {float:left;}  

.wrapper {width:100%; overflow:hidden;}
.extra-wrap {overflow:hidden;}
.extra-box {overflow:hidden;}
 
.container {width:100%;}

p {margin-bottom:18px;}
.p1 {margin-bottom:8px;}
.p2 {margin-bottom:15px;}
.p3 {margin-bottom:30px;}
.p4 {margin-bottom:40px;}
.p5 {margin-bottom:50px;}

.reg {text-transform:uppercase;}

.fleft {float:left;}
.fright {float:right;}

.alignright {text-align:right;}
.aligncenter {text-align:center;}

.title {margin-bottom:18px;}

.it {font-style:italic;}

.letter {letter-spacing:-1px;}

.color-1 {color:#fff;}
.color-2 {color:#000;}
.color-3 {color:#666666;}
.color-4 {color:#666666;}

/*********************************boxes**********************************/
.margin-bot {margin-bottom:35px;}
.margin-bot2 {margin-bottom:110px;}

.spacing {margin-right:35px;}
.spacing2 {margin-right:45px;}
.spacing3 {margin-right:60px;}

.spacing-bot {margin-bottom:25px;}

.indent {padding:0 0 0px 10px;}
.indent2 {padding-left:50px;}
.indent-bot {margin-bottom:20px;}
.indent-bot2 {margin-bottom:30px;}
.indent-bot3 {margin-bottom:45px;}

.img-indent-bot {margin-bottom:25px;}
.img-indent {float:left; margin:0 20px 0px 0;}	
.img-indent2 {float:left; margin:0 13px 0px 0;}	
.img-indent-r {float:right; margin:0 0px 0px 40px;}	

.img-box {float:left; margin-bottom:20px;}	

.prev-indent-bot {margin-bottom:10px;}
.prev-indent {float:left; margin:0 17px 0px 0;}	
.prev-box {float:left; margin-bottom:8px;}	

.border {padding:4px; border:1px solid #eeedd6; background:#fdfdf7;}
.border2 {border:1px solid #000;}

.buttons a:hover {cursor:pointer;}

.menu li a,
.link,
.button, 
.button1, 
.button2, 
.logo {text-decoration:none;}	

/*********************************header*************************************/
header {height:434px; width:100%; overflow:hidden; background:url(../images/vancouver-pet-sitting-services.png) 0 0 no-repeat;}
header-contact {height:434px; width:100%; overflow:hidden; background:url(../images/vancouver-pet-sitter.png) 0 0 no-repeat;}

h1 {float:left; font-size:20px; line-height:22px; padding:20px 97px 0 25px; position:relative; text-transform:uppercase; font-weight:normal; font-family:Arial, Helvetica, sans-serif;}
.logo {display:block; color:#fff;}

.menu {float:left; padding:60px 0px 0 0;}
.menu li {font-size:28px; line-height:1.2em; margin-bottom:-8px; height: 60px;}
.menu li a {display:block; color:#88897d; padding:5px 0 9px 50px; width:220px; height: 60px; padding-left:25px; padding-right:20px;}
.menu li .active, .menu li a:hover {color:#fff; background:url(../images/active.gif) 0 3px no-repeat; padding-left:25px; padding-right:20px;} 
.menu .last-item {margin:0;}

/*********************************content*************************************/
#content {width:100%; padding-bottom:13px; overflow:hidden; background:#fff;}

#content .row-1 {float:left; width:980px; margin-right:-325px; overflow:hidden; color:#fff; position:relative; z-index:1; background:url(../images/row1-tail.gif) 0 0 repeat-y #bfc0b1;}
#content .row-1 .padding {padding:20px 345px 40px 45px;}
#content .row-1 h3 {color:#fffde1;}

#content .row-2 {padding:13px 0px 0px 15px; float:left; color:#666666;}

#content .row-3 {float:left; width:980px; margin-right:-325px; overflow:hidden; color:#70735d; position:relative; z-index:1; background:#f6f6e9;}
#content .row-3 .padding {padding:20px 345px 80px 45px;}


.spacer-1 {width:100%; background:url(../images/pic-1.gif) 217px 0 repeat-y;}
.spacer-2 {width:100%; background:url(../images/pic-1.gif) 460px 0 repeat-y;}

h3 {font-size:30px; line-height:1.5em; margin:0px 0 6px; color:#666666;}
.head {font-size:40px; margin-bottom:1px; color:#fffde1;} 
#content .title-1, #content .title-2 {
	color:#336699;
	padding-bottom:10px;
	margin-bottom:20px;
	background:url(../images/pic-1.gif) 0 bottom repeat-x;
	font-size: 24px;
	font-weight: bold;
}
#content .title-2 {margin-bottom:10px;}
h4 {font-size:22px; line-height:1.227em; margin:0px 0 6px; color:#fff;}

.scroll {overflow:auto; height:180px; position:relative;}
.scroll .padding-right {height:1%; padding-right:50px;}

.border-bot {width:100%; padding-bottom:20px; background:url(../images/pic-1.gif) 0 bottom repeat-x;}
.padding-top {padding-top:5px;}

.box {width:100%;}
.box .corner-bot-right {background:url(../images/box-corner-bot-right.jpg) right bottom no-repeat;}
.box .tail-left {background:url(../images/box-tail.gif) 0 0 repeat-y;}
.box .tail-top {background:url(../images/box-tail.gif) 0 0 repeat-x;}
.box .tail-right {background:url(../images/box-tail.gif) right 0 repeat-y;}
.box .tail-bot {width:100%; background:url(../images/box-tail.gif) 0 bottom repeat-x;}
.box .padding {padding:12px 25px 20px 26px;}
.box h3 {
	color:#ff5301;
	font-size: 18px;
}

.box1 {width:100%; position:relative; z-index:2;}
.box1 .box-top {height:10px; font-size:0; line-height:0;} 
.box1 .corner-top-right {padding-right:9px; background:url(../images/box1-corner-top-right.png) right 0 no-repeat;}
.box1 .tail-top {height:10px; width:100%; background:url(../images/box1-top-tail.png) right 0 no-repeat;}

.box1 .tail-y {width:100%; background:url(../images/box1-tail.gif) right 0 repeat-y #fdfbf3;}
.box1 .tail-right {padding:0 9px 0 0; background:url(../images/box1-tail-right.png) right 0 no-repeat;}
.box1 .box-content {width:100%; background:url(../images/box1-tail.gif) 0 bottom repeat-x;}
.box1 .padding {padding:10px 15px 15px 15px;}
.box1 h3 {margin-bottom:11px; padding-left:9px;}

.box2 {margin-right:9px; background:url(../images/box1-tail.gif) 0 bottom repeat-x #fffef2;}
.box2 .tail-y {padding:10px 15px 15px 15px; background:url(../images/box1-tail.gif) right 0 repeat-y;}
.box2 h3 {margin-bottom:5px; padding-left:9px;}

.button {display:inline-block; color:#fff; background:url(../images/button-tail.gif) 0 0 repeat-x;}
.button strong {display:inline-block; cursor:pointer; background:url(../images/button-left.gif) 0 0 no-repeat;}
.button strong strong {padding:4px 10px 4px 18px; background:url(../images/button-right.gif) right 0 no-repeat;}
.button:hover {background:url(../images/button1-tail.gif) 0 0 repeat-x;}
.button:hover strong {background:url(../images/button1-left.gif) 0 0 no-repeat;}
.button:hover strong strong {background:url(../images/button1-right.gif) right 0 no-repeat;}

.button1 {display:inline-block; color:#fff; background:url(../images/button1-tail.gif) 0 0 repeat-x;}
.button1 strong {display:inline-block; cursor:pointer; background:url(../images/button1-left.gif) 0 0 no-repeat;}
.button1 strong strong {padding:4px 15px 4px 18px; background:url(../images/button1-right.gif) right 0 no-repeat;}
.button1:hover {background:url(../images/button-tail.gif) 0 0 repeat-x;}
.button1:hover strong {background:url(../images/button-left.gif) 0 0 no-repeat;}
.button1:hover strong strong {background:url(../images/button-right.gif) right 0 no-repeat;}

.button2 {display:inline-block; color:#fff; background:url(../images/button2-tail.gif) 0 0 repeat-x;}
.button2 strong {display:inline-block; cursor:pointer; background:url(../images/button2-left.gif) 0 0 no-repeat;}
.button2 strong strong {padding:4px 15px 4px 18px; background:url(../images/button2-right.gif) right 0 no-repeat;}
.button2:hover {background:url(../images/button-tail.gif) 0 0 repeat-x;}
.button2:hover strong {background:url(../images/button-left.gif) 0 0 no-repeat;}
.button2:hover strong strong {background:url(../images/button-right.gif) right 0 no-repeat;}

.table-1 {color:#918a6a;}
.table-1 a {color:#70735d;}
.table-1 tr th {padding:0 0 4px 0; font-weight:normal; text-align:left; border-bottom:1px solid #e1e0cf;}
.table-1 tr td {padding:0 0 1px 0;}
.table-1 tr .td-1 {width:130px; border-right:1px solid #e1e0cf;}
.table-1 tr .td-2 {padding:0 0 0 30px}
.table-1 .tr-2 td {padding-top:6px;}

.list-1 li {line-height:26px; padding-left:10px; background:url(../images/marker-1.gif) 0 10px no-repeat;}
.list-1 li a {color:#918a6a;}

.list-2 li {line-height:23px; padding-left:10px; background:url(../images/marker-2.gif) 0 8px no-repeat;}
.list-2 li a {color:#94aa13;}

.list-3 {list-style:decimal-leading-zero;}
.list-3 li {font-size:12px; line-height:16px; color:#fff; padding-bottom:12px; margin-left:25px; list-style-type:decimal-leading-zero;}
.list-3 li a {color:#eda202;}
.list-3 li a:hover {color:#24a3ce;}

.link:hover {text-decoration:underline;} 

.link-1 {display:inline-block; color:#918f6a; padding-left:8px; font-weight:bold; background:url(../images/marker-1.gif) 0 7px no-repeat;}
.link-1:hover {color:#918f6a;} 

.link-2 {color:#ff5301; font-weight:bold;}
.link-3 {color:#70735d; font-weight:bold;}

.text-1 {font-size:14px;} 
.text-2 {font-size:14px; line-height:1.285em;}  
.text-3 {font-size:11px; line-height:1.272em;}  

.info2 dt {padding-bottom:20px;}

.info span, .info2 span {float:left; width:160px;}

#form-1 {display:block; width:261px;}
#form-1 label {display:block; height:41px;}
#form-1 input {width:231px; font-size:12px; color:#fff; font-weight:bold; padding:7px 0px; font-family:Arial, Helvetica, sans-serif; border:0; background:none;}
#form-1 span {display:block; width:231px; height:30px; padding:0 15px; background:url(../images/input.gif) 0 0 no-repeat;}
#form-1 .link-2 {margin-top:20px;}

#form-main {display:block; width:270px;}
#form-main label {display:block; height:60px;}
#form-main input {width:258px; font-size:1em; color:#666; padding:8px 5px; font-family:Arial, Helvetica, sans-serif; border:1px solid #e5e5e5; background:#fff;}
#form-main textarea {height:171px; overflow:auto; width:258px; font-size:1em; color:#666; padding:10px 5px; font-family:Arial, Helvetica, sans-serif; border:1px solid #e5e5e5; background:#fff;}

.buttons {padding-top:20px; text-align:right;}
.buttons a {margin-left:15px;}
/*********************aside**********************/
aside {padding:20px 14px 30px 45px; background:#f6f6e9;}
/****************************footer************************/
footer {
	color:#a09e9a;
	background:url(../images/footer-tail.gif) 0 0 repeat-x #fff;
	padding-top: 22px;
	padding-bottom: 20px;
	text-align: center;
	padding-right: 33px;
	padding-left: 33px;
}

footer a {color:#a6b649;}

.small {
	font-size: 11px;
	font-style: italic;
}

#certification {
	padding: 20px;
	text-align: center;
}