/* CSS Document */
@charset "utf-8"; 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, 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; vertical-align: baseline; font: inherit normal 100% inherit; color: #000; }
/* remember to define focus styles! */
:focus { 	outline: 0; }
body {	line-height: 1; color: black; background: white; }
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: "" ""; }



/**************  PAGE  STRUCTURE **************/
body          {margin:  0px 0 20px 0 }
.wrapper      {width:  960px;  margin: auto;}
.inner        {width:   960px;  margin: auto;}
.fullcolumn   {width:  960px;  padding: 0px;  margin: 0px;}
#simplecentercolumn {  padding: 0 30px;}
#leftside {width: 765px; float: left;}
#rightside {float: right;}
#home #leftside {width: 575px; float: left;}
#twocolumn #leftside {width: 500px; }
#footer       {width: 100;  padding: 10px 10px; margin:10px 0; clear: both;}

/**************  GLOBAL **************/
body {font-family: Verdana,Arial,Helvetica,Geneva,sans-serif; font-size: 13px;
line-height: 1.3; letter-spacing: 1.1;
background: transparent  url(../../assets/sitegraphics/bg.jpg) repeat-x  0 0; }

h1    {font-size: 145%; color: #F9A826;} 
h2    {font-size: 145%; color: #669900;}
h3    {font-size: 130%;}
h1, h2, h3 {padding: 10px 0 5px; }
a        {color: blue; text-decoration: none;}
a:hover  {color: red; text-decoration: underline;}
p        {padding: 10px 0;}
ul, ol   {padding: 10px 25px;}
ul li    {list-style-type: disc; }
ol li    {list-style-type: decimal; }
hr       {color:#c00; background-color:#c00; height:1px; border:none; }
td       {text-align: left; padding: 5px; vertical-align:top;}
td img   {margin: 15px  0 0;}
img {border: 1px solid #ddd; padding: 5px; border-right: 2px solid #ccc; border-bottom: 2px solid #ccc;}
.more    {float: right; display: inline-block;}
.imageright {float: right; margin: 15px  0 5px 10px; }
.imageleft  {float: left;  margin: 15px 10px 5px 0;  }
.blocktext {display: block; background-color: #000; color: #fff; font-weight: bold; font-size:20px; float: none; 
clear: none; margin: 5px 10px 5px 0; padding: 3px 5px;}

.wrapper {
background: transparent  url(../../assets/sitegraphics/content_m.jpg) repeat-y scroll 0 0;}
.inner {padding: 0px 3px;
background: transparent  url(../../assets/sitegraphics/content_b.jpg) no-repeat scroll left bottom;}

/**************  HEADER **************/
#header   {padding-top: 7px; position: relative;}
#logo     {margin: 5px 0 0 7px ;  padding: 0px;}
#logo a   {font-size: 90%; text-decoration: none;}
#phone {color: #000; font-size: 275%; font-weight: bold; position: absolute; top: 30px; right: 30px; display: inline-block; padding: 0px 15px; 

background: rgb(255, 255, 255) transparent; /* default fallback */
background: rgba(255, 255, 255, 0.8); /* nice browsers */

-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}

#tagline  {font-size:80%; margin: 10px; float: left; clear: left; }
#search   {float: right; }
#social   {float: left; text-align: left; margin: 0 ; position: absolute; top: 20px; left: 45px;}
#social a {text-decoration: none; font-size:90%;}
#social img {border: 0px; padding: 5px 3px 0 0;}

#testimonial {width: 399px; border: 1px solid #ddd; padding: 40px; border-right-width:  2px; border-bottom-width: 2px;
margin-bottom: 1em;}

/**************  Bread Crumbs **************/
#breadcrumbs { height: 26px; margin: 5px 7px; width: 940px;
background: transparent  url(../../assets/sitegraphics/breadcrumbbg-right.jpg) no-repeat scroll top right; }
#breadcrumbsleft {height: 26px; padding-left: 5px; background-color: #fff;
background: transparent  url(../../assets/sitegraphics/breadcrumbbg-left.jpg) no-repeat scroll top left; }
#breadcrumbs a,
#breadcrumbs span {font-size: 11px; line-height: 23px; font-family: Tahoma; color: #999;}
.B_homeCrumb {color: #999;}
a.B_homeCrumb {color: #999933; text-decoration: underline;}
.B_crumbBox img {padding: 0px 3px 1px; border: 0px;}

/**************  Home Page Content **************/
#contenttop {margin: 10px 0 0 0; width: 850px; padding: 10px 0 0 0;
background: transparent  url(../../assets/sitegraphics/interiorboxtop.jpg) no-repeat scroll top left; }
#contentmiddle {padding: 0 40px; 
background: transparent  url(../../assets/sitegraphics/interiorboxmiddle.jpg) repeat-y scroll top left; }
#contentbottom {height: 20px; display: block; margin-bottom: 10px;
background: transparent  url(../../assets/sitegraphics/interiorboxbottom.jpg) no-repeat scroll top left; }

#nari-banner img {width: 148px; margin-top: 10px; }

#sharethis {width: 180px; margin: auto;}

.servicestop {margin: 10px 0 0 0; width: 850px; padding: 10px 0 0 0;
background: transparent  url(../../assets/sitegraphics/grayboxtop.jpg) no-repeat scroll top left; }
.servicesmiddle {padding: 0 15px; background-color: #e8e8e8; width: 541px;}
.servicesbottom {height: 20px; display: block; margin-bottom: 10px;
background: transparent  url(../../assets/sitegraphics/grayboxbottom.jpg) no-repeat scroll top left; }
.servicesmiddle td {padding: 5px 0; width: 180px; font-size: 90%; font-family: tahoma;}

/**************  SLIDE SHOW **************
#slideshowbox {margin-top: -7px; position: relative;}
#slideshowbox ul#content {width: 960px; padding: 0;}
#slideshowbox li {list-style-type: none;}
.slideshowtext {width: 255px; padding-top: 5px; position: absolute; right: 10px; top: 0px;}
.slideshowtext h1 {font-size: 330%; color: #fff; line-height: 1.1; padding: 0; font-family: "Arial Narrow"; margin-left: -25px;}
.slideshowtext h2 {font-size: 155%; color:#860038; padding: 5px 0; line-height: 1; font-family: "Arial Narrow"; }
.slideshowtext h3 {font-size: 155%; color: #fff; padding: 5px 0; line-height: 1; font-family: "Arial Narrow";}
.slideshowtext a  {font-size: 165%; color:#860038; padding: 5px 10px; float: right; font-family: "Arial Narrow";}
*/

#footerphone h1 {clear: both; color: #000; text-align: center; padding: 20px 0 10px 0;}
#footerphone p {clear: both; color: #000; text-align: center; padding: 0 0 20px 0;}
/**************  FOOTER **************/
#footer, #credit {width: 960px; margin: auto;}
#footer p {text-align: center; color:  #83a330;}
#credit {display: block; font-size: 80%; text-align: center; color: #bbb;}
#credit a {color: #bbb; text-decoration: none;}
#credit a:hover {text-decoration: underline;}

/**************  Drop Down Menu Style **************/
.dropdownmenu    {clear: both; width: 945px; margin: 5px auto;
 background:  transparent url(../../assets/sitegraphics/top-menu-bg.jpg) no-repeat scroll 0px 0px;}
.dropdownmenu ul {padding: 5px 0 0 0; margin: auto; width: 880px;}
.dropdownmenu ul li   {}
.dropdownmenu ul li a {color:#fff; height:109px; line-height:110px; border:0px solid #fff;
font-size: 12px; font-weight: bold;  
background:  #000 url(../../assets/sitegraphics/menu-item.jpg) repeat-x scroll 0px 0px;}
.dropdownmenu ul li a  { padding: 0 16px;}
.dropdownmenu ul li ul { color:#fff; }
.dropdownmenu ul li:hover a,
.dropdownmenu ul li a:hover {color:#fff; 
background:  transparent url(../../assets/sitegraphics/menu-item-hover.jpg) repeat-x scroll 0px 0px;}
.dropdownmenu ul li.active  {background:  transparent url(../../assets/sitegraphics/menu-item-hover.jpg) repeat-x scroll 0px 0px;}
.dropdownmenu ul li:hover ul,
.dropdownmenu ul li a:hover ul { top:109px; left:0; width:205px; padding: 0; }

/* 2nd level */
.dropdownmenu ul li:hover ul li a,
.dropdownmenu ul li a:hover ul li a {background-color:  #A7CE41; background-image: none!important;
color: #fff; line-height: 50px; height:50px; padding:0px 20px; width:205px; border-bottom: 1px solid #ddd;}
.dropdownmenu ul li:hover ul li a:hover,
.dropdownmenu ul li a:hover ul li a:hover { color: #000;
background-color:  #A7CE41; background-image: none!important;}

/* 3rd level *
.dropdownmenu ul li:hover ul li:hover ul,
.dropdownmenu ul li a:hover ul li a:hover ul { 
left:210px; width:100px; }


/**************  Contact Form **************/
#form_container {margin-left:0px; }
#form_container label {display: inline-block; width: 110px; }
#form_container input {width: 285px; }
#form_container textarea {width: 295; }
#form_container #commentlabel {width: 295px;}
#form_container input, #form_container label {margin: 5px 0;}
#form_container #saveForm {width: 100px;}
#form_container .button {width: 150px;} 
#form_container .errors {background-color: #669900; color: #fff; padding: 10px;}

/**************  Search **************/

.ajaxSearch_result {background-color: #eee;margin: 5px 0;padding: 5px;}
.ajaxSearch_highlight {background-color: #ccc;}

/* clearing */  
  .stretch,  .clear {  clear: both;  height: 1px;  margin: 0;  padding: 0;  font-size: 15px;  
  line-height: 1px;  }
  .clearfix:after {  clear: both;  height: 0;  display: block;  visibility: hidden;  content: ".";  }
  .clearfix {display:inline-block;}
  /* Hide from IE Mac \*/
  .clearfix {display:block;}
  /* End hide from IE Mac */
/* end clearing */