/* CSS Document */

/* General Styles */

body {
background:#000;

}
.container {width:970px;margin:0 auto;}
* {
outline:none;
}
p {
font-size: 15px;
}

a {

color: #f3c100;
text-decoration: none;
font-weight: bold;

}

a:hover 

{color: #f3c100;

text-decoration:underline;

}


.currentTextHolder {
color:#000;
}
.span-8 {width:241px; }
div.span-8{margin-right:0px; }
/* Welcome */

.intro h1 {
text-indent:-9999px;
}

h3  {color: #f8c100}
.intro h2 {
text-indent:-9999px;
}

.intro {
height:175px;
background:url(../images/headers/welcome.png) top left no-repeat;
margin-bottom:40px;
}

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

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

.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 10px 0;
font-weight:bold;
}

.service img {
float:left;
}

.me img {
float:left;
padding: 5px; margin: 5px 15px 5px 0; 
}

.about p {
margin-left:55px;
font-size:15px;
}

/* About */

.about-intro {
height:155px;
margin-bottom:30px;
}

.about-intro h3 {
text-indent:-9999px;
}

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

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

}

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;
display:block;
padding:5px;
}

ul#tab-container-1-nav li a:hover, ul#tab-container-1-nav li a.active {
background:url(../images/about/team-active.gif) no-repeat;
}

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

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

.tab img {
float:right;
background:#000;
}

.testimonials {
height:294px;
padding:35px;
width:360px;
background:url(../images/about/testimonials.jpg) no-repeat;
}

span.author {
display:block;
font-weight:bold;
color:#fff;
font-style:normal;
}

.clients img {
margin:5px;
}

/* Contact */

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

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

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

label {
display:block;
padding:10px 0 5px 0;
}

input, textarea {
background:#FFF1B4;
border:1px solid #631708;
color:#631708;
padding:4px;
}

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

#contact img.map {
padding:5px;
background:#fff;
margin-bottom:30px;
}

.email-phone strong {
color:#fff;
}

/* Header */

.header {
height:70px;
padding-top:40px;
margin-bottom:30px;
}

.header ul {
float:right;
margin: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:#FFF1B4;
text-decoration:none;
}

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

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

/* Work */

.workitem {

height:140px;

}

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

#work .tab {
width:auto;
margin:1px;
}

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

ul#tab-container-2-nav {
margin:0 0 20px 0;
padding:0 5px 6px 0;

}

ul#tab-container-2-nav li {
font-weight: bold;

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 #f3c100;
}

.span-20

{

width: 970px;

}

/* Panels */

.panel1 {
height:500px;
}

.panel2 {
height:750px;

}
.panel3 {
height:500px;
}

/* Sliding Boxes */

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

.boxcaption{ 
float: left; 
position: absolute; 
background: #000; 
height: 140px; 
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: 140px;
left: 0;

}
.caption .boxcaption {
top: 65px;
left: 0;
}

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

.boxcaption h3 {
margin-bottom:10px;
font-size: 20px;
font-weight:bold
color:#f8c100;
}

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



.cover {
padding:10px;
}

.copyright{
text-align: -moz-center;
text-align: center;
 font-family: Arial,Helvetica,sans-serif;
font-size: 11px;
color: #fff;}
