/*----------[ general styles ]----------*/

body {
background:#262626;
font:12px Verdana, Arial, Sans-Serif;
color:#CBCBCB;
}
body,p,ul,ol,h1,h2,h3,h4,blockquote,fieldset,form {
margin:0;
padding:0;
}
a {
outline:none;
text-decoration:none;
color:#80BDD9;
}
a:hover {
color:#fff;
}
img {
border:none;
}
.left-img {
float:left;
border:1px solid #586363;
margin:4px 7px 0 0;
padding:3px;
background:#454E4E;
}
.right-img {
float:right;
border:1px solid #586363;
margin:5px 0 0 7px;
padding:3px;
background:#454E4E;
}
blockquote {
background:url(images/blockquote.gif) no-repeat top left;
padding:10px 0 0 40px;
font-style:italic;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/*----------[ container ]----------*/

#container {
width:800px;
margin:0 auto;
background:url(images/background.jpg) repeat-y;
padding:0 20px 0 20px;
}

/*----------[ header & logo ]----------*/

#header {
width:800px;
height:150px;
background:url(images/header.jpg) no-repeat;
}

/*----------[ navigation ]----------*/

#navigation {
width:800px;
background:url(images/nav.jpg) repeat-x;
height:40px;
}
#navigation ul {
list-style:none;
}
#navigation li {
float:left;
border-right:1px solid #666;
}
#navigation li a {
display:block;
text-indent:-9999pt;
width:100px;
height:40px;
}
#b1 {
background:url(images/home-button.jpg) no-repeat;
}
#b1:hover {
background:url(images/home-button.jpg) no-repeat 0 -40px;
}
#b2 {
background:url(images/forms-button.jpg) no-repeat;
}
#b2:hover {
background:url(images/forms-button.jpg) no-repeat 0 -40px;
}
#b3 {
background:url(images/buy-button.jpg) no-repeat;
}
#b3:hover {
background:url(images/buy-button.jpg) no-repeat 0 -40px;
}

#b4 {
background:url(images/contact-button.jpg) no-repeat;
}
#b4:hover {
background:url(images/contact-button.jpg) no-repeat 0 -40px;
}
/*----------[ main div ]----------*/

#main {
padding:20px;
width:760px;
}

/*----------[ featured slider ]----------*/

#featured {
border-top:1px solid #B5B5B5;
border-right:1px solid #B5B5B5;
border-left:1px solid #B5B5B5;
width:758px;
height:239px;
}
.featured img {
border-bottom:1px solid #000;
}
#featured-caption {
position:absolute;
margin:7px 0 0 10px;
color:#323738;
width:400px;
}
#featured-controls {
width:760px;
height:30px;
border-bottom:4px solid #8C8C8C;
border-top:1px solid #F3F3F3;
background:#B5B5B5;
}
#featured-arrows {
width:42px;
height:19px;
position:absolute;
margin:4px 0 0 710px;
}
#featured-arrows a {
display:block;
background:url(images/featured-arrows.jpg) no-repeat;
width:21px;
height:19px;
text-indent:-9999pt;
}
#prev {
float:left;
}
#prev:hover {
background-position:0 -18px;
}
#next {
background-position:-21px 0 !important;
float:right;
}
#next:hover {
background-position:-21px -18px !important;
}

/*----------[ sections ]----------*/

.section {
margin-top:20px;
line-height:18px;
}
.to-the-top {
background:url(images/up-button.jpg);
width:24px;
height:30px;
position:absolute;
text-indent:-9999pt;
margin:2px 0 0 760px;
}
.section-title {
width:800px;
height:37px;
background:url(images/section-title.jpg) repeat-x;
margin:0 0 20px -20px;
}
.section-title img {
	display:block;
	margin:2px 0 0 0;
	position:absolute;
	width: 225px;
}
.section p {
margin-bottom:10px;
}
.section h2, .section h3, .section h4, .section h5 {
padding-bottom:2px;
margin-bottom:10px;
border-bottom:1px solid #586363;
color:#eee;
font-family:Arial, Tahoma, Verdana, Sans-Serif;
font-weight:normal;
}
.section h2 {
font-size:18px;
}
.section h3 {
font-size:16px;
}
.section h4 {
font-size:14px;
}
.section h5 {
font-size:13px;
}
.section p {
margin-bottom:10px;
}
.section ul {
margin:10px 0 15px 30px;
list-style:circle;
}
.section ol {
margin:10px 0 15px 30px;
}
.section table {
border-left:1px solid #586363;
border-top:1px solid #586363;
}
.section td, .section th {
border-right:1px solid #586363;
border-bottom:1px solid #586363;
padding:5px;
}
.section th {
color:#eee;
font-size:13px;
font-weight:normal;
background:#3D4545;
}

/*----------[ portfolio styles ]----------*/

ul.work-gallery {
list-style:none;
width:780px;
margin-left:0px;
position:relative;
}
.work-gallery li {
float:left;
width:180px;
margin-right:10px;
border:1px solid #586363;
font-size:11px;
background:#3D4545;
margin-bottom:11px;
}
.work-gallery li:hover {
border:1px solid #697676;
background:#333939;
}
 a.work-thumb {
display:block;
border-bottom:1px solid #586363;
padding:5px 5px 0 5px;
background:#444D4D;
}
.work-name {
padding:5px;
border-bottom:1px solid #586363;
}
.work-description {
padding:5px;
}

/*----------[ contact form ]----------*/

#contactform {
float:left;
width:360px;
margin-right:20px;
}
#contactform fieldset {
border:none;
}
#contactform input {
width:150px;
}
#contactform textarea {
width:350px;
height:120px;
}
#contactform input, #contactform textarea {
display:block;
border:1px solid #586363;
padding:5px;
background:#444D4D;
font:12px Verdana, Arial, Sans-Serif;
color:#CBCBCB;
margin-bottom:10px;
}
#contactform input:focus, #contactform textarea:focus {
border:1px solid #697676;
background:#333939;
}
.send {
width:80px !important;
background:#40676E !important;
border:1px solid #131514 !important;
color:#eee !important;
cursor:pointer;
}
.send:hover {
border-color:#898989 !important;
}
#contact-information {
float:right;
width:380px;
}
.ie6 #contact-information {
width:360px;
}

/*----------[ footer ]----------*/

#footer {
width:800px;
border-top:1px solid #131514;
background:#444;
}
#footer p {
padding:20px;
border-top:1px solid #666;
}