/* CSS Document */

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

body{
	background:#4c9cb4 url(images/top-tail.gif) top repeat-x;
	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;
		font-size:0.75em;
		line-height:1.5em;
		color:#ddf6ff;
	}

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

a {color:#9cdaed;}
a:hover{text-decoration:none;}
p {padding-top:18px;}
strong {color:#fff;}

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

.link {background:url(images/link-side-bg.gif) no-repeat top right #0f7695; display:block; float:left; margin-top:23px; line-height:1em; font-weight:bold; text-decoration:none; color:#fff; font-size:0.917em; font-family:tahoma, Geneva, sans-serif}
.link span {background:url(images/link-side-bg.gif) no-repeat 0 0; display:block; padding:3px 8px 5px 8px;}
.link:hover {background:#4a788e url(images/link-side-bg-hover.gif) no-repeat top right;}
.link:hover span {background:url(images/link-side-bg-hover.gif) no-repeat 0 0;}


li { background:url(images/list-bg.gif) no-repeat 0 8px; padding-left:13px; line-height:1.667em;}
li a {color:#fff; text-decoration:none; font-weight:bold;}
li a:hover {text-decoration:underline;}

h3 {font-size:1.5em; line-height:1em; color:#d5f5ff; margin-bottom:9px;}

.imgindent {margin:0 33px 0 0; float:left;}
.imgindent2 {margin:0 17px 0 0; float:left;}
.title {margin-bottom:19px;}
.col-1 .title {margin-left:16px; margin-top:20px;}
.col-2 .col-1 .title {margin-left:0; margin-top:0;}

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

.logo {margin:24px 0 4px 0;}
#header .menu {background:url(images/menu-bg.jpg) top left no-repeat; padding:40px 0 48px 53px;}
.nav {float:right; padding:45px 0 0 0;}
.nav li {display:inline; background:none; padding:0 16px 0 0;}
.nav li a {color:#aee7f8; font-weight:normal; padding-left:16px; border-left:1px solid #aee7f8;}
.nav li a:hover {color:#fff; text-decoration:underline; background:url(images/list-bg.gif) no-repeat 4px 5px; border:none; margin-left:1px;}
.nav .active a {color:#fff; text-decoration:underline; background:url(images/list-bg.gif) no-repeat 4px 5px; border:none; margin-left:1px;}
.slogan {float:right; margin-top:316px;}
.nav .first a {border:none;}

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

.box {background:#64b0c8 url(images/box-corner-bottom-right.gif) bottom right no-repeat; line-height:1.417em;}
.box .corner-bottom-left {background:url(images/box-corner-bottom-left.gif) bottom left no-repeat;}
.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:13px 14px 26px 14px;}

.col-pad {padding-right:54px;}
.col-pad2 {padding-right:76px;}

.line1 {border-bottom:1px solid #68b3cb; padding-bottom:31px; margin-bottom:32px;}
.col-line {border-bottom:1px solid #68b3cb; padding-bottom:36px;}
.color2 {color:#9cdaed;}
.phone {float:right; margin-right:180px;}

.indent1 {padding:20px 0 0 15px;}
.margin1 {margin-top:13px;}
.padding1 {padding-top:16px;}
.padding2 {padding-left:5px;}
.padding3 {padding-top:8px;}
.padding4 {padding-bottom:27px;}

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

#footer {color:#fff;}
#footer span {float:right;}
#footer .menu { padding:45px 0 0 0; display:inline;}
.menu li {display:inline; background:none; line-height:1.25em;}
.menu li a {color:#aee7f8; font-weight:normal; padding:0 5px 0 21px; border-left:1px solid #aee7f8;}
.menu li a:hover {text-decoration:underline; background:url(images/menu-bg.gif) no-repeat 11px 5px; border:none; margin-left:1px;}
.menu .active a {text-decoration:underline; background:url(images/menu-bg.gif) no-repeat 11px 5px; border:none; margin-left:1px;}
.first a {border:none !important; margin-left:1px;}

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


#ContactForm .rowi {height:19px;}
#ContactForm .link {float:right; margin:15px 0 0 10px;}

.input {width:201px; height:15px; border:1px solid #ddf6ff; background:none; padding:0 0 0 1px; font-size:1em; line-height:1em;}
textarea {width:319px; height:53px; border:1px solid #ddf6ff; background:none; padding:0 0 0 1px; overflow:auto; font-size:1em; line-height:1em;}