/*
Theme Name: Mitelut Notary Vancouver
Theme URI: http://www.notaryvancouver.com
Version: 1.0
Author: Andi Szekeres
Author URI: http://szek.net
*/
/*eric meyer`s css reset*/
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, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, 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-size: 100%; vertical-align: baseline; background: transparent;}
img {margin: 0; padding: 0; border: 0; outline: 0; background: transparent;}
/*body {line-height: 1;}*/
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
:focus {outline: 0;}/* remember to define focus styles! */
ins {text-decoration: none;}/* remember to highlight inserts somehow! */
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}/* tables still need 'cellspacing="0"' in the markup */
select,label,.pointer { cursor:pointer; }/*add pointer cursor to elements*/
table td { vertical-align: top; }
* html ul li a {height:1em;} /*fixes IE6 list whitespace bug*/
.clear {clear: both;height: 0px;} /*clears floats*/
.spacer10 {float: left;width: 10px;} .spacer15 {float: left;width: 15px;} .spacer20 {float: left;width: 20px;} .spacer25 {float: left;width: 25px;} .spacer30 {float: left;width: 30px;} /*spacer*/
/*-----------------------------------------------------------*/

body { font: normal 12px/1.4em Arial, Helvetica, sans-serif; text-decoration: none; background: #eaeae7; }
#header, #contentWrap, #footer { width: 900px; margin-right: auto; margin-left: auto; }
p { margin-bottom: 10px; }
a:link, a:active, a:visited { text-decoration: none; color: #175b7e; }
a:hover {text-decoration: underline;}
h1, h2, h3, h4, h5, h6 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }

/*=============================HEADER=======================*/
#hdrWrap { background: #FFF; }
#header { background: #FFF url(images/bgrHdr.gif) repeat-x left top; }
.logo { float: left; z-index: 12; position: relative; }

.hdrRnav ul li { display: inline; font: bold 0.9em "Trebuchet MS", Arial, Helvetica, sans-serif; margin-left: 16px; }
.hdrRnav { text-align: right; width: 400px; float: right; padding-top: 6px; }
.hdrRnav .page-item-22 { background: url(images/iconTopHome.gif) no-repeat left 1px; padding-left: 17px; }
.hdrRnav .page-item-25 { background: url(images/iconTopInf.gif) no-repeat left 1px; padding-left: 17px; }
.hdrRnav .page-item-27 { background: url(images/iconTopCont.gif) no-repeat left 1px; padding-left: 17px; }
#header .intHdr { height: 113px;  margin-bottom: 2px; }
#header .intHdr img {  margin-top: -37px; }

/*HOME ROTATING*/
/*.mRot { height: 188px; margin-bottom: 2px; }
.mRot img { margin-top: -37px; }*/
.mRot { height: 112px; margin-bottom: 2px; }
.mRot img { margin-top: -37px; }

/*- Nav2 / Dropdowns-*/
#nav, #nav ul{padding: 0;margin: 0;float:left;list-style: none;}
.nav { background: url(images/navLong.gif) no-repeat right top; }

#nav a {display: block;}
#nav li a { padding-right: 16px; padding-left: 16px; }
#nav li { float: left; height: 26px; line-height: 26px; background: url(images/btnNav.gif) no-repeat left top; text-align: center; }
#nav li.navShort a { width: 100px; }

#nav li a:link, #nav li a:active, #nav li a:visited { color: #FFF; font: bold 14px/26px "Trebuchet MS", Arial, Helvetica, sans-serif; }
#nav li a:hover { background: none; text-decoration: none; }
#nav li ul { position: absolute; left: -999em; width: 180px; }
#nav li:hover ul, #nav li.sfhover ul {left: auto;z-index:1000;	}
#nav li ul li { background: #eef9ff url(images/topmenu-bgr.gif) repeat-x top; width:180px; margin-left: 1px; text-align: left; color: #036; }
#nav li ul li ul { margin: -34px 0 0 179px; }
#nav li ul li a:link, #nav li ul li a:active, #nav li ul li a:visited { width:165px; color: #036; font: bold 11px/26px Arial, Helvetica, sans-serif; height: 26px; padding-left: 15px; background: url(images/arrowR.gif) no-repeat 4px 10px; }
#nav li ul li a:hover { background: url(images/arrowR.gif) no-repeat 4px 10px #a0ddfc; }
#nav li:hover ul ul, #nav li.sfhover ul ul {left: -999em;}
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {left: auto;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left: -999em;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {left: auto;}

/*=============================CONTENT=======================*/
#contentWrap { padding-top: 24px; background: url(images/bgrContentWrap.gif) no-repeat center top; }
#contentWrap { padding-top: 18px; background: url(images/bgrContentWrapInt.gif) no-repeat center top; }
#content { background: url(images/bgrContent.gif) repeat-y left top; }
#breadcrumbs { font-size: 11px; margin-bottom: 12px; }
h1 { font-size: 20px; margin-bottom: 14px; color: #494949; }
h1 span { font-size: 14px; margin-top: 4px; display: block; }

.introTXT { float: left; width: 680px; margin-right: 20px; }
.mainRbanners { width: 200px; float: left; margin-top: -30px; }
.mainRbanners img { margin-top: 0px; margin-bottom: 4px; }

.post h2 { font-size: 15px; margin-bottom: 6px; margin-top: 12px; background: url(images/dottedLine.gif) repeat-x left bottom; display: block; padding-bottom: 3px; }
.post ul { margin-bottom: 12px; margin-left: 18px; }
.post ul li { margin-bottom: 2px; background: url(images/arrowRed2.gif) no-repeat left 6px; padding-left: 12px; }

/*HOMEMID BOXES*/
.mitHome .hBox { float: left; width: 200px; margin-right: 33px; margin-bottom: 20px; margin-top: 10px; background: #fcfcfc; font-size: 12px; height: 395px; }
.mitHome .hBox h2 { height: 37px; line-height: 37px; background: #1c87bd url(images/boxTit.gif) no-repeat center top; margin-bottom: 0px; margin-top: 0px; border-bottom: 2px solid #FFF; padding: 0px; }
.hBox h2 a:link, .hBox h2 a:active, .hBox h2 a:visited { color: #FFF; text-decoration: none; font-size: 17px; }

.mitHome .hBox h2, .hBox .boxPic { text-align: center; display: block; }
.mitHome .hBox .boxPic img { padding: 1px; border: 1px solid #bbd8e7; }
.mitHome .hBox a { font-weight: bold; }
.mitHome .hBox.hBoxLast { margin-right: 0px; }
.mitHome .hBox p, .hBox ul { margin: 4px; }
.hBox ul li, .contactForm ul li { background: url(images/arrowRed.gif) no-repeat left 4px; padding-left: 14px; padding-bottom: 3px; }
.colL { width: 570px; float: left; }
.colL p img { float: left; margin-right: 24px; padding: 3px; border: 1px solid #a1d6f0; }
.colL h3 { font-size: 15px; margin-bottom: 8px; background: url(images/dottedLine.gif) repeat-x left bottom; padding-bottom: 7px; margin-top: 16px; } 
.colL .intTbl { margin-bottom: 20px; }
.colL .intTbl td { padding: 8px; font-size: 12px; }
.colL .intTbl .intTblWhite { background: #FFF; }
.colL .intTbl tr .intTblWhite ul li { background: url(images/arrowRed2.gif) no-repeat left 6px; padding-left: 15px; margin-bottom: 2px; }
.colL .intTbl tr .intTblWhite h3 { font-size: 14px; text-transform: capitalize; }
.colL .intTbl.intTblCenter td { text-align: center; }
.colL .intTbl.intTblCenter h4 { font-size: 13px; margin-top: 6px; }
.colL .intTbl tr .intTblSmall { margin: 0px; padding: 0px; }


/*================================RIGHT BAR=========================*/
.colR { float: right; width: 300px; padding-right: 6px; padding-left: 6px; font-size: 11px; }
.colR img { margin-bottom: 5px; }
.colR .rBox h3 { font-size: 14px; margin-bottom: 6px; }
.colR .rBox h3 span { font-size: 11px; }
.colR .rBox h4 { display: block; line-height: 26px; background: url(images/bgrTitR.gif) no-repeat left top; height: 26px; color: #FFF; font-size: 16px; padding-left: 22px; margin-bottom: 5px; }
.colR .rBox { padding-bottom: 16px; }
/*right nav*/
.colR .rBox ul li a:link, .colR .rBox ul li a:active, .colR .rBox ul li a:visited { display: block; padding: 2px 2px 2px 15px; background: #e0f2fc url(images/arrowR.gif) no-repeat 4px 7px; font-weight: bold; border-bottom: 1px solid #FFF; }
.colR .rBox ul li a:hover { text-decoration: none; background: #a0ddfc url(images/arrowR.gif) no-repeat 4px 7px; }
.colR .rBox ul li.current_page_item a:link, .colR .rBox ul li.current_page_item a:active, .colR .rBox ul li.current_page_item a:visited {background: #a0ddfc url(images/arrowR.gif) no-repeat 4px 7px;}
.rBox form input, .rBox form textarea { width: 294px; margin-bottom: 5px; }
.rBox form .contact_btns .btnSubmit { width: 120px; cursor: pointer; }

/*RIGHT SRC BOX*/
.rSrcBox { margin-bottom: 6px; }
.rSrcBox input#s { width: 120px; margin-right: 12px; }

/*=============================FOOTER=======================*/
#footer { text-align: center; font-size: 11px; height: 66px; background: #FFF url(images/bgrFooter.gif) no-repeat center top; padding-top: 26px; }
#footer ul { margin-bottom: 16px; }
#footer ul li { display: inline; background: url(images/arrowBlue.gif) no-repeat left 6px; padding-left: 8px; margin-right: 6px; margin-left: 6px; }
#footer ul li a { font-size: 0.9em; font-weight: bold; }
#footer h6 { font-size: 11px; }

/*====================CONTACT FORM STYLES===========================*/
.wpcf7-form h3 { margin-top: 24px; margin-bottom: 8px; }
.wpcf7-form p { font-size: 11px; font-weight: bold; }
.contactForm ul { margin-top: 8px; margin-bottom: 8px; font-weight: bold; margin-left: 0px; }
.contactForm p { margin-bottom: 3px; }

/*===================SRC RESULTS==========================*/
.tblAbout h3 { margin-bottom: 6px; }
.srcRes div { margin-bottom: 16px; }
.srcRes h2 { font-size: 14px; }

.galleryNV td { text-align: center; margin: 0px; padding: 6px; }
.galleryNV { margin: 12px 0px 20px; }

/*CONTACT FORM*/
/*CONTACT FORM*/
.wpcf7 p span p input {  }
.colL .wpcf7 p { margin: 0px; padding: 0px; }
.colL .wpcf7 input, .colL .wpcf7 select, .colL .wpcf7 textarea { width: 220px;  }
.colL .wpcf7 textarea { width: 500px; }
.colL .wpcf7-form .contactField { display: block; width: 284px; float: left; font-weight: bold; margin: 0px 0px 16px; }
.colL .wpcf7-form .contactField p { margin: 0px 0px 4px; }
.colL .formTbl td { padding: 4px 0px 15px; }

.home .post h1 {display: none;}
.post .entry h1 { display: block; }

/*==========================NEW HOMEPAGE DESIGN 2010==========================*/
.floatL { float: left; }
.floatR { float: right; }
.colL .serviceWrap { margin: 0px 0px 30px; }
.colL .serviceWrap .title, .colL .title { background: #0084C5 url(images/bgrTitle.gif) no-repeat left top; display: block; color: #FFF; line-height: 29px; padding: 0px 0px 0px 25px; margin: 20px 0px 12px; width: 337px; }
.serviceWrap .intro { width: 362px; }
.serviceWrap .serviceImg { float: right; position: relative; top: -40px; padding: 1px; border: 1px solid #C4C4BB; }
.serviceWrap h4 { font-size: 14px; font-weight: bold; text-transform: uppercase; margin: 0px 0px 4px; }
.tblService h5 { font-size: 14px; font-weight: bold; margin: 0px 0px 6px; }
.tblService { margin: 0px 0px 12px; }
.tblService tbody td { background: #FFF; padding: 6px; }
.tblService thead tr th { background: #E2E2DE; font-size: 11px; }
.tblService tbody ul { margin: 0px 0px 0px 8px; }
.tblService tbody ul li { background: url(images/arrowRed2.gif) no-repeat left 6px; padding: 0px 0px 0px 12px; margin: 0px 0px 3px; }
.tblService .tdPrice { border-left: 5px solid #EAEAE7; text-align: center; vertical-align: middle; font-weight: bold; }
.tblService .tdLeft { border-right: 15px solid #EAEAE7; }
.serviceWrap .clickHere { background: url(images/arrowRed.gif) no-repeat left 3px; padding: 0px 0px 0px 14px; font-size: 13px; font-weight: bold; }