@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
:focus {outline: 0;}
body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/* end of style reset */ 

body {font-family: Arial, Helvetica, sans-serif; font-size: 90%; margin: 0; padding: 0; background-color: #007cb7; background-image: url(imgs/bg_img.gif); background-repeat: repeat-x;}

#container {width: 960px; margin: 0 auto; position: relative; letter-spacing: 1px;} 

/* HEADER ELEMENTS */
#header {width: 960px; height: 170px; background-color:#FFF; margin-top: 37px; margin-bottom:10px;}

.logo {float:left; margin-top: 10px; margin-left: 20px; margin-bottom: 10px; width: 323px; margin-right: 118px;}
.contactdropdown { float:right; width: 249px; height: 65px;}

/* NAV */
#headernav { clear:both; list-style-type: none; width: 960px; height: 40px;font-size: 95%; font-weight: bold;}
#headernav ul {margin: 0px; padding: 0px; list-style: none;}
#headernav li {float: left; display:block; width: 214px; height: 40px; padding-left: 20px; text-align: left;} 
#headernav a {display:block; color:#666666; text-decoration:none; border-top: solid 3px #666666; text-align: left;  padding-top: 8px; } 
#headernav a:hover {display:block; color: #A22A22; border-top: solid 3px #A22A22;  padding-top: 8px;} 
#headernav a.selected {display:block; color: #A22A22; border-top: solid 3px #A22A22;  padding-top: 8px;}


#content {width: 960px; font-size: 85%; background-color:#FFFFFF;overflow:hidden;}
#content p { margin-bottom: 0px; line-height: 130%; margin-top: 0px;}
#content ul {font-size: 110%; padding-top: 5px; margin: 0px; paddding: 0px; list-style: none; margin-top: 15px;}
#content a {font-size: 100%; margin: 0px; paddding: 0px; list-style: none; font-weight: bold;}
#content a:hover {font-size: 100%;  color:#000; margin: 0px; paddding: 0px; list-style: none; color:#007DBA; font-weight: bold;}
#content li { padding-bottom: 8px;}

.floatleft {float: left;width: 435px;padding: 10px 20px 10px 20px;color:#666666; border-right: dotted 1px #808080; margin-top: 10px; margin-bottom: 10px;}
.floatright {float: left;width: 435px;padding: 10px 20px 10px 20px;color:#666666;margin-top: 10px; margin-bottom: 10px;}
.floatright a { color:#1D2A60;margin-top: 20px;}
.floatleft2 {float: left;width: 600px;padding: 20px; color:#666666;  margin-top: 10px; margin-bottom: 10px; min-height: 500px; height: 500px;}
.floatright2 {float: left;width: 270px;padding: 10px 20px 10px 20px;color:#666666; margin-top: 10px; margin-bottom: 10px; border-left: dotted 1px #808080; }
.extrapadding {padding-top: 20px;}

.map {padding: 20px; }

.whitetext {font-size: 60%; color:#007DBA; }
.largetext {font-size: 150%; color:#fff; line-height: 130%;}
.quote { padding-top: 10px;font-size: 120%; }
.quoteby  {font-size: 120%; color:#333333; font-weight: bold; border-bottom: dotted 1px #808080; padding-bottom: 10px;}

#panel {background: #007DBA; height: 85px;display: none;}
#panel p {color: #fff; font-size: 110%; padding-bottom: 12px; text-align:center;}
a:hover.contact {color:#1D2A60; text-decoration:none;}

.slide { margin: 0; padding: 0; background: url(imgs/contactus.jpg) no-repeat center top; height: 65px;}

.btn-slide {background: url(images/white-arrow.gif) no-repeat right -50px; text-align: center; width: 249px; height: 31px; padding-top: 5px; margin: 0 auto; display: block; color: #fff; text-decoration: none; font-weight: bold; font-size: 110%}

a:hover.btn-slide {color:#1D2A60; text-decoration:none;}
.active {}

.gallery {margin-left:0px; margin-top: 0px;}

.galleria{list-style:none; width:290px; margin-top: 0px;}
.gallery_demo_unstyled {margin-top: 0px;}
.galleria li{display:block;width:130px;height:80px;overflow:hidden;float:left; margin:0 10px 10px 0}
.galleria li a{display:none;}
.galleria li div{position:absolute;display:none;top:0; left:180px}
.galleria li div img{cursor: pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:0px;}
* html .galleria li div span{width:290px} /* MSIE bug */

a {text-align: right; color:#ffffff; text-decoration:none;}
a:hover {color:#007DBA; text-decoration:none;}
a:selected {display:block; color: #A22A22; border-top: solid 3px #A22A22;  padding-top: 8px;}


h1 {font-family: Arial, Helvetica, sans-serif; font-size: 200%; color:#A22A22; font-weight: normal;	padding-bottom: 5px; }
h2 {font-family: Arial, Helvetica, sans-serif; font-size: 150%; color:#333333; font-weight: bold;}
h3 {font-family: Arial, Helvetica, sans-serif; font-size: 140%; color: #007DBA; font-weight: bold; padding-top: 15px;}
h4 {font-family: Arial, Helvetica, sans-serif; font-size: 135%; color: #1D2A60; font-weight: bold; padding-top: 0px; padding-bottom: 0px; line-height: 120%;}
.bold {font-weight: bold; color:#A22A22;}
.clear {clear: both;}

#images {float:left; margin-top: 10px; margin-bottom: 10px;  }

/* TABS */
#tabs {margin-top: 10px; width: 620px; float: left; margin-right: 10px; font-size: 90%;}
#tabs p {margin-bottom: 8px; margin-top: 0px; color:#666666; width: 400px; float:left; font-size: 95%; line-height: 120%;}
#tabs p.bluetext {font-size: 95%; color:#1D2A60; text-align: left; font-weight: bold;}
.ui-tabs-nav {margin: 0; padding: 0; border: 0; outline: 0; text-decoration: none;  list-style-type: none; float: left; position: relative; z-index: 1; font-weight: normal; }
.ui-tabs-nav ul {margin: 0; padding: 0; border: 0; outline: 0; text-decoration: none;  list-style-type: none; margin-left: 0px;}
.ui-tabs-nav li {margin: 0; padding: 0; border: 0; outline: 0; list-style-type: none; float: left; background: url(imgs/tab_bg.gif) #1D2A60 repeat-x; }	
.ui-tabs-nav li a {margin: 0; padding: 0; border: 0; outline: 0; text-decoration: none; list-style-type: none; float: left; text-decoration: none; padding: 10px 10px; color: #ffffff;  width:182px; text-align:center; height: 20px; line-height: 160%;}
.ui-tabs-nav li a:hover {background: url(imgs/tab_hover.gif) #007DBA repeat-x; color: #ffffff; list-style-type: none; padding: 10px 10px; line-height: 160%;}
.ui-tabs-nav li.ui-tabs-selected {list-style-type: none; line-height: 160%;}
.ui-tabs-nav li.ui-tabs-selected a, .ui-tabs-nav li.ui-tabs-selected a:hover {background-color: #fff; color:#034F8B; list-style-type: none; line-height: 180%;}
div#tabs ul.ui-tabs-nav li  {margin-right:7px; line-height: 160%;}

.ui-tabs-panel {margin: 0; padding: 0; border: 0; outline: 0; text-decoration: none; list-style: none; clear:left;  background: #fff ; color: #fff; height: 210px; min-height: 210px;  padding: 18px 20px 18px 20px; }
.ui-tabs-hide {display: none;}



.tabimg { float: left; width: 270px; height: 150px; background-image: url(imgs/emailpic.gif); background-repeat: no-repeat; background-position: 0px 15px; margin-left: 15px;}
.tabimg p { padding-top: 45px; padding-left: 78px; color: #FFF;}
.tabimg1 { float: left; width: 280px; height: 150px; background-image: url(imgs/textpic.gif); background-repeat: no-repeat; background-position: 20px 15px; }
.tabimg1 p { padding-top: 45px; padding-left: 85px;   color: #FFF; }
.tabimg2 {float: left; width: 150px; height: 150px; margin-right: 25px; margin-left: 5px; margin-bottom: 50px; }



div#tabs ul.ui-tabs-nav li.nomargin  {margin-right: 0px; line-height: 120%;}


#footerimg {clear: both; background-image: url(imgs/footer_img.gif);background-repeat: repeat-x;width: 100%;margin: 0;padding: 0; height: 300px;background-color: #1a181d;}
#footer {width: 960px; clear:both; margin: 0 auto; position: relative; margin-top: 10px; padding: 0px;}
#footer p {text-align: left; font-size: 75%; color: #fff; padding-top:20px; line-height: 130%;}
.footerright {clear:both;float:right; text-align: right; font-size: 70%; width: 130px; color: #fff; margin-top: -35px; }

#face {list-style-type: none;}
#face a {display: block; height: 24px; color:#fff; text-decoration:none; overflow: hidden; border: none;text-align:center; } 
#face a.facebook{width: 120px; background:transparent url(imgs/facebook.png); background-repeat: no-repeat; background-position: bottom center; border: none; text-align:center;} 
#face a:hover.facebook{ background:transparent url(imgs/facebook_over.png); background-repeat: no-repeat; background-position: bottom center; border: none; text-align:center;} 






/* CSS Document */