/*-- ====================================Style definitions for Victor & Co Accountants --------------------------------------- --*/

/*-- 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, img, 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;
}
html, body {
    height: 100%;
    width: 100%;
}
body {
    line-height: 1;
    width: 100%;
    min-width: 980px; 

}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

a:active, a:focus {
    outline: none;
     outline: 0;
}
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
a, img{ outline: none; }
    a:focus {
   -moz-outline-style:none;
    }

/*-- end Reset -----------------------------------------------*/ 

.clear{ clear: both;}
.floatleft{ float: left;}
.floatright{float: right;}
.cntrd{margin: 0 auto;}
.spacer0{height: 10px;}
.spacer1{height: 20px;}
.spacer2{height: 40px}

/*------------------------------------*\
  MAIN 
\*------------------------------------*/

html { font: normal 14px/21px "PTSansRegular", "Arial", Helvetica, san-serif;  }
body { color: #333; background: #f1f1f1 url(../images/bg1.gif) repeat; }

/*------------text------------------------------------------------------------------------------*/
hr { border: 0 #ccc solid; border-top-width: 1px;   clear: both; height: 0;}

/*  fonts
---------------------------------------------------------------------------------------------------*/

@font-face {
    font-family: 'PTSansNarrowRegular';
    src: url('fonts/PTN57F-webfont.eot');
    src: url('fonts/PTN57F-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/PTN57F-webfont.woff') format('woff'),
         url('fonts/PTN57F-webfont.ttf') format('truetype'),
         url('fonts/PTN57F-webfont.svg#PTSansNarrowRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'PTSansNarrowBold';
    src: url('fonts/PTN77F-webfont.eot');
    src: url('fonts/PTN77F-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/PTN77F-webfont.woff') format('woff'),
         url('fonts/PTN77F-webfont.ttf') format('truetype'),
         url('fonts/PTN77F-webfont.svg#PTSansNarrowBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'PTSansRegular';
    src: url('fonts/PTS55F-webfont.eot');
    src: url('fonts/PTS55F-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/PTS55F-webfont.woff') format('woff'),
         url('fonts/PTS55F-webfont.ttf') format('truetype'),
         url('fonts/PTS55F-webfont.svg#PTSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'PTSansBold';
    src: url('fonts/PTS75F-webfont.eot');
    src: url('fonts/PTS75F-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/PTS75F-webfont.woff') format('woff'),
         url('fonts/PTS75F-webfont.ttf') format('truetype'),
         url('fonts/PTS75F-webfont.svg#PTSansBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'PTSansItalic';
    src: url('fonts/PTS56F-webfont.eot');
    src: url('fonts/PTS56F-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/PTS56F-webfont.woff') format('woff'),
         url('fonts/PTS56F-webfont.ttf') format('truetype'),
         url('fonts/PTS56F-webfont.svg#PTSansItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

h5 em, p em{font-family: 'PTSansItalic'; font-style: normal;}
li strong, p strong {font-family: 'PTSansBold'; font-weight: normal;}
/* `headings
----------------------------------------------------------------------------------------------------*/
h1, h2{font-family: 'PTSansNarrowRegular', Arial, sans-serif; font-weight: normal;}
h3, h4, h5{font-family: 'PTSansBold', Arial, sans-serif;  font-weight: normal;}
h1 {font-size: 36px;}
h1 strong{ display: none; }
h2{ font-size: 36px; color: #dfa903; font-weight: normal; margin: 30px 0 40px 10px;}
h3{ font-size: 20px; margin-bottom: 20px; color: #b8c501; font-weight: normal;}
h4{ font-size: 18px; margin-bottom: 20px;}
h5{ font-size: 18px; }
h6{font-size: 16px; }

/* PARAGRAPHS 
---------------------------------------------------------------------------------------------------*/
p.intro { font-size: 18px; line-height: 27px; }
p.open { font-size: 26px; line-height: 30px; color: #cf7f01; text-align: center; padding: 5px 0 20px;}
    p.open a{color: #cf7f01; text-decoration: underline;}
    p.open a:hover{text-decoration: none;}
p.norm { font-size: 15px; line-height: 24px;}
p.norm strong{ font-weight: normal;}
p.col{ font-size: 14px; line-height: 19px; }
p.sml{ font-size: 12px; line-height: 17px; }
p.big{ font-size: 18px; line-height: 20px; }
p.cntr{ width: inherit; text-align: center;}
  p.cntr img{padding-bottom: 20px;}
p.address{ font-size: 18px; line-height: 22px; text-align: left;}
p.address em { font-style: normal; }
p.address a{text-decoration: none; color: inherit;}

/* DIVS N IDS 
---------------------------------------------------------------------------------------------------*/
.sbar{width: 217px;}
#navigation {margin: 0 auto;}
.infostrip{ background-color: #e5e5e5; height: 36px;}
  .infostrip p.sml{text-align: right; padding: 5px 5px 5px 0;}
  .infostrip p.sml strong{color: #c00; font-size: 18px; }
  .infostrip p.sml img{padding-left: 20px; vertical-align: baseline;}
.wbox{background: transparent url(../images/container_bg.gif) right top repeat-y;}
.gbox{background-color: #e4e9ef;}
#callout{ height: 322px; background-color: #fff;}
#content{ }

/*--footer
--------------------------------------------------------------------------------------------*/
#footer {}
#footer .infostrip p.cntr{padding: 10px 0 0 0;}    
#credits { font-size: 10px; padding:3px 0 1px 65px; }
    #credits p.right, #credits p.right a{color: #868639; text-decoration: none; }


/*--lists
---------------------------------------------------------------------------------------------------*/   
ul.smllist{
    text-align: left; list-style-type: none; font-size: 14px; padding-bottom: 15px; font-family: "PTSansItalic";}
ul.smllist li{
    text-align: left; margin: 0 0 6px 5px; list-style-type: none; background-repeat: no-repeat;
    background-image: url("../images/greenblt1.gif"); background-position: 0px 5px ;
    padding: 2px 0 2px 18px; ;
}

ul.mdmlist{
    text-align: left; list-style-type: none; font-size: 15px; padding-bottom: 15px; }
ul.mdmlist li{
    text-align: left; margin: 0 0 9px 0; list-style-type: none; background-repeat: no-repeat;
    background-image: url("../images/greyblt1.gif"); background-position: 0px 5px ;
    padding: 2px 0 2px 22px; line-height: 20px; border-bottom: 1px solid #ccc;
}

#logo { background-image:url(../images/title.gif); background-repeat:no-repeat; background-position:center; float:left;
text-indent: 0px; text-align: center; text-indent: 100%; white-space: nowrap; overflow: hidden; border-top: 36px solid #0b96d9;}
    #logo a{display: block; width:217px; height:113px;}
/*-----------------------------------Navigation----------------------------------*/

    
/*--main nav 
---------------------------------------------------------------------------------*/
ul.mainnav { list-style-type: none; width: 217px; height: 306px; font-family: "PTSansNarrow Regular", Arial, Helvetica, sans-serif; }
    .mainnav li { background-color: #0b96d9; border-bottom: 1px solid #21acef; text-align: center;}
    .mainnav li a { display: block; height: 35px; padding:26px 0 2px; color:#64ccfe; font-size: 14px; letter-spacing: 1px; text-align: center; text-transform: uppercase; text-decoration: none; }
    .mainnav li a:hover { color: #fff;  background-color: #097AB0;}
    .mainnav li a:active, .mainnav li a.selected { color: #fff; background-color:#13AAF2;}
    .mainnav a.last{border-bottom: none;}

/*--footer nav 
------------------------------------------------------------------------------------*/
.footernav { overflow:hidden; position:relative; background-color: #0b96d9; height: 26px; padding: 10px 0 0 0; }
.footernav ul{ list-style:none; position:relative; text-align:center; }
.footernav ul li { display: inline; margin: 0 1px; list-style:none; color:#64ccfe;; }
.footernav li a { margin:0 0 0 1px; padding:1px 6px; line-height: 20px; font-size: 12px; color:#64ccfe; text-decoration: none; }  
.footernav li a.last{ border-right:  none; }
.footernav li a:hover, .footernav li a:focus, .footernav li a:active { text-decoration: underline; color: #fff; } 

/*----------------------------------------Forms--------------------------------------*/

#contact-form { font-size: 14px; padding: 40px 0 20px 40px;}
#contact-form fieldset { text-align: left;   }
#contact-form label { width: 70px; float: left; text-align: right; color:222; margin: 0 5px 30px 0; padding-top: 4px; font-size: 14px;}
#contact-form input {  border: 1px solid #ccc; padding: 6px 2px; margin: 0 0 20px 2px; background-color: #fff;  text-align: left;   }
.biginp{ width: 15em;}
.medinp{ width: 12em;}
.smlinp{ width: 9em; }
#contact-form select { margin-left:0.5em; float: left; clear: right;   }
#contact-form textarea { float: left;width:21em; height:18em; border:1px solid #ccc; padding-left:0.4em ; overflow:auto;  margin:2px 0 15px 2px;
    background-color: #fff;  text-align: left; }
#contact-form input:focus, #contact-form textarea:focus {}
.formcapt{color: #999;  font-size: 85%;text-align: left; padding-bottom: 20px;   }
#contact-form #button1 { width:100px; height: 33px;  margin: 5px 0 10px 0px; background-color: #b8c501; color: #fff;   
    border: none; text-align: center; cursor: pointer; }
#contact-form #button1:hover{background-color: #DFF101; color: #2d2d2d;}    
#contact-form br{clear: both;}
#contact-form .addr{ width:5px;  visibility:hidden;}

/* ----------pagewise defs------------------------------------------------------------- */
/* --home
------------------------------------------------------- --*/
#homp p.intro{padding: 30px 20px ; color: #015d8a; }
#homp #callout{background: #f7f8f9 url(../images/services_bg.jpg) 0 0 no-repeat;}
#homp #callout h3{padding-top: 20px; }
#homp p.cntr{padding: 0;}
#homp .gbox{padding: 35px 0;}
#homp .smllist{margin-left: 10px; }
#homp .mdmlist{margin:0 25px 0 20px; padding-right: 20px;
  border-right: 3px solid #b8c501;}
#homp h3{margin-left: 15px;}
#homp p.norm{padding-right: 15px; }

/* --about
------------------------------------------------------- --*/
#abtp .gbox{padding: 35px 0; height: 335px; background: #e4e9ef url(../images/bio_bg.gif) center bottom no-repeat; border-bottom: 2px solid  #b8c501;}
#abtp .gbox h5{ margin: 0 0 15px 20px;}
#abtp .gbox h5 em{font-size: 12px;}
#abtp .gbox p.col{padding: 0 20px; color:#026290;} 
#abtp p.intro{padding: 30px 20px 10px; color: #015d8a; }
#abtp p.norm{padding: 5px 20px 10px;  }
#abtp h3{margin: 20px 0 5px 20px; }

/* --services
------------------------------------------------------- --*/
#srvp #callout {height: 200px; }
#srvp h4{text-transform: uppercase;}
#srvp p.norm{padding: 0 0 15px 0;}
#srvp .mdmlist{}
      #srvp .mdmlist li{ background-position: 0px 3px ; color: #0b96d9; background-image: url(../images/greenblt2.gif); padding: 0 0 5px 20px; margin: 0 0 5px 0;   border-bottom: none; }
      #srvp .mdmlist li p{ padding: 5px 0 4px 0; color: #444;}
#srvp .srvsec{margin-left: 15px; padding: 10px 10px 0 15px; border-left: 1px solid #ccc ;}

/* --resources
------------------------------------------------------- --*/
#rscp .mdmlist { margin: 30px 200px 30px 150px;}
#rscp .mdmlist li { background-position: 0px 2px ; color: #0b96d9; background-image: url(../images/greenblt3.gif); padding: 0 0 5px 20px; margin: 0 0 10px 0; }
#rscp .mdmlist li a{text-decoration: none; color: #0b96d9; }
#rscp .mdmlist li a:hover{color: #33B6F4; padding-left: 5px;}

/* --contact
------------------------------------------------------- --*/
#conp p.norm{padding: 10px 20px 0;}
#conp h4{font-size: 18px; color: #83c116;  margin: 5px 0 5px 0;}
#conp p.intro img{padding: 0 0 15px 0;  border-top: 5px solid #83c116;}
#conp iframe{border: 1px solid #ccc}
#conp .gbox{ background: #e4e9ef url(../images/contact1.jpg) bottom right no-repeat; padding: 30px 0 140px; border-bottom: 2px solid  #b8c501;}
#conp .gbox h4, #conp .gbox h3{margin: 10px 20px 5px;}
#conp h3{text-transform: uppercase; padding-bottom: 15px;}
#conp h4{color:#0b96d9; padding-bottom: 2px; border-bottom: 1px solid #C6D0DD;}
#conp p.address{padding: 0 0 10px 20px; color: #777;}
form h3{padding-bottom: 20px; }