* {
    margin: 0px;
    padding: 0px;
    border: 0px;
}

html, body {
    height: 100%;
    background: url(/images/background.jpg) repeat-x #597DB9;

}

h1, h2 {
    color: #DE2834;
    font-weight: bold;
    font-size: 1.3em;
    margin: 0px 0px 5px 0px;
/*    height: 1%;*/
}

h3 {
    color: #000;
    font-weight: bold;
    font-size: 1.1em;
    margin: 0px 0px 5px 0px;
    height: 1%;
}

#pageWrapper {
    font-family: Lucida Grande, Arial;
    color: #000;
    font-size: 12px;
    margin: 0px auto;
    padding: 0px 10px;
    min-height: 100%;
    line-height: 1.4em;
    width: 975px;
}

#header {
    height: 180px;
    background: url(/images/tagline.gif) right bottom no-repeat;
}

#header img {
    padding-top: 57px;
    background: url(/images/background.jpg) repeat-x #597DB9;
}

#leftColumn {
    width: 160px;
    float: left;
    padding-right: 15px;
    padding-bottom: 25px;
}

  #leftColumn ul {
      list-style: none;
      margin-bottom: 10px;
      font-weight: bold;
/*      line-height: 1em;*/
      font-size: 0.9em;
      text-align: center;
      width: 150px;

  }
  
  #leftColumn li {
      display: block;
      padding: 0px;
      background: url(/images/button.gif) 50% 50% no-repeat;
      width: 150px;
  }
  
  #leftColumn li small {
      display: block;
  }
  
  #leftColumn li a {
      text-decoration: none;
      height: 1%;
      display: block;
/*      padding: 13px 0px;*/
padding-top: 12px;
height: 28px;
      color: #333;
  }
  

    #leftColumn li a.smaller {
  padding-top: 3px;
  height: 35px;
    }
  
      #leftColumn li a:hover {
          text-decoration: underline;
          color: #000;
      }
  
  #leftColumn img,
  #leftColumn p {
      margin-top: 5px;
     font-size: 0.9em;
  }

#content {
    padding-bottom: 25px;
    float: left;
    width: 800px;
    margin-left: 0px;
}

    #content #leasing {
        float: left;
/*        height: 125px;*/
        width: 430px;
    }

        #content #leasing ul {
            list-style: none;
            font-size: 0.9em;
        }

        #content #leasing ul li {
            float: left;
            padding: 1px 8px 1px 15px;
            background: url(/images/dot.gif) no-repeat 0% 50%;
            white-space: nowrap;
        }

    #content #services {
        width: 340px;
        float: left;
        border-left: 2px solid #333;
        padding-left: 15px;
    }
    
    #content #services p,
    #content #leasing p {
        margin-bottom: 10px;
    }

        #content #services ul {
            list-style: none;
        }

        #content #services ul li {
            float: left;
            padding: 2px 0px 2px 15px;
            width: 155px;
            background: url(/images/dot.gif) no-repeat 0% 50%;
/*            white-space: nowrap;*/
        }

    #content #tablets {
        padding-top: 40px;
        clear: left;
    }
    
        #content #tablets .tablet {
            background: url(/images/tablet.gif);
            width: 130px;
            height: 210px;
            padding: 8px;
            overflow: hidden;
            display: block;
            text-decoration: none;
            color: #333;
            float: left;
            margin: 0px 12px 12px 0px;
            -webkit-box-shadow: 1px 2px 3px #5F729C;
            -webkit-border-radius: 11px;
        }
        
            #content #tablets .tablet:hover {
                -webkit-box-shadow: 1px 2px 3px #000;
                -webkit-border-radius: 11px;
            }
    
            #content #tablets .tablet p {
                font-size: 0.8em;
                text-align: center;
                height: 45px;
                overflow: hidden;
            }
    
            #content #tablets .tablet h4 {
                font-size: 1.1em;
                font-weight: bold;
            }
    
                #content #tablets .tablet h4 strong {
                    font-size: 1.2em;
                    display: block;
                    font-weight: bold;
                }
    
                #content #tablets .tablet h4 span {
                    display: block;
                    font-size: 1.6em;
                    font-weight: bold;
                    color: #DE2834;
                    text-align: right;
                }
                
            #content #tablets .tablet img {
                margin: 4px 0px;
            }
            
        #content #tablets .tablet-tall {
            background: url(/images/tall_tablet.gif);
            margin-top: -20px;
            padding: 28px 8px 8px 8px;
        }
        
            #content #tablets .tablet-tall h4 span {
                color: #FFF;
            }

#footer {
    clear: both;
    margin: 0px 30px;
    border-top: 2px solid #FFF;
    color: #FFF;
    font-size: 0.8em;
    padding-top: 5px;
    text-shadow: 2px 2px 1px #293644;
    margin-bottom: 10px;
}

#footer a{
    color: #FFFFFF;
    text-decoration: none;
}

#footer #copy {
    float: right;
}

#footer strong {
    font-weight: normal;
    color: #ED6A2A;
}

/* contact form */
#contact form {
	float: left;
	width: 100%;
	background: #FFF;
	padding: 10px 0px 15px 0px;
	margin-bottom: 20px;
}

div.formBlock {
	padding: 10px 20px;
	background: url(/images/fadeToGray.gif) repeat-x bottom 0px #efefef;
	margin-bottom: 5px;
}

div.formBlock p {
	margin: 8px 0;
	padding: 0;
	line-height: 16px;
  clear: left;
}

div.formBlock label {
	float: left;
	width: 80px;
	height: 15px;
	padding: 3px;
	margin-right: 10px;
	font-weight: bold;
	text-align: right;
	overflow: hidden;
}

#contact h3 {
/*    background: #FFF;*/
    padding: 10px 20px;
    border-bottom: 2px solid #999;
    margin-bottom: 0px;
}

div.formBlock .static {
	float: left;
	width: 140px;
	background: #E5E5E5;
	background: #C3E0FC;
	padding: 3px 10px;
	margin-right: 10px;
	overflow: hidden;
	font-weight: bold;
	color: #555;
	border: none;
}

div.formBlock .yours {
	background: #C3E0FC;
	padding: 3px 4px;
	font-weight: bold;
	color: #555;
}


div.formBlock label.text {
    display: block;
	width: auto;
	padding-bottom: 1px;
	text-align: left;
	float: none;
}

.required, 
.errors li a {
	background: url(/images/icons/exclamation.png) 2px 50% no-repeat #FFC3C6;
	padding: 4px;
	padding-left: 20px;
	font-weight: bold;
	color: #333;
}

.errors li {
	padding: 0px;
	margin: 0px;
}

.errors ul {
	margin: 0px;
	padding: 0px;
}

.errors li a
{
	display: block;
	background-position: 2px 4px;
	margin-bottom: 2px;
	padding-top: 5px;
	background-color: #efefef;
}

.errors li em a
{
	background: none;
	display: inline;
	padding: 0px;
}

.errors li em
{
	display: block;
	padding: 3px;
	margin-bottom: 2px;
}

.errors li a:hover {
	text-decoration: none;
	background-color: #e5e5e5;
}

p.undertext {
	margin-top: 15px;
}

label.required {
	background-image: none;
}


div.formBlock input {
	height: 16px;
	border: 1px solid #CCC;
	padding: 2px;
	margin: 0px;
}

div.formBlock input.check {
	height: auto;
	padding: auto;
	float: none;
}

div.formBlockLong label {
/*	width: 140px;*/
}

#infoBox, #moreInfo {
	background: url(/images/icons/info.png) 6px 50% no-repeat #C8E9FF;
	padding: 8px 6px 6px 30px;
	display: block;
	font-weight: bold;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

#moreInfo {
  background: url(/images/icons/save.png) 6px 50% no-repeat #c1d4a3;
	
}

a.tab {
	background: url(/images/tab.gif) repeat-x #d1d2cf;
	border: 1px solid #777;
/*	border-bottom: none;*/
	padding: 3px 7px;
	color: #333;
	font-weight: bold;
	margin-top: 0px;
	font-size: 10px;
	display: block;
	float: right;
	width: 55px;
	text-align: center;
	cursor: pointer;
  margin-top: -2px;
/*	safari goodness*/
	font-family: lucida grande; 
	text-shadow: 1px 2px 3px #FFF;
	-webkit-border-radius: 2px;
	-moz-border-radius: 5px;
	-webkit-box-shadow: 0px 1px 2px #666;
}

h3 span.required {
    margin-top: -2px;
    margin-right: 8px;
}

textarea {
  width: 100%;
  height: 80px;
  max-width: 100%;
  border: 1px solid #777;
  outline: none;
  padding: 3px;
}

a.tab span {
	background: url(/images/icons/down.png) top right no-repeat;
	display: block;
	float: right;
	width: 11px;
}

.faq a {
	color: #2E579E;
	font-weight: bold;
}

a.tab:hover {
	text-decoration: none;
	background-image: url(/images/tab_over.gif);
}

/* @group Buttons */

/* @group Button Base */

.button {
	font-family: lucida grande, verdana;
	font-weight: bold;
	color: #3B5799;
	text-shadow: #CCC 2px 2px 2px;
	text-decoration: none;
	background: #efefef no-repeat 5px 4px;
	padding: 5px 8px 4px 8px;
	border: 1px solid #CCC;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-box-shadow: #666 3px 1px 2px;	
	margin-right: 15px;
}

.button:hover {
		color: #293F73;
		border-color: #AAA;
		background-color: #e5e5e5;
		text-decoration: none;
}

.addButton {
	background-image: url(/images/icons/add.png);
	padding-left: 24px;
}

.saveButton {
	background-image: url(/images/icons/save.png);
	padding-left: 24px;
}
