/* for popups */
/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }
h1 	{font-size: 32px; font-weight: normal;  margin-bottom: 5px; font-family: Times New Roman, Times, serif;}
h2 	{font-size: 20px; font-weight: normal;  margin-bottom: 5px; font-family: Arial, Helvetica, sans-serif;}
h3 	{font-size: 18px; font-weight: normal;  margin-bottom: 3px; font-family: Arial, Helvetica, sans-serif; color:#3E6394; }
h4 	{font-size: 14px; font-weight:normal; font-style: italic;  margin-bottom: 0px; font-family: Arial, Helvetica, sans-serif; color: #464748;}
h5 	{font-size: 12px; font-weight: bold;  margin-bottom: 0px; font-family: Arial, Helvetica, sans-serif;}

a_blue:link{color: #ffff00; text-decoration: none;}
.bold_blue	{margin-bottom: 12px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; line-height: 17px; color: #3E6394;}
.bold_text	{font-weight: bold;}
.normal_text	{font-weight: normal;}
.underline {text-decoration:underline;}
P, ol, ul	{margin-bottom: 12px; margin-top: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; line-height: 19px; color: #3E6394; }
.red	{color: red;}
li	{margin-bottom: 8px;}
.italic	{font-style: italic;}
.centered	{text-align: center;}
.small_text	{font-size: 10px; line-height: 12px;}
a:link {color: #221A6A; text-decoration: none; font-weight: bold;}
a:visited {color:  #221A6A; text-decoration: none; font-weight: bold;}
a:hover {color: #3E6394; text-decoration: none;font-weight: bold; }
a:active {color: #221A6A;font-weight: bold;}
img.float_right	{clear: right; float: right; padding: 0 0 10px 10px;}
img.float_left	{clear: left; float: left; padding: 0 10px 10px 0; }
.both	{clear: both;}
.p_float_left	{float: left; padding: 0; width: 500px; }
hr	{margin-bottom: 10px; color: #3E6394; background-color: #68ABD2;padding: 0; }
table.pr_table td	{font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; line-height: 17px; color: #3E6394;}

.green	{color: #82AB40;}
.brown	{color: #6B5331;}
.salmon	{color: #EE6C40;}
.blue	{color: #3E6394;}
.purple	{color: #221A6A;}
.black	{color: #000;}
.white	{color: #fff;}


#container_state	{width: 800px; margin:0 auto; padding: 0px; position: relative; top: 10px;}

/* hidden navigation in case search engine generates link */
#hidden_nav	{position: relative; top: 0; left:0; width: 800px; height: 120px; margin: 0; padding: 0; font-size: 10px; background-color: #fff; }

#main_nav	{position: absolute; top: 89px; right: 0px; width: 620px; height: 20px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; margin: 0; padding: 0 0 10px 0; text-align: right; }
#main_nav ul, #main_nav li	{display: inline; padding-right: 3px;font-size: 10px; }
#main_nav a:link { color: #3E6394; text-decoration: none;}
#main_nav a:visited {color: #3E6394; text-decoration: none;}
#main_nav a:hover {color: #68ABD2; border-bottom: 2px solid #68ABD2; }
#main_nav a:active {color: #3E6394; text-decoration: none;}
#main_nav ul li a.here	{color: #68ABD2; border-bottom: 2px solid #68ABD2; }

#top_nav	{position: absolute; top: 15px; right: 00px; width:400px; height: 30px; font-family: Times New Roman, Times, serif; font-size: 14px; text-align: right;}
#top_nav img	{vertical-align: middle;}
#top_nav ul, #top_nav li	{display: inline; padding-right: 5px; font-size: 10px;}
#top_nav a:link { text-decoration: none;}
#top_nav a:visited {text-decoration: none;}
#top_nav a:hover {color: #68ABD2; border-bottom: 2px solid #68ABD2;}
#top_nav a:active {text-decoration: none;}
#haven_logo	{position: relative; top: 27px; left: 0px;  width: 180px;  margin: 0; padding:0;}
#search_haven	{position: absolute; top: 21px; right: 160px;  height: 25px; vertical-align: baseline; font-family: Georgia, Georgia, serif; font-size: 12px; text-align: right;}
#search_haven input	{text-align: center; font-size: 10px;}
input#query	{text-align: left;}


#state_info	{width: 500px; padding:10px 100px 10px 100px;}
#state_banner	{position: relative; width: 800px; height: 50px; background-image: url(../gfx/h_coll_ban_bkgr.jpg); background-repeat: repeat-x; color: #fff;}
#state_banner h2	{font-size: 30px; padding: 7px 0 0 20px; margin: 0;}
div.info_block	{clear: both; width: 100%; }
img.icon	{padding-right: 20px; height:16px; width: 16px; vertical-align: baseline; }
#popup_info	{width: 700px; padding:20px }
#popup_banner	{position: relative; width: 800px; height: 50px; background-image: url(../gfx/h_coll_ban_bkgr.jpg); background-repeat: repeat-x; color: #fff;}
#popup_banner h2	{font-size: 30px; padding: 7px 0 0 20px; }

#popup_banner_2	{position: relative; width: 800px; height: 50px; background-image: url(../gfx/h_coll_ban_bkgr.jpg); background-repeat: repeat-x; color: #fff;}
#popup_banner_2 h2	{font-size: 28px; padding: 9px 0 0 10px; font-family: "Times New Roman", Times, serif; }


#partner_architects_logo, #vendor_logo 	{float: right; width: 200px;}
#partner_architects_text, #vendor_company_text	{position: relative; width: 480px;}
#partner_architects_logo_work	{position: relative; width: 316px;}
#partner_architects_text_work	{position: absolute; top: 0px; left: 340px; width: 400px;}

#popup_info_2 {width: 800px; padding:10px;}
#new_world_home_logo {position: relative; top: 0px; left: 0px; width: 467px;}
#new_world_home_text {position: absolute; top: 0px; left: 480px; width: 300px;}
#new_world_home_text P {margin-bottom: 6px; margin-top: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; line-height: 16px; color: #3E6394;}

#rightframe {position: relative; width: 800px;}
#workshop {position: relative; width: 800px;}
.work_text {font-size: 18px; font-weight: normal;  margin-bottom: 3px; font-family: Arial, Helvetica, sans-serif; color:#3E6394;}
#partner_architects_logo_right {position: relative; width: 218px; left: 500px;}

#versaci	{position: relative; width: 700px;}
#versaci_bottom {position: absolute; top: 280px; left: 128px; width: 448px;}
.caption_left	{font-size: 9px; clear: left; float: left;display: block; width: 300px; font-family: Arial, Helvetica, sans-serif; padding: 0px 10px 10px 0; text-align: center;}
.caption_right	{font-size: 9px; clear: right; float: right; display: block; width: 300px; font-family:Arial, Helvetica, sans-serif; text-align: right; padding: 0px 0 10px 10px; text-align: center;}

#print_ajax	{position: absolute; top: 5px;right: 15px; width: 16px; height: 16px; }

/*##### VENDORS #####*/
body.vendor	{background-color: #fff;}
#container_vendor	{position: relative; margin: 10px auto; width: 760px;}
#s3slider	{position: relative; width: 600px; height: 360px; max-height: 360px; overflow: hidden; padding: 0 80px;}

#vendor_box_row	{position: relative; width: 600px; padding: 0 80px;}
#vendor_box1	{position: relative; top: 15px; width: 190px; margin: 0;}
#vendor_box1 img	{padding-bottom: 15px;}
#vendor_box2	{position: absolute; top: 15px; left:285px; margin: 0; width: 190px;}
#vendor_box2 img	{padding-bottom: 15px;}
#vendor_box3	{position: absolute; top: 15px; left: 490px; margin: 0; width: 190px;}
#vendor_box3 img	{padding-bottom: 15px;}

#vendor_text	{position: relative; top : 10px; left: 80px; width: 600px; padding-bottom: 40px;}
/*##### SLIDER STYLES #####*/
#s3slider {
   width: 600px; /* important to be same as image width */
   height: 360px; /* important to be same as image height */
   position: relative; left: 80px; /* important */
   overflow: hidden; /* important */
   position: relative; padding:0px; margin: 0;
  }


#s3sliderContent {
   width: 600px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0;  /* important */
   margin: 0; /* important */
   padding: 0;
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 14px/15px Arial, Helvetica, sans-serif;
   font-weight: bold;
   padding: 10px 15px;
   width: 570px;
   background-color: #000;
   filter: alpha(opacity=60); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   top: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
} 

#partner_architects_mckelvie_1 {float: right; width: 200px; top: 300px;}
#partner_architects_mckelvie_2	{float: right; width: 200px; top: 470px;}
#partner_architects_mckelvie_3 {float: right; width: 200px; top: 640px;}
#partner_architects_mckelvie_4	{float: right; width: 200px; top: 810px;}