/*
** General Global Styles
*/

/* A font design by Darim Kim www.aboutletters.com */
@font-face {
    font-family: 'MyFairCody';
    src: url('/fonts/MyFairCody.eot');
    src: url('/fonts/MyFairCody.eot?iefix') format('eot'),
         url('/fonts/MyFairCody.woff') format('woff'),
         url('/fonts/MyFairCody.ttf') format('truetype'),
         url('/fonts/MyFairCody.svg#webfontNN9nje1h') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* from http://typophile.com/node/77283*/
/* Lato is a sanserif typeface family designed in the Summer 2010 by Warsaw-based designer Łukasz Dziedzic (“Lato” means “Summer” in Polish). */
@font-face {
    font-family: 'Lato';
    src: url('/fonts/Lato-Regular.eot');
    src: url('/fonts/Lato-Regular.eot?iefix') format('eot'),
         url('/fonts/Lato-Regular.woff') format('woff'),
         url('/fonts/Lato-Regular.ttf') format('truetype'),
         url('/fonts/Lato-Regular.svg#webfontXaEiJSRB') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('/fonts/Lato-Bold.eot');
    src: url('/fonts/Lato-Bold.eot?iefix') format('eot'),
         url('/fonts/Lato-Bold.woff') format('woff'),
         url('/fonts/Lato-Bold.ttf') format('truetype'),
         url('/fonts/Lato-Bold.svg#webfontXaEiJSRB') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('/fonts/Lato-Italic.eot');
    src: url('/fonts/Lato-Italic.eot?iefix') format('eot'),
         url('/fonts/Lato-Italic.woff') format('woff'),
         url('/fonts/Lato-Italic.ttf') format('truetype'),
         url('/fonts/Lato-Italic.svg#webfont6ps97Tn7') format('svg');
    font-weight: normal;
    font-style: italic;
}

/* font from http://cg.scs.carleton.ca/~luc/zick.html*/
/* Neuton, font created by Brian M. Zick */
@font-face {
    font-family: 'Neuton';
    src: url('/fonts/Neuton.eot');
    src: url('/fonts/Neuton.eot?iefix') format('eot'),
         url('/fonts/Neuton.woff') format('woff'),
         url('/fonts/Neuton.ttf') format('truetype'),
         url('/fonts/Neuton.svg#webfont6ps97Tn7') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Molengo';
    src: url('/fonts/Molengo.eot');
    src: url('/fonts/Molengo.eot?iefix') format('eot'),
         url('/fonts/Molengo.woff') format('woff'),
         url('/fonts/Molengo.ttf') format('truetype'),
         url('/fonts/Molengo.svg#webfontafxixy8P') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GoudyBookletter1911Regular';
    src: url('/fonts/goudy_bookletter_1911.eot');
    src: url('/fonts/goudy_bookletter_1911.eot?iefix') format('eot'),
         url('/fonts/goudy_bookletter_1911.woff') format('woff'),
         url('/fonts/goudy_bookletter_1911.ttf') format('truetype'),
         url('/fonts/goudy_bookletter_1911.svg#webfontiT6p4ac4') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Nobile';
    src: url('/fonts/nobile.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


body {
 background:#898076 url("/images/style/bg.gif");
 font-family: 'Nobile', Verdana, "Lucida Grande","Trebuchet MS",tahoma,arial,sans-serif;
 /* font-family: 'Lato', 'Molengo', "Lucida Grande","Trebuchet MS",tahoma,arial,sans-serif; */
 font-size: 0.9em;
 color:#24427E;
 margin:0;
 padding:0;
}

/*
strong {
	font-family: 'GoudyBookletter1911Regular', 'Neuton', MyFairCody, "Lucida Grande", "Trebuchet MS", tahoma, arial, sans-serif;
	font-weight: 600;
}
*/
h1, h2, h3, h4, h5 {
  font-family: 'Droid Sans', 'GoudyBookletter1911Regular', 'Neuton', MyFairCody, "Lucida Grande", "Trebuchet MS", tahoma, arial, sans-serif;
  font-weight: 500;
}

div.largefont {
 font-size: 1.4em;
}

div.smallfont {
 font-size: 0.9em;
}

div.smallerfont {
 font-size: 0.75em;
}

li {
 margin: 4px 0px;
}

img {
 border: none;
}

hr {
 color: #d6c37c;
 background-color: #d6c37c;
 height: 2px;
 border: none 0;
}

h1 {
 background: url("/images/style/h1line.gif") repeat-x bottom;
 font-size: 2em;
}

h1 span.paw {
 background: url("/images/style/h1paw.gif") no-repeat left center;
 padding: 4px 0px 4px 35px;
}

h1 span.big_paw {
 background: url("/images/style/h0paw.png") no-repeat left center;
 padding: 30px 0px 8px 65px;
}

h1 span.big_empty {
 background: url("/images/style/h0empty.png") no-repeat left center;
 padding: 30px 0px 8px 65px;
}

h1 span.paw a {
 text-decoration:none;
}

h2 {
 background: url("/images/style/h2line.gif") repeat-x bottom;
 font-size: 1.6em;
}

h2 span.paw {
 background: url("/images/style/h2paw.gif") no-repeat left center;
 padding: 4px 0px 4px 29px;
}

h3 {
	font-size: 1.1em;
	margin:0px 0px 0px 0px;
	font-weight: bold;
}

/* tables */
table.services {
 border: 0px;
 width: 350px;
 margin-left: auto;
 margin-right: auto;
}

table.services col.first2x {
 width: 300px;
}

table.services col.first4x {
 width: 200px;
}

table.services col.rest {
 width: 50px;
}

tr.heading {
 color : #0066CC;
}

tr.black {
 height: 2px;
 background-color: black;
}

td.black {
 height: 2px;
 background-color: black;
}

tr.lightblue {
 height: 2px;
 background-color: #D8DDE4;
}

td.lightblue {
 height: 2px;
 background-color: #D8DDE4;
}

tr.blue {
 height: 2px;
 background-color: #0066CC;
}

tr.odd {
}

tr.even {
}

tr.line {
 background-color : #24427E;
}

/*
** Major Container: main
*/
div#main {
 width:900px;
 margin:35px auto;
 background:#fff;
}

/* sections in main */
div#header {
 margin:20px 20px;
}

div#header_info {
 float:right;
 margin:0px 0px 0px 20px;
 width:200px;
 text-align:center;
 font-size:0.8em;
}

div#navigation {
 margin:5px 0px;
}
div#content {
 margin:5px 20px 20px;
}

div#content div.slideshow {
 float: right;
 padding:10px;
 text-align:center;
 width:220px;
 /* font-size:0.8em; */
}

div#content div.slideshow_wide {
 float: right;
 padding:10px;
 text-align:center;
 width:300px;
 /* font-size:0.8em; */
}


div#header a.imglink, div#content a.imglink {
 border: none;
 border-bottom: none;
}

/* first level menu */
div#menu {
 float:left;
 width:100%;
 background:#FFF;/*#F4F4F4;*/
 line-height:normal;
 border-bottom:1px solid #24618E;
}

div#menu ul {
 margin:0;
 padding:0 10px 0 10px;
 list-style:none;
}

div#menu li {
 display:inline;
 margin:0;
 padding:0;
}

div#menu a {
 float:left;
 background:url("/images/style/menuleft.gif") no-repeat left top;
 margin:0;
 padding:0 0 0 5px;
 text-decoration:none;
}

div#menu a span {
 float:left;
 display:block;
 background:url("/images/style/menuright.gif") no-repeat right top;
 padding:5px 15px 4px 6px;
 color:#24427E;
}

/* Commented Backslash Ha#FFF;/*ck hides rule from IE5-Mac \*/
div#menu a span {float:none;}
/* End IE5-Mac hack */
div#menu a:hover span {
 color:#FFF;
}

div#menu a:hover {
 background:url("/images/style/menuleft_hover.gif") no-repeat left top;
}

div#menu a:hover span {
 background:url("/images/style/menuright_hover.gif") no-repeat right top;
}

div#menu .select {
 background:url("/images/style/menuleft_hover.gif") no-repeat left top;
}

div#menu .select span {
 color:#FFF;
 background:url("/images/style/menuright_hover.gif") no-repeat right top;
}

/* second level menu */
div#submenu {
 float:left;
 width:100%;
 background:#E8E8E8;
 line-height:normal;
}

div#submenu ul {
 margin:0;
 padding:0px 10px 20px 40px;
 list-style:none;
}

div#submenu li {
 display:inline;
 margin:0;
 padding:0;
}

div#submenu a {
 float:left;
 background:url("/images/style/submenuleft.gif") no-repeat left bottom;
 margin:0;
 padding:0 0 0 5px;
 text-decoration:none;
}

div#submenu a span {
 float:left;
 display:block;
 background:url("/images/style/submenuright.gif") no-repeat right bottom;
 padding:5px 15px 4px 6px;
 color:#24427E;
}

/* Commented Backslash Ha#FFF;/*ck hides rule from IE5-Mac \*/
div#menu a span {float:none;}
/* End IE5-Mac hack */
div#submenu a:hover span {
 color:#FFF;
}

div#submenu a:hover {
 background:url("/images/style/submenuleft_hover.gif") no-repeat left bottom;
}

div#submenu a:hover span {
 background:url("/images/style/submenuright_hover.gif") no-repeat right bottom;
}

/*
** Major Container: footer
*/
div#footer {
 height: auto;
 width:900px;
 margin:35px auto;
 background:#fff;
 font-size:0.8em;
 text-align:center;
}

div#footer td.rightborder {
 border-right: 1px dotted #d6c37c;
}

/*
** Misc
*/
div#clients_image {
 float: right;
 width: 300px;
 text-align: center;
}

div#clients_collage {
 float: left;
 width: 390px;
}

div#clients_image img, div#clients_collage img {
 background: #fff;
 border-color: #aaa #ccc #ddd #bbb;
 border-style: solid;
 border-width: 1px;
 padding: 2px;
}

div#potm_image_only {
 float: right;
 padding: 10px;
}

div#potm_image, div.potm_image {
 float: right;
 width: 300px;
 text-align: center;
}

div#potm_text, div.potm_text {
 float:left;
 width: 540px;
}

div#month_prev{
 background: url("/images/style/left_arrow.gif") no-repeat left center;
 float: left;
 padding: 0 0 2px 12px;
}

div#month_prev a {
 text-decoration: none;
 border-bottom: 1px dotted #24427E;
}

div#month_next {
 background: url("/images/style/right_arrow.gif") no-repeat right center;
 float: right;
 padding: 0 12px 2px 0;
}

div#month_next a {
 text-decoration: none;
 border-bottom: 1px dotted #24427E;
}

div#region {
 /* font-size:0.8em; */
 /* color: #d6c37c; */
}

div#regionselect a {
 text-decoration: none;
 border-bottom: 1px dotted #24427E;
 color:#4884fc;
}

div#regionselect a:hover {
 color:#24427E;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

div.commentbox {
 background-color: #ececec;
 /*width: 450px;*/
 padding: 10px;
}

div.commentfooter {
 background: url("/images/style/arrow.gif") 20px 0 no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
 padding-left: 58px;
 padding-top: 1px;
 margin-bottom: 2em;
 font-size: 90%;
 color: #4A4A4A;
}

div.people ul {
 list-style: none;
 padding: 0px;
 margin-left: 20px;
}

div.floatclear {
 clear: both;
}

div.floatright {
 float: right;
}

div.floatleft {
 float: left;
}

a.services_box {
 float:left;
 width: 400px;
 margin: 15px 20px 5px 0;
 padding: 5px;
 text-decoration: none;
 /*font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;*/
 border: 1px solid #e8e8e8;
 border-radius: 5px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 box-shadow: 0px 0px 5px #efefef;
 -moz-box-shadow: 0px 0px 5px #efefef;
 -webkit-box-shadow: 0px 0px 5px #efefef;
 /*padding: 20px 10px 10px;*/
 background: linear-gradient(top, #fff, #efefef);
 background: -moz-linear-gradient(top,  #fff,  #efefef);
 background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#efefef));
 /* for IE 5.5-7 */
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFFFF, endColorstr=#FFEFEFEF);
 /* For Internet Explorer 8 */
 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFFFF, endColorstr=#FFEFEFEF)";
}

a.services_box:hover, a.services_box:active, a.services_box:focus {
 outline:none;
 box-shadow: 0px 0px 10px #333;
 -moz-box-shadow: 0px 0px 10px #333;
 -webkit-box-shadow: 0px 0px 10px #333;
 background: linear-gradient(top, #fff, #e8e8e8);
 background: -moz-linear-gradient(top,  #fff,  #e8e8e8);
 background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e8e8e8));
 /* for IE 5.5-7 */
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFFFF, endColorstr=#FFE8E8E8);
 /* For Internet Explorer 8 */
 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFFFF, endColorstr=#FFE8E8E8)";
}

div.services_box {
 float:left;
 width: 400px;
 margin: 15px 20px 5px 0;
 padding: 5px;
 text-decoration: none;
 /*font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;*/
 border: 1px solid #e8e8e8;
 border-radius: 5px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 box-shadow: 0px 0px 5px #efefef;
 -moz-box-shadow: 0px 0px 5px #efefef;
 -webkit-box-shadow: 0px 0px 5px #efefef;
 /*padding: 20px 10px 10px;*/
 background: linear-gradient(top, #fff, #efefef);
 background: -moz-linear-gradient(top,  #fff,  #efefef);
 background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#efefef));
 /* for IE 5.5-7 */
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFFFF, endColorstr=#FFEFEFEF);
 /* For Internet Explorer 8 */
 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFFFF, endColorstr=#FFEFEFEF)";
}

div.services_box:hover, div.services_box:active, div .services_box:focus {
 cursor: pointer;
 outline:none;
 box-shadow: 0px 0px 10px #333;
 -moz-box-shadow: 0px 0px 10px #333;
 -webkit-box-shadow: 0px 0px 10px #333;
 background: linear-gradient(top, #fff, #e8e8e8);
 background: -moz-linear-gradient(top,  #fff,  #e8e8e8);
 background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e8e8e8));
 /* for IE 5.5-7 */
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFFFF, endColorstr=#FFE8E8E8);
 /* For Internet Explorer 8 */
 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFFFF, endColorstr=#FFE8E8E8)";
}

div.services_box a, a.services_box {
 color:#24427E;
}

