/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:#4c4c4c;
	text-align:center;
}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html, input, textarea
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.75em;
		line-height:1.417em;
		color:#939393;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#939393;}
a:hover{text-decoration:none;}
p {padding-top:15px;}
strong a {color:#8ca249;}

/* ============================= main layout ====================== */

.top-tail {background:url(images/top-tail.gif) top repeat-x #fff;}
.bottom-tail {background:url(images/bottom-tail.gif) bottom repeat-x;}

.link {background:url(images/link-bg.gif) no-repeat 0 7px; padding-left:12px; font-weight:bold; color:#292e2e; display:inline-block; margin-top:5px;}

li { background:url(images/list-bg.gif) no-repeat 0 9px; padding-left:12px; line-height:1.917em;}
li a {color:#292e2e; font-weight:bold;}
.box2 li a {color:#292e2e;}

h2 {color:#5d5e4c; font-weight:normal; font-size:1.833em; line-height:1em; background:url(images/title-right-bg.gif) top right no-repeat; letter-spacing:-1px;}
h2 span {display:block; background:url(images/title-left-bg.gif) top left no-repeat; padding:0 9px 0 32px;}
h2 span span {background:url(images/title-tail-bg.gif) top repeat-x; padding:13px 0 13px 6px;}

h3 {font-size:2.167em; line-height:1em; color:#727d50; font-weight:normal; margin-bottom:20px;}
.box2 h3 {font-size:2em; line-height:1em; color:#9e103b; margin-bottom:16px;}

h4 {margin-bottom:7px;}
h4 a {color:#292e2e;}

.box2 h5 {margin-bottom:8px;}
.box2 h5 a {color:#9e103b; font-size:1.091em;}

h6 {font-size:1.167em; line-height:1em; color:#292e2e; font-style:italic; margin-bottom:6px;}

.imgindent {margin:0 20px 0 0; float:left;}

/* ============================= header ====================== */

.logo {position:absolute; margin:30px 0 0 33px;}



.navi {
	position: absolute;
	top: 27px;
	right: 55px;
}



.navi li {
	float: left;
	padding: 0 10px 0 17px;
	list-style-type:none;
	
}

.navi li a {
	color: #FFFFFF;
		
}

.menu {padding:83px 0 11px 290px;}
.menu ul {width:100%; overflow:hidden;}
.menu li {float:left; width:137px; margin-right:1px; padding:0; background:none; font-size:1.083em; line-height:1em;}
.menu li a {display:block; background:#fff; text-align:center; color:#2c3030; text-decoration:none; font-weight:normal;}
.menu li a span {display:block; background:url(images/menu-right-bg.gif) top right no-repeat;}
.menu li a span span {background:url(images/menu-left-bg.gif) top left no-repeat; padding:15px 0 12px 0;}
.menu li a:hover, .menu .active a {background:url(images/menu-tail-bg-act.gif) top repeat-x; color:#ffffff;}
.menu li a:hover span, .menu .active a span {background:url(images/menu-right-bg-act.gif) top right no-repeat;}
.menu li a:hover span span, .menu .active a span span {background:url(images/menu-left-bg-act.gif) top left no-repeat; padding:15px 0 12px 0;}

.header-box {background:url(images/header-box-tail-bg.gif) top repeat-x;}
.header-box .right-bg {background:url(images/header-box-right-bg.gif) top right no-repeat;}
.header-box .left-bg {background:url(images/header-box-left-bg.gif) top left no-repeat; height:287px;}
.header-box .indent {padding:19px 0 0 26px;}
.header-box ul {float:left; width:103px; padding:17px 21px 0 0;}
.header-box li {margin-bottom:2px; background:none; padding:0; line-height:1em;}
.header-box li a {background:url(images/header-list-bg.gif) no-repeat 0 0; display:block; padding:8px 0 8px 31px; color:#fff; text-decoration:none;}
.header-box li a:hover {background:url(images/header-list-bg-act.gif) top left no-repeat;}

.header-box2 {background:url(images/header-box4-bg.jpg) top left no-repeat; padding:45px 250px 36px 30px;}
.header-box2 p {padding:10px 0 19px 0;}

.button {color:#fff; text-decoration:none; font-weight:bold; margin-right:-15px; display:inline-block; cursor:pointer;}
.button span { padding:0 8px 0 8px; display:inline-block;}
.button span span {padding:12px 37px 11px 25px;}
.button:hover {background:url(images/button-right-bg-act.gif) top right no-repeat;}
.button:hover span {display:inline-block; background:url(images/button-left-bg-act.gif) top left no-repeat;}
.button:hover span span {background:#000}
.button strong {text-decoration:underline;}

.button1 {background:url(images/button1-right-bg.gif) top right no-repeat;}
.button1 span {background:url(images/button1-left-bg.gif) top left no-repeat;}
.button1 span span {background:#e286a6;}
.button2 {background:url(images/button2-right-bg.gif) top right no-repeat;}
.button2 span {background:url(images/button2-left-bg.gif) top left no-repeat;}
.button2 span span {background:#7e7e7e;}
.button3 {background:url(images/button3-right-bg.gif) top right no-repeat;}
.button3 span {background:url(images/button3-left-bg.gif) top left no-repeat;}
.button3 span span {background:#9f87c3;}
.button4 {background:url(images/button4-right-bg.gif) top right no-repeat;}
.button4 span {background:url(images/button4-left-bg.gif) top left no-repeat;}
.button4 span span {background:#b5c094;}


/* ============================= content ====================== */

.indent {padding:19px 20px 20px 32px;}
.box {background:url(images/box-tail-bg.gif) bottom repeat-x;}
.box .tail-right {background:url(images/box-tail-bg.gif) right repeat-y;}
.box .tail-left {background:url(images/box-tail-bg.gif) left repeat-y;}
.box .corner-bottom-right {background:url(images/box-corner-bottom-right.gif) bottom right no-repeat;}
.box .corner-bottom-left {background:url(images/box-corner-bottom-left.gif) bottom left no-repeat; width:100%;}
.box .indent {padding:25px 20px 20px 35px;}
.box .indent2 {padding:23px 20px 20px 23px;}
.box .indent3 {padding:15px 10px 20px 35px;}


.box2 {background:#f4f6e4; color:#7a7b70; line-height:1.333em;}
.color2 {background:#f3f3f3;}
.box2 .tail-bottom{background:url(images/box2-tail-bg.gif) bottom repeat-x;}
.box2 .tail-top {background:url(images/box2-tail-bg.gif) top repeat-x;}
.box2 .tail-right {background:url(images/box2-tail-bg.gif) right repeat-y;}
.box2 .tail-left {background:url(images/box2-tail-bg.gif) left repeat-y;}
.box2 .corner-bottom-right {background:url(images/box2-corner-bottom-right.gif) bottom right no-repeat;}
.box2 .corner-bottom-left {background:url(images/box2-corner-bottom-left.gif) bottom left no-repeat;}
.box2 .corner-top-right {background:url(images/box2-corner-top-right.gif) top right no-repeat;}
.box2 .corner-top-left {background:url(images/box2-corner-top-left.gif) top left no-repeat; width:100%;}
.box2 .indent {padding:20px 30px 30px 35px;}
.box2 a {color:#9e103b;}

.col-pad {padding-right:8px;}

.margin1 {margin-top:28px;}
.margin2 {margin-top:18px;}
.margin3 {margin-top:9px;}

.line {border-bottom:1px solid #eef0e7; padding-bottom:20px; margin-bottom:20px;}
.phone {display:inline-block; width:88px;}

/* ============================= footer ====================== */

#footer {color:#b1b1b1; padding:24px 0 0 33px;}
#footer a {color:#e5e8db;}

/* ============================= forms ============================= */

#ContactForm {padding-top:20px;}
#ContactForm .rowi {height:42px;}
#ContactForm .buttons input {float:right; margin:20px 0 0 20px;}

.input {width:252px; height:17px; border:1px solid #c1c3b8; background:none; padding:0 0 0 5px; font-size:1em;}
textarea {width:273px; height:103px; border:1px solid #c1c3b8; background:none; padding:0 0 0 5px; overflow:auto; font-size:1em;}
