/**
 * Default Stylesheet
 */ 
 
/* Neutralize styling: Elements we want to clean out entirely: */
html, body, form, fieldset {
 margin: 0;
 padding: 0;
 font: 100%/120% verdana, geneva, arial, helvetica, sans-serif;
}

/* Neutralize styling: Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, dl, address {
 margin: 1em 0;
 padding: 0;
}

ul, ol {
 margin: 0 0;
 padding: 0;
}

/* Apply left margin:  Only to the few elements that need it: */
li, dd, blockquote {
 margin-left: 2em;
}

div#navigation ul li {
 margin-left: 0;
}

/* Miscellaneous conveniences: */
form label {
 cursor: pointer;
}

fieldset {
 border: none;
}

/* input, select, textarea {
 font-size: 100%;
} */

/**
 * Page Layout
 */
 
div#wrapper {
 position: relative;
 width: 700px;
 margin: 0 auto;
 padding: 0;
}

div#top {
 position: relative;
 display: block;
 height: 50px;
 margin: 0;
 padding: 0;
}

div#middle {
 position: relative;
 margin: 226px 0 0 0;
 padding: 0;
}

div#leftcolumn {
 position: relative;
 float: left;
 width: 230px;
}

div#navigation {
 position: absolute;
 top: 53px;
 left: 0;
 width: 231px;
 margin: 0;
 padding: 42px 0 48px 0;
}

div#contactinfo {
 position: relative;
 margin: 0;
 padding: 0;
}

div#rightcolumn {
 position: relative;
 margin-left: 234px;
 /* width: 466px; */
 padding-bottom: 20px;
}

div#logo {
 position: absolute;
 display: block;
 top: 53px;
 left: 234px;
 height: 120px;
 width: 466px;
 margin: 0;
 padding: 0;
}

div#mainimage {
 position: absolute;
 display: block;
 top: 173px;
 left: 234px;
 height: 100px;
 width: 466px;
 margin: 0;
 padding: 0;
}

div#bottom {
 position: relative;
 clear: both;
 display: block;
 height: 50px;
 margin: 0;
 padding: 0;
}

div#footer {
 position: relative;
}

h1 {
 display: block;
 height: 50px;
 margin: 0;
 padding: 0;
}

h2, h3, h4, p, ul, ol {
 padding: 0;
}

h2, h3, h4, p {
 padding: 0 20px 0 20px;
}

h2 {
 padding-top: 6px;
}

h1 span {
 overflow: hidden;
 margin: 0;
 padding: 0;
 margin-left: -9999px;
}

/**
 * Visual Design
 */

body {
 background: #fff url(../img/body_background.jpg) top center repeat-y;
}

div#wrapper {
 border: #fff 3px solid;
}

div#top {
 background: #fff url(../img/home_top_background.jpg) top center no-repeat;
}

div#middle {
 border-bottom: #fff 3px solid;
}

div#leftcolumn {
 background: #fff url(../img/rightcolumn_background.jpg) top center no-repeat;
}

div#rightcolumn {
 background: #DADEE6;
}

div#logo {
 background: #fff url(../img/logo_background.gif) top center no-repeat;
}

div#mainimage {
 background: #fff url(../img/mainimage_background.jpg) top center no-repeat;
}

div#bottom {
 background: #215378 url(../img/bottom_background.gif) top right no-repeat;
}

body#home h1 {
 background: transparent url(../img/home_h1_background.gif) center left no-repeat;
}

body#about h1 {
 background: transparent url(../img/about_h1_background.gif) center left no-repeat;
}

body#services h1 {
 background: transparent url(../img/services_h1_background.gif) center left no-repeat;
}

body#quote h1 {
 background: transparent url(../img/quote_h1_background.gif) center left no-repeat;
}

body#contact h1 {
 background: transparent url(../img/contact_h1_background.gif) center left no-repeat;
}

/**
 * Text
 */

h2, h3, h4, h5, h6 {
 font-family: helvetica, arial, sans-serif;
 color: #215378;
}

h2 { font-size: 1.0em; }
h3 { font-size: 0.9em; }
h4 { font-size: 0.8em; }
h5, h6 { font-size: 0.7em; }

p, ul, ol {
 font-family: verdana, geneva, sans-serif;
 font-size: 0.8em;
 line-height: 1.3;
 color: #808080;
 text-align: left;
 /* background-color: #E9F2FE; */
}

ul, ul li {
 list-style-type: none;
}

a, a:link {
 color: #215378;
 text-decoration: none;
}

a:hover {
 color: #416E94;
 text-decoration: none;
}

em {
 color: #096AD9;
}

strong {
 color: #273D55;
}


/**
 * Menu
 */
 
div#navigation {
 background: #215378;
}

div#navigation ul li a span {
 overflow: hidden;
 margin: 0;
 padding: 0;
 margin-left: -9999px;
}
	
div#navigation ul li a {
 display: block;
 height: 26px;
 padding: 0;
 margin: 0;
}



div#navigation ul li#menuitem1 {
 background: #215378 url(../img/navigation_background.gif) 0 0 no-repeat;
}
div#navigation ul li#menuitem2 {
 background: #215378 url(../img/navigation_background.gif) 0 -26px no-repeat;
}
div#navigation ul li#menuitem3 {
 background: #215378 url(../img/navigation_background.gif) 0 -52px no-repeat;
}
div#navigation ul li#menuitem4 {
 background: #215378 url(../img/navigation_background.gif) 0 -78px no-repeat;
}
div#navigation ul li#menuitem5 {
 background: #215378 url(../img/navigation_background.gif) 0 -104px no-repeat;
}

div#navigation ul li#menuitem1 a:hover {
 background: transparent url(../img/navigation_background.gif) 231px 0 no-repeat;
}
div#navigation ul li#menuitem2 a:hover {
 background: transparent url(../img/navigation_background.gif) 231px -26px no-repeat;
}
div#navigation ul li#menuitem3 a:hover {
 background: transparent url(../img/navigation_background.gif) 231px -52px no-repeat;
}
div#navigation ul li#menuitem4 a:hover {
 background: transparent url(../img/navigation_background.gif) 231px -78px no-repeat;
}
div#navigation ul li#menuitem5 a:hover {
 background: transparent url(../img/navigation_background.gif) 231px -104px no-repeat;
}
 
 /**
 * Forms
 */
 
legend {
 margin: 0 0 0 20px;
 padding: 10px 0 10px 0;
 color: #215378;
 font-size: 0.9em;
}
 
div#flashmessage {
 margin: 2px 0;
 padding: 5px 20px;
 background: #FEECCF;
 font-size: 0.8em;
}

div.required {
 margin: 2px 0;
 padding: 5px 20px;
 background: transparent;
}

div.optional {
 margin: 2px 0;
 padding: 5px 20px;
 background: transparent;
}

div.submit {
 margin: 2px 0;
 padding: 5px 20px;
 background: transparent;
 text-align: right;
}

div.required label,
div.optional label {
 display: block;
 width: 90%;
 margin: 0;
 padding: 0 0 5px 0;
 color: #0653AA;
 font-size: 0.8em;
 font-weight: normal;
}

div.required input,
div.required textarea,
div.optional input,
div.optional textarea {
 width: 90%;
 font-size: 0.8em;
}

div.error_message {
 color: #ff0000;
 font-size: 0.8em;
 padding: 4px 0;
}

div.required label.checkboxlabel,
div.optional label.checkboxlabel {
 display: inline;
 width: 200px;
 margin: 0;
 padding: 0 0 5px 0;
 color: #0653AA;
 font-size: 0.8em;
 font-weight: normal;
}


div.required input.checkboxinput,
div.optional input.checkboxinput {
 display: inline;
 font-size: 0.8em;
 width: 30px;
}