@charset "utf-8";
/* CSS Document */
/****************************************************************************************************
* Filename: layout.css
* Purpose: All the CSS Rules required to design web pages.
* Author: Suraj Naik n[dot]suraj[at]cssaglobal[dot]com
****************************************************************************************************/
/* BODY, FONT AND COLOR, GLOBAL	(id=GENERIC)
**********************************************************/
body {font:normal 12px "Trebuchet MS"; color:#9A9A9A; text-align:left; background:#020202 url(../images/body_bg.jpg)
center top no-repeat}
/* global reset */
body,form,h1,h2,h3,h4,h5,h6,p {padding:0; margin:0; line-height:16px}
h1,h2,h3,h4,h5,h6,label,a {text-decoration:none}
a {color:#9A9A9A; text-decoration:none}
a:hover {color:#ee047f; text-decoration:none}
a:active, a:focus {outline:0} /* to avoid link borders on new browsers */
img {border:none}

/* 	HEADER ELEMENTS STYLING	(id=HEADERS)
**********************************************************/
/* H1 */

/* H2 */

/* H3 */

/* 	ALL IDS (id=IDS)
**********************************************************/
#wrapper {margin:0 auto; width:950px; margin-top:27px}
#header  {width:100%}
#logo    {background:url(../images/logo.png) no-repeat; width:215px; margin-bottom:34px; margin-left:360px;}
#logo a {height:53px; width:215px; display:block; cursor:pointer}
#logo a:hover {text-decoration:none}
#globalNav {padding:0 0 35px 130px}
#maincont {padding-top:10px;position:relative; width:100%}
#content {width:908px; padding:30px 20px 0 18px}
.GalleryBox {width:384px; float:left; border-right:1px solid #303030; margin-right:20px; min-height:525px}

/* ALL CLASSES */
.ContactBox1 {padding:0 0 0 23px; float:left; margin-right:40px}
.ContactBox1 h1 {padding-bottom:12px; font:normal 14px "Myriad Pro", "Trebuchet MS", Verdana; color:#9a9a9a}
.ContactBox2 {padding-left:10px; float:left; margin-right:45px}
.ContactBox2 h1 {padding-bottom:12px; font:normal 14px "Myriad Pro", "Trebuchet MS", Verdana; color:#9a9a9a}
.ContactBox3 {padding-left:10px; float:left}
.ContactBox3 p {padding-bottom:16px}
.ContactBox3 h1 {padding-bottom:12px; font:normal 14px "Myriad Pro", "Trebuchet MS", Verdana; color:#9a9a9a}
.prssBtnEnd {text-align:center; margin:18px 0 10px 100px; background:url(../images/pressbtn_img.png) no-repeat; width:125px;
height:33px; font-size:10px;padding-top:3px; position:relative}
.prssBtnEnd img {padding-left:8px; margin-top:9px; vertical-align:-2px}
.prssBtnEnd span {color:#EE047F; padding-left:8px}
.ContactBox1 p,.ContactBox2 p,.ContactBox3 p{ font-size:11px}

.prssBtnEnd2 {text-align:center; margin:55px 0 0 118px; background:url(../images/paging_bg.png) no-repeat; width:124px;
height:49px; font-size:10px; padding-top:4px; position:relative}
.prssBtnEnd2 img {padding-left:8px; margin-top:11px; vertical-align:-2px}
.prssBtnEnd2 span {color:#EE047F; padding-left:8px}

.prssBtnEnd span.smnext{background:url(../images/nxtarrow_img.gif) 0 no-repeat; display:block;position:absolute; right:15px; bottom:13px; width:11px; height:22px}
.prssBtnEnd span.smnext:hover {background:url(../images/nxtarrow_imgover.gif) 0 no-repeat;}
.prssBtnEnd span.smprev{background:url(../images/prearrow_img.gif) 0 no-repeat; display:block;left:40px; bottom:13px;position:absolute; width:11px; height:22px}
.prssBtnEnd span.smprev:hover{background:url(../images/prearrow_imgover.gif) 0 no-repeat;}

.prssBtnEnd2 span.smnext{background:url(../images/nxtarrow_img.gif) 0 no-repeat; display:block;position:absolute; right:15px; bottom:29px; width:11px; height:22px}
.prssBtnEnd2 span.smnext:hover {background:url(../images/nxtarrow_imgover.gif) 0 no-repeat;}
.prssBtnEnd2 span.smprev {background:url(../images/prearrow_img.gif) 0 no-repeat; display:block;left:40px; bottom:29px;position:absolute; width:11px; height:22px}
.prssBtnEnd2 span.smprev:hover {background:url(../images/prearrow_imgover.gif) 0 no-repeat}

.Nxtarrow {background:url(../images/nxtarrow1.gif) no-repeat; width:30px; height:40px; position:absolute; right:0px; bottom:215px}
.Prearrow {background:url(../images/prearrow1.gif) no-repeat; width:30px; height:40px; position:absolute; bottom:215px; left:0px}


a.email {font-size:12px; font-weight:normal; color:#ee047f}
a.email:hover {font-size:12px; font-weight:normal; color:#ee047f; text-decoration:none}

a.Links1 {color:#ee047f; text-decoration:none}
a.Links1:hover {color:#ee047f; text-decoration:none}
.sidebarRight {width:394px; height:535px; float:left; padding-bottom:18px}
.AddBox {position:absolute; left:23px; top:22px; color:#727272}
.AddBox p {font-size:12px; padding-bottom:21px}
.AddBox h1 {font:normal 14px "Trebuchet MS"; color:#9a9a9a; padding-bottom:17px}
.Smimg {background:url(../images/smimg_roundimg.png) no-repeat; height:58px; display:block; border:none; position:absolute; bottom:0; width:495px;}
/*.Smimg div {background:url(../images/smimg_roundimg.png) right top no-repeat; height:53px; display:block; float:left; border:none}*/

.SliderSecond {background:url(../images/slider_bg.gif) left top no-repeat; height:98px; width:340px; display:block; float:left; border:none}
.SliderSecond h6 {font:normal 11px "Trebuchet MS"; color:#9a9a9a; text-align:center; padding:10px 0 0 0; text-transform:uppercase}

.GalleryContBg {width:100%; background:url(../images/abtbg_img.gif) repeat-x; border:1px solid #272727; height:390px; padding-top:3px}
.wrapContent {width:1085px; margin:27px auto 0 auto; padding:0 29px}
.EndWrapper {width:100%; height:30px}
.Boxall {width:100%; padding-top:20px}
.PressImg1 {float:left; position:relative; margin-right:10px; text-align:center}
.PressImg1 p {padding-top:18px}
.PressImg2 {float:right; position:relative; text-align:center}
.PressImg2 p {padding-top:18px}
.AbtRhtImg {float:right; font-size:11px; text-align:center}
.CatParaTxt {width:615px; float:left}
.CatImg100 {float:left; margin:0 26px 23px 0; border:1px solid #9a9a9a}
.GallSideBarLft {width:369px; min-height:371px; padding:18px 19px 0 20px; position:absolute; left:18px; top:50px; background:#000 }
/* 	MAIN MODULES (id=MAINMODS)
**********************************************************/
/* ------------MENUS< -------------- */
ul.topnav {list-style:none; padding:0; margin:0}
ul.topnav li {position:relative; float:left; display:block}
ul.topnav li.about a  {margin-right:60px; background:url(../images/navimg_sprite.png) left top no-repeat; width:38px; height:10px; display:block; float:left; line-height:0px}
ul.topnav li.about a.active {background:url(../images/navimg_sprite.png) left -10px;}

ul.topnav li.lighting a  {margin-right:64px; background:url(../images/navimg_sprite.png) left -20px no-repeat; width:54px; height:10px; display:block; float:left; line-height:0px}
ul.topnav li.lighting a.active {background:url(../images/navimg_sprite.png) left -30px;}

ul.topnav li.projects a{margin-right:60px; background:url(../images/navimg_sprite.png) left -40px no-repeat; width:57px; height:10px; display:block; float:left; line-height:0px}
ul.topnav li.projects a.active{background:url(../images/navimg_sprite.png) left -50px;}

ul.topnav li.press a  {margin-right:60px; background:url(../images/navimg_sprite.png) left -60px no-repeat; width:33px; height:10px; display:block; float:left; line-height:0px}
ul.topnav li.press a.active {background:url(../images/navimg_sprite.png) left -70px;}

ul.topnav li.catalogs a{margin-right:60px; background:url(../images/navimg_sprite.png) left -80px no-repeat; width:60px; height:10px; display:block; float:left; line-height:0px}
ul.topnav li.catalogs a.active{background:url(../images/navimg_sprite.png) left -90px;}

ul.topnav li.contact a  {margin-right:60px; background:url(../images/navimg_sprite.png) left -100px no-repeat; width:55px; height:10px; display:block; float:left; line-height:0px}
ul.topnav li.contact a.active {background:url(../images/navimg_sprite.png) left -110px;}


ul.topnav li.blog a  {margin-right:60px; background:url(../images/navimg_sprite.png) left -201px no-repeat; width:55px; height:10px; display:block; float:left; line-height:0px}
ul.topnav li.blog a.active {background:url(../images/navimg_sprite.png) left -212px no-repeat;}

/***second submenu***/
ul.topnav li ul.sub_tab_class {position:absolute; left:12px; top:18px; display:none; padding:0; margin:0; list-style:none; width:550px;}
ul.topnav li ul.sub_tab_class li {display:block; float:left;}
ul.topnav li ul.sub_tab_class li a{display:block; float:left; height:10px; text-indent:-2000px; margin-right:50px;}
/*
ul.topnav li ul.sub_tab_class li a { text-transform:uppercase; font:normal 11px "Trebuchet MS"; color:#646464; width:auto;}
ul.topnav li ul.sub_tab_class li a.active { text-transform:uppercase; font:normal 11px "Trebuchet MS"; color:#ee047f}
ul.topnav li ul.sub_tab_class li a:hover{ color:#ee047f; text-decoration:none}*/
ul.topnav li ul.sub_tab_class li.Chandeliers a{background:url(../images/navimg_sprite.png) left -120px no-repeat; width:79px}
ul.topnav li ul.sub_tab_class li.Chandeliers a:hover,ul.topnav li ul.sub_tab_class li.Chandeliers a.active{background:url(../images/navimg_sprite.png) left -130px no-repeat;}
ul.topnav li ul.sub_tab_class li.Pendants a{background:url(../images/navimg_sprite.png) left -140px no-repeat; width:58px}
ul.topnav li ul.sub_tab_class li.Pendants a:hover,ul.topnav li ul.sub_tab_class li.Pendants a.active{background:url(../images/navimg_sprite.png) left -150px no-repeat;}
ul.topnav li ul.sub_tab_class li.Sconces a{background:url(../images/navimg_sprite.png) left -160px no-repeat; width:58px}
ul.topnav li ul.sub_tab_class li.Sconces a:hover,ul.topnav li ul.sub_tab_class li.Sconces a.active{background:url(../images/navimg_sprite.png) left -170px no-repeat;}
ul.topnav li ul.sub_tab_class li.Lamps a{background:url(../images/navimg_sprite.png) left -180px no-repeat; width:37px}
ul.topnav li ul.sub_tab_class li.Lamps a:hover,ul.topnav li ul.sub_tab_class li.Lamps a.active{background:url(../images/navimg_sprite.png) left -190px no-repeat;}



/* ------------LISTINGS< -------------- */
.sidebarLft {background:#000; width:350px; padding:20px 0 0 20px; margin-right:41px; float:left}
.sidebarLft ul {list-style:none; margin:0; padding:0; height:391px;}
.sidebarLft ul li {padding-bottom:19px}
.sidebarLft ul li a {color:#727272; padding-left:12px; background:url(../images/graydott_img.gif) left center no-repeat}
.sidebarLft ul li a:hover {color:#ee047f; text-decoration:none; background:url(../images/reddott_img.gif) left center no-repeat}
.sidebarLft ul li a.active {color:#ee047f; background:url(../images/reddott_img.gif) left center no-repeat}

ul.LftListTen {padding-left:20px; margin:23px 0 0 0}
ul.LftListTen li {font:normal 12px "Trebuchet MS", Verdana; line-height:18px; padding-bottom:11px;}

/* BORDERS */
.BordOne {border:1px solid #000}
/* BACKGROUNDS */
.CatBox {background:url(../images/catbox_bg.gif) repeat-x; border:1px solid #242424; padding:24px 34px 21px 21px; height:109px}
.CatBox h1 {font:normal 14px "Trebuchet MS"; color:#9a9a9a; padding-bottom:28px}
.ContDiv {background:url(../images/div_img.gif) no-repeat}

/* COLUMNS (id=COLS)
**********************************************************/




/* ALL TEXT CSS	(id=TEXTAll)
**********************************************************/
/* font SIZES */
.vsmlTxt{font-size:10px}
.smlTxt{font-size:11px}
.para{font-size:12px}
.big{font-size:14px}
/*font WEIGHTS */
.strong {font-weight:bold}
.normTxt, .normTxt a {font-weight:normal}
/* text TRANSFORMS */
.allCaps {text-transform:capitalize}
.upperCase {text-transform:uppercase}
.textU, .textU a{text-decoration:underline}
/* text ALIGN & content ALIGN for inline level ELEMENTS */
.centerAll {text-align:center; text-transform:capitalize;}
.centerAll:hover {text-align:center; color:#f1087c;}
.centerAll .active {color:#f1087c;}

.alignLeft {text-align:left}
.alignRight {text-align:right}
.justify {text-align:justify}
/* colored text */
.clrOne {color:#ee047f}

/* font style */
.font1 {font:normal 14px "Trebuchet MS"; color:#9a9a9a; text-transform:uppercase}

/* a TAGS, BUTTONS */
.PDFBtn a {background:url(../images/downpdf_img.png) no-repeat; width:117px; height:36px; display:block; border:none; cursor:pointer;float:right}
.PDFBtn a:hover {background:url(../images/downpdf1_img.png) no-repeat;text-decoration:none}


.LinksDSE a.LinkBtnOne1 {
display:block;
float:left;
position:relative;
right:157px;
top:38px;
}

#threebutton {bottom:155px;float:left;right:60px;width:501px; top:517px; position:absolute;}
#threebutton .PDFBtn1 a {background:url(../images/downpdf_img.png) no-repeat; width:117px; height:36px; display:block; border:none; cursor:pointer;float:right; top:33px; right:143px; position:absolute;}
#threebutton .PDFBtn1 a:hover {background:url(../images/downpdf1_img.png) no-repeat;text-decoration:none}

#threebutton .specification a{background:transparent url(../images/speci_img.png) no-repeat scroll 0 0;border:medium none;cursor:pointer;display:block;float:left;height:36px;position:absolute;right:244px;top:33px;width:117px;}
#threebutton .specification a:hover {background:url(../images/speci_img1.png) no-repeat;text-decoration:none}

#threebutton .emailto a{background:url(../images/mailto_img.png) no-repeat; width:117px; height:36px; display:block; border:none; cursor:pointer;float:right; top:33px; position:absolute;right:35px;}
#threebutton .emailto a:hover {background:url(../images/mailto_img1.png) no-repeat;text-decoration:none}

#threebutton .project-Info a{background:transparent url(../images/Project_info.png) no-repeat scroll 0 0;border:medium none;cursor:pointer;display:block;float:left;height:36px;position:absolute;right:153px;top:33px;width:117px;}
#threebutton .project-Info a:hover {background:url(../images/Project_info_over.png) no-repeat;text-decoration:none}


.prssBtnEnd a {border:none; border:none; cursor:pointer; line-height:30px; color:#FFF}
.prssBtnEnd a:hover {text-decoration:none; color:#FFF}

.prssBtnEnd2 a {border:none; cursor:pointer; line-height:30px; color:#FFF}
.prssBtnEnd2 a:hover {text-decoration:none; color:#FFF}

a.gallery1 { font-size:10px; color:#9A9A9A; display:block; width:90px; height:104px; padding:9px; text-align:center; margin-bottom:5px}
a.gallery1:hover {text-decoration:none; background:url(../images/gallbigimg_Bg.png) no-repeat;}
a.activeBx {background:url(../images/gallbigimg_Bg.png) no-repeat; width:90px; height:104px; color:#F1087C;}

.Smimg a.smallimg2 {width:40px; height:41px; display:block;}

.posilinks a {font:normal 11px "Trebuchet MS"; color:#727272; padding-right:58px}
.posilinks a;hover {text-decoration:none; color:#ee047f}
.posilinks a.actsubnav {color:#ee047f}

.CloseLink a {float:right; font:10px "Trebuchet MS", Verdana; text-transform:uppercase; color:#FFF}
.CloseLink a:hover {text-decoration:none}

.SmimgBg2 a.linkimgOne {width:40px; height:41px; display:block; padding:6px}
.SmimgBg2 a.linkimgOne:hover {text-decoration:none}
.LinksDSE { position:absolute; right:60px; bottom:55px;}
.LinksDSE a.LinkBtnOne {position:relative; top:0; right:21px}
.LinksDSE a.LinkBtnTwo {position:relative; top:0; right:37px}
.LinksDSE a.LinkBtnThree{position:relative; right:37px}
/* 	REQUIRED PADDINGS / MARGINS (id=PADS)
**********************************************************/
/* paddings */
.padOne {padding:8px}
.padBtm22 {padding-bottom:22px}
.padBtm16 {padding-bottom:16px}
.padBtm25 {padding-bottom:25px}
.padBtm12 {padding-bottom:12px}
.padRht15 {padding-right:15px}
.padBtm {padding-bottom:17px}
.padBtm5 {padding-bottom:3px}
.PadLft16 {padding-left:9px}
.PadRht07 {padding:0 7px 0 5px}
.PadFour {padding:32px 0 0 25px}
/* matgins */
.marginTop {margin-top:10px}
.marginBtm {margin-bottom:10px}
.marRht25 {margin-right:25px}
.contimg {margin-bottom:24px}
.MarTwo {margin-left:118px}

/* 	MISCELLANEOUS (id=MISC)
**********************************************************/
.clr {clear:both; overflow:hidden; padding:0; margin:0; height:0}
.fl {float:left}
.fr {float:right;}
.posrel {position:relative}
.clearfix:after, .container:after {content:"\0020"; display:block; height:0; clear:both; visibility:hidden; overflow:hidden}
.clearfix, .container {display: block}
.parwidth {width:695px; float:left}
.parwidth p {padding-bottom:22px; line-height:17px}
.Boxwidth {width:300px}
.WidAlgin {margin:0 auto; padding-top:14px; width:908px}
/*.WidAlgin {width:908px; margin:0 auto; padding-top:14px}*/
.posilinks {position:relative; top:-20px; left:276px}
h3.TitleTen {padding-left:19px; text-align:center}

.prev{background:url(../images/PreBtn_img2.gif) 0 no-repeat; position:absolute; left:-17px; top:12px;display:block;  font-size:0; width:11px; height:22px}
.prev:hover{background:url(../images/PreBtnOver_img2.gif) 0 no-repeat; position:absolute; left:-17px; top:12px;display:block;  font-size:0; width:11px; height:22px}
a.next{background:url(../images/NxtBtn_img1.gif) 0 no-repeat; position:absolute; right:-25px; top:12px; display:block; font-size:0; width:11px; height:22px}
a.next:hover{background:url(../images/NxtBtnOver_img1.gif) 0 no-repeat; position:absolute; right:-25px; top:12px; display:block; font-size:0; width:11px; height:22px;}
a.play{background:url(../images/play.png) 0 no-repeat; position:absolute;right:-38px; top:-80px;display:block; height:30px; width:30px; font-size:0;}
a.pause{background:url(../images/pause.png) 0 no-repeat; position:absolute;right:-38px; top:-80px;display:block; height:30px; width:30px; font-size:0;}
.sliderbg{ background:url(../images/smimg_roundimg.png) right bottom no-repeat; width:400px; height:84px;}

.LftSlide{ position:absolute; left:0; top:0}

#viewer {width:284px; clear:both; overflow:hidden; height:60px; margin:0 0 0 30px; position:relative}
#viewerFrame {width:1000px; clear:both; padding:0;}
#viewer a{display:block; float:left; width:40px; height:41px; padding:6px; margin:2px}
#viewer a:hover{background:url(../images/smallBg_img.gif) no-repeat;}
#btn1 {background:url(../images/PreBtn_img2.gif) 0 no-repeat; display:block; position:absolute; left:17px; top:17px; width:11px; height:22px}
#btn1:hover {background:url(../images/PreBtnOver_img2.gif) 0 no-repeat; display:block; position:absolute; left:17px; top:17px; width:11px; height:22px}
#btn2 {background:url(../images/NxtBtn_img1.gif) 0 no-repeat; display:block;  position:absolute; right:16px; top:17px; width:11px; height:22px}
#btn2:hover {background:url(../images/NxtBtnOver_img1.gif) 0 no-repeat; display:block;  position:absolute; right:16px; top:17px; width:11px; height:22px}

/* date :- 13-11-2009 */
.error			  {color:#CC0033;}
.success		  {color:#FF8000;}
a.photonext{display:block;background:url(../images/nxtarrow_img.gif) no-repeat; height:12px; width:5px;}
a.photonext:hover {display:block;background:url(../images/nxtarrow_imgover.gif) no-repeat;}
a.photoprev{display:block;background:url(../images/prearrow_img.gif) no-repeat;height:12px; width:5px;}
a.photoprev:hover {display:block;background:url(../images/prearrow_imgover.gif) no-repeat;}

.GalleryBoxfixed{height:380px;}

.photonextbtn1 span{margin-top: 12px; height: 22px; float: left; margin-left: 32px;}
.photonextbtn2{float: left; margin-top: 16px; height: 22px; margin-left: 7px;}
.photoprevbtn3{margin-top: 19px; height: 22px; float: left; margin-left: 32px;}

.ProductView{float:right;height:623px;width:500px; overflow:hidden;}

.request{ font-size:12px; font-weight:bold;}
.request a {background:url(../images/request_bg.png) no-repeat; width:76px; height:36px; display:block; border:none; cursor:pointer;float:right; margin-left:10px;padding-left:39px;padding-top:5px;color:#fff;}
.request a:hover {background:url(../images/request_bg1.png) no-repeat;text-decoration:none;color:#ef0571}

.boxline {line-height:1;}

.CatBox p {
height:80px;
overflow-y:auto;
}
/*.prssBtnEnd a {border:none; border:none; cursor:pointer; line-height:30px; color:#FFF}
.prssBtnEnd a:hover {text-decoration:none; color:#FFF}*/