@charset "utf-8";
/* CSS Document */
body {
    background: url(../images/bg_slice.png) repeat-x #d5e6f6;
    margin: 0;
}

a {
    outline: none;
    color: black;
    text-decoration: none;
}

a.grey {
	color: grey;
}

.clear {
	clear:both;	
}

#container {
    width: 972px;
    /*height: 600px;*/
    margin: 0 auto;
    border: 0px dashed red;
}

#header {
    margin-top: 45px;
    width: 400px;
    height: 55px;
    float: left;
}

#header img {
    border: 0;
}

#logo {
    width: 112px;
    height: 102px;
    float: right;
    margin: 0px 0px 0px 0px;
}

#box {
    /*float: left;*/
    width: 969px;
    height: 525px;
    background-color: #ffffff;
    border-left: 1px solid #dce4ef;
    border-top: 1px solid #dce4ef;
    border-bottom: 1px solid #dce4ef;
    border-right: 1px solid #dce4ef;
    border: 0px dashed black;
}

#indexnav {
    width: 585px;
    height: 20px;
    float: right;
    margin: 10px 0px 10px 0px;
    padding: 0;
    list-style: none;
    border: 0px purple solid;
}

#indexnav li {
    float: left;
    margin: 0px;
    border: 0px gray dotted;
    text-align: center;
    margin: 0px 30px 0px 10px;
}

#navbar {
    width: 585px;
    height: 20px;
    float: right;
    margin: 10px 0px 10px 0px;
    padding: 0;
    list-style: none;
    border: 0px purple solid;
}

#navbar li {
    padding: 0;
    float: left;
    margin-right: 40px;
    border: 0px gray dotted;
}

#navbar a, #indexnav a {
    font-family: "Calibri", Verdana, Arial, sans-serif;
    font-size: 14px;
    color: #373735;
    font-weight: bold;
    text-decoration: none;
}

.indexnav-company {
	width: 	93px !important;
	margin-right:41px !important;
}

#content {
    border: 0px purple dotted;
}

#contentplaceholder {
    height: 333px;
    border: 0px red dotted;
}

.textcontent p {
    margin: 0 0 10px;
    font-size: 1em;
    font-family: "Calibri", Verdana, Arial, sans-serif;
    text-align: justify;
    padding-right: 10px;
}

.showcontent {
	border: 0px dotted green;
}

.showcontent p {
    font-size: .85em;
    padding-top: 0px;
    padding-left: 10px;
    padding-right: 10px;
}

#leftcol {
    float: left;
    padding: 10px 40px 0 0px;
    width: 344px;
    height: 435px;
    border: 0px dotted purple;
}

#leftcol ul {
    list-style: none;
    width: 382px;
    padding: 15px 0px 0px 0px;
    margin: auto;
    border: 0px dotted purple;
}

#leftcol li {
    font-family: "Eras Demi ITC", Arial, sans-serif;
    font-size: 13px;
    width: 150px;
    padding: 7px 0 7px 0px;
    border-top: 1px solid #CC0000;
    margin: auto;
}

.leftcol-width {
    width: 382px;
    border: 0px dotted blue;
}

.innovation-leftcol-width {
	height:284px;
}

.contact-mail {
    width: 300px !important;
		text-align:left;
}


.contact-heading {
    width: 545px;
    padding-left: 10px;
    padding-top: 2px;
    font-weight: bold;
    font-family: "Eras Demi ITC", Arial, sans-serif;
    border: 0px dotted purple;
		font-size: 1em;
}

.contact-address {
    float: left;
    padding-left: 10px;
    width: 250px;
    font-family: "Calibri", Verdana, Arial, sans-serif;
    color: gray;
    font-size: 0.9em;
    border: 0px dotted green;
}

/*Contact e-mail displays*/
.con-building{margin-left:8px;}
.con-latex{margin-left:72px;}
.con-stone{margin-left:121px;}
.con-logistics{margin-left:108px;}

.contact-emails {
    float:left;
	font-family: "Eras Demi ITC", Arial, sans-serif;
    font-size: 13px;
    width: 130px;
    margin: auto;
	border:0px dotted blue;
	padding:7px 0px 7px 0px;
	border-top: 1px solid #CC0000;
	text-align:left;
}

.toptext {
    padding: 0 0 0 10px;
    margin: 5px 15px 0px 15px;
    font-family: Calibri, Verdana, Arial, sans-serif;
    font-size: 15px;
    border: 0px dotted green;
    text-align: justify;
}

#rightcol {
    float: left;
    width: 583px;
    /*height: 48px;*/
    font: "Calibri", Verdana, Arial, sans-serif;
    border: 0px dotted blue;
}

.heading1 {
    display: block;
    background: url(../images/h1grad-3.png) repeat-x;
    height: 42px;
    width: 585px;
    border: 0px solid yellow;
}

.heading2 {
    font-weight: bold;
    border: 0px solid yellow;
    padding-left: 25px;
    margin-bottom: 0px;
    margin-top: 7px;
    color: #666666;
    font-family: Calibri, Verdana, Arial, sans-serif;
}

#main {
	border: 0px dotted purple;
	height:210px;
}

.mainImage {
    /*position: relative;
    left: 0px;
    top: 0px;*/
    width: 368px;
    height: 402px;
	margin: 0px 7px 0px 8px;
    border: 0px dotted blue;
    background-image: url('../images/1_A-400x405px.png');
    background-repeat: no-repeat;
    background-position: center right;
}

.mainPlaceHolder {
    float: left;
    width: 280px;
    height: 405px;
    padding: 0 0 0 85px;
    border: 0px dotted red;
}

.mainText {
    /*position: relative;
    float: right;*/
    width: 595px;
    height: 400px;
    /*z-index: 1;*/
    font-weight: bold;
    padding: 25px 0px 0px 0px;
    bottom: 0px;
    font-size: 22px;
    border: 0px dotted green;
    font-family: "Century", Georgia, Times New Roman, serif;
}

.mainText p {
    height: 36px;
    margin: 3px 0;
    display: inline-block;
    zoom: 1; /* Ie 7 hack */ *display:inline; /* Ie 7 hack */
}

.textholder {
    display: inline-block;
    margin: 0px;
    padding: 0px;
    border: 0px dashed red;
}

.fadein {
    font-family: "Eras Demi ITC", Arial, sans-serif;
    font-weight: normal;
    font-size: 24px;
}

#passion {
    color: #ddd;
}

#progress {
    color: #bababa;
}

#creation {
    color: #787878;
}

#results {
    color: #4b4b4b;
}

.graybox {
    position: relative;
    height: 60px;
    font: normal 19px "Eras Demi ITC", Arial, sans-serif;
    width: 580px;
    background: #dcdcdc;
    color: #4a494e;
    text-align: left;
    border: 0px green dotted;
	padding-top:5px;
	padding-left: 5px;
}

.graybox p {
    padding:0px;
    margin: 0px 0px 0px 0px;
    display: inline;
}

.prod_links {
	font-family: "Arial Black";
	text-align: justify;
	font-size: .9em;
}

.prod_links p {
	margin-top:0px;
}
//FOR MOZILLA ONLY - SEE IEstyles
.prod_links_two {
	margin-top:10px;
}

.innov_links {
	font-family: "Arial Black"; !important
	text-align: justify;
	font-size: .8em;
	padding: 0px 10px 0px 5px;
}

.news_heading{
	display:inline;
	font-family: "arial black", Calibri, Georgia;
	font-size:.9em;
}

.news_link_heading1 {
	color:#666666;
	text-decoration:underline;
	font-size:.9em;
	font-family: "arial black", Calibri, Georgia;
}

.news_text {
	margin-top:8px;
	margin-bottom:0px;
	padding:0px 10px 0px 0px;
	text-align:justify;
	color:#000000;
	font-family: Georgia,"times new roman";
	font-size:14px;
	background-color:white;
}

.news_link_open {
	display:inline;
	margin-top:-5px;
	text-decoration:underline;
	color:#666666;
	font-size:.8em;
	font-family: "arial black", Calibri, Georgia;
}

.news_link_close {
	display:inline;
	margin-top:-5px;
	text-decoration:underline;
	color:#666666;
	font-size:.8em;
	font-family: "arial black", Calibri, Georgia;
}

#footer {
    margin: 0px 150px 0px 150px;
    border: 0px dotted purple;
    width: 669px;
    text-align: center;
    font: italic 12px / 30px Georgia, serif;
    color: #666 6;
}

#footer a {
    outline: none;
    color: #6666;
    text-decoration: none;
}


#building, #stone, #latex, #logistics, #cordless, #dcmotor, #htlatex, #ledlight, #mirror, #sliding, #spcontainers {
}

#one, #two, #three, #four, #five, #six, #seven {
}

#address1, #address2, #address3 {
    border: 0px dotted purple;
    padding-top: 0px;
    padding-left: 15px;
    border: 0px purple dotted;
}