/* CSS Document */

body {
margin:0;
padding:0;
background:url(images/page_bg.jpg) repeat-x left top #8f5e33;
}
*:focus { outline:none }

.clear {
clear:both;
}
p{
padding:5px;
margin:5px;
}
.clear_one {
clear:both;
height:20px; 
}
#container_holder, #ft_holder {
margin:0 auto 0 auto;
width:1000px;
}
#footer_bg_holder{
background: url(images/footer_bg.jpg) repeat-x left bottom;
height:150px;
width:100%;
}
.logo_holder{
text-align:center;
padding:15px 0 10px 0;
}

.sub_nav{
height:22px;
width:850px;
text-align:right;
font-size:14px;
font-family:Verdana;
padding:4px 150px 0 0;
color:#e6d5bb;
text-transform:capitalize;
}


.top_nav {
background:url(images/top_menu_bg.gif) no-repeat center;
height:45px;
}

.top_nav a.home{
display:block;
width:58px;
height:45px;
background:url(images/img_home.gif) no-repeat right;
padding:0 0 0 27px;
float:left;
}
.top_nav a.home:hover{
background:url(images/img_home_h.gif) no-repeat right;
}
.top_nav a.home_on{
display:block;
width:58px;
height:45px;
background:url(images/img_home_h.gif) no-repeat right;
padding:0 0 0 27px;
float:left;
}

.top_nav a.about{
display:block;
width:72px;
height:45px;
background:url(images/img_about.gif) no-repeat right;
padding:0 0 0 27px;
float:left;
}
.top_nav a.about:hover{
background:url(images/img_about_h.gif) no-repeat right;
}
.top_nav a.about_on{
display:block;
width:72px;
height:45px;
background:url(images/img_about_h.gif) no-repeat right;
padding:0 0 0 27px;
float:left;
}
.top_nav a.wood{
display:block;
width:166px;
height:45px;
background:url(images/img_hardwood.gif) no-repeat right;
padding:0 0 0 23px;
float:left;
}
.top_nav a.wood:hover{
background:url(images/img_hardwood_h.gif) no-repeat right;
}

.top_nav a.wood_on{
display:block;
width:166px;
height:45px;
background:url(images/img_hardwood_h.gif) no-repeat right;
padding:0 0 0 23px;
float:left;
}

.top_nav a.service{
display:block;
width:136px;
height:45px;
background:url(images/img_other_serv.gif) no-repeat right;
padding:0 0 0 25px;
float:left;
}
.top_nav a.service:hover{
background:url(images/img_other_serv_h.gif) no-repeat right;
}
.top_nav a.service_on{
display:block;
width:136px;
height:45px;
background:url(images/img_other_serv_h.gif) no-repeat right;
padding:0 0 0 25px;
float:left;
}


.top_nav a.brand{
display:block;
width:78px;
height:45px;
background:url(images/img_brand.gif) no-repeat right;
padding:0 0 0 25px;
float:left;
}
.top_nav a.brand:hover{
background:url(images/img_brand_h.gif) no-repeat right;
}
.top_nav a.brand_on{
display:block;
width:78px;
height:45px;
background:url(images/img_brand_h.gif) no-repeat right;
padding:0 0 0 25px;
float:left;
}

.top_nav a.work{
display:block;
width:115px;
background:url(images/img_work.gif) no-repeat right;
height:45px;
padding:0 0 0 25px;
float:left;
}
.top_nav a.work:hover{
background:url(images/img_work_h.gif) no-repeat right;
}

.top_nav a.work_on{
display:block;
width:115px;
background:url(images/img_work_h.gif) no-repeat right;
height:45px;
padding:0 0 0 25px;
float:left;
}

.top_nav a.blog{
display:block;
width:68px;
background:url(images/img_blog.gif) no-repeat right;
height:45px;
padding:0 0 0 27px;
float:left;
}
.top_nav a.blog:hover{
background:url(images/img_blog_h.gif) no-repeat right;
}

.top_nav a.blog_on{
display:block;
width:68px;
background:url(images/img_blog_h.gif) no-repeat right;
height:45px;
padding:0 0 0 27px;
float:left;
}

.top_nav a.contact{
display:block;
width:68px;
background:url(images/img_contact.gif) no-repeat right;
height:45px;
padding:0 0 0 29px;
float:left;
}
.top_nav a.contact:hover{
background:url(images/img_contact_h.gif) no-repeat right;
}
.top_nav a.contact_on{
display:block;
width:68px;
background:url(images/img_contact_h.gif) no-repeat right;
height:45px;
padding:0 0 0 29px;
float:left;
}

.main_graphic_holder {
margin:0 auto 0 auto;
width:898px;
}
.content_holder {
margin:0 auto 0 auto;
background:url(images/angelo_designs.gif) bottom repeat-x;
width:798px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#100501;
line-height:20px;
padding:10px;
}

.content_holder_p {
margin:0 auto 0 auto;
background:url(images/angelo_designs.gif) bottom repeat-x;
width:773px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#100501;
line-height:20px;
padding:0 10px;
}
#pro_slide_show {
float:left;
margin:0 5px 0 0;
height:525px;
}
#service_slide_show {
float:right;
margin:0 5px 0 0;
height:525px;
}
.home_logo{
float:left; width:96px; margin-top:150px; margin-left:4px;
}
#home_anim {
float:left;
}
h1 {
padding:0;
margin:0;
font-size:18px;
font-family:Verdana;
color:#8c5b30;
}
h1.big {
padding:5px;
margin:10px;
font-size:32px;
font-family: "Arial Black";
color:#fff;
text-align:center;
}
h1.service {
padding:5px;
margin:10px;
font-size:25px;
font-family: "Arial Black";
color:#fff;
}
h1.sub_bold {
margin:10px;
font-size:25px;
font-family: "Arial Black";
color:#834141;
}

h1.blog {
margin:10px;
font-size:22px;
font-family: "Arial Black";
color:#1c0801;
font-weight:bold;
}

.product_logo {
float:left; text-align:right; margin:20px 15px 15px 0; width:500px;
}
.testimoni {
float:right; width:300px; padding:10px; background:url(images/gr.jpg) left top repeat-x; margin:0 10px 0 15px; border:1px #8c5b30 solid;
}

.more_work {
float:right; text-align:right; position:absolute; margin-left:200px; margin-top:45px; font-size:13px; font-family:verdana; color:#804000;
}
.more_work a{
text-decoration:underline; font-size:13px; font-family:verdana; color:#804000;
}
.more_work a:hover{
text-decoration:none; color:#804000;
}
.hw_flow {
width:640px; margin:0 auto 0 auto;
}
#img1 {
text-align:center;
}
.hw_text_holder{
padding-left:55px; margin-right:40px;
margin-top:15px;
}

.latest_work_p {
##background:url(images/angelo_designs.gif) bottom repeat-x;
width:863px;
margin:0 auto 0 10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#100501;
line-height:20px;
padding:0 20px;
}

.blog_p {
background:url(images/angelo_designs.gif) bottom repeat-x;
width:900px;
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#100501;
line-height:20px;
padding:0 20px;
margin-left:30px;
}
.work_holder {
float:left; margin:20px 15px 0 0;
text-align:center;
font-size:12px;
color:#100501;
}
.work_holder_sub {
float:left; margin:30px 15px 25px 0;
text-align:center;
font-size:12px;
color:#100501;
}
.work_holder img{ border:1px #8c623c solid; margin-bottom:5px;}
.work_holder_sub img{ border:1px #8c623c solid; margin-bottom:5px;}

.arch {
float:left; width:200px; padding-left:20px;
}
.blogholder{
float:left; width:645px; padding-left:15px; padding-right:15px; background:url(images/line.jpg) repeat-y left top;
}
img.blogimg {
margin:0 15px 15px 0;
}
span.color_one {
color:#4b3420;
}
span.color_two {
color:#271108;
}
span.color_three {
color:#271108;
font-size:15px;
font-weight:bold;
}
.blog_title{
margin:5px 0 0 0; float:left; width:200px;
}
.contact_map {
float:left; margin-right:50px;
}


/* Internal Scroller Styles */

#mycustomscroll {
/* percentage width without the fix*/
width: 640px;
height: 100px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
background-color: #E7EADE;
margin: 0.1em auto;
padding: 5px;
}

#mycustomscroll2 {
/*percantage width: make it 100% to match container*/
width: 460px;
height: 300px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
margin: 5px auto 10px -20px;
/* negative left margin to compensate for the padding,
not related to fleXcroll, and may not be needed elsewhere */
padding: 5px;
}

#mycustomscroll20 {
/*percantage width: make it 100% to match container*/
width: 460px;
height: 450px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
margin: 5px auto 10px -20px;
/* negative left margin to compensate for the padding,
not related to fleXcroll, and may not be needed elsewhere */
padding: 5px;
}

/*
percentage width: the real percentage is done by the wrapper
this is to fix various IE6 bugs
*/
.percentagewrap {
width:430px;
padding:5px 10px 10px 10px;
float:left;
margin-left:10px;
}

.fixedwidth {
/* a wide div is used for creating horizontal scrollbars for demonstration purposes */
width: 480px;
height: auto;
position: relative;
color: black;
padding: 1px;
}
.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
height:5px;
}

.vscrollerbase {
width: 10px;
background-color: #8d5c31;
cursor: pointer;
}
.vscrollerbar {
width: 10px;
background-color: #5b391b;
cursor: pointer;
}
.hscrollerbase {
height: 5px;
background-color: #8d5c31;
}
.hscrollerbar {
height: 3px;
background-color: #003366;
}
.scrollerjogbox {
width: 10px;
height: 3px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: gray;
}


#footer_bg_holder, #footer_bg_holder a {font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #fff;
line-height: 15px;}
#addrf {float: left; margin-top: 15px }
#social {float: right; margin-top: 15px }
#social img {text-align: center}
#telf {margin-bottom: 15px; text-align: left} 



ul.carousel-list li {text-decoration: none; list-style: none; float: left}