body {
text-align: center;
padding-bottom: 20px;
background: #ebebeb url(/images/body-bg.png) repeat-x;
border-top: 5px solid #C0C0C0;
}

/*
////////  LAYOUT  ////////*/

#wrapper {
width: 960px;
margin: 0 auto;
padding: 0 10px;
text-align: left;
background: url(/images/wrapper-bg.png) 0 195px no-repeat;
}

#header {
height: 130px;
position: relative;
padding-left: 10px;
background: #485558 url(/images/header-bg.png);
border-bottom: 3px solid #C0C0C0;
}

#contentArea {
clear: both;
float: left;
padding: 20px 30px 40px 20px;
width: 908px;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
background: #fff url(/images/contentArea-bg.png) 50% 1px no-repeat;
font-size: 1.2em;
}

#contentArea {
width: 920px;
padding: 19px;
}

#primaryContent {
float: right;
width: 560px;
}

#secondaryContent {
float: left;
width: 290px;
padding: 10px 33px 40px 10px;
background: #fff url(/images/secondaryContent-bg.png) 100% 0 no-repeat;
}

#footerContent {
clear: both;
width: 920px;
padding: 20px 20px 8px 20px;
background: #0F3149 url(/images/footerContent-bg.png) no-repeat;
border-top: 3px solid #C0C0C0;
border-bottom: 3px solid #C0C0C0;
}
.footerColumn {
float: left;
width: 280px;
margin: 0 40px 30px 0;
}
.footerColumn.last {
float: right;
margin: 0 0 30px 0;
}


/*
////////  TYPOGRAPHY  ////////*/

h1 {
/*float: left;*/
/*font: 3.4em Calibri,Verdana,sans-serif;*/
/*line-height: .9em;*/
}

h1 a {
color: #0A66AF;
}

h1 a strong {
color: #fff;
}

p.tagline {
float: left;
clear: both;
margin-left: 1px;
font-size: 1.1em;
font-weight: bold;
color: #fff;
text-transform: uppercase;
}

h2 {
clear: both;
font: 2.1em Calibri,Arial,Verdana,sans-serif;
margin-bottom: 6px;
letter-spacing: -1px;
}

h3 {
/*clear: both;*/
font-size: 1.4em;
color: #333;
}

#secondaryContent h3 {
font-size: 1.2em;
color: #111;
margin-bottom: 6px;
}

#secondaryContent h4 {
font-size: 1.1em;
color: #1B3C52;
padding: 0 0 12px 6px;
}

#footerContent h4 {
margin-bottom: 6px;
clear: both;
font-size: 1.4em;
color: #fff;
font-weight:bold;
}

#footerContent h5 {
font-size: 1.1em;
color: #C0C0C0;
font-weight: normal;
}

#contentArea p {
/*clear: both;*/
font-size: 1.1em;
line-height: 1.4em;
margin-bottom: 12px;
color: black;
}

#contentArea p a:hover {
text-decoration: underline;
}

#contentArea blockquote p {
color: #555;
padding-left: 28px;
margin-bottom: 16px;
background: url(/images/quote-bg.gif) 0 4px no-repeat;
}

#secondaryContent p {
font-size: 1.2em;
line-height: 1.8em;
margin-bottom: 8px;
color: #333;
}

#primaryContent p.breadcrumbs {
font-size: 1.1em;
color: #666;
padding-bottom: 2px;
border-bottom: 1px solid white;
}

#footerContent p {
color: #eee;
line-height: 1.2em;
}

#footerContent p a {
/*font-weight: bold;*/
/*color: #fff;*/
}

#footerContent p a:hover {
/*text-decoration: underline;*/
}

.box {
float: left;
clear: both;
color: #1B3C52;
background: #C0C0C0;
padding: 4px 6px;
margin-top: 8px;
/*font-size:1.2em;*/
}

#contentArea .box {
margin: 0 0 12px 0;
}

a.box:hover {
background: #fff;
}

.footerColumn.last p {
font-family: Georgia,serif;
font-style: italic;
padding: 0 0 10px 4px;
font-size: 1.7em;
color: #fff;
}

.footerColumn.last p a {
color: #fff;
font-weight: normal;
}

#footerLinks {
clear: both;
height: 12px;
border-top: 1px solid #20445d;
padding-top: 6px;
font-size:.9em;
}

#footerLinks p {
float: left;
color: #536A6F;
}

#footerLinks p.right {
float: right;
color: #eee;
}

#footerLinks p a {
color: #eee;
font-weight: normal;
}

#footerLinks p a:hover {
text-decoration: underline;
}


/*
////////  IMAGES  ////////*/

#primaryContent img {
float: left;
margin: 0 12px 6px 0;
border: 3px solid #eee;
}

#secondaryContent img {
float: left;
width: 130px;
margin: 12px 7px 0 0;
border: 4px solid #eee;
}

#secondaryContent a img:hover {
border: 4px solid #ddd;
}

#footerContent img {
border: 1px solid #7B898C;
margin-bottom: 12px;
}


/*
////////  NAVI & LISTS  ////////*/

#header ul {
position: absolute;
right: 10px;
bottom: 0px;
}

#header ul li {
float: left;
margin-left: 4px;
text-transform: uppercase;
background: #1B3C52;
border-width: 1px 1px 0 1px;
border-color: #1c3e54;
border-style: solid;
}

#header ul li a {
display: block;
font-size: 1.3em;
font-weight: bold;
padding: 5px 12px 5px 12px;
color: #ddd;
}

#header ul li a:hover {
background: #C0C0C0;
color: #1B3C52;
}

#header ul li.current {
background: #C0C0C0;
border-color: #ccc;
}

#header ul li.current a {
color: #1B3C52;
}

#header ul li.current a:hover {
cursor: default;
background: #C0C0C0;
}

.navi-description {
font-size: .7em;
color: #eee;
display: block;
text-transform: none;
padding-top: 1px;
}

#header ul li.current .navi-description {
color: #474747;
}

#header ul li a:hover .navi-description {
color: #474747;
}

#contentArea ul{
  list-style:disc;
  margin:-5px 0 10px 25px;
}

ul.secondaryNavi {
clear: both;
float: left;
width: 100%;
margin-bottom: 30px;
}

ul.secondaryNavi li {
font-weight: bold;
padding-left: 14px;
border-bottom: 1px solid #eee;
background: url(/images/secondaryNavi-bg.gif) 2px 50% no-repeat;
}

ul.secondaryNavi li a {
display: block;
padding: 6px;
color: #222;
}

ul.secondaryNavi li:hover {
border-bottom: 1px solid #ccc;
background: #fafafa url(/images/secondaryNavi-bg.gif) 3px 50% no-repeat;
}

#primaryContent ul, #primaryContent ol {
margin-bottom: 14px;
padding-left: 28px;
color: #C0C0C0;
font-weight: bold;
}

#primaryContent ul span, #primaryContent ol span {
color: black;
font-weight: normal;
}

#primaryContent ul {
list-style-type: square;
}

#primaryContent ul li, #primaryContent ol li {
font-size: 1.1em;
padding-bottom: 3px;
}

ul.secondaryList {
margin-bottom: 14px;
padding-left: 14px;
color: #C0C0C0;
font-weight: bold;
}

ul.secondaryList span {
color: black;
font-weight: normal;
}

ul.secondaryList {
list-style-type: disc;
}

ul.secondaryList li {
font-size: 1.1em;
padding-bottom: 3px;
}

#footerContent ul {
clear: both;
float: left;
width: 270px;
}

#footerContent ul li {
font-size: 1.1em;
padding: 5px 0 4px 2px;
border-bottom: 1px solid #1A3B52;
}

#footerContent ul li a {
display: block;
color: #fff;
}

#footerContent ul li:hover {
border-bottom: 1px solid #4F5E61;
background: #193A51;
}


/*
////////  PORTFOLIO  ////////*/

#primaryContent .portfolioBox {
float: left;
width: 238px;
margin: 0 10px 20px 0;
padding: 10px 10px 30px 10px;
background: #eee url(/images/portfolioBox-bg.png) 0 100% no-repeat;
border: 1px solid white;
}

#primaryContent .portfolioBox img {
width: 238px;
border: 1px solid #fafafa;
margin: 0 0 10px 0;
}

#primaryContent .portfolioBox h3 {
margin: 0 0 6px 0;
}

#primaryContent .portfolioBox p {
color: #444;
}


/*
////////  TABLES  ////////*/

table {
margin-bottom: 20px;
border-collapse: collapse;
}

table thead th {
padding: 5px 15px;
}

table tbody th, table tbody td {
padding: 5px 15px;
}

table thead th {
background: #C0C0C0;
color: #fff;
}

table tbody tr.alt {
background-color: #f2f2f2;
}


/*
////////  SEARCH BOX IN HEADER ////////*/

#searchbox {
position: absolute;
right: 0;
top: 5px;
width: 400px;
}

#searchbox form#search input {
font-size: 1.1em;
padding: 1px 2px;
color: #000;
background: #efefef;
border: 1px solid #333;
float: right;
}

#searchbox form#search input#searchSubmit {
font-size: 1.1em;
cursor: pointer;
padding: 1px 6px;
border: none;
color: #eee;
background: #1F4259;
float: right;
margin-left: 2px;
}

#searchbox form#search input#searchSubmit:hover {
color: #fff;
background: #244962;
}


/*
////////  NOTE ////////*/

#secondaryContent .note {
clear: both;
width: 250px;
margin-bottom: 18px;
padding: 14px 20px 20px 20px;
background: #FFF8CF url(/images/note-bg.png) 0 100% no-repeat;
}

#secondaryContent .note h3 {
font-size: 1.3em;
color: #C0C0C0;
border-bottom: 2px solid #ccc;
padding-bottom: 4px;
}

#secondaryContent .note p {
font-size: 1.1em;
color: #222;
}

#secondaryContent .note a {
font-size: 1em;
color: #C0C0C0;
font-weight: bold;
}

#secondaryContent .note a:hover {
text-decoration: underline;
}


/*
////////  CONTACT FORM  ////////*/

form#contact fieldset label {
font-weight: bold;
display: block;
padding-bottom: 4px;
margin-top: 16px;
color: #222;
}

form#contact fieldset label em {
font-weight: normal;
color: #C0C0C0;
font-size: 1.1em;
}

form#contact fieldset input, form#contact fieldset select, form#contact fieldset textarea {
padding: 2px;
font: 1.1em Arial;
background-color: #f6f6f6;
border: 1px solid #ddd;
color: #333;
}

form#contact fieldset .radio {
border: none;
background-color: transparent;
}

form#contact fieldset textarea {
width: 410px;
overflow: auto;
}

form#contact fieldset button {
padding: 4px 8px;
margin-top: 4px;
border: 0;
cursor: pointer;
color: #fff;
background: #C0C0C0;
}

form#contact fieldset button:hover {
background: #0A66AF;
}


/*
////////  HOMEPAGE SLIDER  ////////*/

#intro {
clear: both;
}
/*#intro #slider li {
width: 920px;
height: 320px;
overflow: hidden;
text-align: center;
}
*/

/*#intro #slider li h2 {
clear: both;
font-size: 2.0em;
font-style: italic;
margin-bottom: 12px;
margin-top: 80px;
}
*/
/*#intro #slider li p {
width: 380px;
margin: 0 250px 12px 250px;
}
*/

/*#intro p#controls {
margin: 0;
position: relative;
}
*/

/*#intro #prevBtn, #intro #nextBtn {
display: block;
margin: 0;
overflow: hidden;
position: absolute;
left: 20px;
top: -185px;
}
*/
/*#intro #nextBtn {
left: 880px;
float: right;
}
*/
/*#intro #prevBtn a, #intro #nextBtn a {
font-size: 3em;
display: block;
padding: 10px 0;
color: #C0C0C0;
}
*/
/*#intro #prevBtn a:hover, #intro #nextBtn a:hover {
color: #0A66AF;
text-decoration: none;
}
*/