/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:url(images/body-tail.gif) top center;
	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.333em;
		color:#636363;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#006eac;}
a:hover{text-decoration:none;}
p {padding-top:18px;}
strong {color:#3f3f3f;}

/* ============================= main layout ====================== */

.top-tail {background:url(images/top-tail.gif) top center repeat-x #e7e7e7;}
.bottom-tail {background:url(images/bottom-tail.gif) bottom repeat-x;}
.top-tail2 {background:url(images/top-tail-right.gif) top left repeat-x; width:50%; position:absolute; height:210px; right:0;}

li { background:url(images/list-bg.gif) no-repeat 0 6px; padding-left:10px; line-height:1.5em;}
li a {color:#006eac;}

.imgindent {margin:0 30px 0 0; float:left;}
.imgindent2 {margin:0 20px 0 0; float:left;}

.link {background:url(images/link-bg.gif) no-repeat 0 7px; padding-left:12px; font-size:0.917em; color:#951600; display:inline-block; margin-top:20px;}
.link2 {color:#061317; line-height:1.273em;}
.title {margin-bottom:14px;}
.title2 {margin-bottom:9px;}


/* ============================= header ====================== */

.logo {position:absolute; margin:40px 0 0 40px;}
.slogan {position:absolute; margin:60px 0 0 430px;}

#header .menu {padding:143px 0 0 45px;}
#header .menu ul {width:100%; overflow:hidden;}
#header .menu li {float:left; margin-right:1px; background:none; padding:0;}
#header .menu li a {width:134px; height:32px; display:block; text-decoration:none;}
.m1 a {background:url(images/m1.jpg) no-repeat 0 0;}
.m2 a {background:url(images/m2.jpg) no-repeat 0 0;}
.m3 a {background:url(images/m3.jpg) no-repeat 0 0;}
.m4 a {background:url(images/m4.jpg) no-repeat 0 0;}
.m5 a {background:url(images/m5.jpg) no-repeat 0 0;}

.m1 a:hover, .m1 .active {background:url(images/m1-act.jpg) top left no-repeat;}
.m2 a:hover, .m2 .active {background:url(images/m2-act.jpg) top left no-repeat;}
.m3 a:hover, .m3 .active {background:url(images/m3-act.jpg) top left no-repeat;}
.m4 a:hover, .m4 .active {background:url(images/m4-act.jpg) top left no-repeat;}
.m5 a:hover, .m5 .active {background:url(images/m5-act.jpg) top left no-repeat;}


/* ============================= content ====================== */

.box {background:#fff url(images/box-bottom-bg.jpg) bottom left no-repeat; position:relative; margin:-35px 0 -54px 0; width:100%;}
.box .corner-top-right {background:url(images/box-corner-top-right.gif) top right no-repeat;}
.box .corner-top-left {background:url(images/box-corner-top-left.gif) top left  no-repeat; width:100%;}
.box .indent {padding:21px 15px 33px 18px;}

.col-pad {padding-right:34px;}
.col-pad2 {padding-right:50px;}

.line-hor {background:url(images/line-hor.gif) bottom left repeat-x; padding:13px 15px 25px 23px;}
.col-2 .line-hor {padding:13px 10px 25px 16px;}

.indent1 {padding:20px 10px 0 17px;}
.indent2 {padding:10px 0 0 0;}
.indent3 {padding:36px 15px 0 23px;}

.margin1 {margin-bottom:4px;}
.margin2 {margin-top:28px;}
.margin3 {margin-top:11px;}
.margin4 {margin-top:17px;}
.padding0 {padding-top:0;}
.padding1 {padding-top:10px;}
.padding2 {padding-top:15px;}

.extra1 {margin:50px 0 0 -35px; position:relative;}
.extra2 {background:url(images/list-bg.gif) no-repeat 0 5px; padding-left:10px; color:#006eac;}

.text2 {font-size:0.917em; line-height:1.182em;}
.text3 {color:#006eac;}
.phone {display:inline-block; width:72px;}

/* ============================= footer ====================== */

#footer {text-align:center; color:#fff; font-size:0.917em;}
#footer a {color:#fff; text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#footer .menu {padding:50px 0 3px 25px;}
#footer .menu li {display:inline; font-weight:bold; padding:0; background:none;}
#footer .menu li a {margin:0 3px 0 2px;}

/* ============================= forms ============================= */

#Form {padding:10px 0 0 0;}
#Form .rowi {height:30px;}
#Form .link {float:right; margin:0 0 0 22px;}
.input {width:155px; height:19px; border:1px solid #d7d7d7; background:none; padding:0 0 0 5px; font-size:1em;}

#OrderForm {padding:30px 0 0 0;}
#OrderForm strong {color:#006eac;}
#OrderForm .rowi {height:30px;}
#OrderForm a {color:#951600; font-size:0.917em;}
.link-indent {margin:0 24px 0 32px;}
select {width:160px; border:1px solid #d7d7d7; font-size:1em; color:#717171;}

#ContactForm {padding:0 5px 0 13px;}
#ContactForm .rowi {height:30px;}
#ContactForm .input {width:175px;}
#ContactForm .link {float:right; margin:5px 0 0 30px;}

textarea {width:175px; height:128px; border:1px solid #d7d7d7; background:none; padding:0 0 0 5px; overflow:auto; font-size:1em;}