/* __________[ general ]__________*/

body {
font:13px Arial, Tahoma, Verdana;
color:#B2B2B2;
margin:11px 0 0 0;
padding:0;
background:url(images/bg.jpg) repeat-x #0C0C0C;
line-height:18px;
}
ul,ol,p,h1,h2,h3,h4,blockquote,fieldset,form {
margin:0;
padding:0;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
img {
border:none;
}
a {
outline:none;
text-decoration:none;
color:#D7CC00;
}
a:hover {
color:#fff;
}
.left-img {
float:left;
border:1px solid #2C2C2C;
margin:4px 7px 0 0;
padding:3px;
background:#1A1A1A;
}
.right-img {
float:right;
border:1px solid #2C2C2C;
margin:5px 0 0 7px;
padding:3px;
background:#1A1A1A;
}
blockquote {
background:url(images/blockquote.gif) no-repeat top left;
padding:10px 0 0 40px;
font-style:italic;
}

/* __________[ browser hacks ]__________*/

.ie6 a.selected {
position:relative !important;
z-index:1;
}
.ie6  #navigation li a:hover {
z-index:2;
}
.ie6 .box-title  {
width:199px;
}
.ie6 #main {
width:820px;
}
.ie6 #sidebar {
position:absolute;
margin-left:-16px;
}
.ie6 #portfolio-thumbnails li {
height:165px;
}
.ie6 .activeSlide {
padding:6px 0 6px 0 !important;
margin-top:0 !important;
z-index:100;
position:relative;
font-weight:bold;
text-decoration:underline;
background:url(images/featured-button.png) 0 -36px !important;
}
.ie7 #navigation {
margin-right:5px;
}
.ie7 #portfolio-thumbnails li {
height:170px;
}

/* __________[ container ]__________*/

#container {
width:800px;
margin:0 auto;
}

/* __________[ header ]__________*/

#header {
width:800px;
height:98px;
background:#111;
margin-bottom:1px;
}
#logo {
	width:358px;
	height:98px;
	float:left;
}

/* __________[ navigation ]__________*/

#navigation {
float:right;
height:40px;
margin-top:30px;
}
#navigation ul {
list-style:none;
}
#navigation li {
float:left;
}
#navigation li a {
width:88px;
height:40px;
display:block;
text-indent:-9999pt;
}
#navigation li a:hover {
background-position:0 -35px;
position:relative;
}
 a.selected {
background-position:0 -35px !important;
}
#b-home {
background:url(images/home2.png) no-repeat 0px 0;
width:88px !important;
}
#b-home:hover {
background-position:0px -35px !important;
}
#b-who_we_are {
background:url(images/whoweare2.png) no-repeat;
margin-left:-15px;
}
#b-how_to_help {
background:url(images/howtohelp2.png) no-repeat;
margin-left:0px;
}
#b-portfolio {
background:url(images/portfolio2.png) no-repeat;
margin-left:-1px;
}
#b-contact {
background:url(images/contact2.png) no-repeat;
margin-left:-13px;
}

#main {
width:800px;
background:url(images/background.jpg) repeat-y;
}

/* __________[ content ]__________*/

#content {
float:left;
width:570px;
padding:0 15px 15px 15px;
}
.content-title {
width:600px;
position:relative;
margin:0 0 15px -15px;
border-right:1px solid #1A1A1A;
}

/* __________[ #content styles ]__________*/

#content h2,#content h3,#content h4,#content h5 {
font:18px Arial, Tahoma, Verdana;
padding-bottom:2px;
margin-bottom:10px;
border-bottom:1px solid #2c2c2c;
color:#ccc;
}
#content h2 {
font:18px Arial, Tahoma, Verdana;
}
#content h3 {
font:16px Arial, Tahoma, Verdana;
}
#content h4 {
font:14px Arial, Tahoma, Verdana;
}
#content h5 {
font:13px Arial, Tahoma, Verdana;
}
#content p {
margin-bottom:15px;
}
#content ul {
margin:10px 0 15px 30px;
list-style:circle;
}
#content ol {
margin:10px 0 15px 30px;
}

/* __________[ homepage featured slider ]__________*/

.featured-images p {
position:absolute;
color:#131313;
width:350px;
margin:7px 0 0 210px;
text-align:right;
}
.featured-images img {
display:block;
}
#featured-tabs {
width:570px;
background:#CAC200;
height:30px;
border-top:1px solid #000;
margin-bottom:15px;
}
#featured-tabs a {
display:block;
float:left;
padding:6px 0 6px 0;
width:31px;
text-align:center;
color:#2B2B2B;
background:url(images/featured-button.png) 0 -36px;
}
.activeSlide {
background:url(images/featured-button.png) no-repeat !important;
padding:12px 0 6px 0 !important;
margin-top:-6px;
z-index:100;
position:relative;
}

/* __________[ sidebar ]__________*/

#sidebar {
float:right;
width:199px;
padding:0 0 15px 1px;
}
.box-title {
width:200px;
height:51px;
text-indent:-9999pt;
}
#mission-statement {
	background:url(images/missionstatement_title.jpg) no-repeat;
}
#latest-news {
	background:url(images/latestnews_title.jpg) no-repeat;
}
#testimonials {
background:url(images/testimonials-title.jpg) no-repeat;
}
#links {
	background:url(images/links_title.jpg) no-repeat;
}
.sidebox ul {
list-style:none;
}
.sidebox li {
background:url(images/seperator.png) no-repeat bottom left;
padding:15px;
}
.sidebox a {
color:#7F7F7F;
}
.sidebox a:hover {
color:#9E9802;
}

/* __________[ footer ]__________*/

#footer {
width:800px;
background:#171717;
border-top:1px solid #2C2C2C;
}
#footer p {
padding:15px 0 15px 15px;
}

/* __________[ portfolio ]__________*/

#portfolio-thumbnails {
margin:0 !important;
list-style:none !important;
color:#A7A7A7;
}
#portfolio-thumbnails li {
margin-bottom:15px;
background:#080808;
padding:0 !important;
}
.thumbnail-link {
display:block;
width:280px;
height:150px;
padding:10px;
float:left;
}
.thumbnail-link img {
width:280px;
height:150px;
display:block;
}
.work-description {
display:block;
padding:10px 10px 10px 5px;
font-size:12px;
float:right;
width:255px;
}
.br2 {
margin-bottom:-10px;
}

/* __________[ contact form ]__________*/

#contactform fieldset {
border:none;
}
#contactform textarea {
border:1px solid #2C2C2C;
background:#1A1A1A;
font:12px Arial, Tahoma, Verdana;
padding:5px;
color:#B2B2B2;
width:500px;
height:150px;
}
#contactform input {
width:200px;
border:1px solid #2C2C2C;
font:12px Arial, Tahoma, Verdana;
padding:5px;
background:#1A1A1A;
margin-bottom:10px;
color:#B2B2B2;
display:block;
}
#contactform label {
margin-bottom:2px;
display:block;
}
#contactform input:focus, #contactform textarea:focus {
background:#080808;
}
#contactform .send {
font:11px Arial, Tahoma, Verdana;
padding:5px 10px 5px 10px;
width:auto;
text-align:center;
text-transform:uppercase;
margin-top:10px;
color:#131313;
background:#CAC200;
border:none;
cursor:pointer;
}
#contactform .send:hover {
background:#080808;
color:#b2b2b2;
}
#contactform .send:focus {
border:none;
}