@charset "UTF-8";
/* CSS Document */

/* General Styles */

body {
background:#fff;
background-attachment:fixed;
color: #333;
}

* {
outline:none;
}

.currentTextHolder {
color:#000;
}

/* Welcome */

.intro h1 {
display: block;
width: 500px;
margin: 0 0 0 30px;
padding: 10px 0 0 0 ;
font: bold 2.5em/2em "Lucida Grande", Arial, sans-serif; 
color:  #c9df88;
}

.intro h2 {
display: block;
width: 500px;
margin: 0 0 0 30px;
padding: 3px 0 30px 0 ;
font: 1.6em/1.4em "Lucida Grande", Arial, sans-serif; 
color:  #FFF;
}

.intro {

background:url(../images/homepage/intro.jpg) bottom no-repeat;
background-color: #554b55;
margin-bottom:40px;
}


.news h3 {
background:url(../images/layout/h3-news.png) bottom no-repeat;
padding-bottom:10px;
color: #00529b;
}

.services h3 {
background:url(../images/layout/h3-services.png) bottom no-repeat;
padding-bottom:10px;
color: #00529b;
}

.date {
text-align:center;
background:url(../images/layout/date.png) top no-repeat;
height:32px;
line-height:16px;
padding-top:4px;
}

.date strong {
display:block;
font-size:20px;
}

.date span {
display:block;
font-size:11px;
text-transform:uppercase;
}

.newsitem h4 {
margin:0 0 20px 0;
font-weight:bold;
color: #333;
}

.newsitem img {
display: block;
width: 147px;
float: left;
margin: 0 10px 0 0;
}


.service img {
float:left;
margin-bottom: 10px;
}

.service p {
margin-left:55px;
padding-top: 10px;
font-size: 14px;
}

/* About */

.about-intro {

margin-bottom:30px;
}

.about-intro h3 {
font: bold 2.5em/.8em "Lucida Grande", Arial, sans-serif; 
color:  #00529b;
}

.about-intro p {
font: 1.2em/1.8em "Lucida Grande", Arial, sans-serif; 
color:  #333;
}

ul#tab-container-1-nav {
width:150px;
margin:0 20px 0 0;
padding:0;
float:left;
}


ul#tab-container-1-nav li {
list-style:none;
margin:0;
padding:4px 8px;
line-height:13px;
margin-left:-8px;
}

ul#tab-container-1-nav li a {
color:#fff;
background: #777;
display:block;
padding:5px;
}

ul#tab-container-1-nav li a:hover, ul#tab-container-1-nav li a.active {
background: #00529b;
}

ul#tab-container-1-nav li a span {
display:block;
color:#c9df88;
font-size:11px;
}

.tab {
width:310px;
margin:0 0 0 170px;
}

.tab img {
float:right;
padding:3px;
background:#fff;
}

.testimonials {
padding:35px;
width:360px;
background-color: #c9df88;
}

.testimonials h3{
color:#00529b;
}

.testimonials blockquote{
color:#333;
}


span.author {
display:block;
font-weight:bold;
color:#00529b;
padding: 7px 0 0 0;
font-style:normal;
}

.clients img {
margin:5px;
}

/* Contact */

h2.contact {
font: bold 2.5em/.8em "Lucida Grande", Arial, sans-serif; 
color:  #00529b;
padding-bottom: 15px;
}

.span-5 h3{
font: bold 1.5em/1.4em "Lucida Grande", Arial, sans-serif; 
color:  #00529b;
padding: 15px 10px 0 25px;
}


.span-5 p {
font: .8em/1.5em "Lucida Grande", Arial, sans-serif; 
color:  #333;
padding: 0 20px 0 0;
}

fieldset {
padding:20px 30px 30px 30px;
border:1px solid #c9df88;
}

legend {
background: #c9df88;
padding:5px 10px;
color:#333;
font-weight:bold;
}

label {
display:block;
padding:10px 0 5px 0;
color:#00529b;
}

input, textarea {
background:#FFF;
border:1px solid #c9df88;
color:#00529b;
padding:4px;
}

input[type=submit] {
width:78px;
text-align:center;
color:#00529b;
background:url(../images/buttons/submit.png) no-repeat;
border:none;
cursor:pointer;
font-weight:bold;
padding:5px 0 8px 0;
}

#contact img.map {

}




/* Header */

.header {
height:100px;
padding-top:20px;
background:url(../images/layout/header-line.png) bottom no-repeat;
margin-bottom:30px;
}

.header ul {
float:right;
margin:20px 0 0 0;
padding:0;
}

.header ul li {
float:left;
list-style:none;
margin:0 0 0 20px;
padding:0;
}

.header ul li a {
font-size:15px;
font-weight:bold;
color:#00529b;
text-decoration:none;
}

.header ul li a:hover, .header ul li.active a {
color:#00529b;
border-bottom:2px solid #c9df88;
}

.header ul li.active a {
cursor:default;
}

/* Work */

.workitem {
background:url(../images/layout/work.png) top no-repeat;
height:118px;
}

h2.work {
text-indent:-9999px;
background:url(../images/headers/work.png) left no-repeat;
}

#work .tab {
width:auto;
margin:0;
}

#work .tab img {
padding:0;
margin:0;
}

ul#tab-container-2-nav {
margin:0 0 20px 0;
padding:0 5px 6px 0;
border-bottom:1px solid #BB2408;
}

ul#tab-container-2-nav li {
list-style:none;
margin:0;
padding:5px 5px 5px 0;
display:inline;
}

ul#tab-container-2-nav li a {
padding:5px;
color:#fff;
}

ul#tab-container-2-nav li a:hover, ul#tab-container-2-nav li a.active {
border-bottom:3px solid #BB2408;
}

/* Panels */

.panel {
height:1200px;
}

/* Sliding Boxes */

.boxgrid{ 
width: 300px; 
height: 100px; 
margin:5px; 
float:left; 
background:#fff; 
overflow: hidden; 
position: relative; 
}
.boxgrid img{ 
position: absolute; 
top: 0; 
left: 0; 
border: 0; 
}
.boxgrid p{ 
padding: 0 10px; 
color:#afafaf; 
font-weight:bold; 
font:10pt "Lucida Grande", Arial, sans-serif; 
}

.boxcaption{ 
float: left; 
position: absolute; 
background: #000; 
height: 100px; 
width: 100%; 
opacity: .9; 
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}
.captionfull .boxcaption {
top: 65px;
left: 0;
}
.caption .boxcaption {
top: 65px;
left: 0;
}

.boxcaption p {
marign:0;
padding:0 0 5px 0;
font-size:90%;
}

.boxcaption h3 {
margin-bottom:10px;
font-size:15px;
color:#fff;
}

.caption a:hover {
color:#900;
text-decoration:underline;
}

a.view {
padding-left:17px;
display:block;
margin-top:10px;
background:url(../images/icons/view.png) left no-repeat;
}

.cover {
padding:10px;
}