/* CSS Document */
* {margin:0; padding:0;	font-size:100%;}
body     { background: url(images_site/page-tail.jpg) center; text-align: justify; padding: 10px 0 30px }
.page-shade  { background: url(images_site/page-shade.png) no-repeat center 224px }
#main  { background: #fff url(images_site/main-tail.gif) repeat-x left top }

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

table {border-collapse:collapse; border:0;}

html             { color: white; font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 15px; text-align: justify }
input, textarea { color: black; font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 15px; text-align: justify }
input, select  { color: black; font-weight: normal; vertical-align: middle }

a  { color: white; text-decoration: underline }
a:hover {text-decoration:none;}
ul {list-style:none;}
ul li      { font-size: 12px; line-height: 12px; text-transform: none }
li a   { color: white; text-decoration: none } 
li a:hover {text-decoration:underline;} 

.float-l {float:left;}
.float-r {float:right;}
.clear {clear:both; font-size:0%; line-height:0%; height:0;}

.col-1,
.col-2,
.col-3,
.col-4 {float:left;}

/***************header***************/
#header    { background-image: none; background-position: 0 0; padding: 3px 5px 0 43px }

/***************content***************/
.wrapper {width:100%; overflow:hidden;}
img.float-l  { margin-right: 20px }
.phone {float:right; margin-right:196px; word-spacing:3px;}
cite   { font-size: 12px; line-height: 14px; text-transform: none; display: inline-block; margin-bottom: 4px }

#content {padding:38px 37px 0 43px; min-height:659px; height:auto !important; height:659px;}
#content .col-1  { text-align: justify; padding-right: 31px }
.cols .col-3 {padding-right:33px;}

.text-style1     { font-size: 12px; font-style: italic; line-height: 14px; text-transform: none }
.text-style2 strong {font-family:Tahoma, Geneva, sans-serif;}
.text-size1    { font-size: 12px; line-height: 14px; text-align: justify }

.border {border-bottom:1px solid #DDD; padding-bottom:15px; margin-bottom:15px;}

/***************titles***************/
.title {margin-bottom:7px;}
.title-un {margin:14px 0 5px;}

.text-title    { color: #fff; font-size: 13px; font-weight: normal; line-height: 14px; background: #369; text-transform: none; display: inline-block; margin-bottom: 9px; padding: 3px 7px 4px 10px }
.title-border {border-bottom:1px solid #DDD; padding-bottom:11px; margin-bottom:19px;}

h1       { color: #fff; font-size: 16px; font-weight: 200; line-height: 18px }
h2        { color: #009ee0; font-size: 20px; font-weight: lighter; line-height: 24px; font-stretch: normal }
h2 span   { color: #fff; font-weight: normal }
.box h2  { color: #fff; padding: 3px 0 5px }

h3      { color: white; font-size: 15px; font-weight: 700; line-height: 17px; text-transform: none }
h3 span  { color: #369 }

/***************links***************/
.link    { color: orange; background: url(images_site/link-marker.gif) no-repeat right 3px; padding-right: 14px }
strong .link    { color: orange; font-size: 12px; line-height: 14px; text-decoration: none }
strong .link:hover  { text-decoration: underline }
.box .link {margin-left:3px;}

.link-un {text-decoration:none;}
.link-un:hover {text-decoration:underline;}

.list li       { color: white; font-size: 12px; padding: 2px 0 10px 26px }
.list .img1  { background: url(images_site/list-img1.gif) no-repeat left top }
.list .img2  { background: url(images_site/list-img2.gif) no-repeat left top }
.list .img3  { background: url(images_site/list-img3.gif) no-repeat left top }
.list .img4  { background: url(images_site/list-img4.gif) no-repeat left top }
.list .img5  { background: url(images_site/list-img5.gif) no-repeat left top }

.banner a    { color: orange; text-decoration: none }
.banner a:hover {text-decoration:underline;}
.banner .link-un {border-right:1px solid #139DF4; padding-right:7px; margin:0 7px 0 7px;}

/***************boxes***************/
.img-indent .float-l {padding:3px 25px 0 0;}

.box     { color: #444; background-color: #e9e9e9; background-position: 0 0; text-align: left; text-transform: none; margin-bottom: 32px; padding: 8px 8px 8px 15px; border: solid 1px #6d6d6e }

.banner     { border: solid 1px #444 }
.banner .inner         { background-image: url(images_site/bg_banner.jpg); background-position: 0 0; padding: 8px; border: solid 1px white }

/***************form***************/
#contactForm  { color: black; padding: 16px 1px 0 }
#contactForm p  { color: black; line-height: 1em; margin: 0; padding: 0 0 3px }
#contactForm .float-l {line-height:1em; padding:0; margin:0;}
#contactForm input, #contactForm textarea  { color: black; font-size: 1em; line-height: 1em; padding: 2px 0 0 3px; border: solid 1px #a09b96 }
#contactForm .float-r textarea {overflow:hidden;}
.buttons {text-align:right; padding:12px 0 0;}
.buttons a {margin-left:33px;}

/***************positioning***************/
ul.float-r {padding-right:22px;}

.margin1 {margin-bottom:9px;}
.margin2 {margin-bottom:13px;}
.margin3 {margin:4px 0 23px;}

.padding1 {padding-bottom:20px;}
.padding2 {padding-bottom:26px;}
.padding3 {padding-top:4px;}
.padding4 {padding-bottom:15px;}
.padding5  { padding-bottom: 8px }
.padding6 {padding-bottom:32px;}

/***************footer***************/
#footer       { color: white; font-size: 11px; background: #369; text-transform: none; padding: 7px 0 10px 40px }
#footer span {text-transform:uppercase; color:#FFF;}
#footer a  { color: white; text-decoration: underline; margin-left: 12px }
#footer a:hover {text-decoration:none;}