/* __________[ 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;
}

.left-img:hover {
border:1px solid #D7CC00;}


.index-img-rollover1 {background: transparent url(../images/rollover/rentals.png) -0px -0px no-repeat; width:178px; height:98px}
.index-img-rollover1:hover {width:178px;height:98px;background: transparent url(../images/rollover/rentals.png) -0px -98px no-repeat;}

.index-img-rollover2 {background: transparent url(../images/rollover/commercial.png) -0px -0px no-repeat; width:178px; height:98px}
.index-img-rollover2:hover {width:178px;height:98px;background: transparent url(../images/rollover/commercial.png) -0px -98px no-repeat;}

.index-img-rollover3 {background: transparent url(../images/rollover/residential.png) -0px -0px no-repeat; width:178px; height:98px}
.index-img-rollover3:hover {width:178px;height:98px;background: transparent url(../images/rollover/residential.png) -0px -98px no-repeat;}

.index-img-rollover4 {background: transparent url(../images/rollover/spares.png) -0px -0px no-repeat; width:178px; height:98px}
.index-img-rollover4:hover {width:178px;height:98px;background: transparent url(../images/rollover/spares.png) -0px -98px no-repeat;}

.index-img-rollover {background: transparent url(../images/try.png) -0px -0px no-repeat; width:178px; height:98px}
.index-img-rollover:hover {width:178px;height:98px;background: transparent url(../images/try.png) -0px -98px no-repeat;}

.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 #item-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 #item-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;
position:relative;
}
 a.selected {
background-position:0 -35px !important;
}
#b-home {
background:url(../images/nav/home.png) no-repeat -10px 0;
width:80px !important;
}
#b-home:hover {
background-position:-10px -35px !important;
}
#b-about {
background:url(../images/about.jpg) no-repeat;
margin-left:-20px;
}
#b-portfolio {
background:url(../images/portfolio.jpg) no-repeat;
margin-left:-13px;
}
#b-contact {
background:url(../images/nav/contact.png) no-repeat;
margin-left:-35px;
}

#b-residential {
background:url(../images/nav/residential.png) no-repeat;
margin-left:0px;
}

#b-coffee {
background:url(../images/nav/coffee.png) no-repeat;
margin-left:-20px;
}

#b-commercial {
background:url(../images/nav/commercial.png) no-repeat;
margin-left:-13px;
}

#b-rentals {
background:url(../images/nav/rentals.png) no-repeat;
margin-left:-15px;
}

#b-spares {
background:url(../images/nav/spares.png) no-repeat;
margin-left:-5px;
}


#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:0px 0 0 210px;
text-align:right;
font-size:10px;
background:url(../images/featured-button2.png) repeat-x;
padding-bottom:5px;
}
.featured-images img {
display:block;
}
#featured-tabs {
width:570px;
background:url(../images/featured-button2.png) repeat-x;
height:15px;
//border-top:1px solid #000;
margin-bottom:15px;
padding:6px 0 6px 0;

}
#featured-tabs a {
display:block;
float:left;
padding:12px 0 6px 0;
width:31px;
text-align:center;
color:#d7cc01;

//background:url(../images/featured-buton2.png);
height:10px;
}
.activeSlide {
background:url(../images/featured-button.png) no-repeat !important;
padding:12px 0 6px 0 !important;
margin-top:-12px;
z-index:100;
position:relative;
height:10px
}

/* __________[ 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;
}
.sidebox ul {
list-style:none;
}
.sidebox li {
background:url(../images/seperator.png) no-repeat bottom left;
padding:15px;
}
.sidebox a {
color:#bbb;
}
.sidebox a:hover {
color:#9E9802;
}

/* __________[ footer ]__________*/

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

/* __________[ portfolio ]__________*/

#item-thumbnails {
margin:0 !important;
list-style:none !important;
color:#A7A7A7;
}
#item-thumbnails li {
margin-bottom:15px;
background:#080808;
padding:0 !important;
border: 1px solid #1A1A1A
}

#item-thumbnails li:hover {
border: 1px solid #DDC700
}

.thumbnail-link {
display:block;
width:280px;
height:150px;
padding:10px;
float:left;
}
.thumbnail-link img {
width:280px;
height:300px;
display:block;
}
.thumbnail-link-commercial {
display:block;
width:270px;
height:200px;
padding:10px;
float:left;
}

.thumbnail-link-coffee {
display:block;
width:120px;
height:120px;
padding:20px;
float:left;
}
.thumbnail-link-coffee img {

display:block;
}
.thumbnail-link-commercial img {

display:block;
}
.work-description {
display:block;
padding:10px 10px 10px 5px;
font-size:12px;
float:right;
width:255px;
}
.work-description-coffee {
display:block;
padding:10px 10px 10px 5px;
font-size:12px;
float:right;
width:390px;
}
.br2 {
margin-bottom:-10px;
}

/* __________[ contact form ]__________*/

#contactform fieldset {
border:none;
}
a.bright_link {
	color:#D7CC00;
}
a.bright_link:hover {
	color:#FFC
}

#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:#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:#b2b2b2;
background:#000;
border:solid;
border-color:#CAC200;
border:thin solid;
cursor:pointer;
}
#contactform .send:hover {
font:11px Arial, Tahoma, Verdana;
padding:5px 10px 5px 10px;
width:auto;
text-align:center;
text-transform:uppercase;
margin-top:10px;
border:solid;
border:thin solid;
cursor:pointer;

background:#080808;
color:#CAC200;
}


/* __________[ other ]__________*/

div.float_right {float:right}

img.float_left {float:left}

td.padding12 {padding:12px}
td.padding25 {padding:25px}
td.padding50 {padding:50px}

img.frame1 {
	
	float:right;
border:1px solid #2C2C2C;
margin:5px 0 0 7px;
padding:3px;
background:#1A1A1A;

}



input.read_more_button {
	background:none;border:0;color:#D7CC00;margin:0;padding:0;
	font:13px Arial, Tahoma, Verdana;

}
input.read_more_button:hover {
	background:none;border:0;color:#ffffff;

}