/*------------------------------------------------------------------
[Master Stylesheet]

Project:		Vantage Holding Company Insurance Services
Version:		1.0
Created By:		Jesse Lavery, Starn Marketing Group
Last change:	09/24/08 [initial coding]

--------------------------------------------------------------------

[Colors]

Background:		#fff 	(white)
Content:		#000 	(black)
Link color:		#0d3d6d	(dk blue)
Burgundy:		#990033	(Vantage Burgundy)
List BG:		#fafcff	(very light blue)
List border:	#dfe6ed	(light grayish-blue)

-------------------------------------------------------------------*/



/**********************************
Reset Styles for all browsers
***********************************/

/* Don't forget to set a foreground and background color 
   on the 'html' or 'body' element! */
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
line-height: 1;
font-family: inherit;
text-align: left;
vertical-align: baseline;
}

a img, :link img, :visited img {border: 0;}

table {border-collapse: collapse; border-spacing: 0;}

ol, ul {list-style: none;}

q:before, q:after,
blockquote:before, blockquote:after {content: "";}

/**********************************
Core Styles
***********************************/

body {
background-color: #fff;
color: #000;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 12px;
text-align: left;
}

/* Generics
------------------------------*/
/* site-wide defs for p, a, h1, h2, etc. */

h2, h3, p, p a, ul li {line-height: 1.4em;}

a {
border-bottom: 1px solid #ccc;
color: #0d3d6d;
text-decoration: none;
}

a:hover {
border-bottom: 1px solid #000;
color: #990033;
text-decoration: none;
}

/* Container
------------------------------*/

#container {
background: url(../images/bg.jpg) #fff repeat-y;
padding: 0 20px 0 0;
width: 796px;
}

/* Header
------------------------------*/

#header {
background: url(../images/bg-header.jpg) #fff no-repeat;
height: 95px;
width: 776px;
}

#header h1 a {
background: url(../images/logo.jpg) #fff no-repeat;
border: 0px;
display: block;
height: 62px;
text-indent: -9999px;
width: 776px;
}

/* Menu
------------------------------*/

#menu {
display: block;
height: 33px;
position: relative;
margin: -33px 0 0 0;
padding-top: 0px;
width: 776px;
}

#menu ul {
background: url(../images/menu.jpg) no-repeat;
height: 33px;
margin: 0px;
width: 776px;
}

#menu ul li {
margin: 0;
padding: 0;
list-style: none;
position: absolute;
top: 0;
margin-top: 0px;
}

#menu ul li a {
border: 0px;
display: block;
text-decoration: none;
text-indent: -9999px;
}

#menu ul li a span {
visibility: hidden;
}

#menu #menu1, #menu #menu1 a {left: 4px; top: 0px; width: 177px; height: 33px;}
#menu #menu2, #menu #menu2 a {left: 184px; top: 0px; width: 153px; height: 33px;}
#menu #menu3, #menu #menu3 a {left: 340px; top: 0px; width: 100px; height: 33px;}
#menu #menu4, #menu #menu4 a {left: 443px; top: 0px; width: 111px; height: 33px;}
#menu #menu5, #menu #menu5 a {left: 557px; top: 0px; width: 54px; height: 33px;}
#menu #menu6, #menu #menu6 a {left: 614px; top: 0px; width: 115px; height: 33px;}

#menu #menu1 a:hover {background: transparent url(../images/menu.jpg) -4px -33px no-repeat;}
#menu #menu2 a:hover {background: transparent url(../images/menu.jpg) -184px -33px no-repeat;}
#menu #menu3 a:hover {background: transparent url(../images/menu.jpg) -340px -33px no-repeat;}
#menu #menu4 a:hover {background: transparent url(../images/menu.jpg) -443px -33px no-repeat;}
#menu #menu5 a:hover {background: transparent url(../images/menu.jpg) -557px -33px no-repeat;}
#menu #menu6 a:hover {background: transparent url(../images/menu.jpg) -614px -33px no-repeat;}

body#property #menu #menu1 a {background: transparent url(../images/menu.jpg) -4px -33px no-repeat;}
body#life #menu #menu2 a {background: transparent url(../images/menu.jpg) -184px -33px no-repeat;}
body#senior #menu #menu3 a {background: transparent url(../images/menu.jpg) -340px -33px no-repeat;}
body#financial #menu #menu4 a {background: transparent url(../images/menu.jpg) -443px -33px no-repeat;}
body#brokers #menu #menu5 a {background: transparent url(../images/menu.jpg) -557px -33px no-repeat;}
body#employee #menu #menu6 a {background: transparent url(../images/menu.jpg) -614px -33px no-repeat;}

/* Banner
------------------------------*/

#banner {
background: url(../images/bg-banner-blank.jpg) bottom left #fff no-repeat;
height: 206px;
width: 776px;
}

body#senior #banner {
height: 110px;
}

body#financial #banner,
body#life #banner,
body#brokers #banner,
body#property #banner,
body#employee #banner {
height: 70px;
}

#banner h2 {
font-size: 16px;
font-weight: bold;
padding: 20px 0 0 20px;
}

#banner h3 {
color: #990033;
font-size: 14px;
font-weight: bold;
padding: 20px 0 0 20px;
}

#banner h3 span {
color: #666;
font-family: Georgia, Times, serif;
font-size: 12px;
font-style: italic;
font-weight: normal;
padding-left: 10px;
}

#banner h4 {
color: #990033;
font-family: Georgia, Times, serif;
font-size: 12px;
font-style: italic;
font-weight: normal;
padding: 10px 0 0 20px;
}

#banner p {
color: #333;
font-size: 12px;
margin: 10px 0 0 20px;
width: 475px;
}

body#home #banner {
background: url(../images/bg-banner.jpg) #fff no-repeat;
height: 206px;
width: 776px;
}

body#home #banner h2 {
font-size: 16px;
font-weight: bold;
padding: 20px 0 0 20px;
}

body#home #banner p {
font-size: 12px;
margin: 10px 0 0 20px;
width: 430px;
}

/* Main
------------------------------*/

#main {
float: left;
margin-bottom: 20px;
width: 516px;
}

#main h3 {
color: #333;
font-size: 14px;
font-weight: bold;
margin-bottom: -15px;
padding: 20px 20px 0 20px;
}

#main h4 {
border-top: 1px solid #dfe6ed;
color: #333;
font-size: 12px;
font-weight: bold;
margin: 20px 0 0 20px;
padding-top: 5px;
}

#main h4 a {
background-color: #fafcff;
border-bottom: 1px solid #dfe6ed;
color: #999;
float: right;
font-family: Georgia, Times, serif;
font-size: 10px;
font-style: normal;
font-weight: normal;
margin: -16px 0 0 0;
padding: 4px 6px;
}

#main h4 a:hover {
border-bottom: 1px solid #333;
color: #333;
}

#main p {
font-size: 12px;
margin: 20px 0 0 20px;
}

#main p strong {
font-weight: bold;
}

#main blockquote {
background-color: #f6f6f6;
border: 1px solid #ccc;
border-width: 0px 1px;
margin: 20px 40px;
padding: 10px;
}

#main blockquote h4 {
border-top: 0px;
color: #555;
font-size: 11px;
margin: 0px;
}

#main blockquote p {
color: #555;
font-size: 11px;
margin: 10px 0;
}

#main ul {
background-color: #fafcff;
border: 1px solid #dfe6ed;
margin: 20px 0 0 20px;
padding: 10px;
}

#main ul li {
background: url(../images/bullet.jpg) 0 3px no-repeat;
list-style-type: none;
list-style-position: outside;
padding-left: 17px;
}

#main ul li span.coming {
color: #666;
font-family: Georgia, Times, serif;
font-size: 10px;
font-style: italic;
padding-left: 3px;
}

#main ul li strong {
font-weight: bold;
}

/* Sidebar
------------------------------*/

#sidebar {
background-color: #f4f3e4;
color: #666;
float: left;
margin: 20px 10px 20px 20px;
width: 230px;
}

#sidebar h3 {
font-size: 14px;
font-weight: bold;
padding: 20px 20px 0 20px;
}

#sidebar p {
padding: 10px 20px;
}

#sidebar p a {
font-weight: bold;
}

#sidebar p strong {
color: #333;
font-weight: bold;
}

#sidebar p em.pdf {
font-family: Georgia, Times, serif;
font-size: 10px;
font-style: italic;
}

/* Footer
------------------------------*/

#footer {
background: url(../images/bg-footer.jpg) no-repeat;
clear: both;
height: 40px;
width: 776px;
}

#footer p {
color: #0d3d6d;
padding: 11px 0 0 108px;
}

#footer p strong,
#footer p a {
font-weight: bold;
}

#footer p strong {
padding-right: 10px;
}

/* Credits
------------------------------*/

#credits {
background: url(../images/bg-credits.jpg) #fff no-repeat;
height: 73px;
width: 796px;
}

#credits p {
color: #999;
font-size: 11px;
padding: 10px 20px 0 10px;
}

#credits p a {
color: #999;
}

#credits p a:hover {
color: #990033;
}

/* 
------------------------------*/

/* 
------------------------------*/

/* 
------------------------------*/