/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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, 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,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }


/* Primary Page Structure 
------------------------------------- */
body
{
  background: #ffffff url(/images/common/body_bg.jpg) repeat-x;
  font-family: Arial, sans-serif;
  font-size: 12px;
  color: #333333;
  margin: 0px 0px 0px 0px;
  padding: 0px;
  letter-spacing: 0px;
}
body.home { background-image: url(/images/common/body_home_bg.jpg); }


#page
{
	margin: 0px auto 0px auto;
  width: 975px; /* 975px */
  min-height: 600px;
  padding: 0px 0px 0px 0px;
}

#header
{
  margin: 0px;
  width: 975px;
  height: 90px;
  background: url(/images/common/header_bg.jpg) no-repeat;
}
#header .logo
{
  float: left;
  display: inline;
  width: 390px; /* 391 */
  padding: 19px 0px 0px 1px;
}
#header .address
{
  float: left;
  display: inline;
  width: 584px;
  padding: 17px 0px 0px 0px;
  text-align: right;
  color: #6b6b6b;
  font-weight: bold;
}
#header a { color: #6b6b6b; text-decoration: none; }

#nav
{
  width: 975px;
  height: 23px; /* 33 */
  padding: 10px 0px 0px 0px;
  margin: 0px 0px 11px 0px;
  color: #ffffff;
  font-size: 12px;
  font-weight: bold;
  text-align: right;
}
#nav a { color: #ffffff; text-decoration: none; }

#nav ul
{ 
  margin: 0px 0px 0px 0px;
  padding: 0px;
  list-style-type: none;
}
#nav ul li
{
  display:  inline;
  margin: 0px;
  padding: 0px 8px 0px 8px;
  height: 8px;
  text-indent: 0;
  border-right: solid 1px #ffffff;
}
#nav ul li:last-child { border: none; }
#nav ul li.on { }
#nav ul li.on a { color: #ffffff; }

#footer
{
  width: 100%;
  line-height: 1.3em;
  min-height: 170px;
  padding: 30px 0px 150px 0px;
  color: #999999;
  font-size: 11px;
	text-align: center;
	background: #353535 url(/images/common/footer_bg.jpg) repeat-x;
}
#footer a,
#footer a:link,
#footer a:active,
#footer avisited { color: #cccccc; text-decoration: none; padding: 0px 5px 0px 5px; } 
#footer a:hover { text-decoration: underline; }

#copyright { text-align: center; color: #782800; font-size: 13px; padding: 10px 0px 10px 0px; }

/* Home 
------------------------------------- */
.homeBannerContainer
{
  width: 975px;
  height: 344px;
  padding: 0px 0px 23px 0px;
}
.homeBannerContainer .homeBanner
{
  float: left;
  display: inline;
  width: 534px;
  height: 344px;
  padding: 0px 0px 0px 0px;
}
.homeBannerContainer .homeIntro
{
  float: left;
  display: inline;
  background: #4d4c4c url(/images/home/home_intro_bg.jpg) no-repeat;
  width: 381px; /* 441 */
  height: 330px; /* 344 */
  padding: 14px 30px 0px 30px;
  overflow: hidden;
  color: #ffffff;
  line-height: 1.1em;
  font-size: 11px;
}
.homeBannerContainer .homeIntro h1
{
  padding: 0px;
  margin: 0px;
  font-size: 13px;
  color: #ffffff;
  line-height: 1.2em;
}
.homeBannerContainer .homeIntro a
{
  color: #ffffff !important;
}

.homeBoxContainer
{
  width: 975px;
  height: 286px;
  margin: 0px 0px 32px 0px;
}
.homeBoxContainer .homeBox
{
  position: relative;
  background-position: bottom;
  background-repeat: no-repeat;
  float: left;
  display: inline;
  width: 298px; /* 320 */
  height: 264px;  /* 286 */
  padding: 11px 11px 0px 11px;
  margin-left: 7px;
  border-top: solid 5px #e6dab7;
  border-bottom: solid 11px #f0e8d1;
  background-color: #f0e8d1;
}
.homeBoxContainer .more { position: absolute; bottom: 10px; right: 20px; }
.homeBoxContainer .homeBox:first-child { margin-left: 0px; }
.homeBoxContainer .news { background-image: url(/images/home/news_bg.jpg); }
.homeBoxContainer .staff { text-align: center; }

/* Sub 
------------------------------------- */
.banner
{
  width: 975px;
  height: 129px;
  padding: 0px 0px 20px 0px;
}
.breadCrumb
{
  font-size: 11px;
  color: #666666;
  padding: 0px 0px 10px 0px;
}
.breadCrumb a
{
  color: #b25e03 !important;
  text-decoration: none !important;
}


.subNav
{
  float: left;
  display: inline;
  width: 291px; /* 321 */
  margin: 0px 30px 50px 0px;
}
.subMain
{
  float: left;
  display: inline;
  width: 654px;
}


/* Sub Nav  
------------------------------------- */
ul.navList
{
  width: 277px; /* 291 */
  margin: 0px 0px 0px 0px;
  padding: 6px 7px 11px 7px;
  list-style-type: none;
  font-size: 12px;
  font-weight: bold;
  border-top: solid 5px #ece2c6;
  background-color: #f3eddb;
}
ul.navList li 
{ 
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 3px 0px;
}

ul.navList a, ul.navList a:link, ul.navList a:active, ul.navList a:visited 
{
  display: block;
  width: 250px; /* 277 */
  padding: 5px 12px 5px 13px;
  border: solid 1px #d5c49f;
  background-color: #e4d6b7;
  text-decoration: none;
  color: #666666;
  background-image: url(/images/common/beige_arrow.png);
  background-repeat: no-repeat;
  background-position: 0px 8px;
  -webkit-border-radius: 5px; /* Saf3-4, iOS 1-3.2, Android <e;1.6 */
    -moz-border-radius: 5px; /* FF1-3.6 */
        border-radius: 5px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
  
}
ul.navList a:hover,
ul.navList li.on a, ul.navList li.on a:link, ul.navList li.on a, ul.navList li.on a:visited
{
  color: #993333;
  border-color: #cd8484;
  background-color: #ffffff;
  background-image: url(/images/common/red_arrow.png);
}

/* END - Sub Nav  
------------------------------------- */

/* About Us
------------------------------------- */
.staffBoxContainer
{
  width: 975px;
  padding: 0px 0px 20px 0px;
}
.staffBoxContainer .staffBox
{
  float: left;
  display: inline;
  width: 297px; /* 320 */
  padding: 11px 11px 11px 11px;
  margin: 0px 3px 6px 3px;
  border-top: solid 5px #e6dab7;
  border-bottom: solid 11px #f0e8d1;
  background-color: #f0e8d1;
}
.staffBoxContainer .staffBox img
{
  border: solid 2px #ffffff;
  margin: 0px 0px 10px 0px;
}

.rightMarginFloat
{
  float: right;
  display: inline;
  width: 305px; /* 321 */
  padding: 8px 8px 3px 8px;
  border-top: solid 5px #e6dab7;
  background-color: #f0e8d1;
  margin: 10px 0px 40px 40px;
  text-align: center;
}
.rightMarginFloat img
{
  border: solid 2px #ffffff;
  margin: 0px 0px 5px 0px;
}
/* END - About Us ------------------------------------- */

/* Articles
------------------------------------- */
.articleProfileBoxContainer
{
  width: 654px;
  padding: 30px 0px 30px 0px;
}
.articleProfileBoxContainer .articleProfileBox
{
  width: 654px;
  padding: 0px 0px 20px 0px;
  margin: 0px 0px 20px 0px;
  border-bottom: solid 1px #bababa;
}
.articleProfileBoxContainer .articleProfileBox .image
{
  float: left;
  display: inline;
  width: 247px; /* 271 */
  padding: 1px;
  margin: 0px 0px 5px 20px;
  background-color: #ffffff;
  border: solid 1px #cccccc;
}
.articleProfileBoxContainer .articleProfileBox .text
{
  float: left;
  display: inline;
  position: relative;
  width: 343px; /* 403 */
  padding: 0px 20px 30px 20px;
}
.articleProfileBoxContainer .articleProfileBox .wide
{
  width: 614px !important; /* 654 */
}
.articleProfileBoxContainer .articleProfileBox .text a.title
{
  display: block;
  font-size: 17px;
  color: #961d1d;
  padding: 0px 0px 5px 0px;
  text-decoration: none;
}
.articleProfileBoxContainer .articleProfileBox .text a.title:hover { text-decoration: underline; }
.articleProfileBoxContainer .articleProfileBox .text a.more
{
  position: absolute;
  display: block;
  right: 20px;
  bottom: 0px;
}


.articleProfileDetail
{
  width: 654px;
  line-height: 1.5em;
  padding: 0px 0px 50px 0px;
}
.articleProfileDetail img
{
  padding: 1px;
  border: solid 1px #bababa;
  margin: 0px 0px 20px 0px;
}
/* END - Articles ------------------------------------- */

/* News
------------------------------------- */
.newsItemBoxContainer
{
  width: 654px;
  padding: 30px 0px 30px 0px;
}
.newsItemBoxContainer .newsItemBox
{
  width: 654px;
  padding: 0px 0px 20px 0px;
  margin: 0px 0px 20px 0px;
  border-bottom: solid 1px #bababa;
}
.newsItemBoxContainer .newsItemBox .image
{
  float: left;
  display: inline;
  width: 247px; /* 271 */
  padding: 1px;
  margin: 0px 0px 5px 20px;
  background-color: #ffffff;
  border: solid 1px #cccccc;
}
.newsItemBoxContainer .newsItemBox .text
{
  float: left;
  display: inline;
  position: relative;
  width: 343px; /* 403 */
  padding: 0px 20px 30px 20px;
}
.newsItemBoxContainer .newsItemBox .wide
{
  width: 614px !important; /* 654 */
}
.newsItemBoxContainer .newsItemBox .text a.title
{
  display: block;
  font-size: 17px;
  color: #961d1d;
  padding: 0px 0px 5px 0px;
  text-decoration: none;
}
.newsItemBoxContainer .newsItemBox .text a.title:hover { text-decoration: underline; }
.newsItemBoxContainer .newsItemBox .text a.more
{
  position: absolute;
  display: block;
  right: 20px;
  bottom: 0px;
}


.newsItemDetail
{
  width: 654px;
  line-height: 1.5em;
  padding: 0px 0px 50px 0px;
}
.newsItemDetail img
{
  padding: 1px;
  border: solid 1px #bababa;
  margin: 0px 0px 20px 0px;
}
/* END - News ------------------------------------- */

/* Client Profiles
------------------------------------- */
.clientProfileBoxContainer
{
  width: 654px;
  padding: 30px 0px 30px 0px;
}
.clientProfileBoxContainer .clientProfileBox
{
  width: 654px;
  padding: 0px 0px 20px 0px;
  margin: 0px 0px 20px 0px;
  border-bottom: solid 1px #bababa;
}
.clientProfileBoxContainer .clientProfileBox .image
{
  float: left;
  display: inline;
  width: 247px; /* 271 */
  padding: 1px;
  margin: 0px 0px 5px 20px;
  background-color: #ffffff;
  border: solid 1px #cccccc;
}
.clientProfileBoxContainer .clientProfileBox .text
{
  float: left;
  display: inline;
  position: relative;
  width: 343px; /* 403 */
  padding: 0px 20px 30px 20px;
}
.clientProfileBoxContainer .clientProfileBox .wide
{
  width: 614px !important; /* 654 */
}
.clientProfileBoxContainer .clientProfileBox .text a.title
{
  display: block;
  color: #333333;
  padding: 0px 0px 5px 0px;
  text-decoration: none;
  font-weight: bold;
}
.clientProfileBoxContainer .clientProfileBox .text a.title:hover { text-decoration: underline; }
.clientProfileBoxContainer .clientProfileBox .text a.more
{
  position: absolute;
  display: block;
  right: 20px;
  bottom: 0px;
}


.clientProfileDetail
{
  width: 654px;
  line-height: 1.5em;
  padding: 0px 0px 50px 0px;
}
.clientProfileDetail img
{
  padding: 1px;
  border: solid 1px #bababa;
  margin: 0px 0px 20px 0px;
}
.profileNav
{
  height: 17px;
  text-align: right;
}
.profileNav img
{
  border: none;
}
.profileNav a
{
  padding: 0px 5px 0px 5px;
}
/* END - Client Profiles ------------------------------------- */

/* Services
------------------------------------- */
.servicesBoxContainer
{
  width: 975px;
  padding: 0px 0px 20px 0px;
}
.servicesBoxContainer .serviceBox
{
  float: left;
  display: inline;
  width: 277px; /* 320 */
  padding: 11px 21px 11px 21px;
  margin: 0px 3px 6px 3px;
  border-top: solid 5px #e6dab7;
  border-bottom: solid 11px #f0e8d1;
  background-color: #f0e8d1;
}
/* END - Services ------------------------------------- */

/* Contact Us
------------------------------------- */
.contactUsContainer
{
  margin: 20px 0px 20px 0px;
}
.contactUsContainer tr td
{
  width: 25%;
  border-right: solid 1px #d6d6d6;
  padding: 0px 10px 0px 10px;
}
.contactUsContainer tr td:last-child
{
  border: none;
}


.contactForm
{
  width: 570px; /* 321 */
  padding: 10px 30px 0px 30px;
  border-top: solid 5px #e6dab7;
  background-color: #f0e8d1;
  margin: 10px 0px 10px 0px;
}



/* END - Contact Us ----------------- */

/* Common 
------------------------------------- */
a, 
a:link,
a:visited,
a:active,
a:hover { color: #b96503; text-decoration: underline; }


h1
{
  font-family: Arial;
  font-size: 22px;
  color: #961d1d;
  font-weight: normal;
  margin: 0px;
  padding: 0px 0px 5px 0px;
}
h2
{
  font-family: Arial;
  font-size: 17px;
  color: #961d1d;
  font-weight: normal;
  margin: 0px;
  padding: 0px 0px 5px 0px;
}
h3
{
  font-family: Arial;
  font-size: 17px;
  color: #961d1d;
  font-weight: normal;
  margin: 0px;
  padding: 0px 0px 5px 0px;
}
h4
{
  font-family: Arial;
  font-size: 14px;
  color: #961d1d;
  font-weight: normal;
  margin: 0px;
  padding: 3px 0px 3px 0px;
}
.black  { color: #333333; }
.em  { font-style: italic; }
.bold  { font-weight: bold; }
.center  { text-align: center; }


ul  
{
  padding: 0px;
  margin: 1em 1em 0.5em 0.5em; 
}
ul li    
{
  padding: 0px 0px 0.8em 0.4em;
  margin: 0px 0px 0px 1em;
  
}

img.border
{
  background-color: #ffffff;
  padding: 1px;
}
img.border-thick
{
  background-color: #ffffff;
  padding: 2px;
}

img.alignLeft
{
  float: left;
  display: inline;
  background-color: #ffffff;
  padding: 5px;
  margin: 0px 20px 20px 0px;
     -moz-box-shadow: 0px 0px 5px #999; /* FF3.5+ */
  -webkit-box-shadow: 0px 0px 5px #999; /* Saf3.0+, Chrome */
          box-shadow: 0px 0px 5px #999; /* Opera 10.5, IE9, Chrome 10+ */
     -moz-border-radius: 5px; /* FF1-3.6 */
  -webkit-border-radius: 5px; /* Saf3-4, iOS 1-3.2, Android <1.6 */
          border-radius: 5px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
}
img.alignRight
{
  float: right;
  display: inline;
  background-color: #ffffff;
  padding: 5px;
  margin: 0px 0px 20px 20px;
     -moz-box-shadow: 0px 0px 5px #999; /* FF3.5+ */
  -webkit-box-shadow: 0px 0px 5px #999; /* Saf3.0+, Chrome */
          box-shadow: 0px 0px 5px #999; /* Opera 10.5, IE9, Chrome 10+ */
     -moz-border-radius: 5px; /* FF1-3.6 */
  -webkit-border-radius: 5px; /* Saf3-4, iOS 1-3.2, Android <1.6 */
          border-radius: 5px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
}
img.alignCenter
{
  text-align: center;
  background-color: #ffffff;
  padding: 5px;
  margin: 20px 0px 10px 20px;
     -moz-box-shadow: 0px 0px 5px #999; /* FF3.5+ */
  -webkit-box-shadow: 0px 0px 5px #999; /* Saf3.0+, Chrome */
          box-shadow: 0px 0px 5px #999; /* Opera 10.5, IE9, Chrome 10+ */
     -moz-border-radius: 5px; /* FF1-3.6 */
  -webkit-border-radius: 5px; /* Saf3-4, iOS 1-3.2, Android <1.6 */
          border-radius: 5px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
}

div.clear
{
	clear: both;
	font-size: 1px; 
	line-height: 1px;
	height: 0px;
	white-space: nowrap;
}
input, textarea, select
{
  font-family: Verdana;
  font-size: 11px;
  color: #333333;
}
.error
{
  color: #990000;
  padding: 10px 0px 10px 0px;
  margin: 0px 0px 20px 0px;
  font-size: 12px;
  letter-spacing: 0px;
}
hr
{
  margin: 15px 0px 15px 0px;
  border: none 0;
  border-top: solid 1px #bababa;
  height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
}

table tr td { vertical-align: top; }