/* __________[ general ]__________*/

body {
	font:13px Arial, Tahoma, Verdana;
	color:#8B90EB;
	margin:11px 0 0 0;
	padding:0;
	background:url(images/bg.jpg) center top no-repeat;
	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:#4E5AE0;
}
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:219px;
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:100px;
height:40px;
display:block;
text-indent:-9999pt;
}
#navigation li a:hover {
background-position:0 -35px;
margin-left:-15px;
}
a.selected {
background-position:0 -35px !important;
}
#b-home:hover {
background-position:0 -35px !important;
}
#b-home {
background:url(images/home.jpg) no-repeat 0 0;
width:100px !important;
}
#b-about {
background:url(images/about.jpg) no-repeat;
margin-left:-15px;
}
#b-causes {
background:url(images/causes.jpg) no-repeat;
margin-left:-15px;
}
#b-team {
background:url(images/products.jpg) no-repeat;
margin-left:-15px;
}
#b-contact {
background:url(images/contact.jpg) no-repeat;
margin-left:-15px;
}

#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 {
	padding-bottom:2px;
	margin-bottom:10px;
	border-bottom:1px solid #2c2c2c;
	color:#FFFFFF;
	font-family: Arial, Tahoma, Verdana;
	font-size: 20px;
}
#content h2 {
	font:20px 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:#333333;
	width:350px;
	margin:7px 0 0 210px;
	text-align:right;
	left: 38px;
	top: 379px;
}
.featured-images img {
display:block;
}
#featured-tabs {
	width:570px;
	background:#b42a1c;
	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;
}
#latest-news {
background:url(images/latestnews-title.jpg) no-repeat;
}
#testimonials {
background:url(images/testimonials-title.jpg) no-repeat;
}
#follow-us {
background:url(images/follow-us.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:#111111;
border-top:1px solid #2C2C2C;
}
#footer p {
padding:15px 0 15px 15px;
}

/* __________[ portfolio ]__________*/

#portfolio-thumbnails {
	margin:0 !important;
	list-style:none !important;
	color:999999;
}
#portfolio-thumbnails li {
	margin-bottom:15px;
	padding:0 !important;
	background-color: #111111;
}
.thumbnail-link {
	display:block;
	width:187px;
	height:100px;
	padding:16px;
	float:left;
}
.thumbnail-link img {
	width:187px;
	height:100px;
	display:block;
}
.work-description {
	display:block;
	padding:10px 10px 10px 5px;
	font-size:12px;
	float:right;
	width:325px;
}
.br2 {

}

/* __________[ 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:150px;
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:#c0c0c0;
}
#contactform .send {
	font:11px Arial, Tahoma, Verdana;
	padding:5px 10px 5px 10px;
	width:auto;
	text-align:center;
	text-transform:uppercase;
	margin-top:10px;
	color:#111111;
	background:2e38a7;
	border:none;
	cursor:pointer;
}
#contactform .send:hover {
background:#080808;
color:#b2b2b2;
}
#contactform .send:focus {
border:none;
}