body{
	margin: 0px 0px;
	padding: 0px 0px;
	font: 12px 'Segoe', 'Segoe UI', Arial;
	color: #154462;
}
* {     
	outline:0px;
	padding:0px;
	margin:0px;	
}

a:link {color:#da0171; text-decoration: none;}      /* unvisited link */
a:visited {color:#da0171;}  /* visited link */
a:hover {color:#da0171; text-decoration: underline;}  /* mouse over link */
a:active {color:#da0171;}  /* selected link */

p {line-height: 16px; margin-bottom: 15px; text-align: justify; color: #154462;}

h1{font-size: 22px; color: black; margin-bottom: 14px; margin-top: 12px; font-weight: bolder; }
h2{font-size: 18px; color: #154462; margin-bottom: 14px; margin-top: 12px; font-weight: bolder; }


ul{	padding: 0px!important;
	margin: 0px 0px 8px 0px!important;
	list-style: none;}
	
ul.checklist li { list-style-image: none; padding: 3px 23px; background-position: -117px -138px; border-bottom: 1px solid #eeeeee; margin-bottom: 3px!important; background-image: url(images/buttonstripe.gif); background-repeat: no-repeat;}

#rightforms {float: right; width: 450px;}

#rightforms label {font-size: 12px;}



ul.tabs {
margin: 0!important;
padding: 0!important;
float: left;
list-style: none;
height: 32px; /*--Set height of tabs--*/
border-bottom: 1px solid #DDE0E8;
border-left: 1px solid #DDE0E8;
width: 100%;
}

ul.tabs li {
float: left;
margin: 0px;
padding: 0;
height: 31px; /*--Subtract 1px from the height of the unordered list--*/
line-height: 31px; /*--Vertically aligns the text within the tab--*/
border: 1px solid #DDE0E8;
border-left: none;
margin-bottom: -1px; /*--Pull the list item down 1px--*/
overflow: hidden;
position: relative;
background: #DDE0E8;
}

ul.tabs li a {
text-decoration: none;
color: #000;
display: block;
font-size: 1.2em;
padding: 0 20px;
border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
outline: none;
}

ul.tabs li a:hover {
background: #77d446;
}

html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
background: #fff;
border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}

 ul.tabs li.active a{color: #BAC7D6!important;}

.tab_container {
border: 1px solid #DDE0E8;
border-top: none;
overflow: hidden;
clear: both;
float: left; width: 100%;
background: #fff;
}

.tab_content {
}




.bgstripe{
	background-image: url(images/bgcolorstripe.gif);
}

.sitewidth{
	width: 934px;
	margin: 0 auto;
}

.sitezone{
	background-color: white;
}

#header{
	background-repeat: repeat-x;
	height: 134px;
	border-top: 1px solid white;	
}

#logo{
	background-image: url(images/EC_Logo_Colors.gif);
	background-repeat: no-repeat;
	height: 60px;
	width: 240px;
	margin: 34px 0px;
	cursor: pointer;
}

#colorsep1{
	background-position: center -1586px;
	height: 49px;
	background-repeat: no-repeat;
}

#colorsep2{
	background-position: center -1680px;
	height: 42px;
	background-repeat: no-repeat;
}

#pagecontents{
	height: 505px;
	padding: 35px;
}

#footer{
	height: 60px;
	background-repeat: repeat-x;
	color: white;
	padding-top: 25px;
}
#footer a{
	text-decoration: none;
	color: white;
}
#footer a{
	text-decoration: none;
	color: white;
	font-weight: bold;
}
#footer a:hover{
	text-decoration: underline;
}



/* /////////////// MENU /////////////// */

#menu{float:right; height: 72px; margin-top: -35px}
#menu ul{
	padding: 0px!important;
	margin: 0px!important;
	list-style: none;
}
#menu ul li{
	display: inline;
	height: 72px;
	padding: 0px!important;
	margin: 0px!important;	
}
#menu ul li a{
	height: 72px;
}
#menu ul li a img{
	height: 72px;
	background-image: url(images/menu.png);
	background-repeat: no-repeat;
	background-color: transparent;
}
#menu ul li.home a img{width: 85px; background-position: 0 0;}
#menu ul li.about a img{width: 116px; background-position: -85px 0;}
#menu ul li.services a img{width: 99px; background-position: -201px 0;}
#menu ul li.products a img{width: 106px; background-position: -301px 0;}
#menu ul li.contacts a img{width: 114px; background-position: -407px 0;}

#menu ul li a:hover img{
	background-position-y: -144px;
}
#menu ul li#current a img{
	background-position-y: -72px;
}

.bgcolorstripe {background-image: url(images/bgcolorstripe.gif); background-repeat: no-repeat;}

.buttonstripe {background-image: url(images/buttonstripe.gif); background-repeat: no-repeat;}
.imageleft {float: left; margin-right: 35px;}
.imageright {float: right; margin-left: 35px;}
.rightside {margin-right:-8px;}
.leftside {margin-left:-8px;}
.imgshadow {padding: 16px 5px;}
.bottomshadow{height:8px;background-position-y: -1785px; }
.lightshadow {padding: 16px 0px;}
.imghome {background-position: center 223px;}
.imgabout {background-position: center 284px;}
.imgservices {background-position: center 126px; width: 150px; height: 118px;}

.btkm {height: 26px; width: 100px; background-position-x: -10px; cursor: pointer;}
.btkm:hover{background-position-y: -172px!important;}

.btsend {height: 26px; width: 80px; background-position-x: -10px; cursor: pointer; padding:0px; border: none;}
.btsend:hover{background-position-y: -352px!important;}

.btom {height: 36px; width: 269px; background-position: -120px -28px; cursor: pointer;}
.btcon {height: 36px; width: 269px; background-position: -120px -74px; cursor: pointer;}

.box {background-position-y: -1775px; width: 269px; padding: 5px 12px;}
.boxl {background-position-y: -1775px; width: 438px; padding: 5px 12px; margin-left: 0px!important;}
.boxr {background-position-y: -1775px; width: 438px; padding: 5px 12px; margin-left: 12px!important;}
.boxf {background-position-y: -1775px; width: 400px; padding: 5px 0px;}

/* //////////////////// COLORS //////////////////// */

/* -------- BLUE -------- */

.blue {color: #28b1e9;}

body.blue {
	background-color: #53ade7;
}

.blue #header{
	background-position: 0px 0px;
	border-top-color: #28b1e9;
}

.blue #logo{
	background-position: 0px 0px;
}

.blue #footer{
	background-position: 0px -790px;
}
#menu ul li.blue a:hover img, #menu ul li#current.blue a img{
	background-color: #1183cc;
}

.btkm.blue{background-position-y: -28px;}

.blue #footer{
	text-shadow: 1px 1px #1569cb;
}
.blue #footer span{
	color: #89d5ff;
}

/* -------- PINK -------- */

.pink {color: #dd137b;}

body.pink {
	background-color: #dd4282;
}

.pink #header{
	background-position: 0px -158px;
	border-top-color: #dd137b;
}

.pink #logo{
	background-position: 0px -60px;
}

.pink #footer{
	background-position: 0px -940px;
}
#menu ul li.pink a:hover img, #menu ul li#current.pink a img{
	background-color: #d8025a;
}

.btkm.pink{background-position-y: -64px;}

.pink #footer{
	text-shadow: 1px 1px #c0172d;
}
.pink #footer span{
	color: #f6c9dd;
}

/* -------- YELLOW -------- */

.yellow {color: #edb000;}

body.yellow {
	background-color: #f3df34;
}

.yellow #header{
	background-position: 0px -316px;
	border-top-color: #f9c600;
}

.yellow #logo{
	background-position: 0px -120px;
}

.yellow #footer{
	background-position: 0px -1090px;
}
#menu ul li.yellow a:hover img, #menu ul li#current.yellow a img{
	background-color: #d1bb00;
}

.btkm.yellow{background-position-y: -100px;}

.yellow #footer{
	text-shadow: 1px 1px #dab70c;
}
.yellow #footer span{
	color: #f6f1c7;
}


/* -------- ORANGE -------- */

body.orange {
	background-color: #f3bb34;
}

.orange #header{
	background-position: 0px -474px;
	border-top-color: #f99800;
}

.orange #logo{
	background-position: 0px -180px;
}

.orange #footer{
	background-position: 0px -1240px;
}
#menu ul li.orange a:hover img, #menu ul li#current.orange a img{
	background-color: #d68300;
}

.btkm.orange{background-position-y: -136px;}
.btsend.orange{background-position-y: -316px;}

.orange #footer{
	text-shadow: 1px 1px #e1810d;
}
.orange #footer span{
	color: #f6e6c2;
}


/* -------- GREEN -------- */

body.green {
	background-color: #77d446;
}

.green #header{
	background-position: 0px -632px;
	border-top-color: #6bd118;
}

.green #logo{
	background-position: 0px -240px;
}

.green #footer{
	background-position: 0px -1390px;
}
#menu ul li.green a:hover img, #menu ul li#current.green a img{
	background-color: #41ba01;
}

.btkm.green{background-position-y: -172px;}

.green #footer{
	text-shadow: 1px 1px #1da611;
}
.green #footer span{
	color: #d5f5c3;
}


/* //////////////////// PAGES //////////////////// */

/* -------- HOME -------- */