* {margin:0;padding:0; border: 0px none;}
ul, ol, li {list-style-type:none;}
a { text-decoration: underline; color: #ec6b08; }
a:hover { text-decoration: none; background: #ec6b08;color: #fff; }



body {
font: 62.5% "Arial", Helvetica, san-serif;  
background: #122e58;
color: #253a59;
}
#wrapper {
width: 908px;
margin: 0 auto;
background: url(img/container-bg.gif) 0 122px no-repeat; 
}

/* logo and photo image --------------------------------*/
#header {width: 908px;}
#header p { height: 50px; padding: 40px 0 0; margin: 0; color: #fff; font: bold italic 1.5em/1.2em "Arial", Helvetica, san-serif;}

h1 { 
float: left;
width: 200px;
font: bold 3em/1.1em "Arial", Helvetica, san-serif;
}
h1 img { margin: 20px 0 0 ;}
h1 a { color: #fff;}


/* main navigation */
ul#nav {
height: 36px;
float: right;
padding-right: 12px;
}
ul#nav li {
height: 36px;
float: left;
display: inline;
}
ul#nav li a{
height: 25px;
width: 122px;
display: block;
float: left;
color: #fff;
text-decoration: none;
display: inline;
text-align: center;
padding: 11px 0 0;
font: bold 1.4em/1.2em "Lucida Grande", Verdana, san-serif;   
background: #ec870e url(img/nav-bg.gif) 0 0 no-repeat; 
}
ul#nav li a:hover {color: #122e58;}
ul#nav li a.active {color: #122e58; background: #fff url(img/nav-bg.gif) 0 -36px no-repeat; }



/* container */
#content { 
width: 880px;
clear: both;
padding: 10px 14px 0;
}
#leftcol { 
width: 600px;
float: left;
}
#rightcol { 
width: 280px;
float: right;
}




/* banner */
#banner { 
width: 880px;
height: 262px;
padding: 20px 0 0;
margin: 0 0 10px;
float: left;
background: #f38406 url(img/banner-bg.jpg) 0 0 no-repeat;
}
#banner h2 { margin: 0 30px 10px; padding: 0; background: none;}
#banner p { margin: 0 30px;}
#banner p a {color: #fff;}
#banner ol { margin: 0 30px 20px;}
#banner ol li { 
font: normal 1.75em/1.2em "Lucida Grande", Verdana, san-serif;   
color: #fff;
background: url(img/tick.gif) 0 0 no-repeat;
padding: 0 0 0 35px;
margin: 0 0 5px;
}



/* blue section */
#blue { 
width: 880px;
float: left;
background: #d8e3f5 url(img/blue-top.gif) 0 0 no-repeat;
}
#blue-btm { 
width: 880px;
padding: 18px 0 8px;
float: left;
background: transparent url(img/blue-btm.gif) 0 bottom no-repeat;
}
#blue-btm div { 
width: 293px;
float: left;
}
#blue-btm p span { 
color: #ec6b08;
font: bold 1.35em/1.5em "Lucida Grande", Verdana, san-serif;   
}
/* right column blue box */
#rightcol #blue { 
width: 280px;
margin: 0 0 10px;
background: #d8e3f5 url(img/blue-top-280.gif) 0 0 no-repeat;
}
#rightcol #blue-btm {
width: 280px;
padding: 10px 0 5px;
background: transparent url(img/blue-btm-280.gif) 0 bottom no-repeat;
}
#rightcol #blue-btm h3 {margin: 0 20px 8px;}
#rightcol #blue-btm p {margin: 0 20px 12px;}
#rightcol #blue-btm #ruler {
border-bottom: 1px dashed #b5c2d3;
height: 1px;
line-height: 0em;
margin: 0 0 10px;
width: 280px;
}
#rightcol #blue-btm p b { 
color: #ec6b08;
float: left;
width: 45px;
padding: 0;
font: normal 1em/1.4em "Lucida Grande", Verdana, san-serif;   
}




/* common styles (fonts & images) */
h2 {
color: #fff; 
font: bold 3em/1.2em "Arial", Helvetica, san-serif;
margin: 0 0 10px;
padding: 0 20px;
background: #f38406 url(img/h2-bg.gif) 0 0 no-repeat;
}
h3 {
color: #122e58;
font: bold 1.9em/1.2em "Lucida Grande", Verdana, san-serif;   
margin: 0 20px 10px;
}
h4 {
color: #1a4381;
font: normal 1.75em/1.35em "Lucida Grande", Verdana, san-serif;   
margin: 5px 20px 12px;
letter-spacing: -0.02em;
padding: 0 0 12px;
border-bottom: 1px dashed #b5c2d3;
}
h5 {
color: #122e58;
font: bold 1.5em/1.25em "Lucida Grande", Verdana, san-serif;   
margin: 5px 20px;
}
p {
font: normal 1.2em/1.4em "Lucida Grande", Verdana, san-serif;   
margin: 0 20px 12px;
color: #253a59;
}
img.right {float: right;}
#content ul {
font: normal 1.2em/1.3em "Lucida Grande", Verdana, san-serif;   
margin: 0 35px 18px;
}
#content ul li{
margin: 0 0 5px;
padding: 0 0 0 15px;
background: url(img/arrow.gif) 0 4px no-repeat;
}




/* contact form elements */
form {
font: normal 1.15em/2em "Lucida Grande", Verdana, san-serif;    
margin: 20px 0;
}
form label {
float: left;
clear: left;
width: 185px;
text-align: right; 
margin-right: 15px;
}
form input, 
form textarea,
form select {
background: #fff url(img/box_bg.gif) top left repeat-x;
border: 2px solid #c0c6ce;
width: 250px;
font: normal 1em/1em "Lucida Grande", Verdana, san-serif;    
padding: 2px;
color: #253a59;
margin: 0 0 5px 0;
}
form select {
width: auto;
padding: 1px;
color: #253a59;
}
form textarea:focus, form input:focus, form select:focus { border: 2px solid #f58a05; }
form span {  color: #ec6b08; padding-left: 5px;}
form input.send {
width: 50px;
height: auto;
padding: 0;
border: 0;
margin: 5px 0 0 200px;
outline: none;
background: none;
}
form img {margin: 0 0 5px 0;}





/* clear everything ensures white background in all browsers */
#clearall { 
width: 100%;
clear: both;
float: left;
height: 0em;
line-height: 0em;
}



/* footer */
#footer {
clear: both;
width: 908px;
height: 75px;
padding: 35px 0 0;
background: #122e58 url(img/container-btm.gif) 0 0 no-repeat; 
}
#footer p {
margin: 0;
color: #7184a2;
font-size: 1.1em;
}
#footer p.left {float: left; width:480px; padding-left: 20px;}
#footer p.right {float: right;width:360px;padding-right: 20px; text-align: right;}