/* CSS Document */

* {	margin:0; padding:0; font-size:100%;}

body{ background:#eeeeee url(../images/header_bg.gif) repeat-x 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: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px; color:#25292c;	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#0f3b63; outline:none;}
a:hover{color:#99ccff;}
p {padding-bottom:19px;}
p span {font-weight:bold; color:#0f3b63;}

h1 {font-size:30px; color:#0f3b63; letter-spacing:-2px; line-height:28px; text-transform:uppercase; padding: 0 0 11px;}
h2 {font-size:24px; color:#25292c; line-height:28px; letter-spacing:-1px; font-weight:normal; padding:25px 0 13px;}

/* ============================= main layout ====================== */
.bg {background:url(../images/footer_bg.gif) repeat-x bottom center;}
.bg_top {background:url(../images/bg_top.jpg) no-repeat top center;}

.imgindent {margin:0 20px 0 0; float:left;}
.fright {text-align:right;  }
.image {padding-bottom:10px;}

/* ============================= header ====================== */
#page1 #header {background:url(../images/img_main2.png) no-repeat 12px 185px;}
#header a {text-decoration:none;}
#headbox { float: right; width: 170px; height: 150px; margin: 95px 10px 0px 0px; font:24px "Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing:-1px; line-height:30px; color:#fff; text-transform:uppercase   }

#topKey { margin: 0 auto 0 auto; color: #999; width: 900px; text-align: left }
#topKey a { color: #CCC }
#showtext { overflow: hidden; display: none; text-align: left; margin: 3px 5px 0px 0px; padding: 0px 0px 5px 10px; height: auto; color: #fff; width: 700px; background-color: #6cda41; border: 1px solid #666 }
#showtext a { color: #900 }
#showtext a:hover { color: #fff }
#showtext1 { overflow: hidden; display: none; }
#showtext2 { overflow: hidden; display: none; }

.container { overflow: hidden }
.colLeft { float: left; margin-right: 12px }
.colRight { float: left }

.sName { font-size: 36px}
.logo {padding:12px 7px 23px 3px; overflow:hidden; height:50px;}
.logo a {
	background:url(../images/logo.gif) no-repeat left 5px; 	color:#3c3c3c; 	font-weight:bold;	font-size:40px;	line-height:50px;	padding-left:56px; 	letter-spacing:-3px;}
#tel { background:url(../images/icon1.gif) no-repeat left 6px; color:#0f3b63; font-weight:bold; font-size:36px; padding-left:69px; letter-spacing:-1px; float:right; line-height:84px;	margin-top:-14px; }
#tel strong { color:#3c3c3c;}

.menu {background:url(../images/menu_tail.gif) repeat-x top center; height:54px;}
.menu_bg_left {background:url(../images/menu_left.gif) no-repeat left top;}
.menu_bg_right {background:url(../images/menu_right.gif) no-repeat right top; padding:10px 11px 11px 19px;}

.menu ul{overflow:hidden;}
.menu li {float:left; line-height:33px; display:inline-block; padding-right:8px; padding-bottom:1px;}
.menu ul a {font-size:17px;  color:#3c3c3c; text-transform:uppercase; letter-spacing:-1px; margin:0 17px 0 16px; }
.menu ul a:hover {color:#0f3b63;}
.menu .active {background:url(../images/menu_active_tail.gif) repeat-x top center; padding:0; margin-right:8px;}
.menu .active span {background:url(../images/menu_active_left.gif) no-repeat top left; display:inline-block;}
.menu .active span span{background:url(../images/menu_active_right.gif) no-repeat top right;}
.menu .active a,.menu .active a:hover {color:#fff; cursor:default;}

.menu .right {background:url(../images/header_btn.png) no-repeat top center; color:#fff; text-transform:uppercase; font-size:17px; width:270px; line-height:35px; text-align:center; display:block; margin:-1px 0 0; letter-spacing:-1px; padding-bottom:1px;}
.menu .right:hover {color:#99ccff;}

/* ============================= content ====================== */
#content  {background:url(../images/content_bg_2.jpg) no-repeat top center; padding:8px 13px 0 13px;}
#page1 #content  {background:url(../images/content_bg.jpg) no-repeat top center; padding:8px 13px 0 13px;}
#content li { background:url(../images/marker.gif) no-repeat 0 11px; padding-left:11px; line-height:24px;}
#content li a {color:#0f3b63; font-size:13px; font-weight:bold; text-decoration:none;}
#content li a:hover{color:#25292c;}

.content {background:#fcfcfc url(../images/content_bg_top.gif) no-repeat top center;}
#page6 .content {padding:17px 27px 15px;}
.content ul {padding:0 0 21px; margin:-6px 0 0;}
.content ul.right {padding-right:31px;}
.content ul.extra {padding:5px 7px 22px; margin:0;}

.banners {background:#0f3b63 url(../images/banner_bg_top.png) no-repeat top center; color:#fff;}
.banner {padding:20px 28px 22px 26px; width:241px; float:left;}
.banners h1 {color:#fff; padding:0;}
.banners p {padding:20px 0 1px;}
.banners .wrapper {background:url(../images/banner_bg_line.gif) repeat-y 591px 0;}
.banners_bg {background:url(../images/banner_bg_line.gif) repeat-y 295px 0;}

.fright {float: right; background-image:url(../images/banner_btn.png); background-repeat: no-repeat; background-position: center; color:#0f3b63; font-size:13px;
		text-decoration:none; text-transform:uppercase; font-weight:bold; height: 33px; width: 180px; text-align: center }

.cols_bg {background:url(../images/bg_line.gif) repeat-y 591px 0; padding-bottom:16px;}

.row {border-top:1px solid #e6e6e7; margin:5px -25px 0; padding:20px 25px 0 32px; }
.col2 p {line-height:17px;}
.f1 { color:#0f3b63;}
.f2 { color:#0f3b63; font-size:13px; font-weight:bold; text-decoration:none; }
.f3 { font-size: 9px }
.blue{	color: #99ccff }
.smt { text-transform: lowercase }

.brdr1 { border-right: 1px solid #666; padding-right: 12px }
#img1 { background:url(../images/img1.jpg) no-repeat; width: 230px; height: 300px; }

/*buttons*/
.button {margin:-5px 0 0;}
a.btn {	background:url(../images/btn_tail.png) repeat-x top center;	display:inline-block; font-size:13px; line-height:33px;	color:#fff;	font-weight:bold; text-decoration:none; text-transform:uppercase; cursor:pointer;}
a.btn span{	background:url(../images/btn_left.png) no-repeat left top; display:inline-block; color:#fff; }
a.btn span span{ background:url(../images/btn_right.png) no-repeat right top; padding:0 12px; }

a.btn:hover {background:url(../images/btn_tail.png) repeat-x bottom center;color:#0f3b63;}
a.btn:hover span {	background:url(../images/btn_left.png) no-repeat left bottom;color:#0f3b63;}
a.btn:hover  span span{background:url(../images/btn_right.png) no-repeat right bottom;}

.type1 {padding-top:3px;}
.type2 {margin:-2px 0 0}
.type3 {padding:9px 0 23px}
div.type2 {margin:-4px 0 -2px;}

.block1 {padding:6px 0 2px;}
.block1 p {padding-bottom:17px;}
.block1 .button {margin:-2px 0 0;}

.block2 {margin-left:-35px;}
.block2 ul{ padding:7px 4px 16px!important;}

.block3 {padding-bottom:17px;}
.block4 {margin:-8px 0 0;}
p.last {padding-bottom:0; margin-bottom:-3px;}

/*phone*/
.phone span {display:inline-block; width:157px; font-weight:normal; color:#25292c;}
.phone a {margin-left:52px;}

.phones {padding:0 0 7px;}
.phones p {overflow:hidden; padding:4px 0 13px 3px;}
.phones span.right {font-weight:normal; color:#25292c;}

/* ============================= footer ====================== */
#footer {background:url(../images/content_bg_bottom.gif) no-repeat top center;}
#footer #menu { margin-bottom: 10px; text-align: center; }
#page6 #footer {background:url(../images/content_footer.gif) no-repeat top center;}
#footer a {font-weight:bold; text-decoration:none;}

/* ============================= forms ============================= */
#ContactForm  {padding:4px 0 0;}
#ContactForm label {display:block; background:url(../images/input_bg.gif) no-repeat left 19px; height:60px;}
#ContactForm input, #ContactForm textarea {	background:none; width:224px; border:0;	padding:3px 5px; line-height:17px;}
#ContactForm p {padding-bottom:3px; background:url(../images/textarea_bg.gif) no-repeat left 19px;}
#ContactForm p.fright {background:none; padding:21px 0 19px;}
#ContactForm input {font-size:1em;}
#ContactForm textarea {height:274px; overflow:auto;}
#ContactForm a {margin:0 1px 0 6px;}
