body { background:#0b0c0e url('images/body_bg_1.jpg'); margin:0; padding:0; font-family:'Calibri', 'Tahoma', 'Arial'; font-size:17px; line-height: 20px; color:#090E13; 
background-position: top center;
background-repeat: no-repeat;
}
h1, h2, h3 { font-weight:100; }
h1 { color: #fff!important; white-space: nowrap; font-size:28px; margin-bottom: 10px; font-weight:999;}
h2 { font-size:24px; color: #870016; }
h3 { font-size:22px; color: #870016; margin-bottom: 10px;}

a { color:#870016; }
a:hover { color:#870016; text-decoration:none; }
a:link { color:#870016; text-decoration:none; }
a:visited { color:#870016; text-decoration:none; }

input { border:1px solid #000000; }
textarea { border:1px solid #000000; }

blockquote { background:#333; line-height: 20px; color:#fff;margin:5px 10px; padding:5px 10px; }
blockquote .quote {line-height: 20px; font-size: 25px; margin:5px 5px;}

a img { border:0; }

div.seperator { display:block; margin:0 auto; height:1px; width:560px; background:url('images/seperator.jpg') repeat-x scroll  top left;  }
div.seperator2 { display:block; margin:0 auto; height:1px; width:200px; background:url('images/separator2.jpg') no-repeat scroll  top left;  }

ul.bullets { list-style-position:outside; margin:5px 10px; padding:0; }
ul.bullets li { margin:0 10px; padding:0 10px; }

.company-title:hover{
    color:#fff;
}

.button {
    color: #000;
    font-size: 20px;
    padding: 15px 22px;
    background: none;
    border: 2px solid;
    text-align: center;
    max-width: 300px;
    display: inline-block;
    width: 100%;
}
.button:hover {
    background: #222;
    color: #fff;
}

.logo{ width:300px; }

ol li { margin:5px; }

.more-width{ width:100%!important; }

.wrapper { width:983px; margin:0 auto;}

.wrapper .header { }

.wrapper .header .header-left { float:left; width:800px; vertical-align:top; margin-bottom:20px;}

.wrapper .header .header-left img.logo { position:relative; float: left; left:5px; top:10px; }

.wrapper .header .header-right { float:right; width:960px;}

.wrapper .header .header-right .header-right-topbar {width: 370px; height: 80px;float:right; position: relative; top: -105px; left: 156px;}

.wrapper .header .header-right .header-right-topbar ul { list-style-type:none; margin:0; padding:0;}

.wrapper .header .header-right .header-right-topbar ul li {display:block; float:left; width:173px; text-align:center; padding:11px 0px 9px; color:#fff; text-shadow: 1px 1px #000; }

.wrapper .header .header-right .header-right-topbar .header-email{ width:60%; font-size:17px; margin-left:5px; padding:0; }

.wrapper .header .header-company h1 a{font-size: 40px; margin:0px; color: #fff; position: relative; top: 25px; left: 10px; text-shadow: 1px 1px #000; }

.wrapper .header .header-company h2 a{font-size: 20px; margin:0px; position: relative; top: 25px; left: 11px; font-weight: bold; text-shadow: 1px 1px #000; }

.wrapper .header .header-right .header-right-mainmenu {width: 950px; float: right;  }

.wrapper .header .header-right .header-right-mainmenu ul {float: right; }

.wrapper .header .header-right .header-right-mainmenu ul li { white-space: nowrap; display:block; float:left; text-align:center; margin-left:20px; margin-bottom:10px; padding:10px; font-size:17px; }

.wrapper .header .header-right .header-right-mainmenu ul li a{font-weight: bold; color: #fff; text-shadow: 1px 1px #000 }

.wrapper .header .header-right .header-right-mainmenu ul li a:hover {font-weight: bold; color: #870016; text-shadow: 1px 1px #000; }

.wrapper .header .header-right .header-right-mainmenu ul li.selected a{font-weight: bold; color: #870016; text-shadow: 1px 1px #000; }

.has-submenu:hover{ background-color:rgba(0,0,0,.8); }

.wrapper .header .header-right .header-right-mainmenu ul li ul { position:absolute; margin-left:-10px; z-index:1; float:none; width:180px; background-color:rgba(0,0,0,.8); padding:0 10px; }

.wrapper .header .header-right .header-right-mainmenu ul li ul li { display:block; float:none; text-align:left; margin:0 !important; background:none !important; border:none !important; }

.wrapper .content {position: relative;  color:#fff;}

.wrapper .content a { color:#870016; }



.wrapper .content .content-top { padding-top:5px; position:relative; background-color: rgba(0,0,0,.7);}

.wrapper .content .content-top  .content-top-inner { width:960px; margin:0 auto; }



.wrapper .content .content-top  .content-top-inner .content-top-one, 

.wrapper .content .content-top  .content-top-inner .content-top-two,

.wrapper .content .content-top  .content-top-inner .content-top-three { color:#FFFFFF; }



.wrapper .content .content-top  .content-top-inner .content-top-one p, 

.wrapper .content .content-top  .content-top-inner .content-top-two p ,

.wrapper .content .content-top  .content-top-inner .content-top-three p { font-size:12px; }



.wrapper .content .content-top  .content-top-inner .content-top-one a.more, 

.wrapper .content .content-top  .content-top-inner .content-top-two a.more,

.wrapper .content .content-top  .content-top-inner .content-top-three a.more { color:#870016; } 



.wrapper .content .content-top  .content-top-inner { }

.wrapper .content .content-top  .content-top-inner .content-top-one { float:left;width:150px; height: 100px; border-right:1px solid #FFFFFF; background: transparent url('images/icon1.jpg') scroll no-repeat 5% 35%; padding-left:160px; position:relative; top: 5px; z-index:26; }

.wrapper .content .content-top  .content-top-inner .content-top-two { float:left;width:135px; height: 100px; border-right:1px solid #FFFFFF; background: transparent url('images/icon2.jpg') scroll no-repeat 5% 35%; padding-left:160px;position:relative; top: 5px; z-index:26;}

.wrapper .content .content-top  .content-top-inner .content-top-three { float:left;width:155px; height: 100px; background: transparent url('images/icon3-1.jpg') scroll no-repeat 5% 35%; padding-left:160px;position:relative; top: 5px; z-index:26; }

.wrapper .content .content-top  .content-top-inner .content-top-shadow { scroll no-repeat 0 0; position:absolute;  left:0px; width:998px; height:161px;z-index:25;  }

.wrapper .content .content-top  .content-top-inner h1 { margin:0; padding:5px 0px 5px 0px; white-space:normal; }

.wrapper .content .content-top  .content-top-inner p { margin:0; padding:0 0 10px 0; } 



.wrapper .content .content-main { width:960px; margin:0 auto; padding:20px 0; position: relative; right: 11px;}

.wrapper .content .content-main .content-main-left {background:url('images/bg-transp.png'); float:left; width:74%; margin-right: 24px; padding-left: 10px; padding-right: 10px;}

.wrapper .content .content-main .content-main-left .left-small{ float:left; width:50%; }

.wrapper .content .content-main .content-main-left .right-small{ float:right; width:48%; }

.wrapper .content .content-main .content-main-right{ float:left; width:20%;}

.wrapper .content .content-main-rightcol {margin-top:20px; }

.wrapper .content .content-main-rightcol .content-main-left {background:url('images/bg-transp.png'); padding: 20px; float:left; width:71%; }

.wrapper .content .content-main-rightcol .content-main-right{ float:right;  width:23%;}

.wrapper .content .content-main .content-main-left h3 {color:#870016; font-weight: bold; font-size: 14px;}

.wrapper .content .content-main .content-main-left b {color:#870016;}

.wrapper .content .content-main .content-main-left .tiplist {position: relative; right: 15px;} 


/* CONTENT-MAIN - START */

.wrapper .content .content-main .content-main-right .bigger { font-size:20px; }

.wrapper .content .content-main .content-main-right .big { font-size:18px;}

.wrapper .content .content-main .content-main-right .panel { width:232px; margin-top:0px;}

.wrapper .content .content-main .content-main-right .panel .head { background: #000; height:38px; padding-top:15px; text-align:center; }

.wrapper .content .content-main .content-main-right .panel .head h2 { margin:0; padding:0; color:#870016; }

.wrapper .content .content-main .content-main-right .panel .head a { color:#870016; }

.wrapper .content .content-main .content-main-right .panel .body { border:1px solid #000000; padding:5px; background:url('images/bg-transp.png');}

.wrapper .content .content-main .content-main-right .panel .body ul { margin:20px; padding:0; line-height: 20px;}



.wrapper .content .content-main .content-main-left .rss-panel {
	width:238px;
	margin-top:10px;

}

.wrapper .content .content-main .content-main-left .rss-panel .head { background: transparent url('images/rss_top.png') no-repeat scroll 0% 0%; height:24px; text-align:right;padding-top:19px; padding-right:4px; font-size:12px; font-weight:300; }

.wrapper .content .content-main .content-main-left .rss-panel .head a { color:#870016; }

.wrapper .content .content-main .content-main-left .rss-panel .body { border:1px solid #000000; padding:5px;  }

.wrapper .content .content-main .content-main-left .rss-panel .body ul { margin:20px; padding:0; }



.wrapper .content .content-main .content-main-left .testimonial { width:242px; margin-top:20px; }

.wrapper .content .content-main .content-main-left .testimonial .head { font-size:26px; }

.wrapper .content .content-main .content-main-left .testimonial .body { }

/* CONTENT-MAIN - END */



/* CONTENT-MAIN-RIGHTCOL - START */

.wrapper .content .content-main .content-main-left .bigger { font-size:20px; }

.wrapper .content .content-main .content-main-left .big { font-size:18px; }





.wrapper .content .content-main-rightcol .content-main-right .panel { width:242px; margin-top:10px; background-color: #000;}

.wrapper .content .content-main-rightcol .content-main-right .panel .head { background: transparent url('images/panel_top.png') no-repeat scroll 0% 0%; height:38px; padding-top:5px; text-align:center; }

.wrapper .content .content-main-rightcol .content-main-right .panel .head h2 { margin:0; padding:0; color:#870016; }

.wrapper .content .content-main-rightcol .content-main-right .panel .head a { color:#870016; }

.wrapper .content .content-main-rightcol .content-main-right .panel .body { border:1px solid #000000; padding:5px;  }

.wrapper .content .content-main-rightcol .content-main-right .panel .body ul { margin:20px; padding:0; }



.wrapper .content .content-main-rightcol .content-main-right .rss-panel { width:242px; margin-top:10px; }

.wrapper .content .content-main-rightcol .content-main-right .rss-panel .head { background: transparent url('images/rss_top.png') no-repeat scroll 0% 0%; height:24px; text-align:right;padding-top:19px; padding-right:4px; font-size:12px; font-weight:300; }

.wrapper .content .content-main-rightcol .content-main-right .rss-panel .head a { color:#870016; }

.wrapper .content .content-main-rightcol .content-main-right .rss-panel .body { border:1px solid #000000; padding:5px;  }

.wrapper .content .content-main-rightcol .content-main-right .rss-panel .body ul { margin:20px; padding:0; }



.wrapper .content .content-main-rightcol .content-main-right .testimonial { width:242px; margin-top:20px; }

.wrapper .content .content-main-rightcol .content-main-right .testimonial .head { font-size:26px; }

.wrapper .content .content-main-rightcol .content-main-right .testimonial .body { }

/* CONTENT-MAIN-RIGHTCOL - END */






/*.footer{ background-image:url('images/footer-bg.jpg'); background-repeat:no-repeat; background-position:center; }*/

.footer .wrapper {   padding: 1px; color: #870016; height:200px;}

.wrapper .footer-inner { width:900px; margin:10px auto 0 auto;  }


.wrapper .footer-inner h3 { color: #fff; font-weight: bold; text-shadow: 1px 1px #000; }
.wrapper .footer-inner ul li,

.wrapper .footer-inner a { color:#870016; text-shadow: 1px 1px #000; }

.wrapper .footer-inner div { float: left; width:175px; }

.wrapper .footer-bottom { width:800px; margin:0 auto;}

.wrapper .footer-bottom .footer-bottom-left { float:left; width:16px; background: transparent url('images/footer_left.png') no-repeat scroll 0% 0%; height:17px; }

.wrapper .footer-bottom .footer-bottom-center { float:left; width:768px; background:#254C83;height:17px;} 

.wrapper .footer-bottom .footer-bottom-right { float:right; width:16px; background: transparent url('images/footer_right.png') no-repeat scroll 0% 0%; height:17px; }



.wrapper .footer-inner .copyright { float:right; width:350px; margin-top:30px; width:200px;  }
 


.calltoday {
     margin: 0px;
     color:#870016;
     position:relative;
     top: 0px;
     left: 10px;
     font-size: 16px;
     text-shadow: 1px 1px #000;
}
table.servicelist {
     width: 700px;

}
table.servicelist td{
     line-height: 20px;

}
table.contact{
	line-height: 20px;
	width: 987px;
}
table.contact td.left{
    width: 400px;
	padding: 10px;
	background:url('images/bg-transp.png');
}
table.contact td.right{

	padding-left: 10px;
	background:url('images/bg-transp.png');
}
table.contact td.center{
    width: 30px;
	
}

#googlemapping{
     position: relative;
     width: 983px;
     height: 367px;
	 border: 1px solid #870016;
}
#aboutimage{
	background:url('images/about.jpg');
    position: relative;
    width: 983px;
    height: 367px;
	border: 1px solid #870016;
}
#galleryimage{
	background:url('images/gallery.jpg');
    position: relative;
    width: 983px;
    height: 367px;
	border: 1px solid #870016;
}
#servicesimage{
	background:url('images/services.jpg');
    position: relative;
    width: 983px;
    height: 367px;
	border: 1px solid #870016;
}
#structuralimage{
	background:url('images/banner1-2.jpg');
    position: relative;
    width: 983px;
    height: 367px;
	border: 1px solid #870016;
}
#railingimage{
	background:url('images/railing.jpg');
    position: relative;
    width: 983px;
    height: 367px;
	border: 1px solid #870016;
}
#ornametalimage{
	background:url('images/ornametal.jpg');
    position: relative;
    width: 983px;
    height: 367px;
	border: 1px solid #870016;
}
#buynow {
	font: 14px 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif;
	color: #fff;
	text-align: center;
	background: url('images/buynow.png');
	border: 1px solid #69bef1;
	padding: 5px;
	margin: 5px;
	float: left;
	position:absolute;
	z-index: 1000;
	right: 0px;
}

#buynow a {
     color: #fff;
     display: block;
     margin-bottom: 4px;
     font-weight: normal;
     text-decoration: none;
     text-shadow: none;
}

#buynow a:hover {
     text-decoration: underline;
}

#buynow p {
     font-size: 12px;
     margin-bottom: 3px;
     margin-top: 2px;
     text-shadow: none;
     
}

#buynow div a {
     font-weight: 800;
}
table.mainpromo{
     background-color: #fff;
     padding-top: 4px;
}
table.promoleft {
     background: url('images/leftbg.gif');
     background-repeat: no-repeat;
     width: 282px;
     height: 207px;
     padding: 5px;
     line-height: 25px;
     font-size: 18px;
     color:#fff;
}
table td.promoright{
     padding: 10px;
}
table.promoleft h1{
     font-size: 30px;
     margin: 15px;
     color: #008f01;
     
}
table.mainpromo a{
     font-size: 18px;
     color: #ff8000;
}
table.mainpromo ul{
     line-height: 24px;
}
#flash {
	position: relative;
	margin: 0px;

}
#footerright{
	float: right;
	position: relative;
	width: 300px;
	text-align: right;
	text-shadow: 1px 1px #000;

}
#left-service {
	float: left;
	width: 290px;
	line-height: 24px;

	margin-right: 0px;

}
#left-service li, #right-service li{
	font-weight: bold;
     color: #870016;
}
#right-service{
	float: right;
	width: 290px;
	line-height: 24px;
	margin-right: 30px;

}
/*****************/
/* Custom Styles */
/*****************/

.service-list-li{
	width:50%;
	float:left;
	list-style:none;
	margin-bottom:25px;
	font-weight:bold;
	color: #870016;
}

.service-list-li ul{
	list-style:none;
	padding:0 10px;
}
.service-list-li ul li{
	color: #fff;
}
/*****************/
/* Custom Slider */
/*****************/
  
    #wrapper {
    height: 100%;
    width: 100%;
    min-height: 350px;
    min-width: 900px;
    padding-top: 1px;
    }
	.caroufredsel_wrapper{
	margin:0 !important;
	}
    #slider {
    margin: 100px 0 0 0;
    height: 350px;
    overflow: hidden;
    background: url(images/ajax-loader.gif) center center no-repeat;
    }
     
    #slider .slide {
    position: relative;
    display: none;
    height: 350px;
    float: left;
    background-position: center right;
    cursor: pointer;
    border-left: 1px solid #870016;
    }
     
    #slider .slide:first-child {
    border: none;
    }
     
    #slider .slide.active {
    cursor: default;
    }
     
    #slider .slide-block {
    position: absolute;
    left: 40px;
    bottom: 75px;
    display: inline-block;
    width: 435px;
    background-color: rgba(0,0,0, 0.7);	
    padding: 20px;
    font-size: 14px;
    color: #870016;
    border: 1px solid #870016;
    overflow: hidden;
    border-radius: 4px;
    }
     
    #slider .slide-block h4 {
    font-size: 36px;
    font-weight: bold;
    margin: 0 0 10px 0;
    line-height: 1;
    text-shadow: 1px 1px white;
    }
    #slider .slide-block p {
    margin: 0;
    }


