@charset "utf-8";
/* CSS Document */

.left { float:left;}
.right { float:right;}
.wrapper {width:100%; overflow:hidden;}
.relative{ position:relative;}
.centre { text-align:center; }
.clear { clear:both;}
.image_left { float:left; margin-right:10px; padding:3px; border:solid 1px #CCCCCC; }
.image_right { float:right; margin-left:10px; padding:3px; border:solid 1px #CCCCCC; }

@font-face {
		font-family:'trebuc';
		src: url('trebuc.eot');
		src: url('trebuc.eot?#iefix') format('embedded-opentype'),
		url('trebuc.ttf') format('truetype'),
		url('trebuc.svg#ManoramaRegular') format('svg');
		font-weight: normal;
		font-style: normal;
		}
		
/* Global properties ======================================================== */

body { color:#303030; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:20px; margin:0px; outline:none; padding:0px; text-align:justify; }

a, a:hover { text-decoration:none; outline:none; }

body > header { width:100%; height:90px; border-bottom:solid 5px #fd0100; }
body > header > div { width:997px; height:90px; margin:0px auto;}

#logo { width:312px; height:90px; float:left;}
#logo > img { margin-top:15px;}


#header_right {width:685px; height:90px; float:right; }

#quick_contact { width:685px; height:53px; overflow:hidden; margin-top:5px;}
#ph { width:200px; background:url(../images/phone_icon.jpg) no-repeat left; line-height:20px; padding-left:22px; font-size:12px; font-weight:bold; color:#5f5f5f; float:right;}
#mail { width:200px; background:url(../images/mail_icon.jpg) no-repeat left; line-height:20px; padding-left:22px; font-size:12px; font-weight:bold; color:#5f5f5f; float:right;}
#translator { width:155px; float:right;}



nav { width:685px; height:32px; float:right;}
nav > ul { width:685px; height:32px; margin:0px; padding:0px;}
nav > ul > li { float:right; margin-left:1px; }
nav > ul > li > a { display:block; height:32px; font-family:trebuc; font-size:13px; text-transform:uppercase; color:#444444; padding:0px 20px; line-height:32px;}
nav > ul > li > a:hover { color:#FFFFFF; background-color:#fd0100; }



#banner_cont { width:100%; height:357px; /*background:url(../images/banner_bg.jpg) no-repeat top center;*/ border-bottom:solid 5px #fd0100; background-color:#fdf884; }
#banner_cont > div { width:100%; height:300px; background:url(../images/banner_shadow_bg.png) no-repeat top center; padding-top:57px; }
#banner_cont_inner { width:997px; height:300px; margin:0px auto;}
#banner_img { width:475px; height:280px; border:solid 5px #1a1a1a; border-bottom:none; border-radius:10px 10px 0px 0px; float:right; /*background:url(../images/banner_bg_inner.jpg) no-repeat top center;*/ text-align:center; margin-top:15px;}
#banner_caption { font-family:trebuc; font-size:30px; font-weight:bold; color:#fd0100; text-align:center; float:left; width:482px; height:300px; line-height:30px;}
#banner_caption > span { width:350px; margin:0px auto; display:block; margin-top:25px; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#000000; line-height:25px;}


#container { width:100%; min-height:336px; overflow:hidden; background:url(../images/construction_bg.jpg) repeat-x bottom center #e9e9e9;}
#container > div { width:997px; height:auto; overflow:hidden; margin:0px auto;}


#sections { width:100%; height:200px; background-color:#fd0100; }
#sections > div { width:930px; height:200px; margin:0px auto;}
.sections { width:250px; height:200px; float:left; color:#FFFFFF; text-align:center;}
.sections_head { font-family:trebuc; font-size:14px; text-transform:uppercase; color:#FFFFFF; font-weight:bold; margin-top:10px; }
.more { margin-top:5px;}
.more a { color:#FFF; font-style:italic; font-weight:bold;}
.more a:hover { color:#000000;}



footer { width:100%; height:370px;}
footer > div:nth-child(1) { width:100%; height:310px; background:#2d3032;}
footer > div:nth-child(2) { width:100%; height:60px; background:#1f1f1f;}

.footer_sections { width:300px; float:left;}
.footer_head { font-family:trebuc; font-size:16px; color:#FFFFFF; font-weight:bold; margin-top:35px;}

.footer_sections > ul { margin:0px; padding:0px; width:100px; float:left; margin-left:15px;}
.footer_sections > ul > li { list-style:url(../images/footer_link_icon.jpg); margin-bottom:10px;}
.footer_sections > ul > li > a { font-family:trebuc; font-size:13px; color:#FFFFFF;}

#google_map { width:100%; height:200px; border:solid 3px #0f0f0f; border-radius:5px;}

.enqbox { width:293px; height:30px; line-height:30px; padding-left:5px; border:solid 1px #424648; background-color:#35383a; margin-bottom:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; resize:none;}

.pro, .pro a { font-family:trebuc; font-size:11px; color:#FFFFFF; line-height:60px;}
.pro a:hover { color:#FFFF00; }

#share_link { float:right; margin-top:20px;}


#inner_banner { width:987px; height:190px; border:solid 5px #FFFFFF; border-radius:0px 0px  10px 10px; border-top:none;}
#inner_banner > img { border-radius:0px 0px  10px 10px;}

#cont_inner { width:967px; min-height:250px; overflow:hidden; background-color:#FFFFFF; border-radius:10px 10px 0px 0px; margin-top:25px; padding:15px;}
.cont_left { width:650px; height:auto; overflow:hidden; float:left;}
.cont_right { width:250px; height:auto; overflow:hidden; float:right;}

#scrolling_cont { width:995px; height:225px; background-color:rgba(242,242,242,0.7); border:solid 1px #dfdfdf;}

#scrolling_head { line-height:27px; color:#fd0100; font-weight:bold; text-transform:uppercase; padding-left:10px; border-left:solid 4px #fd0100; font-size:15px; font-weight:bold;}

.scroll_img { width:207px; height:186px; margin:10px 15px; }

.products { width:450px; height:200px; background:#FFFFFF; border:solid 1px #fd0100; float:left; margin:0px 15px; margin-bottom:30px;}

.pro_cat { width:200px; background-color:#FFFFFF; border:solid 1px #CCCCCC; border-radius:3px; height:20px;}

.enq_box { width:200px; border:solid 1px #999999; background-color:#FFFFFF; border-radius:3px; height:18px; line-height:18px; padding-left:5px; font-size:12px; margin-bottom:8px; resize:none;}

.projects { padding-bottom:15px; border-bottom:dashed 1px #CCCCCC; margin-bottom:15px; }
.project_head { height:30px; background-color:#fd0100; padding-left:5px; line-height:30px; font-weight:bold; color:#FFF; text-transform:uppercase;}
.project_description { font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:20px; color:#666666; margin:7px 0px;}
.project_sub_details > ul { list-style:disc; margin-left:10px;}

#enq { width:100%; height:100%; background:url(../images/overlay.png) repeat top center; top:0px; bottom:0px; left:0px; right:0px; position:fixed; display:none;}
#enq > div { width:275px; height:350px; border:solid 3px #000000; top:0px; bottom:0px; left:0px; right:0px; margin:auto; background-color:#FFFFFF; border-radius:5px; box-shadow:0px 0px 3px 3px rgba(255,255,255,0.5); position:fixed;}
#enq_head { width:270px; height:30px; padding-left:5px; background-color:#333333; color:#FFFFFF; line-height:30px; font-family:trebuc; font-size:14px; font-weight:bold; text-transform:uppercase; border-radius:2px 2px 0px 0px;}
#enq_body { width:auto; height:auto; overflow:hidden; padding:10px;}

.enq_box_pro { width:245px; height:25px; line-height:25px; padding-left:5px; background-color:#E6E6E6; border:solid 1px #CCCCCC; border-radius:3px; resize:none; margin-bottom:10px; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.pro_enq_button { border:solid 1px #999999; background-color:#333333; padding:0px 10px; line-height:25px; color:#FFFFFF; font-weight:bold; font-style:italic; float:right; cursor:pointer;}