@charset "utf-8";

* { margin:0; padding:0; }
body { font-family:Calibri, Arial; font-size:12pt; font-weight:lighter;}
a, .phone { color:#000; text-decoration:none; }
#wrap { width:950px; padding:75px; vertical-align: middle; }

#container {
	margin-top:75px;
	margin-left: auto;
	margin-right:auto;
	text-align:center;
	left:50%;
	top:50%;
	width:960px;
}

.center { width:960px; margin-left:auto; margin-right:auto; }

#main-container div.contact { text-align:center; margin-top:15px; letter-spacing:.6pt; }
#main-container div.contact div { width:33%; float:left;}
#main-container div.contact span { font-variant:small-caps; font-size:12pt; }
#main-container div.contact span.email { font-size:16pt; }
#main-container div.contact span.phone { font-size:11pt; }

#content p{ line-height:1.5; }
#content h2 { font-weight:normal; padding-bottom:20px; font-variant:small-caps; font-size:16pt;}

#copyright { margin-top:25px; font-size:9pt; text-align:center; color:#666;}

#header img { float:left; padding-right:20px; }
hr { border:.5px solid #000000; height:1px; color:#000000; }
hr.top { margin-bottom:15px; }
hr.bottom { margin-top:15px; }

h3 { font-size:25px; font-weight:lighter; margin-top:0; font-family:Calibri, Arial; cursor:default; }

.title { font-family:Calibri, Arial; cursor:default; font-variant:small-caps; font-weight:lighter; }
h2.top { font-size:24pt; font-weight:lighter; letter-spacing:1.8pt; }
h3.bottom { font-size:16pt; font-weight:lighter; letter-spacing:.4pt; }

ul.bullets { padding-left:35px; margin-left:35px; }
ul.bullets li { list-style:square; padding-bottom:2px; font-size:11pt; }

#bottom-navigation { text-align:center; margin-top:5px; letter-spacing:3pt; font-variant:small-caps;}

#bottom-navigation ul {
	list-style:none;
	display:inline;
	list-style-type:none;
}

#bottom-navigation ul li {
	list-style:none;
	display:inline;
	list-style-type:none;
	width:100px;
	padding-right:20px;
}

#bottom-navigation ul li a {
	text-decoration:none;
	color:#000000;
	font-family:Calibri, Arial;
}

input[type=text], textarea { font-family:Tahoma, Helvetica, sans-serif; font-size:12px; padding:2px;}
form p{
width: 300px;
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%;
}

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

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

form textarea{
width: 250px;
height: 150px;
}

/*.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;
}

.fake { display:none; }
p.error { color:#CC0000; padding-bottom:10px; }

.quadrant-msg { border:1px #000 solid; background-color:#CCCCCC; }