/* eliminates browser specific margins, padding and borders */
* {
margin: 0;
padding: 0;
border: 0;
}

html{height: 101%}

/*//////////// content positioning style rules //////////////*/

#frame {
text-align: left;
width: 1000px;
margin: 0 auto; /* centers content */
}

#contentbox {
width: 100%;
}

/* NN6 Hack for centercontentfloats */
#contentbox:after {
 /* this is for NN6 to clear floats */
    content: "."; /* breaks the above rule for other browsers */
    display: block;
		height: 0px;
    clear: both;
    visibility: hidden;
}

#center {
  float:left;
  width: 100%;
	margin: 0 -100% 0 0;
}

#maincontent {
margin: 10px 2% 10px 190px;
}

#sidebar { /* IE6 margin hack in iestyle.css */
  float:left;
  width: 190px;
	margin: 0 auto;
}

/* non content positioning styles */
#header, #footer {
clear: both;
width: 100%;
}

/*///////////////////////// end positioning style rules/////////////*/

/*///////////////////////// image replacement header link styles ///////////////*/
#logobox, #company, #company span {
 width: 250px;
 height: 105px;
 }
 
#logobox {
 float: left;
 border: 1px solid #0f4685;
 margin-top: 10px;
 margin-left: 10px;
 background: url(images/logo.gif);
}

#company span{
 background: url(images/logo.gif);
 margin-bottom: -90px;
}

#company a{
text-decoration: none;
cursor: pointer; /* for IE */
}

/* non-repeated code */
h1 span {
 display: block;
 position: relative;
 z-index: 1;
}

h1{/* size the text to function with images off */
font-size: 1.6em;
}

/* IE5 Mac Hack \*/
h1 { overflow: hidden; }
/*/
h1 { text-indent: -100em; }
/* End Hack */

#banner, #banner span{
 width: 100%;
 height: 126px;
 text-align: right;
 overflow: hidden;
}

#bannerbox{
float: right;
clear: none;
width: 464px; /* adjust to center banner over content but not bump logobox at 800px width */
overflow: hidden;
margin-top: 3px;
}

#banner span {
margin-bottom: -100px;
}

#banner .index{
background: url(images/home.jpg);
}

#banner .personal{
background: url(images/personal.jpg);
}

#banner .business{
background: url(images/business.jpg);
}

#banner .about{
background: url(images/about.jpg);
}

#banner .contact{
background: url(images/contact.jpg);
}

#banner .quote, #banner .process{
background: url(images/quote.jpg);
}

/* non-repeated code */
h2 span {
 display: block;
 position: relative;
 overflow: hidden;
 z-index: 1;
}
/* IE5 Mac Hack \*/
h2 { overflow: hidden; }
/*/
h2 { text-indent: -100em; }
/* End Hack */

/*//////////////////////// end image replacement header styles ///////////////////*/


/*//////////////// general html styles /////////////*/

body{
min-width: 670px; /* must be defined for nn6/7 */
font-family: Arial, Helvetica, Tahoma, Sans-Serif; /*sets default font*/
font-size: 16px;  /*sets default font-size to a default size for all browsers */
color: #222;
background: #666;
}

img{
border: none;/*Sets default image border to none.*/
text-decoration: none;/* Keeps Netscape from showing an underline if image is a link */
}


/* h1 and h2 are in the header only */
h3, h4, h5, h6, form, p, blockquote{
padding: .1em .3em;
margin: 0px;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
color: #0f4685;
}

h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited{
color: #0f4685;
}

h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{
color: #c00;
}


h1, h2, h3, h4, h5, h6{
color: #0f4685;
text-decoration: none;
}

ul{
list-style: none;
padding: .1em .3em;
margin: 0px;
}

ul.bullet{
list-style: circle;
padding: .1em 2em;
}

hr{ /* use .hr below instead */
}

/*page sanchor elements*/

a:link{
color: #00b;
}

a:visited{
color: #707;
}

a:active{}

a:hover{
color: #c00;
}


/*///////////////// end general html styles /////////////*/

/*///////////////// block styles by id ////////////////*/

#frame{
margin-top: 15px;
margin-bottom: 10px;
border: 2px solid #0f4685;
background: #ccc;
}

#header{
height: 129px;
overflow: hidden;
}

#content1{
background: #fff;
border: 1px solid #0f4685;
width: 46%;
min-height: 400px;
float: left;
margin: 10px 0;
padding: 8px;
}

#content2{
background: #fff;
border: 1px solid #0f4685;
width: 46%;
min-height: 400px;
float: right;
margin: 10px 0;
padding: 8px;
}

#content3{
width: 85%;
margin: 0 auto;
border: 1px solid #0f4685;
background: #eee;
padding: 5px;
margin-top: 20px;
}

#linkbox {/*content3 on contact page*/
font-size: .9em;
}

#linkbox a{
}

#linkbox a:hover{

}


/* style the footer ///////////////////// */

#footer{
clear: both; /* will wrap #frame around all floats for FireFox */
text-align: center;
margin-top: 10px;
padding: 5px 0px;
font-size: .9em;
border-top: 2px solid #0f4685;
}

#footer li{
margin-top: 0px;
display: inline;
list-style: none;
}

#footer a{

}

#footer a:visited{

}

#footer a:hover{

}

/*////////////// style the menu ////////////////////*/
#menubox{
clear: none;
text-align: right;
padding: 0 15px;
color: #ddd;
text-transform: uppercase;
font-size: 1em;
font-weight: bold;
height: 2.3em; /* for firefox */

}

#menubox ul{
list-style: none;
margin-top:10px;
height: 2em;
padding: 0;
}

#menubox ul li{
float: left;
border-right: 15px solid #ccc;
}

#menubox a{
color: #ddd;
text-transform: uppercase;
font-size: 1em;
font-weight: bold;
text-decoration: none;
display: block;
line-height: 2em;
width: 120px;
text-align: center;
background: #2d669f;
border: 1px solid black;
}

#menubox a:hover{
background: #4f88bf;
color: #fff;
}

#menubox a.currentpage, #menubox a.currentpage:hover{
background: #0b447d;
color: #fff;
}


/* /////////////// end menu styles //////////////////// */


/*///////////////// general style by class ///////////////*/
.hide{ /* used to hide page elements only used in print style */
display: none;
}

.centext{ /* center a header or other inline element */
text-align: center;
padding: 0;
margin: .3em 0;
}

.cenblock{ /* block element must have width defined */
margin-left: auto;
margin-right: auto;
}

.hr{ /* apply to div for horizontal rule */
width:95%;
border-bottom: 1px black solid;
height: 1px;
margin: 3px auto;
clear: both;
}
.note{ /* reduce font size for a note */
font-size: .6em;
}

.warn{ /* change color for a warning */
color: #ff0033;
}

.ileft{ /*default image float style */
float: left;
margin: 15px 10px 10px;
}

.iright{/* default image float style */
float: right;
margin: 15px 10px 10px;
}

.iborder{
border: 1px solid #084081;
}

.quotebox{
display: block;
margin: 5px auto;
width: 90%;
line-height: 50px;
background: url(images/qbck.gif);
background-position: 50% 50%;
text-align: center;
text-transform: uppercase;
text-decoration: none;
font-size: .8em;
font-weight: bold;
border: 1px solid #0f4685;
color: #0f4685;
}

.quotebox:visited{
color: #0f4685;
}

.quotebox:hover{
color: #c00;
}


#phone{
color: #eee;
text-align: center;
line-height: 2em;
font-weight: bold;
background: #0b447d;
display: block;
font-size: 1.2em;
border: 1px solid black;
width: 90%;
margin: 0 auto;
padding: 0px;
}

.quote:hover{
color: #ff4685;
}


.small{
font-size: .9em;
}

.block{
color: #eee;
text-align: center;
background: #0b447d;
display: block;
font-size: 1.2em;
line-height: 1.3em;
border: 1px solid black;
width: 90%;
margin: 5px auto;
font-weight: bold;
font-size: .9em;
padding: 0px;
}

.wbug{
width: 90%;
margin: 5px auto;
border: 1px solid black;
display: block;
}

.box{
margin: 5px;
padding: 5px;
border: 1px solid #0f4685;
}

/*///////////////// end styles by class /////////////////*/