@import url("compressed.css");

/* 
  BLUEPRINT CSS
   * Filename:        compressed.css
   * Version:         0.7.1 (2008-02-25) YYYY-MM-DD
   * Website:         http://code.google.com/p/blueprintcss/
   
   Generated by:
    * Blueprint CSS Grid Generator (2010-01-19) [http://bgg.kematzy.com/]
    
  == STRUCTURE: ========================
   * Page width:            984 px
   * Number of columns:     32
   * Column width:          23 px
   * Margin width:          8 px
  ======================================
   
*/


body{background:#000 url(/images/bg.png) top repeat-x; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}

/*************** Wrapper/Container Elements ***************/
#topwrapper{background:url(/images/bg-top.png) center no-repeat; display:block; height:58px;}
#outercontainer{background:url(/images/bg-shadow.png) center repeat-y; display:block;}
#maincontainer{}
#contentcontainer{}
.innercontainer{background:#FFF; margin:0 7px; display:inner-block; position:relative;}

/*************** Text Elements ***************/
h1,h2,h3,h4,h5,h6{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

/*************** Custom Elements ***************/
/* Header Element Positioning */
#logo{padding-top:20px; padding-bottom:20px; padding-left:32px;}
#contact{ float:right; padding-right:23px;}

/* Banner Styles */
#banner{text-align:center; border:#c3c3c3 solid; border-width:1px 0 1px 0; background:#FFF;}
#banner img.bannerimg{margin:7px 0;}

/* Content Column */
#contentcolumn{ margin-right:58px;}
#contentcolumn h1{ color:#127fd5; font-size:22px; margin-bottom:0;}
#contentcolumn h2{ color:#666666; font-size:16px; margin-top:0;}
#contentcolumn h3.address{ color:#cccccc; font-size:16px; text-transform:uppercase;}

#contentcolumn a{color:#f26529; text-decoration:none;}
#contentcolumn a:hover{text-decoration:underline;}
#contentcolumn ul{list-style:inside;}
#contentcolumn ul li{}

#contentcolumn .map{ float:left;}
#contentcolumn .map iframe{ border:1px solid #c3c3c3}
#contentcolumn .mapaddress{ margin-left:325px;}
#contentcolumn .mapaddress b{ font-size:120%;}

/* Left Column */
#leftcolumn{}
#leftcolumn p{color:#127fd5;}
#leftcolumn a{color:#F60; text-decoration:none;}
#leftcolumn a:hover{text-decoration:underline;}

#leftcolumn h1{
	font-size:18px; color:#127fd5;
	text-transform:uppercase;
	margin:12px 10px;
	}
#leftcolumn .leftcontent{
	border-top:#f68324 6px solid;
	margin-top:12px;
	margin-left:12px;
	margin-right:48px;
}
#leftcolumn .leftcontent span{
	display:block;
	margin:0 10px;
	padding:68px 58px 40px 34px;
}
/* Left Column Background Styles */ 
#leftcolumn .leftcontent span.feature{
	background:#f3f3f3 url(/images/bg-content-feature.gif) top left no-repeat;
}
#leftcolumn .leftcontent span.other{
	background:#f3f3f3 url(/images/bg-content-other.gif) top left no-repeat;
}

/* Footer */
#footer{ padding:0 25px; padding-top:75px;}
#footer .logo{float:right;}


#footer #footernav{
	background:#cccccc; padding:10px;
}
#footer #footernav a{ color:#666666; text-transform:uppercase; font-size:11px; text-decoration:underline;}
#footer #footernav a:hover{color:#333333;}

#orange-footer{ background:#f68324; padding:10px; color:#FFF;}
#orange-footer a{text-decoration:none; color:#FFF;}
#orange-footer a:hover{color:#333;}

/* Form Styles */

.cssform p{
display:block;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
/*border-top: 1px dashed gray;*/
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -105px; /*width of left column*/
width: 100px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 275px;
}

.cssform textarea{
width: 275px;
height: 150px;
}

.cssform p.address{
display:block;
clear: left;
margin: 5px 0 15px 50px;
padding: 5px 0 8px 0;
height: 1%;
}

.cssform p.address span{
	float:left; margin-right:15px;
}

.cssform p.address label{
font-weight: bold;
margin-left: 0;
float:none;
width: 100px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform p.address input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
clear:left;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

.formbutton{
cursor:pointer;
border:solid 1px #0092e7;
color:#FFF;
font-weight:bold;
padding: 1px 2px;
background:url(/images/bg-submit.gif) repeat-x left top;
}

.formbutton:hover{
	color:#000;
	
}