﻿/* html */

body
{
	margin: 0;
	padding: 0;
	background: #ffffff url(Graphics/bgBody.gif) repeat-x;
	font-family: georgia, Times New Roman, arial;
	border-bottom: 40px solid #080808;
}

h1, h2, h3, h4, h5, h6 
{
	font-weight: normal;
	margin: 0;
padding: 0;
}

h1 {
font-size: 30px;

}

h2
{
	font-size: 20px;
	margin: 10px 0 15px 0;
}


h3 
{
color: #80180f;
font-size: 16px;
font-weight: bold;
}

h5 {
font-family: helvetica, arial, sans-serif;
font-size: 13px;
font-color: #666666;
margin-top: 3px;

}


h6 {
text-transform: uppercase;
color: #333333;
font-size: 24px;
font-weight: normal;
}

ul, li, a { margin: 0; padding: 0;
}

li {
margin-bottom: 15px;
list-style:none;

}


a {
color: #811917;
text-decoration: none;
font-weight: bold;
}

a:hover {
color: #333333;
text-decoration: none;
font-weight: bold;
}


.phone {
font-size: 29px;
font-family: Georgia, "Times New Roman", Times, serif;
}

.uppercase {
text-transform: uppercase;
font-size: 0.90em;
}

.red {
color: #80180f;
}

.text_center {
text-align: center;
font-size: 27px;
}

#callout1 {
color: #333333;
font-size: 20px;
font-weight: bold;
font-family: Georgia, "Times New Roman", Times, serif;
padding: 0;
margin: 0 0 0px 0;
position: absolute;
left: 65px;
top: -34px;
}


#callout2 {
color: #333333;
font-size: 20px;
font-weight: bold;
font-family: Georgia, "Times New Roman", Times, serif;
padding: 0;
margin: 0 005px 0;
position: absolute;
left: 65px;
top: -34px;
}

#callout1 p {
margin: 0;
padding: 0;
}


#callout2 p {
margin: 0;
padding: 0;
}


/* IDs */

#header
{
	width: 970px;
	height: 260px;
	margin: 0px auto;
	position: relative;
}

#navigation {
position: absolute;
width: 400px;
top: 45px;
left: 650px;
}

#navigation ul {
}

#navigation ul li {
list-style::none;
float: left;
background: url(Graphics/bgNavigation.gif) no-repeat right; 
padding: 0 20px 0 0;
margin: 0 10px 0 0;
}

#navigation a {
text-decoration: none;
color: #CCCCCC;
text-transform: uppercase;

}


#navigation a:hover {
text-decoration: none;
color: #ffffff;
text-transform: uppercase;

}

#navigation a:active {
color: #ffffff;
}



#logo
{
width: 300px;
height: 87px;
top: 115px;
left: 0;
position: absolute;
background: url(Graphics/graphicLogo.gif) no-repeat;
}

#logo a
{
width: 300px;
height: 80px;
display: block;
}

#logo2 {
width: 350px;
height: 87px;
top: 135px;
left: 0;
position: absolute;
}

#logo2 a
{
width: 300px;
height: 80px;
display: block;
font-size: 40px;
color: #80180f;
}

#phone
{
position: absolute;
left: 66px;
height: 55px;
top: 190px;
width: 200px;
font-family: "Times New Roman", Times, serif;
}

#banner {
width: 550px;
height: 140px;
position: absolute;
top: 90px;
left: 420px;
border: 1px solid #cccccc;
}

.banner1 {
background: url(../Images/picChicagoSkyline.gif) no-repeat;
width: 550px;
height: 140px;
}

.banner2 {
background: url(../Images/picWaterfall.jpg) no-repeat;
width: 550px;
height: 140px;
}

.banner3 {
background: url(../Images/picSailboat.jpg) no-repeat;
width: 550px;
height: 140px;
}


#container
{
	width: 970px;
	margin: 0px auto;
	position: relative;
}

#nav_content {
position: absolute;
top: 265px;
left: 0px;
width: 100%;
height: 29px;
}

#nav_content li{
list-style::none;
float: left;
background: url(Graphics/bgNavigation.gif) no-repeat right; 
padding: 0 15px 0 0;
margin: 0 10px 0 0;
}

#nav_content a {
text-decoration: none;
color: #CCCCCC;
text-transform: uppercase;
font-size: 11px;
}

#nav_content a:hover {
text-decoration: none;
color: #ffffff;
text-transform: uppercase;
}

#nav_content a:active {
color: #ffffff;
}

#nav_content a:active {
text-decoration: none;
color: #ffffff;
text-transform: uppercase;
}

/* Main Content Area */


#content
{
	border: 4px solid #efefef;
	padding: 10px;
	background: #ffffff;
	margin: 55px auto 20px auto;
	position: relative;
}

#main
{

	margin: 0 auto;
	width: 880px;
	position: relative;
}



#contentline
{
	border: 1px solid #dbdbdb;
	padding: 20px;
	position: relative;
	
	
	}
	
	/*
#graphicLines {
background: url(Graphics/graphicBridge.gif) no-repeat;
width: 890px;
height: 125px;
top: 0px;
left: 20px;
position: absolute;
z-index: 5;
}} */


#graphicLines {
background: url(Graphics/graphicBridge.gif) no-repeat;
width: 890px;
height: 125px;
top: 0px;
left: 20px;
position: absolute;
z-index: 5;
}


#graphicBridge {
width: 890px;
height: 125px;
background: url(Graphics/graphicBridge.gif) no-repeat 0 0px;
position: relative;
}

.table1 {
margin-top: 0px;
background: url(Graphics/graphicBridge.gif) no-repeat;
}

#left
{
	margin-right: 25px;
	width: 445px;
	background: #ffffff;
	float: left;
}


#right
{
	width: 370px;
	float: right;
	padding: 10px 15px 20px 20px;
	margin-left: 15px;

}

#right ul {
margin: 15px 0 15px 20px;
}

#right2 {
width: 350px;
}


#height 
{
	width: 2px;
	height: 180px;
}



#footer
{
	margin: 20px 0;
	text-align: center;
}

#footer p
{
	font-size: 12px;
}


/* Misc Classes */

.clear
{
	clear: both;
}

.float_left {
float: left;
margin: 0px 15px 10px 0;
}

.width1 {
width: 270px;
padding: 0 0px 20px 0;
}

.width2 {
width: 253px;
padding: 12px 35px 20px 45px;

}

.padding1 {
padding: 0 0 0 150px;
}

.address 
{
	font-family: Arial, Verdana, Helvetica 25 UltraLight, Sans-Serif;
	font-size: 12px;
}

.text_float_left {
float: left;
margin: 14px 1px 0px 0;
}
.text_big {
font-size: 35px;
}

.img_float_right {
float:right;
margin: 10px 0 15px 30px;
}

.box1_cap {
background:url(Graphics/bg_box1_cap.gif);
width: 370px;
height: 40px;
margin-top: 10px;
position: relative;
}

.box1 {
border-left: 1px solid #b8b8b8;
border-bottom: 1px solid #b8b8b8;
border-right: 1px solid #b8b8b8;
padding: 0px 20px;
margin-bottom: 10px;
position: relative;
}

.box1 p {
font-size: 12px;
font-family: helvetica, arial, sans-serif;
font-color: #666666;
margin: 0 0 15px 0;
padding: 10px 0 0 0;
}

.box2_cap {
background:url(Graphics/bg_box2_cap.gif);
width: 270px;
height: 40px;
margin-top: 0px;
position: relative;
}

.box2 {
border-left: 1px solid #b8b8b8;
border-bottom: 1px solid #b8b8b8;
border-right: 1px solid #b8b8b8;
padding: 0px 10px;
margin-bottom: 10px;
position: relative;
}

.box2 p {
font-size: 12px;
font-family: helvetica, arial, sans-serif;
font-color: #666666;
margin: 0 0 15px 0;
padding: 10px 0 0 0;
}

.box3_cap {
background:url(Graphics/bg_box3_cap.gif);
width: 270px;
height: 40px;
margin-top: 0px;
position: relative;
}

.arrow {
margin: 15px 0 0 0;
background: url(Graphics/btnArrow.gif) no-repeat left;
padding: 15px 0 20px 60px;
color: #333333;
font-weight: bold;
}

.arrow a:hover {
color: #811917;
font-weight: normal;
}

.arrow2 {
margin: 15px 0 0 0;
background: url(Graphics/btnArrow2.gif) no-repeat left;
padding: 15px 0 20px 60px;
color: #333333;
font-weight: normal;
}

.arrow2 a:hover {
color: #811917;
font-weight: normal;
}

.border1 {
border: 1px solid #cccccc;
}

ul.list1 {
width: 250px;
}

ul.list1 li {
border-bottom: 1px solid #cccccc;
font-size: 12px;
font-family: helvetica, arial, sans-serif;
font-color: #666666;
padding-bottom: 5px;
padding-left: 20px;
background: url(../Images/arrow_grey.gif) no-repeat left 1px;
text-decoration: none;
}

ul.list1 li a {
font-weight: normal;
font-size: 12px;
font-family: helvetica, arial, sans-serif;
font-color: #666666;
width: 300px;
}


ul.list2 {

}

ul.list2 li {
font-size: 12px;
font-family: helvetica, arial, sans-serif;
font-color: #666666;
padding-left: 20px;
background: url(../Images/arrow_grey.gif) no-repeat left 1px;

}

ul.list2 li a {
font-weight: normal;
font-size: 12px;
font-family: helvetica, arial, sans-serif;
font-color: #666666;
width: 300px;
}

.link1 a {
color: #333333;
font-size: 19px;
font-weight: bold;
}

.link1 a:hover {
color: #80180f;
font-size: 19px;
font-weight: bold;
}


