html, body, table, tr, td, ul, td, a, p, h1,h2,h3,h4,h5,h6,form { margin: 0; padding: 0; list-style: none; border: 0; border-collapse: collapse; font-family: Tahoma, Arial, Verdana, sans-serif }
textarea,input { margin: 0; padding: 0; }
html, body { background: #1a3653 }
.maintable { width: 100%; max-width: 1280px; background: url('images/mainbg.jpg') repeat-x top left  }
.maintable .l { background: url('images/mainbg.jpg') repeat-x top left }
.maintable .c { background: url('images/mainbgr.jpg') repeat-x top left; vertical-align: top; }
.maintable .r { background: url('images/mainbgr.jpg') repeat-x top left }
.maintable .headerwrap { width: 100% } 
.maintable .headerwrap .l { width: 50% }
.maintable .headerwrap .r { width: 50% }

table, td { width: auto }

.header { height: 350px; margin: 0 auto; width: 1024px; background: url('images/header.jpg') no-repeat top center; }
.logo { float: left; margin: 220px 0 0 80px;  width: 413px; height: 75px }
.phone { float: left; width: 220px; height: 48px; margin: 230px 0 0 160px }
.menu { clear: both; margin: -58px auto 0 auto; padding: 0 24px; max-width: 1280px; height: 55px; }
.menu1 { background: url('images/menu_l.png') no-repeat top left; height: 55px }
.menu2 { background: url('images/menu_r.png') no-repeat top right; padding: 0 90px;  }
.menu3 { background: url('images/menu.png') repeat-x top left }
.menu .menuwrap { height: 30px; padding: 13px 0 0 0px; font: bold 13px Arial; color: white }
.menu table { width: 100%; text-align: center }
.menu td { vertical-align: top; overflow: hidden; text-align: center; }
.menu td a { padding: 0 14px; color: white; text-decoration: none; font: bold 13px Arial; text-transform: uppercase }
.menu td a:hover { color: #ddd; }
.menu td table { margin: 10px auto 0 auto; display: none; width: 0; }
.menu td td { float:left; width: 200px; display: block; height: 15px; padding: 0px 3px 1px 0; background: url('images/menu_bg.jpg') repeat-x top left #3ac3ae; text-align: left; margin-left: -100px; position: absolute; }
.menu td table td a { width: 185px; height: 16px; display: block; font-size: 12px; text-align: left; padding-left: 5px; }
.menu td:hover table { display: block;  }

.contentwrap { max-width: 1280px; margin: 0 auto; padding: 0 24px  }

.contentwrap .w1 { background: url('images/tm.png') repeat-x top left #fcfcfd }
.contentwrap .w2 { background: url('images/lm.png') no-repeat top left }
.contentwrap .w3 { background: url('images/pereplet2.png') no-repeat top right; }
.contentwrap .w4 { background: url('images/tl.png') no-repeat top left }
.contentwrap .w5 { background: url('images/pereplet_stretch.png') no-repeat top right; }

.w5 table { width: 100% }
.w21 { vertical-align: top; padding: 35px 0 0 40px }
.w22 { vertical-align: top; width: 300px; padding: 45px 0 0 75px } 
.f21 { height: 133px; vertical-align: top; }
.f22 { text-align: right; vertical-align: top }
.contentwrap .f222 { vertical-align: top; }

.post {  padding: 0 5px 0 20px }
h2 { padding: 0; margin: 0; text-align: center; color: #9a2700; font: normal 20px Arial }
h2 a { color: #9a2700; font: normal 20px Arial; text-decoration: none }
h2 a:hover { color: #be3a0d; font: normal 20px Arial }
h3,h4 { color: #9a2700; }
p { padding: 5px 0 20px 0; color: #000127; font: normal 12px Arial }

.sidebar { width: 237px; margin-top: -10px; padding-left: 15px; padding-right: 20px }
.sidebar h2 { font: bold 24px Arial; color: #9a2700; text-align: center}
.sidebar h3 { font: normal 20px Arial; color: #9a2700; text-align: center}

.copyright { position: absolute; left: 0; background: url('images/grass.png'); margin: 19px 0 0 0; height: 74px;  width: 881px; padding: 40px 0 0 50px; color: white; font: bold 13px Arial; line-height: 18px; z-index: 2; }
.tools {width: 300px; position: relative; margin-left: 56px; z-index: 1; }

a { color: #932500; text-decoration: underline }
a:hover { text-decoration: none; color: #ff0096; }
p { line-height: 13px; }


.right { float: right !important }
.clear { clear: both }

/* Begin Images */
img {
border: 0;
}
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 */