@charset "utf-8";
*  { margin:0; padding:0; outline:0; }
ul, li { list-style:none; }
a img { border:0;}
p { padding:6px 0;}
body { font-family:Arial, Helvetica, "Nimbus Sans L", FreeSans; font-size:15px; font-smooth: always; background: #666666 url(images/main_body_top_bg.jpg) repeat-x center top;  }
.clr { height:0; font-size:0; line-height: 0;  clear:both;  }

@font-face {
	font-family: 'AvantGarde-Thin';
	src: url('avantgarde-thin-webfont.eot');
	src: local('?'), url('avantgarde-thin-webfont.woff') format('woff'), url('avantgarde-thin-webfont.ttf') format('truetype'), url('avantgarde-thin-webfont.svgz#webfontNhJQXUoa') format('svg'), url('avantgarde-thin-webfont.svg#webfontNhJQXUoa') format('svg');
	font-weight: normal;
	font-style: normal;
}#bgWrap { background: url(images/main_btm_bg.jpg) repeat-x center bottom; }
#wrap { width: 1130px; margin: 0 auto; }
#mainHeader { background: url(images/main_head.jpg); height: 141px; padding: 62px 0 0 52px; }
#mainLogo { float: left; background-image: url(images/main_top_logo.jpg); width: 220px; height: 127px; text-indent: -5000px; }
#mainCont { background:  url(images/main_cont_rpt_bg.jpg); }
#mainContTop { background: url(images/main_cont_top.jpg) no-repeat; }
#mainContBtm { background: url(images/main_cont_btm.jpg) no-repeat center bottom; padding-bottom: 142px; }
#mainTop { padding: 0 51px; height: 292px; }
#mainTop .left { width: 500px; float: left; height: 181px; background: url(images/main_head_range.jpg) no-repeat; padding: 110px 80px 0 90px; color: #fff; font-weight: bold; font-size: 14px; text-shadow: 1px 1px 20px #000; }
#mainTop .left a{ color:#4a0000; }
#mainTop .left a:visited{ color:#a80328; }
#mainNav { float: left; display: block; }
#mainNav { padding-top: 30px; width: 240px; overflow: hidden; }
#mainNav li { height: 50px; display: block; float: left; width: 100%; }
#mainNav li a { color: #FFF; text-decoration: none; font-size: 30px; text-shadow: 1px 1px 1px #000; font-family: "AvantGarde-Thin", Arial, Helvetica, sans-serif;  }
#mainNav li a:hover { text-decoration: underline; }#mainfolio { background: url(images/main_portfolio_bg.jpg); height: 132px; margin: 0 0 0 51px; width: 1029px; overflow: hidden; color: #404e5b; }
#mainfolio a { display: block; width: 262px; height: 76px; margin: 27px 0 0 751px; }
#mainBottom { background: #FFF url(images/main_btm_cont.jpg) no-repeat -2px 0; width: 960px; margin: 0 0 0 52px; padding: 18px 34px 0 34px; font-size: 12px; font-family: "Times New Roman", Times, serif; color: #404e5b;min-height:190px; }
#mainBottom a{ color:#4a0000; }
#mainBottom a:visited{ color:#a80328; }
#mainBottom .bordered { border: solid 6px #6f8395; margin-right: 30px; }
#mainBottom .lg { font-size: 14px; font-weight: bold; font-style: italic; }
#mainBottom ul{ padding-left:30px; }
#mainBottom ul li{}
#mainFooter { height: 35px; background-image: url(images/main_ftr_bg.jpg); }
#mainFooter p { display: block; padding: 0; text-align: center; font-size: 11px; color: #7F7F7F; line-height: 34px; text-shadow: 1px 1px 0px #000; }
#mainTop .left ul { display: block; float: left; width: 118px; }
#mainTop .left ul li { display: block; height: 16px; float: left; width: 100%; line-height: 16px; }
#mainTop .left .top { height: 82px; }
#mainTop .left .middle { width: 176px; }
.thumbnail
{
	float:left;
	margin:0 15px 15px 0;
	padding:5px;
	position:relative;
}
.clearboth { clear: both; }

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	/*padding: 4px;*/
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	/*padding: 4px;*/
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */