﻿/**************************************************************************************************************
 * US Logics CSS Template for HBFL Architects
 * Created by Tom Cimino
 * 2/22/2010
 **************************************************************************************************************/

/**************************************************************************************************************
 * Globals
 **************************************************************************************************************/
.imgBorder { border:solid 1px #fff;}
.padLeft { padding-left:5px;}
.mainback { background-color:#b7b7b7;}
.goback {color:white; font-family:arial; font-size:12px;}

/**************************************************************************************************************
 * Body
 **************************************************************************************************************/
body { background-color:#cccccc;}
.mainPage { width:1008px; text-align:center;}
.fulljust { text-align:justify;}
.tagLine { text-align:center; font-family:arial; font-size:12pt; font-weight:bold; color:Black;}
.rotImage { border:1px; border-color:White; border-style:solid;}
.boldstart { font-family:arial; font-size:11pt; font-weight:bold; text-decoration:none; color:black;}
.regstart { font-family:arial; font-size:11pt; text-decoration:none; color:black; line-height:1.25;}
.list { font-family:arial; font-size:10pt; text-decoration:none; color:black; text-align:left;}
ul { font-family:arial; font-size:10pt; text-decoration:none; color:black; text-align:left; line-height:14px;}
.para4 { line-height:12px;}
.para1 { line-height:6px;}
.tagline { font-family:arial; font-size:12px;}
.panelTitle { font-size:11px; font-family:arial;}
.awardImage { vertical-align:top;}
.awardAward { vertical-align:top; padding-left:10px;}
.webusercontrolrows { color:black; font-family:arial; font-size:12px; text-align:left;}
.portfolioaward { vertical-align:top; font-family:arial; font-size:16px; font-weight:bold; color:navy; text-align:center;}
.imageswp { vertical-align:top; font-family:arial; font-size:16px; font-weight:bold; padding-left:10px; color:navy; text-align:center;}
.imagespw { vertical-align:top; font-family:arial; font-size:11px; font-weight:bold; padding-left:10px; color:navy; text-align:center;}
.surround { border:0px; border-style:solid; border-color:White;}

/**************************************************************************************************************
 * Portfolio
 **************************************************************************************************************/
.maxImage { max-width:260px;}

/**************************************************************************************************************
 * Portfolio Level 2
 **************************************************************************************************************/
.resize { max-width: 500px; border:solid 1px #fff;}

/**************************************************************************************************************
 * Links
 **************************************************************************************************************/
.nav { font-family:Arial; font-size:12pt; color:#000; font-weight:bold;}
a:link.nav { font-family:Arial; font-size:12pt; color:#000; padding:4px;}
a:visited.nav { font-family:Arial; font-size:12pt; color:#000; padding:4px;}
a:hover.nav { font-family:Arial; font-size:12pt; color:#fff; padding:4px;}
a:current.nav { font-family:Arial; font-size:12pt; color:#eee; padding:4px;}

.copyright { font-family:Arial; font-size:10pt; color:#000; text-decoration:none;}
a:link.copyright { font-family:Arial; font-size:10pt; color:#000; text-decoration:none;}
a:visited.copyright { font-family:Arial; font-size:10pt; color:#000; text-decoration:none;}
a:hover.copyright { font-family:Arial; font-size:10pt; color:#fff; text-decoration:none;}

.leftbar { font-family:Arial; font-size:12pt; color:#000; text-decoration:none;}
a:link.leftbar { font-family:Arial; font-size:12pt; color:#000; text-decoration:none;}
a:visited.leftbar { font-family:Arial; font-size:12pt; color:#000; text-decoration:none;}
a:hover.leftbar { font-family:Arial; font-size:12pt; color:#fff; text-decoration:none;}

.uslTag { font-family:Arial; font-size:8pt; color:#000; text-decoration:none;}
a:link.uslTag { font-family:Arial; font-size:8pt; color:#000; text-decoration:none;}
a:visited.uslTag { font-family:Arial; font-size:8pt; color:#000; text-decoration:none;}
a:hover.uslTag { font-family:Arial; font-size:8pt; color:#0d01fb; text-decoration:none;}

/**************************************************************************************************************
 * Contacts Form
 **************************************************************************************************************/
.biz { font-family:Arial; font-size:12pt; color:#000; font-weight:bold;}
#map { width: 500px; height: 500px; float: left;}
#demo_explanation { border-right: 1px solid #000; float: left; width: 450px; margin-right: 5px; padding-right: 5px; font-size: .9em;}
iframe { background-color: #DDD; border: 0; margin-left: 20px; font-size: .9em;}
#custom_info_window_blue { width: 400px;}
#custom_info_window_blue_contents { background-color: #FFF;}
#custom_info_window_blue_tl { width: 16px; height: 16px; background: url('images/blue_tl.png') top left no-repeat transparent;}
#custom_info_window_blue_t { background: url('images/blue_t.png') top left repeat-x transparent;}
#custom_info_window_blue_tr { width: 16px; height: 16px; background: url('images/blue_tr.png') top left no-repeat transparent;}
#custom_info_window_blue_l { width: 3px; background: url('images/blue_l.png') top left repeat-y transparent;}
#custom_info_window_blue_r { width: 3px; background: url('images/blue_r.png') top right repeat-y transparent;}
#custom_info_window_blue_bl { width: 16px; height: 16px; background: url('images/blue_bl.png') top left no-repeat transparent;}
#custom_info_window_blue_b { background: url('images/blue_b.png') top left repeat-x transparent;}
#custom_info_window_blue_br { width: 16px; height: 16px; background: url('images/blue_br.png') top left no-repeat transparent;}
#custom_info_window_blue_close { width: 21px; height: 21px; background: url('images/blue_close.png') top left no-repeat transparent; cursor: pointer;}
#custom_info_window_blue_beak { width: 28px; height: 38px; background: url('images/blue_beak.png') top left no-repeat transparent;}
#custom_info_window_blue_contents .section1 { margin: 0; padding: 0;}
#custom_info_window_blue_contents .section2 { margin: 0; padding: 0; background-color: #FFDFDF; border-bottom: dotted 1px #900; border-top: dotted 1px #900;}
#custom_info_window_blue_contents p { margin: 1px 0; padding: 5px;}
#custom_info_window_blue_contents .title { font-size: 18px; font-weight: bold; color: #FFF; background-color: #900;}
#mapBorder { border:solid 1px #000}

