/* CSS Document */
html{margin:0;padding:0;}
body { background: url(../images/bg.gif) #0d437a repeat-x; margin:0 0 0 0; }
/* body{margin:0;padding:0; background-color:#333333} */
p,h1,h2,h3,h4,h5,h6 {Padding:0; margin:0; font-family:Verdana, Arial, Helvetica, sans-serif}
P{ font-size:10px; margin: 5px 0; color:#444444}
h2{font-size:14px; padding-top:5px;  color:#444444;font-family:Arial, Helvetica, sans-serif} 
input { font-size:11px; padding:0; margin:0}
textarea{font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0;}
/* styles for IE 5 Mac */
#wrapper {background-color: transparent;position: absolute;top: 20px;left: 20px;}
/* following rules are invisible to IE 5 cos of the backslash \*/
#wrapper {top: 50%;left: 0px;width: 100%;margin-top: -230px;text-align: center;min-width: 800px;}
/* end IE 5 hack */ 
#container-main {background-color: #fff;position: relative; text-align:left; width: 800px;height: 455px;margin: 0px auto; padding-top:10px;}
#content-wrapper{background-color:#e8e8e8; width:780px; height:370px; margin:0 10px 10px 10px; position:relative}
#content-main{background-color: transparent;width:370px;position:absolute;padding:10px;}
#content-sub{background-color: transparent;	width:390px;position:absolute;left: 390px;overflow:hidden}


.image-box a{ background-color:#FFFFFF;float:left; height:52px; width:79px; margin:5px 10px 0 0; padding:2px; border:1px solid #CCCCCC}
.image-box a:hover{background-color:#FFFFCC; border:1px solid #FFFFFF}

/*
Must be width of all slides and set as a style element, put here to remember!
#slider #items {width:1560px; margin:0;}
*/
#slider {background-color:#494949; width:390px; height:370px; overflow:hidden;}
#slider .slide { float:left; width:390px; height:370px}
#slider .details {position:relative; height:60px; padding:0 0 0 5px; margin:0}
#slider .details p {color:#FFFFFF; margin-top:7px}
#slider .details p span {color:#FF9900;}
#slider .details .button {position:absolute; width:60px; height:14px; right:0px; bottom:-5px;}

#slider .details .button a {color:#FF9900; text-decoration:none}
#slider .details .button a:visited {color:#FF9900; text-decoration:none}
#slider .details .button a:hover {color:#FFFFFF; text-decoration:underline}
#slider .photos {position:absolute; width:200px; height:14px; bottom:5px; left:60px}
#slider .photos ul {margin: 0px; padding:0px;}
#slider .photos ul li {display:inline; list-style-type: none; margin-right: 5px;}
#slider .photos ul li a{background:#000000;display:block; width:13px; line-height:200px; height:11px; margin-right:5px; float:left; overflow:hidden; border:solid 1px #FFFFFF; border-bottom-width:3px; text-decoration:none}
#slider .photos ul li a:visited{text-decoration:none;}
#slider .photos ul li a:hover{text-decoration:none; background:#FF9900;}

/*styles for contact.php*/
#container-email span { color:#cc6600}
.d1 {float:left; display:inline; margin-right:10px}
.d1 input{width:165px}
.d2{float:left; display:inline;}
.d2 input{width:165px}
.d3{clear:both;}
.d3 input{width:344px}
.d4 textarea{width:344px;height:100px}
.button-send a{display:block; float:left;width:76px;height:19px;overflow:hidden;line-height:200px; margin-right:5px;background: url(images/button_send.gif) 0px 0px;}
.button-send a:hover{background: url(images/button_send.gif) 0px -19px;}
.button-clear a{display:block; float:left;width:76px;height:19px;overflow:hidden;line-height:200px;background: url(images/button_clear.gif) 0px 0px;}
.button-clear a:hover{background: url(images/button_clear.gif) 0px -19px;}
/*styles for contact.php END*/

#branding{height:75px;list-style-type:none;padding:0;margin:0 10px;background: url(../images/ecs_logo.jpg) no-repeat right top;}
#nav-main {list-style-type:none; padding:0; margin:0;}
#nav-main li{display:inline;}
#nav-main li a {float:left; display:block; height:75px; line-height:200px; overflow:hidden;}
#nav-main #home a{background: url(images/nav_home.gif) no-repeat 0px -75px; width:87px;}
#nav-main #home a:hover,#nav-main #home a#current{ background-position:0px 0px;}
#nav-main #about a{background: url(images/nav_about.gif) no-repeat 0px -75px; width:87px;}
#nav-main #about a:hover,#nav-main #about a#current{ background-position:0px 0px;}
#nav-main #port a{background: url(images/nav_port.gif) no-repeat 0px -75px; width:110px;}
#nav-main #port a:hover,#nav-main #port a#current{ background-position:0px 0px;}
#nav-main #contact a{background: url(images/nav_contact.gif) no-repeat 0px -75px; width:104px;}
#nav-main #contact a:hover,#nav-main #contact a#current{ background-position:0px 0px;}

#conteiner-details{text-align:left;width: 800px;margin: 0px auto;}
#conteiner-details p {color:#fff; display:inline; margin-left:10px;}
#conteiner-details p a{color:#fff;text-decoration:none;}
#conteiner-details p a:visited{color:#fff;text-decoration:none;}
#conteiner-details p a:hover{color:#FF9900; text-decoration:none}



#navi {
	padding-top: 38px;
	padding-left: 0px;
	font-size: 0.8em;
	}
	#navi ul {
		margin: 0px;
		padding: 0px;
		list-style: none;
		float: left;
	}    
	#navi ul li {
		float: left;
		background-color: #adadad;
	}
	#navi ul a {
		display: block;
		padding: 0 1.0em;
		line-height: 20px;
		color: #fff;
		outline: none;
		font-family:Arial, Helvetica, sans-serif;
		text-decoration: none;
		font-weight: bold;
	}
	#navi ul a:hover {
		color: #0d437a;
	}