﻿/* CSS Document */

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

html {overflow-y: scroll;}

body{
	background:#475c64;
	text-align:center;
}

img {vertical-align:bottom;}
a img {border:0;}

ul {list-style:none; margin-left:10px; padding-top:5px;}
ul li:first-child {margin-top:0;}

.left {float:left; width:auto;}
.right {float:right; width:auto;}
.clear  {clear:both; width:auto;}

html, input, textarea
	{
		font-family:Verdana, sans-serif;
		font-size:0.688em;
		line-height:18px; /* line-height:1.455em; */
		color:#1a3844;
	}

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

a {color:#0090d2; text-decoration:none;}
a:hover{text-decoration:underline;}
p {padding-top:5px;}
p.first, ul.first {padding-top:0;}
p.big {padding-top:8px;}
ul.site-map {padding-top:3px;}
cite {font-style:normal;}

#w3c {vertical-align:top; float:right; margin-right:41px; margin-top:-20px;}
#w3c img {vertical-align:top;}
#w3c-css {margin-left:21px;}

div.hidden {display:none;}

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

#body-tail {background:#304148 url(../images/body-bg.gif) bottom repeat-x;}

li {background:url(../images/list-bg.gif) no-repeat 0 8px; padding-left:11px; /*line-height:1.636em;*/ margin-top:3px;}
li a {color: #0090d2; text-decoration:none;}
li a:hover {text-decoration:underline;}
a.selected {font-weight:bold;}

.prices {padding-top:16px; margin-left:0;}
.prices li {background:none; padding-left:0; line-height:1.455em; width:100%; overflow:hidden; margin-bottom:16px; vertical-align:top;}
.prices li a {font-weight:bold; float:right; width:auto;}
.prices li .size {font-weight:bold; float:right; width:100px;}
.prices .content {display:block; width:325px; float:left;}

.link {background:url(../images/link-bg.gif) bottom left no-repeat; padding:0 0 0 18px; display:inline-block; margin: 5px 0 1px 1px;}

.link2 {background:url(../images/button-tail-bg.jpg) top repeat-x; display:block; float:left; margin-top:17px; font-size:0.833em; line-height:1em; color:#fff !important; font-weight:bold; text-decoration:none; width:auto; background-color:inherit;}
.link2 span {background:url(../images/button-right-bg.jpg) top right no-repeat; display:block; color:#fff !important; background-color:inherit;}
.link2 span span {background:url(../images/button-left-bg.jpg) top left no-repeat; padding:7px 20px 30px 28px;}
.link2:hover {background:url(../images/button-tail-bg-hover.jpg) top repeat-x;}
.link2:hover span {background:url(../images/button-right-bg-hover.jpg) top right no-repeat;}
.link2:hover span span {background:url(../images/button-left-bg-hover.jpg) top left no-repeat;}

.link3 {margin-bottom:1px;}

.mail-to {background:url(../images/email.png) bottom right no-repeat; padding:0 21px 0 0;}

a[rel='external'] {background:url(../images/link.png) bottom right no-repeat; padding:0 19px 0 0;}
a[rel='external'].w3c{background:none;padding-right:0;}

.imgindent {margin:0 20px 0 0; float:left; width:auto;}
.imgindent {margin:3px 0 0 13px; float:right; width:auto;}
.imgindent2 {margin:0 15px 0 0; float:left; width:auto;}

h2 {font-size:1.091em; line-height:1em; border-bottom:2px solid; padding-bottom:6px; margin-bottom:10px;}
.title1 {border-color:#ffde00;}
.title2 {border-color:#ff6137;}
.title2 {border-color:#79201C;}
.title3 {border-color:#72d6ff;}

span#breadcrumbs {font-weight:normal;font-size:11px;vertical-align:bottom;}

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

a.logo {display:inline-block; margin:20px 0 21px 25px; padding:5px;}
a.logo:hover {background-color:#304148;}
.submenu {float:right; padding:45px 30px 0 0; width:auto;}
.submenu img {display:block; float:left;}
.submenu a {display:block; float:left; margin: 5px 10px 0 10px; width:auto;}
#header .menu {background:url(../images/menu-tail.gif) top repeat-x; width:100%; overflow:hidden;}
#header .menu ul {float:left; margin-left:-1px; padding-top:0; width:auto;}
#header .menu li {float:left; width:172px; background:url(../images/menu-devider.gif) top left no-repeat; text-align:center; padding-left:0px; font-size: 120%; margin-top:0;}
#header .menu li a {display:block; color:#f2e8e8; line-height:1em; font-weight:bold; text-decoration:none; padding:14px 0 15px 0;}
#header .menu li a:active, #header .menu li a:focus, #header .menu li a:hover {background:url(../images/menu-active-bg.gif) bottom center no-repeat; color: #A7E4FF;}
#header .menu li a:active, #header .menu li a:focus {outline: none;}
#header .menu .active a {background:url(../images/menu-active-bg.gif) bottom center no-repeat;}

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

#content .top-line {background:url(../images/content-bg2.gif) top repeat-x; padding-top:7px;}
#content .indent {background:url(../images/content-bg.gif) top repeat-x; padding:25px 0 0 31px;}

.box {background:#fff url(../images/box-tail-right.gif) right repeat-y;}
.box .tail-left {background:url(../images/box-tail-left.gif) left repeat-y;}
.box .corner-right-outside {background:url(../images/box-corner-right-outside.gif) bottom right no-repeat;}
.box .corner-left-outside {background:url(../images/box-corner-left-outside.gif) bottom left no-repeat; width:100%;}
.box .side-indent {padding:0 10px;}
.box .tail-bottom {background:url(../images/box-tail-bottom.gif) bottom repeat-x;}
.box .corner-right-inside {background:url(../images/box-corner-right-inside.gif) bottom right no-repeat;}
.box .corner-left-inside {background:url(../images/box-corner-left-inside.gif) bottom left no-repeat; width:100%;}
.box .box-indent {padding:0 0 34px 0;}

.banner {background:url(../images/banner-bg.jpg) top left no-repeat; padding:32px 390px 60px 47px; height:225px; font-size:1.091em; line-height:1.5em; padding-top:92px; padding-bottom:0px;}
.banner span {/*text-transform:uppercase;*/ line-height:1.667em;}
.banner .title {margin-bottom:21px;}
.banner #slogan {color:#008dc8; font-size:150%; font-weight:bold; line-height:1.667em;}
.banner .blurb {font-size:110%; font-weight:bold;}

.col-pad {padding-right:33px;}
.col-pad2 {padding-right:33px;}
.padding1 {padding-top:5px;}
.margin1 {margin-top:10px;}
.line-hor {border-bottom:1px dotted #d4d5d6; padding-bottom:23px; margin-bottom:23px;}
.break-hor {padding-bottom:22px;}
.break-hor-small{padding-bottom:16px;}

.phone {float:right; margin-right:90px; width:auto;}
.mail {color:#0090d2;}

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

#footer {color:#558fa9; padding:7px 0 24px 41px;}
#footer a {color:#558fa9; text-decoration: none;}
#footer a:hover {text-decoration: underline;}

#footer .menu {width:100%; overflow:hidden; margin-bottom:5px;}
#footer .menu ul {margin-left:-11px;}
#footer .menu li {border-left:1px solid #d9effd; display:inline; background:none; padding:0 10px 0 10px;}
#footer .menu li a {color:#d9effd;}

#footer #copyright {font-weight:bold;}

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

#SearchForm .rowi {height:38px;}
#SearchForm.input {width:237px; height:19px; border:1px solid #cacaca; background:#fff; padding:0 0 0 5px; font-size:1em;}

#ContactForm {padding:15px 0 0 0;}
#ContactForm .rowi {height:26px;}
#ContactForm .col-1 {width:216px !important;}
#ContactForm .col-2 {width:310px !important;}
#ContactForm .link {float:right; margin-left:20px; width:auto;}
.input {width:203px; height:18px; border:1px solid #303030; background:#fff; padding:0 0 0 5px; font-size:1em;}
textarea {width:303px; height:70px; border:1px solid #303030; background:#fff; padding:0 0 0 5px; overflow:auto; font-size:1em;}

