/*  By Hell Rock Heaven production */
/* ----------------------------------------------- */



/* RESET */
/* ----------------------------------------------- */

@import "reset.css";

/* TYPOGRAPHY */
/* ----------------------------------------------- */


body {
    font-family: "Georgia", serif;
    font-size: 12px;
    line-height: 1.83em;
    margin: 0; padding: 0;
    color: #000;
}

h1, h2, h3, h4, h5 {
    padding: 0 5px;
}
h1 {
    margin: 0;
    font-size: 3em;
    line-height: 1.1em;
    margin-bottom: 1.1em;
}
h2 {
    margin: 0;
    font-size: 2.50em;
    line-height: 1.1em;
    margin-bottom: 1.1em;
    padding-bottom: 10px;
    border-bottom: 1px solid #7b7a7a;
}
h3 {
    margin: 0;
    font-size: 1.5em;
    line-height: 1.23em;
    margin-bottom: 1.23em;
}
h4 {
    margin: 0;
    font-size: 1.33em;
    line-height: 1.38em;
    margin-bottom: 1.38em;
}
h5 {
    font-weight: bold;
    margin: 0;
    font-size: 1em;
    line-height: 1.83em;
}
p, ul, blockquote, pre, td, th, label {
	margin: 0;
	font-size: 1em;
	line-height: 1.83em;
	margin-bottom: 1.83em;
	padding: 0 5px;
}
p.small {
    margin: 0;
    font-size: 0.84em;
    line-height: 2.2em;
    margin-bottom: 2.2em;
}

a { color: #ff0000; }
a:hover { color: #cd423d; }

/* BASE */
/* ----------------------------------------------- */

body { 
    background: #d3d3d3 url( ../images/mainbg.jpg) top center no-repeat;
}

.clearfloat { 
    clear: both;
    width: 1px;
    height: 1px;
    margin: -1px 0 0 0;
    padding: 0;
}

/* LAYOUT */
/* ----------------------------------------------- */

div.wrapper { 
    width: 942px;
    margin: 0 auto; 
}
div.header {
    margin: 20px 0 20px 0;
}
div.navigation {
    height: 60px;
}
div.content {
    clear: both;
    margin: 0 0 30px 0;
}
div.footer { 
    clear: both;
    padding: 10px 0;
    border-top: 1px solid #7b7a7a;
    
}

.col-1 { float: left; width: 60px; margin-right: 20px; }
.col-2 { float: left; width: 140px; margin-right: 20px; }
.col-3 { float: left; width: 220px; margin-right: 20px;}
.col-4 {
	float: left;
	width: 270px;
	margin-right: 20px;
}
.col-6 { float: left; width: 460px; margin-right: 20px;}
.col-8 { float: left; width: 620px; margin-right: 20px;}
.col-8-right { float: left; width: 620px; margin: 0; }	
.col-9 { float: left; width: 940px; margin-right: 1px; }
.col-10 {
	float: left;
	width: 300px;
	margin-right: 10px;
	margin-left: -10px;
}
.col-11 {
	float: left;
	width: 320px;
	margin-top: 0px;
}
.col-3-5 { float: left; width: 196px; margin-right: 10px; }

/* HEADER */
/* ----------------------------------------------- */

h1.logo {
    float: left;
    width: 390px;
    height: 80px;
    margin: 0;
    padding: 0;
    background: url(../images/logo.png) no-repeat;
    text-indent: -9999px;
}
p.description {
    float: right;
    width: 378px;
    height: 16px;
    margin-top: 47px;
    background: url(../images/description.png) no-repeat;
    text-indent: -9999px;
}

/* NAVIGATION */
/* ----------------------------------------------- */

div.navigation { clear: both; }

ul.mainnav { position: relative; background: url(../images/navbarbg.png) no-repeat; }
ul.mainnav li { float: left; list-style-type: none; margin: 0; padding: 0; }
ul.mainnav li a {
	height: 51px;
	display: block;
	position: absolute;
	top: -1px;
	text-indent: -9999px;
}

li.menubtn a, li.aboutbtn a, li.portfoliobtn a, li.lovebtn a, li.contactbtn a, li.navspace, li.hrh1 a, li.hrh2 a { background: url(../images/navbarbg.png) no-repeat; }

li.menubtn a {width: 136px;	background-position: 0 0;	left: 0;}
li.menubtn a:hover { background-position: 0px -51px; }
#new li.menubtn a { background-position: 0px -102px; }

li.aboutbtn a {	width: 136px;background-position: -136px 0;	left: 136px;}
li.aboutbtn a:hover { background-position: -136px -51px; }
#Corporate_Profile li.aboutbtn a { background-position: -136px -102px; }

li.portfoliobtn a {	width: 136px;	background-position: -269px 0;	left: 272px;}
li.portfoliobtn a:hover { background-position: -269px -51px; }
#Product_Range li.portfoliobtn a { background-position: -269px -102px; }

li.lovebtn a {	width: 136px;	background-position: -402px 0;	left: 408px;}
li.lovebtn a:hover { background-position: -402px -51px; }
#Manufacturing li.lovebtn a { background-position: -402px -102px; }

li.contactbtn a {	width: 136px;	background-position: -536px 0;	left: 544px;}
li.contactbtn a:hover { background-position: -536px -51px; }
#Whats_New li.contactbtn a { background-position: -536px -102px; }

li.hrh1 a {	width: 136px;	background-position: -672px 0;	left: 680px;}
li.hrh1 a:hover { background-position: -672px -51px; }
#Vighnesh_Engineerings li.hrh1 a { background-position: -672px -102px; }

li.hrh2 a {	width: 136px;	background-position: -806px 0;	left: 816px;}
li.hrh2 a:hover { background-position: -806px -51px; }
#contact li.hrh2 a { background-position: -806px -102px; }

li.navspace {
	display: block;
	position: absolute;
	float:left;
	width: 292px;
	height: 51px;
	background-position: -403px 0;
	left: 619px;
	top: 96px;
}


/* ABOUT */
/* ----------------------------------------------- */

#featured-work { margin-top: -30px; }

/* WORK */
/* ----------------------------------------------- */

div.piece { float: left; margin-bottom: 34px; }
div.piece .col-4 { height: 350px; padding-top: 18px; border-top: 1px solid #7b7a7a; border-bottom: 1px solid #7b7a7a;  }
img.screenshot { float: left; border: 1px solid #7b7a7a; }

p.piece-meta { font-style: italic; }


/* contact */
/* ----------------------------------------------- */

#heart { text-align: center; }


/* FOOTER */
/* ----------------------------------------------- */
ad1001 {background: url(<script type="text/javascript">
google_ad_client = "pub-9292169063390323";
/* 200x200, created 1/22/09 */
google_ad_slot = "6719964033";
google_ad_width = 200;
google_ad_height = 200;
//
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>") no-repeat; }