/* Created by Vedran Elez 2006, mailto: vedran.elez@st.t-com.hr */

html, body
	{
	background: #777 url(../images/bg.gif) repeat-y center;
	color: #003e52;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
	}

a
	{
	color: #07A;
	text-decoration: none;
	}

a:hover
	{
	color: #07A;
	text-decoration: underline;
	}

p	{ line-height: 18px; text-align: justify;	}
p.hd	{ color: #f8f7e4;	line-height: 1px;	}

.blue { color: #07A; }

.slate { color: #708090; }

ol.ms
	{
	color: #708090;
	list-style: square url(../images/ul_disc_flat.gif);
	margin: 0 0 0 12px;
	padding: 0;
	}

#pt
	{
	background: url(../images/topbg.gif) repeat-x top;
	height: 35px;
	text-align: center;
	}

#pc, #ptc
	{
	margin: 0 auto;
	text-align: center;
	width: 748px;
	}

#pl, #ptl
	{
	float: left;
	text-align: right;
	width: 374px;
	}

#pr, #ptr
	{
	float: right;
	text-align: left;
	width: 374px;
	}

/* nav */
#mn
	{
	list-style: none;
	padding: 0;
	margin: 0;
	}

#mn li { display: inline; }

#sel
	{
	background: url(../images/str_sel.gif) no-repeat center top;
	float: left;
	height: 35px;
	}

#b1, /* home */
#b2, /* guardinage */
#b3, /* marine services */
#b4, /* client care */
#b5, /* contact us */
#b6  /* terms */
	{
	display: block;
	float: left;
	height: 35px;
	text-indent: -1000em;
	text-decoration: none;
	}

#b1
	{ background: url(../images/b1.gif) no-repeat; width: 35px; }
#b2
	{ background: url(../images/b2.gif) no-repeat; width: 71px; }
#b3
	{ background: url(../images/b3.gif) no-repeat; width: 90px; }
#b4
	{ background: url(../images/b4.gif) no-repeat; width: 67px; }
#b5
	{ background: url(../images/b5.gif) no-repeat; width: 66px; }
#b6
	{ background: url(../images/b6.gif) no-repeat; width: 41px; }

#b1:hover,
#b2:hover,
#b3:hover,
#b4:hover,
#b5:hover,
#b6:hover
	{ background-position: 0px -35px; }
/* end of nav*/

#hl, #hr { height: 132px;	}

#hl img, #hr img { padding-top: 29px; }

#cleft
	{
	background: url(../images/bodybg.gif) no-repeat top right;
	color: #f8f7e4;
	}

#txt
	{
	background: url(../images/str.gif) no-repeat;
	width: 374px;
	}

#txt p
	{
	margin: 0;
	padding: 7px 0px 0px 22px;
	}

#sub
	{
	display: block;
	margin: 8px 21px 0px 0px;
	padding: 0;
	text-align: right;
	}

#sub div
	{
	margin: 7px 0px 0px 7px;
	}

#sub div a
	{
	background: url(../images/str_sub.gif) no-repeat top right;
	color: #f8f7e4;
	padding-right: 12px;
	text-decoration: none;
	}

		
#sub div a:hover
	{
	background-position: bottom right;
	color: #FC6;
	}