/* 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 {
	padding-left:20px;
	line-height:1.833em;
	background-image: url(images/Key-16x16.png);
	background-repeat: no-repeat;
	background-position: 3px;
}
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:57px 0 0px 0px;}
.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 15px 11px 27px; font-weight:bold; 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-top: 0;
	padding-right: 5px;
	padding-bottom: 20px;
	padding-left: 5px;
}
.boxes .title {margin:9px 0 6px 0;}
.boxes .link {margin-top:11px;}

.text {
	overflow:hidden;
	font-size: 14px;
}
.col-pad {padding-right:40px;}
.col-pad2 {padding-right:32px;}
.indent {
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 5px;
	text-align: left;
}

.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;}
.phone3 {
	color: #FF0000;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.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:12em;
}.highlight {
	color: #24AFC4;
	font-size: 14px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.title2 {
	margin-bottom:17px;
	color: #000000;
}
.phone4 {
	color: #FFFFFF;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.phone5 {
	color: #FFFFFF;
	font-size: 24px;
	font-style: italic;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.phonelight {
	color: #FF9A00;
	font-size: 24px;
	line-height: 30px;
}