﻿/************ Begin Master Page Syles ************/
body
{
	margin: 0;
	text-align: center;
	background-color: #050e1f;
}
.formContainer
{
	width: 100%;
	height: 100%;
	font-size: 12px;
}
#divHeader
{
	width: 100%;
	height: 168px;
	background-image: url(/media/images/HeaderBg.jpg);
	background-repeat: repeat-x;
}
#divHeaderContainer
{
	width: 1200px;
	height: 168px;
	margin: 0 auto;
	text-align: center;
}
#divLogo
{
	float: left;
	width: 267px;
	height: 168px;
	padding-left: 100px;
}
h1 img
{
	border: 0;
	float: left;
}
#divHeadContainer
{
	float: left;
	width: 733px;
	height: 121px;
	display: block;
	padding-right: 100px
}
#memberLogin
{
	float: left;
	width: 733px;
	height: 42px;
}
#memberLogin img
{
	text-align: center;
	float: right;
	border: 0;
	margin-right: 35px;
}
#memberLoginArea
{
	float: left;
	width: 500px;
	height: 41px;
	margin-right: 3px;
	text-align: left;
}
#memberLoginArea a
{
	font-family: Copperplate Gothic;
	font-size: 20px;
	font-weight: bold;
	color: #0c214e;
	line-height: 41px;
	text-decoration: none;
	text-transform: uppercase;
	text-align: left;
	vertical-align: middle;
	margin-left: 120px;
}
#memberLoginArea a:Hover
{
	color: #ffffff;
}
#companyInfo
{
	float: left;
	width: 733px;
	height: 79px;
	text-align: left;
}
.companyName
{
	float: left;
	width: 348px;
	height: 79px;
}
.companyName img
{
	margin-top: 55px;
}
#companyTestimonials
{
	float: left;
	width: 385px;
	height: 79px;
	text-align: right;
}
#companyTestimonials a
{
	display: block;
	border: 0;
	margin-top: 20px;
	margin-right: 10px;
	background-image: url(/Media/Images/HeaderBubble_on.png);
	background-repeat: no-repeat;
	background-position: center;
	font-family: Copperplate Gothic;
	font-size: 14px;
	font-weight: bold;
	color: #999999;
	line-height: 50px;
	height: 68px;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
}
#companyTestimonials a:hover
{
	background-image: url(/Media/Images/HeaderBubble.png);
	color: #336699;
}
#divMenu
{
	float: left;
	width: 833px;
	height: 47px;
	display: block;
	margin-left: -100px;
}
#divMenu a
{
	display: inline-block;
	width: 12%;
	font-family: Copperplate Gothic;
	font-size: 1.15em;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	padding: 0 15px 0 15px;
	line-height: 47px;
	height: 47px;
	vertical-align: middle;
}
#divMenu a:hover
{
	color: #cccccc;
	height: 47px;
	line-height: 47px;
	background-image: url(/media/images/MenuOn.png);
	background-position: center;
	background-repeat: no-repeat;
}
#divContent
{
	float: left;
	width: 100%;
	background-image: url(/media/images/MiddleBg.jpg);
	min-height: 500px;
	background-repeat: repeat-x;
	background-color: #123477;
	background-position: bottom;
}
#divContentContainer
{
	width: 1200px;
	margin: 0 auto;
	text-align: center;
}
#divContentTop
{
	float: left;
	width: 1200px;
	height: 10px;
	display: block;
	background-image: url(/media/images/ContentTopBG.png);
}
#divContentMiddle
{
	float: left;
	width: 1200px;
	min-height: 513px;
	display: block;
	float: left;
	background-image: url(/media/images/ContentMiddleBG.png);
	background-repeat: repeat-y;
}
#divContentBottom
{
	float: left;
	width: 1200px;
	height: 22px;
	display: block;
	background-image: url(/media/images/ContentBottomBG.png);
	background-repeat: no-repeat;
}
#divFooter
{
	float: left;
	width: 100%;
	background-color: #050e1f;
	display: block;
	font-family: Copperplate Gothic;
	font-size: .9em;
	color: #ffffff;
}
#divFooterContainer
{
	width: 1200px;
	margin: 0 auto;
	text-align: center;
}
#divFooterContainer p
{
	margin-top: 10px;
	margin-bottom: 10px;
}
#divFooterContainer a
{
	font-size: 1.1em;
	color: #ffffff;
	text-decoration: none;
	font-weight: normal;
	text-decoration: none;
}
#divFooterContainer a:hover
{
	border: 0;
	color: #cccccc;
}
/************ End Master Page Syles ************/
#homePageContent
{
	float: left;
	width: 940px;
	margin-left: 130px;
	margin-right: 130px;
	margin-top: 10px;
}
#homeGalleryContainer
{
	float: left;
	width: 920px;
	height: 350px;
	margin-left: 10px;
	vertical-align: top;
}
#homePageSubContent
{
	float: left;
	width: 920px;
	padding-top: 20px;
	padding-left: 30px;
	background-color: transparent;
}
#homePageSubContent a
{
	float: left;
	padding-left: 20px;
	padding-right: 20px;
}
#homePageSubContent a img
{
	border: 0;	
}
#divPageContainer
{
	float: left;
	width: 930px;
	margin-left: 135px;
	margin-right: 135px;
}
#divPageHeader
{
	float: left;
	display: block;
	width: 930px;
	height: 75px;
	margin-top: 10px;
}
.pageHeaderContainer
{
	float: left;
	display: block;
	width: 310px;
	height: 75px;
}
.pageHeaderContainer a
{
	display: block;
	width: 310px;
	height: 75px;
	line-height: 55px;
	background-image: url(/Media/Images/ContentBubble01_on.png);
	background-repeat: no-repeat;
	background-position: center;
	color: #565656;
	font-family: Copperplate Gothic;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	vertical-align: middle;
}
.pageHeaderContainer a:Hover
{
	background-image: url(/Media/Images/ContentBubble01_over.png);
	background-repeat: no-repeat;
	background-position: center;
	color: #13367d;
}
#divPageContent
{
	float: left;
	display: block;
	width: 928px;
	min-height: 530px;
	background-color: #cccccc;
	background-image: url(/Media/Images/BgLogo.png);
	background-repeat: no-repeat;
	background-position: center;
	font-family: Copperplate Gothic; 
	font-size: 1.2em;
	font-weight: normal;
	font-size: 1.2em;
	color: #000000;
	text-align: left;
	border: 2px solid #003366;
}
#divPageContent h2
{
	display: block;
	font-family: Copperplate Gothic;
	font-size: 1.5em;
	font-weight: bold;
	font-style: italic;
	color: #123477;
	text-align: left;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}
#divPageContent h3
{
	display: block;
	width: 100%;
	float: left;
	font-family: Copperplate Gothic;
	font-size: 1.25em;
	font-weight: bold;
	color: #050e1f;
	text-align: left;
	margin-left: 10px;
	margin-top: 0;
	margin-bottom: 0;
}
#divPageContent h3 a
{
	cursor: pointer;
	display: block;
	font-family: Copperplate Gothic;
	font-size: 1.25em !important;
	font-weight: bold;
	color: #600000;
	text-align: left;
	margin-left: 10px;
	text-decoration: none;
}
#divPageContent h3 a:hover
{
	font-style: italic;
	text-decoration: none !important;
}
#divPageContent p
{
	float: left;
	width: 95%;
	margin: 10px 10px 10px 20px;
}
#divPageContent span
{
	float: left;
	width: 100%;
	margin: -10px 10px 10px 20px;
}
#divPageContent a
{
	font-family: Copperplate Gothic;
	font-size: 1.2em;
	font-weight: normal;
	text-decoration: none;
	color: #123477;
}
#divPageContent a:hover
{
	text-decoration: none;
	color: #336699;
}
#divPageContent a:visited
{
	text-decoration: none;
	color: #2e78c3;
}
#divPageContent ul li
{
	font-family: Copperplate Gothic;
	font-size: 1.2em;
	text-align: left;
}
.productCompany
{
	background-color: White;
	float: left;
	width: 246.33px;
	line-height: 150px;
	height: 150px;
	vertical-align: middle;
}
.productCompany a
{
	border: 0;
	width: 246px;
	line-height: 150px;
	vertical-align: middle;
}
.productCompany img
{
	border: 0;
	width: 246px;
	line-height: 150px;
	vertical-align: middle;
}
.notice
{
	float: left;
	width: 510px;
	font-family: Copperplate Gothic;
	font-size: 12px;
	color: red;
	text-align: left;
}
#contactForm
{
	float: left;
	width: 510px;
	margin-left: 30px;
}
#contactForm label
{
	text-align: left;
}
.contactRow
{
	float: left;
	width: 510px;
	padding-top: 5px;
}
.contactRow label
{
	text-align: left;
}
.contactTextBox
{
	float: left;
	width: 450px;
}
.contactTextArea
{
	float: left;
	width: 450px;
	height: 40px;
}
.contactButton
{
	float: left;
	width: 200px;
	margin-top: 10px;
}
#contactAddress
{
	width: 300px;
	float: left;
	vertical-align: top;
}
#contactAddress label
{
	width: 280px;
	float: left;
	text-align: left;
	padding-left: 12px;
	padding-top: 5px;
	font-size: 1.3em;
}
.becomeLeft
{
	float: left;
	width: 368px;
	border-right: 2px inset #cccccc;
}
.becomeRight
{
	float: left;
	width: 370px;
}
.becomeRow
{
	float: left;
	width: 365px;
	height: 30px;
	margin: 2px;
	text-align: center;
}
.becomeRow label
{
	float: left;
	line-height: 30px;
	vertical-align: middle;
	text-align: right;
	margin-right: 10px;
	width: 200px;
	font-size: 1.15em;
	font-family: Copperplate Gothic;
}
.becomeRow span
{
	float: left;
	line-height: 30px;
	vertical-align: middle;
	text-align: center;
	width: 100%;
	font-size: 1.2em;
	font-family: Copperplate Gothic;
	margin: 0 !important;
}
.becomeRow input
{
	height: 20px;
	vertical-align: middle;
	width: 145px;
}
.becomeRow select
{
	float: left;
	height: 20px;
	vertical-align: middle;
	width: 150px;
}
.memberContainer
{
	float: left;
	width: 150px;
	height: 30px;
	text-align: left;
	padding-left: 30px;
	font-weight: bold;
}
.calculatorRow
{
	float: left;
	display: block;
	width: 920px;
	background-color: transparent;
	padding-left: 4px;
	padding-right: 4px;
}
.submitButton
{
	width: 125px !important;
	height: 30px !important;
	background-color: #003366;
	color: #cccccc;
	font-family: Copperplate Gothic;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center !important;
	text-transform: uppercase;
}
.testimonialName
{
	float: left;
	font-weight: bold;
	font-style: italic;
	margin-left: 30px;
	border-bottom: 2px ridge #999999;
	width: 95%;
}
.companyListing
{
	float: left;
	display: block;
	width: 928px;
	background-color: #ffffff;
	text-align: center;
	vertical-align: middle;
}
.partnerCompany
{
	float: left;
	display: block;
	width: 232px;
	height: 155px;
	line-height: 155px;
	vertical-align: middle;
}
.partnerCompany a
{
	line-height: 155px;
	vertical-align: middle;
}
.partnerCompany img
{
	vertical-align: middle;
	border: 0;
	padding: 5px 16px 5px 16px;
}
.faqAnswer
{
	margin: 5px 25px 5px 25px;
}