@charset "utf-8";
/* CSS Document */
/*------------------------------------------------------------------------
[ Main Website Information ]

/*------------------------------------------------------------------------
[ Table of contents	]
Any additions to this table below can go under that number with an
alpha letter to sub category. Everything in content area should be as such
	[ 9a. Pagination ] as an example

1.	Remove all defaults
2.	Body
3.	Wrapper (#wrapper to enclose all design)
4.	Header area (#header)
5.	Branding (#brand)
6.	Navigation area (#)
7.	Secondary navigation area (#second-nav)
	[ 7a. Third navigation area (third-nav) ]
8.	Content area holder (#content)
9.	Main content area (#main-content)
10.	Second content area (#second-content)
11.	All table styles (#main-table)
12. All form styles (#main-form)
13. RSS (#rss)
14.	Advertisements (#ads)
15. Preloaded images (.images)
16. Footer area (#footer)

/*------------------------------------------------------------------------
[ Color Codes ]

Background:		#6aacc5 (light blue)
Content:		#ffffff (white)
Header h1:		#000000 (black)
Header h2:		#000000 (black)
Footer:			#000000 (black)

MAIN NAV
a (standard):	#ffffff (white)
a (visited):	#ffffff (white)
a (active):		#ffffff (white)

QUOTES
a (standard):	#073555 (navy)
a (visited):	#073555 (navy)
a (active):		#073555 (navy)

/*------------------------------------------------------------------------
[Typography]

Heading Styles:		Verdana, Helvetica, Arial, Geneva, sans-serif;
H1						
H2					16px
H3					16px
H4					14px

Body copy:			
	Body Style:		Verdana, Helvetica, Arial, Geneva, sans-serif;
	Body height:	
	Body tracking:	0.1 (0.2 Letter Spacing)

Input, textarea:	

/* [ 1. Remove all defaults ]
------------------------------------------------------------------------*/
/* Remove all padding and margins */
* {
	margin: 0;
	padding: 0;
}

/* Html and body padding & margins */
html, body{
	height: 100%;
	margin: 0;
	padding: 0;	
	
	/* BUG: Fix IE6 bug */
	text-align: center;
}

body {
}

/* Remove padding & margins */
h1, h2, h3, h4, h5, h6, p, ul, li {
	margin: 0;
	padding: 0;
}

/* Remove border images */
img {
	border: 0;
}

/* Remove styles from list items */
ul, li {
	list-style:none;
}

#clear {
	clear: both;
}

/* [ 2. Body ]
------------------------------------------------------------------------*/
body {
	background: #6aacc5 url(../images/layout_bg_main.jpg) top center no-repeat;
	font-family: Verdana, Arial, sans-serif;
}

/* [ 3. Wrapper ]
------------------------------------------------------------------------*/
#main-wrapper {
	background: #fff url(../images/archn-sidebar.jpg) left repeat-y;
	border-left: solid 5px #fff;
	border-right: solid 5px #fff;		
	border-top: solid 5px #fff;
	border-bottom: solid 3px #000000;
	margin: auto;
	padding: 0px;
	width: 930px;
}

/* [ 4. Header ]
------------------------------------------------------------------------*/
#header {
	background: #000000;
	margin: auto;
	width: 940px;
}

#phone {
	float: right;
	color: #8cc8e7;
	font-size: 14px;
	text-align: left;
	margin: 30px 20px 0 0;	
}

/* [ 5. Brand ]
------------------------------------------------------------------------*/
#brand {
	float: left;
	margin: 20px;
}

#brand img {
	vertical-align: middle;
}


/* [ 6. Main Navigation ]
------------------------------------------------------------------------*/
#main-nav {
	background: url(../images/layout_nav_bg.jpg) top center repeat-x;	
	width: 748px;
	height: 28px;
	text-align: left;
}

#main-nav li {
	display: inline;
	float: left;
	font-size: 12px;
	height: 28px;
	line-height: 28px;
	margin: 0px;
}

#main-nav a {
	background: url(../images/layout_nav_sep.jpg) top right no-repeat;
	display: block;
	height: 28px;
	color: #fff;
	padding: 0px 15px 0px 10px;
	text-decoration: none;
}

#main-nav a:hover {
	background: #000;
	color: #d7cfaf;
}

/* [ 7. Secondary Navigation ]
------------------------------------------------------------------------*/
#secondary-nav {
	background: #c5e8fa;
	width: 182px;
}

#secondary-nav li {
	display: block;
	height: 20px;
	width: 180px;
	font-size: 12px;
	border-bottom: solid 2px #272727;
	border-left: solid 1px #8cc8e7;
	border-right: solid 1px #8cc8e7;	
	text-align: left;
}

#secondary-nav a:link, #secondary-nav a:visited {
	display: block;
	height: 20px;
	color: #073555;
	text-decoration: none;
	padding-left: 3px;	
	padding-top: 2px;
}

#secondary-nav a:hover {
	background: #3a3a3a;
	color: #FFFFFF;
}

/* [ 8. Content area ]
------------------------------------------------------------------------*/
#content {
	float: left;
	width: 748px;
	background: #FFFFFF;
}

#banner {
	float: left;
	width: 475px;
	height: 235px;
/*	background: #6aacc5 url(../images/layout_main_banner.jpg) top center no-repeat;	 */
}

#tagline {
	float: left;
	background: url(../images/layout_tagline_bg.jpg) top center no-repeat;
	height: 155px;
	width: 233px;
	font-size: 20px;
	font-weight: bold;
	padding: 85px 20px 0px 20px;
}

/* [ 9. Main content area ]
------------------------------------------------------------------------*/
#main-content {
	color: #0a3b54;
	font-size: 11px;
	text-align: left;
	padding: 20px;
	width: 708px;
}

#main-content p {
	margin-bottom: 10px;
}

#info {
	margin-top: 50px;
}

.error {
	color: #990000;
	font-weight: bold;
}

.message {
	border: solid 1px #2190b9;
	background: #cbecf8;
	padding: 10px;
	margin: 5px auto;
}
/* [ 10. Second content area ]
------------------------------------------------------------------------*/
#second-content {
	float: left;
	width: 182px;
	background: #272727;
	padding-bottom: 20px;	
}

#second-content h3 {
	background: url(../images/quote_bg.jpg) top center repeat-x;
	width: 182px;
	height: 23px;
	vertical-align: middle;
	color: #0d3e62;
	font-size: 16px;
	font-weight: bold;
	border-bottom: solid 3px #272727;
	padding-top: 5px;
}

#second-content p {
	padding: 15px 0px 5px 8px;
	color: #FFFFFF;
	font-size: 10px;
	text-align: left;
}

.team-member {
	float: left;
	height: 175px;
	margin-bottom: 7px;
	width: 725px;
}

.team-member img {
	border-collapse: collapse;
	border: 3px solid #6aacc5;
	margin-right: 10px;
}

.payment-info {
	background: #f0f9fc;
	border-collapse: collapse;
	border: 1px solid #47a2c4;
	margin-bottom: 8px;
	padding: 5px;
}

.payment-info h2 {
	font-size: 1.3em;
}
/* [ 11. Tables ]
------------------------------------------------------------------------*/
/* [ 12. Forms ]
------------------------------------------------------------------------*/
#quote-form form {
	margin: 0;
	padding: 0;
}

#quote-form form p {
	margin: 1em;
	height: auto;
}

#quote-form fieldset {
	background: #f8f8f8;
	border: none;
	margin: 10px auto 1em auto;
	padding: 1em;
}

#quote-form legend {
	font-weight: bold;
	margin: 0;
	padding: 0.5em;
}

#quote-form label {
	float: left;
	width: 11em;
}

#loan-form form {
	margin: 0;
	padding: 0;
}

#loan-form form p {
	margin: 1em;
	height: auto;
}

#loan-form fieldset {
	background: #f8f8f8;
	border: none;
	margin: 10px auto 1em auto;
	padding: 1em;
}

#loan-form legend {
	font-weight: bold;
	margin: 0;
	padding: 0.5em;
}

#loan-form label {
	float: left;
	width: 17em;
}

/* [ 13. Rss ]
------------------------------------------------------------------------*/
/* [ 14. Advertisements ]
------------------------------------------------------------------------*/
/* [ 15. Preloaded Images ]
------------------------------------------------------------------------*/
/* [ 16. Footer ]
------------------------------------------------------------------------*/