/* Index TITLE and shadows*/
/* Redefine H styles*/
.title { MARGIN-LEFT: 0px; TEXT-ALIGN:LEFT; }
.title H1 { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; }
.title H1.titleIndex {
	FONT: bold 100% "Trebuchet MS", Trebuchet, Arial, sans-serif; COLOR: #2A5FA3; MARGIN-LEFT: 7px; PADDING-TOP: 7px;
	TEXT-ALIGN:LEFT;
}
.title H2 { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; }
.title H2.secondTitleIndex {
	FONT: 10px "Trebuchet MS", Trebuchet, Arial, sans-serif; COLOR: #7D899F; MARGIN-LEFT: 12px; MARGIN-TOP:-3px;
	PADDING-BOTTOM: 8px; TEXT-ALIGN:LEFT;
}

div.shadowBKG {
	MARGIN: 5px 0px 5px 5px; BORDER-BOTTOM: 1px dotted #f3f3f3; LINE-HEIGHT: 0px;
	PADDING-LEFT: 5px; PADDING-RIGHT: 5px; CLEAR: both; PADDING-BOTTOM: 5px;
}

/* News */
.news { clear: left; position: relative; }
.bkg {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url("../img/textile/news-date-bkg.gif") no-repeat 8px 4px;
	FLOAT: LEFT; PADDING-BOTTOM: 6px; MARGIN: 0px 5px 0px 0px; WIDTH: 53px; LINE-HEIGHT: 1em;
	PADDING-TOP: 6px; HEIGHT: 45px; TEXT-ALIGN: center;
}
.bkg .month {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT: bold 95% "Trebuchet MS", Trebuchet, Arial, sans-serif;
	PADDING-BOTTOM: 0px; MARGIN: 0px 0px 3px; TEXT-TRANSFORM: uppercase; COLOR: #a0a0a0; PADDING-TOP: 0px;
	LETTER-SPACING: 1px;
}
.bkg .day {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT: 130% "Trebuchet MS", Trebuchet, Arial, sans-serif; 
	PADDING-BOTTOM: 0px; MARGIN: 1px 0px 0px; COLOR: #000; PADDING-TOP: 0px;
}
.news .newstitle {
	PADDING-RIGHT: 3px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN-LEFT: 5px; PADDING-TOP: 2px; COLOR: #6d7c82;
	POSITION: relative; FONT: 11px "Trebuchet MS", Trebuchet, Arial, sans-serif; MARGIN-RIGHT: 3px;
}

/* Enlarged image*/
/* Credits: Dynamic Drive CSS Library */
/* URL: http://www.dynamicdrive.com/style/ */

div.gallerycontainer{ POSITION: relative; Z-INDEX: 2;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}
.thumbnail img{ BORDER: 1px solid #cbcbcb; MARGIN: 0 5px 5px 0; }
.thumbnail:hover{ BACKGROUND-COLOR: transparent; }
.thumbnail:hover img{ BORDER: 1px solid #cbcbcb; }
.thumbnail span{ /*CSS for enlarged image*/
	POSITION: absolute; BACKGROUND-COLOR: #F3F3F3; PADDING: 5px; LEFT: -1000px; BORDER: 1px dashed gray;
	VISIBILITY: hidden; FONT: 11px "Trebuchet MS", Trebuchet, Arial, sans-serif; COLOR: #2A5FA3;
	TEXT-DECORATION: none; FLOAT: left;
}
.thumbnail span img{ /*CSS for enlarged image*/ BORDER-WIDTH: 0; PADDING: 2px; }
.thumbnail:hover span{ /*CSS for enlarged image*/
	VISIBILITY: visible; TOP: 0; LEFT: 210px; /*POSITION where enlarged image should offset horizontally */ 
	Z-INDEX: 1; COLOR: #2A5FA3;
}

/* Gallery */
div.galleryBigIMG { MARGIN-LEFT: 20px; PADDING-TOP: 2px; MARGIN-TOP:4px; PADDING-BOTTOM: 8px; TEXT-ALIGN:LEFT; }
div.gallerySMIMG { MARGIN-LEFT: 10px; PADDING-TOP: 0px; MARGIN-TOP:-2px; PADDING-BOTTOM: 8px; TEXT-ALIGN:LEFT; }

/* Portoflio */
div.linksArea { MARGIN-LEFT: 12px; TEXT-ALIGN:LEFT; }
div.linksArea a { 
	FONT: bold 11px "Trebuchet MS", Trebuchet, Arial, sans-serif; COLOR: #8bc907; TEXT-DECORATION: none; 
	PADDING: 2px;
}
div.linksArea a:hover { COLOR: #849da3; TEXT-DECORATION: underline; BACKGROUND-COLOR: #eef2f3; }

/* Testimonials */
#testimonialsArea {
	FONT: 11px "Trebuchet MS", Trebuchet, Arial, sans-serif; COLOR: #2A5FA3; MARGIN-LEFT: 12px; PADDING-TOP: 12px;
	TEXT-ALIGN: justify; PADDING-BOTTOM: 10px; PADDING-RIGHT: 10px;
}
#testimonialsArea span {
	FONT: bold 12px "Trebuchet MS", serif; COLOR: #25AD0F;
}

/* Products and services links*/
.navlist { MARGIN-TOP: 5px; PADDING-LEFT: 0px; MARGIN-LEFT: 15px; LIST-STYLE: none; }
.navlist li { 
	POSITION:relative;
	PADDING-LEFT: 20px; BACKGROUND: url("../img/textile/green-arrow-textile.gif") no-repeat 0px 5px;
}
.navlist li a { FONT: 11px "Trebuchet MS", Trebuchet, Arial, sans-serif; COLOR: #2a5fa3; TEXT-DECORATION: none; }
.navlist li a:hover { COLOR: #449023; TEXT-DECORATION: none; background-color: #eef7e4; }

/* index */
div.indexText { MARGIN-LEFT: 0px; TEXT-ALIGN: justify; }
div.indexText p { 
	FONT: 11px "Trebuchet MS", Trebuchet, Arial, sans-serif; COLOR: #3089FC; MARGIN-TOP: 2px;
	PADDING-BOTTOM: 8px; PADDING-RIGHT: 0px;
}
div.indexText p a {
	FONT: bold 11px "Trebuchet MS", Trebuchet, Arial, sans-serif; COLOR: #8bc907; TEXT-DECORATION: none; 
	PADDING: 2px;
}
div.indexText p a:hover {
	COLOR: #849da3; TEXT-DECORATION: underline; BACKGROUND-COLOR: #eef2f3;
}

/*********************************************************/
/* MESSAGES */
.error { font: bold 12px Tahoma, Verdana, sans-serif; color: #FF0000; TEXT-ALIGN: center; DISPLAY: block; }
.msgOK { font: bold 11px Tahoma, Verdana, sans-serif; color: #44A907; TEXT-ALIGN: center; DISPLAY: block; }

/* CONTACT */
#contactFormArea {
	FONT: 11px "Trebuchet MS", Trebuchet, Arial, sans-serif; COLOR: #2A5FA3; 
	MARGIN-LEFT: 12px; PADDING-TOP: 12px; TEXT-ALIGN: justify; PADDING-BOTTOM: 10px; PADDING-RIGHT: 10px;
}
#contactFormArea span.contactDetails {
	color: #000; FONT: 11px "Trebuchet MS", Trebuchet, Arial, sans-serif; MARGIN-LEFT: 0px;
}
label, input { 
	display: block; width: 150px; float: left; margin-bottom: 10px;
	FONT: 11px "Trebuchet MS", Trebuchet, Arial, sans-serif;
}
label { text-align: left; width: 75px; padding-right: 20px; }
textarea, input { 
	display: block; float: left; padding-right: 20px; background-color: #eef2f3; margin-bottom: 10px;
	FONT: 11px "Trebuchet MS", Trebuchet, Arial, sans-serif;
}
textarea { text-align: left; width: 175px; height: 100px; padding-right: 20px; }
input.submit { margin-left: 0px; width: 75px; background-color: #8c9e26; color: white; text-align: center; }
input.reset  { margin-left: 10px; width: 140px; background-color: #8c9e26; color: white; text-align: center; }
br { clear: left; }

/* TERMS */
a.lnktermItem { font: bold 12px Tahoma, Verdana, sans-serif; color: #255eb5; text-decoration:none; margin-left: 3px; }
a.lnktermItem:hover { color: #7fabee; text-decoration:underline; }
.termsItem { padding:0; margin:0; list-style-type: none; word-spacing:0; text-indent:0; }