/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////
      +     + + + +    ++ + + +   + + +    + + + +    ++     ++     UI DESIGNER
      ++   ++     ++   ++     ++    +     ++     +    ++     ++     jobish.creativei@gmail.com
      ++   ++     ++   ++     ++    +     ++          ++     ++
      ++   ++     ++   ++ + + +     +      + + + +    ++ + + ++     THEMES
 +    ++   ++     ++   ++     ++    +            ++   ++     ++     CALICUT
++    ++   ++     ++   ++     ++    +      +     ++   ++     ++     KERALA
+ + + +     + + + +    ++ + + +   + + +    + + + +    ++     ++     INDIA
/////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

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

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,hr {margin:0; padding:0;}
*{margin:0px; padding:0px;}
a{outline:none;}
img{border:none 0px;}

/*-------------------- SELECTION-----------------------------------------*/
::selection {background: #FFFFFF; color: #08b1e2; /* Safari - webkit */}
::-moz-selection {background: #FFFFFF;color: #08b1e2; /* Firefox */}

body{color:#7f7f7f; font:12px/18px Arial, Helvetica, sans-serif; text-align:justify; background:#f0f0f0;}

/*-------------------------------------------------------------------------------*/

#Header{
	width:100%;
	background-repeat: repeat-x;
	background-image: url(images/headerbg.gif);
}
.headerbtmbg {
	background-color: #FF0000;
	width: 100%;
}

.container{width:980px; margin:0px auto;}
.clearer{clear:both; height:0px; line-height:0px;}
#HeaderRight{float:right; height:135px;}
#ContactNumber{width:140px; height:40px; background:url(images/ContactNumber.gif) no-repeat center top; font:bold 16px Arial, Helvetica, sans-serif; color:#fff; padding:10px 0 0 50px; float:right;}
#LinkPannel{height:50px; background:url(images/linkpanel.gif) repeat-x; margin-bottom:10px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#LinkPannel a{font:bold 12px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; padding:17px 30px; display:block; float:left; background:url(images/linkblock.gif) no-repeat center right;}
#LinkPannel a.none{margin:0px; padding:0px;}
#LinkPannel a:hover{color:#FF0000;}
#Banner{
	height:400px;
	margin-bottom:5px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding-bottom: 15px;
	background-image: url(images/shadow.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
#Banner ul{margin:0px; padding:0px;}
#Banner ul li{list-style:none; height:400px; width:980px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#Banner ul li img{
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
width:980px; height:400px;
}
#WelcomeArea{width:680px; float:left;}
#LatestProDisplay{width:300px; float:right;}
#WelcomeHead{background:url(images/ContentHeaderBg.gif) repeat-x; font: 18px Arial, Helvetica, sans-serif; color:#404040; height:30px; padding:10px;
-webkit-border-top-left-radius: 4px;
-moz-border-radius-topleft: 4px;
border-top-left-radius: 4px;
text-shadow: 2px 2px 2px #fff;
}
#WelcomeContet{background:#fff; padding:20px; border: solid 1px #e2e2e2; border-right:none 0px!important; border-top:none 0px!important; height:140px;}
#WelcomeContet1{background:#fff; padding:20px; border: solid 1px #e2e2e2; border-top:none 0px!important;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
#WelcomeContet1 p{margin-bottom:10px;}
#WelcomeContet p{margin-bottom:10px;}
h2{font:bold 14px Arial, Helvetica, sans-serif; color:#093a62; margin-bottom:10px;}
#BlackHead{
background:url(images/BlackHeaderBg.gif) repeat-x; font: 18px Arial, Helvetica, sans-serif; color:#FFFFFF; height:30px; padding:10px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topright: 4px;
border-top-right-radius: 4px;
}
#LatestBg{background:#c20919; padding:10px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-bottomright: 4px;
border-bottom-right-radius: 4px;
height:160px;
}
#ReadMore{width:90px; background:url(images/Readmorebg.gif) no-repeat; font:bold 12px Arial, Helvetica, sans-serif;  margin-top:10px;}
#ReadMore a{display:block; text-align:center; padding:8px 0px; text-decoration:none; color:#5f5f5f;
text-shadow: 2px 2px 2px #fff;
}
.Submit{width:90px; background:url(images/Readmorebg.gif) no-repeat; font:bold 12px Arial, Helvetica, sans-serif; text-align:center; padding:8px 0px; text-decoration:none; color:#5f5f5f; text-shadow: 2px 2px 2px #fff; border:none 0px; cursor:pointer;}
#ReadMore a:hover{color:#990000;}

#Heading{background:url(images/ContentHeaderBg.gif) repeat-x; font: 18px Arial, Helvetica, sans-serif; color:#404040; height:30px; padding:10px;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
text-shadow: 2px 2px 2px #fff;
}
#WhiteArea{padding:20px; background:#fff;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border: solid 1px #e2e2e2; border-top:none 0px!important; margin-bottom:20px;
}
#ServiceLaft{width:280px; float:left;}
#ServiceRight{width:280px; float:right;}
#ServiceMiddle{
	width:280px;
	margin:0px auto;
}

#Footer{
	background:#000;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}
#FooterLinks{
	text-align: center;
	}
#FooterLinks a {font:12px Arial, Helvetica, sans-serif; color:#8e8e8e; text-decoration:none;}
	{
	text-align: center;
}
#FooterLinks a:hover{color:#FFFFFF;}
#FooterLinks strong{font:bold 12px Arial, Helvetica, sans-serif; color:#fff; margin-bottom:10px; display:block;}
#FooterLinks ul{margin:0px; padding:0px;}
#Copyright{background:#232323; padding:30px 0px; text-align:center;}
#Logo{
	float:left;
	width:530px;
	height:80px;
	margin-top:30px;
	background-image: url(images/logo.png);
	background-repeat: no-repeat;
}
#Email{float:right; font:bold 12px Arial, Helvetica, sans-serif; color:#172d48; padding:14px;}
#LatestProduct{width:280px; height:160px;}
#LatestProduct ul{margin:0px; padding:0px;}
#LatestProduct ul li{list-style:none; height:280px; height:160px;}
#ProImg{width:280px; height:130px; background:#FFFFFF;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
#ProTitle{background:url(images/BlackHeaderBg.gif) repeat-x; text-decoration:none; font:bold 12px Arial, Helvetica, sans-serif; color:#fff; text-align:center; width:280px; padding:8px 0px; text-transform:uppercase;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
.EnquireInput{width:305px; padding:5px; background:#f8f8f8; border: solid 1px #efefef; border-bottom: solid 3px #efefef; margin-bottom:10px; font: 12pz Arial, Helvetica, sans-serif;}
.EnquireInput1{width:625px; padding:5px; background:#f8f8f8; border: solid 1px #efefef; border-bottom: solid 3px #efefef; margin-bottom:10px; font: 12px Arial, Helvetica, sans-serif;}

.GalleryImg{
	width:150px;
	height:120px;
	background:#333333;
	float:left;
	border: 3px solid #efefef;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}





/*====================================================================================*/
.chromestyle{}
.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/}
.chromestyle ul{}
.chromestyle ul li{}
.chromestyle ul li.first{}
.chromestyle ul li a{}
.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/}
.dropmenudiv{
	position:absolute;
	top: 0;
	z-index:100;
	visibility: hidden;
	margin-top:0px;
	width:180px;
}
.dropmenudiv a{
	font:12px 'CuprumFFURegular', Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration:none; display:block; padding:5px 0px; background:url(../images/subbg.gif) repeat-x; padding:10px; background:#333333;}
* html .dropmenudiv a{ /*IE only hack*/width: 100%;}
.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background:#FF0000; color:#FFFFFF;
}.product {
	float: left;
	width: 309px;
	margin-right: 3px;
	margin-left: 3px;
	margin-bottom: 10px;
}
.productleft {
	float: left;
	width: 140px;
	padding-left: 10px;
}
.productname {
	font-size: 13px;
	color: #575757;
	font-weight: bold;
	margin-top: 15px;
	background-color: #efefef;
	margin-bottom: 5px;
	text-align: left;
	padding-top: 20px;
	padding-right: 7px;
	padding-bottom: 20px;
	padding-left: 15px;
}

.table {
	border: 1px solid #DFDFDF;
	padding: 10px;
	font-size: 12px;
}
#mainbox {
}

.serviceimgbox1 {
	float: left;
	height: 140px;
	width: 155px;
	margin-top: 5px;
	margin-right: 2px;
	margin-left: 2px;
}
.serviceimgbox2 {
	height: 150px;
	width: 250px;
	border: 5px solid #E5E5E5;
	float: left;
	margin-top: 5px;
}
.serviceimgbox3 {
	height: 100px;
	width: 155px;
	border: 5px solid #E5E5E5;
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
}
.servicetext ul {
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-top: 20px;
}
.servicetext li {
	list-style-image: none;
	list-style-type: none;
	background-image: url(images/dot.png);
	background-repeat: no-repeat;
	font-size: 14px;
	padding-left: 20px;
	padding-bottom: 10px;
}


.servicetext {
	float: left;
	margin-right: 30px;
	width: 300px;
	margin-top: 5px;
	padding-top: 20px;
	margin-left: 10px;
	margin-bottom: 20px;
	text-align: left;
}
#map {
	height: 160px;
	width: 320px;
	float: left;
}
.dwd-btn {
	float: right;
}