/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:#12292f;
	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:#b8c5c7;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#189eb1;}
a:hover{text-decoration:none;}
p {padding-top:16px;}
strong {color:#9bcbd1;}

/* ============================= main layout ====================== */

.bottom-tail {background:url(images/bottom-tail.gif) bottom repeat-x #000;}
.top-tail {background:url(images/top-tail.gif) top repeat-x;}
.top-tail2 {background:url(images/top-tail2.gif) top repeat-x; height:213px; position:absolute; right:0; width:50%;}

.imgindent {margin:0 20px 0 0; float:left;}
.imgindent2 {margin:0 8px 0 0; float:left;}

.title {margin-bottom:17px;}

ul li {background:url(images/list-bg.gif) no-repeat 0 9px; padding-left:14px; line-height:1.833em;}
ul li a {color:#9bcbd1; font-weight:bold; text-decoration:none;}
ul li a:hover {text-decoration:underline;}

ol {list-style-position:inside; margin-bottom:-15px;}
ol li {color:#8aced6; font-weight:bold; padding:0 10px 15px 0;}
ol li span {font-weight:normal; color:#b8c5c7;}

/* ============================= header ====================== */

.logo {padding:73px 0 31px 156px;}
.link {display:inline-block; margin-top:20px;}

#header .menu {padding-left:2px;}
#header .menu li {float:left; margin-left:-1px; padding:0; line-height:1em;}
#header .menu li a {display:block; width:64px; padding:15px 0 11px 42px; font-weight:normal; color:#edfcff;}
#header .menu li a:hover, .menu li .active {position:relative; color:#8ad2df; text-decoration:none;}
.m1 {background:url(images/m1.jpg) no-repeat 0 0;}
.m2 {background:url(images/m2.jpg) no-repeat 0 0;}
.m3 {background:url(images/m3.jpg) no-repeat 0 0;}
.m4 {background:url(images/m4.jpg) no-repeat 0 0;}
.m5 {background:url(images/m5.jpg) no-repeat 0 0;}
.m6 {background:url(images/m6.jpg) no-repeat 0 0;}
.m7 {background:url(images/m7.jpg) no-repeat 0 0;}
.m1 a:hover, .m1 .active {background:url(images/m1-act.jpg) no-repeat 0 0;}
.m2 a:hover, .m2 .active {background:url(images/m2-act.jpg) no-repeat 0 0;}
.m3 a:hover, .m3 .active {background:url(images/m3-act.jpg) no-repeat 0 0;}
.m4 a:hover, .m4 .active {background:url(images/m4-act.jpg) no-repeat 0 0;}
.m5 a:hover, .m5 .active {background:url(images/m5-act.jpg) no-repeat 0 0;}
.m6 a:hover, .m6 .active {background:url(images/m6-act.jpg) no-repeat 0 0;}
.m7 a:hover, .m7 .active {background:url(images/m7-act.jpg) no-repeat 0 0;}

/* ============================= content ====================== */

.boxes {background:url(images/boxes-bg.jpg) no-repeat 0 0; color:#fff; line-height:1.25em; width:100%;}
.boxes .indent {padding:0 23px 20px 22px;}
.boxes .title {margin:9px 0 6px 0;}
.boxes .link {margin-top:11px;}

.text {overflow:hidden; zoom:1;}
.col-pad {padding-right:40px;}
.col-pad2 {padding-right:32px;}
.indent {padding:42px 0 0 5px;}

.margin1 {margin-top:20px;}
.margin2 {margin-top:35px;}
.margin3 {margin-top:12px;}
.margin4 {margin-top:47px;}
cite {font-style:normal;}

.phone {float:right; margin-right:25px;}
.phone2 {float:right; margin-right:45px;}

/* ============================= footer ====================== */

#footer {color:#6cbcc7; text-align:center;}
#footer a {color:#189eb1;}

#footer .menu {padding:18px 0 3px 0;}
#footer .menu li {display:inline; border-left:1px solid #223a3e; font-size:0.917em; padding:0 8px 0 8px; background:none;}
#footer .menu li a {color:#588c93; text-decoration:none; font-weight:normal;}
#footer .menu li a:hover {color:#6cbcc7;}
#footer .menu .active a {color:#6cbcc7;}
#footer .menu .first {border:none;}

/* ============================= forms ============================= */

#ContactForm .rowi {height:26px;}
#ContactForm .link {float:right; margin:15px 0 0 23px;}


.input {width:187px; height:18px; border:1px solid #60d5db; background:#343a3b; padding:0 0 0 5px; font-size:0.917em;}
textarea {width:187px; height:141px; border:1px solid #60d5db; background:#343a3b; padding:0 0 0 5px; overflow:auto; font-size:0.917em;}
