@charset "utf-8";
/* CSS Document */

* {margin:0}

* {padding:0}

body {
	background-color: #3452A2;
	background-image: url(images/bkg.png);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
}

html { 
 height: 100%; 
 margin-bottom: 1px; 
 }

 
#wrapper {
      margin: 0 auto;
      text-align: left;
      vertical-align: middle;
      width: 920px;
}

a img {border: none;}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 33px;
	font-style: normal;
	font-weight: normal;
	color: #1C3F95;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #1C3F95;
	margin-bottom: 5px;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: normal;
	color: #1C3F95;
	margin-bottom: 6px;
	font-variant: normal;
	text-align: center;
	}

a:link, a:visited {
	color: #000;
	text-decoration: underline;
}


a:hover {
	color: #1C3F95;
	text-decoration: underline;
}


#outer {
	width: 100%;
}

/*Header*/

#header {
	background-image: url(images/logo.png);
	background-repeat: no-repeat;
	background-position: left 62px;
	height: 133px;
	text-align: right;
}

.headerRight {
	text-align: right;
	width: 450px;
	float: right;
	margin-top: 0px;
}

.headerRight .phone {
	font-size: 30px;
	color: #1C3F95;
}

.headerRight .submission a:link, .headerRight .submission a:visited {
	font-size: 14px;
	text-decoration: none;
	color: #333;
	font-weight: normal;
}

.headerRight .submission a:hover {
	font-size: 14px;
	font-weight: normal;
	color: #1C3F95;
	text-decoration: underline;
}

#navigation {
	width: 445px;
	position: relative;
	top: 61px;
	left: 479px;
}


#middle {
	border: 1px solid #999;
	background-color: #FFF;
	padding: 40px;
	vertical-align: top;
}

#middleWrapper {
	width: 100%;
}

#content {
	padding-right: 30px;
	vertical-align: top;
}

#content ul {
	margin-left: 20px;
	list-style-position: outside;
	list-style-type: disc;
}

#content li {
	margin-bottom: 5px;
}

#content ul ul {
	margin-top: 5px;
	list-style-type: square;
}


.headline {
	margin-bottom: 20px;
}

.headline h1{
	margin-top: 15px;
	margin-bottom: 30px;
}

.tangramLarge {
	float: left;
	margin-right: 5px;
}

/*Sidebar*/

#sidebar {
	vertical-align: top;
	width: 225px;
}

#businessowner {
	margin-top: 30px;
	font-size: 14px;
	text-align: right;
	color: #1C3F95;
	font-weight: bold;
	margin-right: 20px;
}

#businessowner img {
	float: right;
	margin-left: 2px;
}

#sidebarBox {
	width: 218px;
	border-collapse:collapse;
	margin-top: 10px;
}

#sidebarBoxTop {
	background-image: url(images/sidebar_top.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 15px;
	width: 218px;
}

#sidebarBoxMiddle {
	width: 218px;
}

#sidebarBoxBottom {
	background-image: url(images/sidebar_bottom.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 16px;
	width: 218px;
}

#sidebarContent {
	background-color: #E5E5E5;
	background-image: url(images/sidebar_bkg.png);
	background-repeat: repeat-x;
	background-position: left top;
	border-right: 1px solid #999;
	border-left: 1px solid #999;
	padding-right: 5px;
	padding-left: 10px;
}

#sidebarContent h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #1C3F95;
	margin-bottom: 0px;
}

#sidebar h2 a:link, #sidebar h2 a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #1C3F95;
	text-decoration: underline;
}

#sidebar h2 a:hover {
	color: #484848;
}

#sidebarContent a:link, #sidebarContent a:visited {
	color: #000;
	text-decoration: underline;
}

#sidebarContent a:hover {
	color: #1C3F95;
	text-decoration: underline;
}


#sidebarContent ul {
	margin-left: 15px;
	list-style-position: outside;
	list-style-type: disc;
}

#sidebarContent li {
	line-height: 20px;
}

#sidebarContent img {
	border: 1px solid #CCC;
}

#sidebarContent .pdf {
	margin-left: 2px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.map {
	text-align: center;
}

.map img {
	margin-bottom: 8px;
}


.buttonLink {
	font-size: 18px;
	text-align: left;
	color: #333;
	font-weight: bold;
	margin-top: 5px;
	vertical-align: middle;
}

.buttonLink img {
	margin-left: 4px;
	vertical-align: middle;
}

.sidebarPhoto {
	margin-top: 140px;
}


#login2quote {
	font-size: 18px;
	text-align: left;
	color: #333;
	font-weight: bold;
	vertical-align: middle;
	border: 1px dotted #1C3F95;
	padding: 5px;
	margin-top: 143px;
	margin-bottom: 25px;
	width: 175px;
}

#login2quote img {
	margin-left: 4px;
	vertical-align: middle;
}

.brokerSidebar {
	margin-top: 180px;
}

.contactSidebar {
	margin-top: 140px;
}

.imageRight {
	float: right;
}

.imageLeft {
	float: left;
	margin-right: 5px;
	border: 1px solid #CCC;
}


/* Opening page */

#middleOpening {
	border: 1px solid #999;
	background-color: #FFF;
	vertical-align: top;
}

#OpeningInner {
	width: 100%;
	border-collapse: collapse;
	background-image: url(images/montage.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#OpeningBluebar {
	background-image: url(images/blue_bar.png);
	background-repeat: no-repeat;
	background-position: right top;
	height: 124px;
	text-align: right;
	padding-right: 3px;
	padding-top: 2px;
	margin-top: 138px;
}

#OpeningBluebar img {
	margin-right: 17px;
}

#openingLeft {
	width: 430px;
	font-size: 18px;
	margin-left: 70px;
	margin-top: 8px;
	margin-bottom: 14px;
	font-weight: normal;
}

#openingLeft p {
	margin-bottom: 10px;
}

#openingRight {
	float: right;
	margin-top: 8px;
	margin-right: 30px;
	width: 350px;
}

.buttonOpening {
	font-size: 18px;
	text-align: right;
	color: #333;
	font-weight: normal;
	vertical-align: middle;
	font-style: italic;
	margin-bottom: 20px;
}

.buttonOpening img {
	margin-left: 4px;
	vertical-align: middle;
	float: right;
}

.buttonOpening h1 {
	font-size: 24px;
	color: #1C3F95;
	font-weight: normal;
}



/*Forms*/

.contactBroker {
	display: none;
}

.contactBroker1 {
	display: block;
}

.quoteRequest {
	display:none;
}

.quoteRequest1 {
	display:block;
}

.formLeft {
	font-weight: bold;
	text-align: right;
	padding-right: 5px;
	vertical-align: middle;
	padding-top: 5px;
	padding-bottom: 5px;
}

.formboxRight {
	padding: 6px;
	border: 1px dotted #999;
}

#footer {
}

.footerCenter {
	color: #FFF;
	margin-top: 15px;
	width: 325px;
	text-align: right;
	margin-right: auto;
	margin-left: auto;
	font-size: 10px;
	margin-bottom: 10px;
}

.facebook {
	float: right;
	padding-left: 10px;
	padding-top: 6px;
	border: 0;
}

.footerCenter a:link, .footerCenter a:visited {
	font-size: 10px;
	color: #FFF;
	text-decoration: none;
}

.footerCenter a:hover {
	font-size: 10px;
	font-weight: normal;
	color: #CCC;
}


/*Webkit-Safari fixes*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
#navigation {
	left: 493px;
	top: 62px;
}
#sidebarBoxMiddle {
	width: 215px;
}
}

