@import url('reset.css');

/* =layout
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

body {
	background: #004267 url('../images/background.body.gif') repeat-x;
	color: #22494B;
	font: normal .69em Tahoma, Arial, sans-serif;
}

.wrap {
	margin: 0 auto;
	width: 900px;
}

hr, .skiplink { display: none }

a:hover { text-decoration: underline !important }

/* =header
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#header {
	height: 110px;
}
#header.wrap {
	width: 968px;
}

#header h1 {
	float: left;
}
	#header h1 a {
		background: url('../images/header.gif') no-repeat;
		display: block;
		height: 110px;
		overflow: hidden;
		text-indent: -99em;
		width: 400px;
	}
	
#header p {
	background: url('../images/background.header.gif') no-repeat;
	color: #F6F6F6;
	display: block;
	float: left;
	height: 51px;
	margin: 23px 0 0 20px;
	padding: 6px 6px 4px;
	width: 292px;
}

/* -nav
~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#header #nav {
	display: block;
	float: left;
	margin: 23px 0 0 18px;
}
	#header #nav li {
		background: url('../images/nav.item.gif') no-repeat;
		display: block;
		float: left;
		height: 24px;
		padding: 37px 0 0;
		text-align: center;
		width: 69px;
	}
	#header #nav li.first {
		background: url('../images/nav.item.first.gif') no-repeat;
		width: 64px;
	}
	#header #nav li.last {
		background: url('../images/nav.item.last.gif') no-repeat;
		width: 61px;
	}
	
	#header #nav a {
		background-position: top center;
		background-repeat: no-repeat;
		color: white;
		padding-top: 27px;
		text-decoration: none;
	}
	#header #nav a:hover { color: #7FACC7 }
	#header #nav li#nSitemap a { background-image: url('../images/nav.sitemap.gif') }
	#header #nav li#nPrint a { background-image: url('../images/nav.print.gif') }
	#header #nav li#nRecommend a { background-image: url('../images/nav.recommend.gif') }
	
/* =body
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#body {
	background: url('../images/background.content.gif') repeat-y;
	margin-bottom: 15px;
	overflow: auto;
	padding: 18px 21px 29px 16px;
	width: 863px;
}

/* -content
~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#content {
	float: left;
	width: 636px;
}

#content h2 {
	font: normal 1.5em "Lucida Grande", "Trebuchet MS", serif;
	margin: 0 0 10px;
}
#content h2 a {
	color: #5B546A;
	text-decoration: none;
}

#content #introduction {
	background: url('../images/background.intro.gif') repeat-y;
	margin-bottom: 15px;
}
	#content #introduction .top {
		background: url('../images/background.intro.top.gif') left top no-repeat;
	}
	#content #introduction .bottom {
		background: url('../images/background.intro.bottom.gif') left bottom no-repeat;
		padding: 17px 14px;
	}
	#content #introduction h2 {
		background: url('../images/header.home.gif') no-repeat;
		border-bottom: 1px solid #D2F0D0;
		color: #4C8947;
		padding: 0 0 7px 26px;
	}

#content #offers {
	background: url('../images/background.offers.gif') repeat-y;
	margin-bottom: 15px;
}
	#content #offers .top {
		background: url('../images/background.offers.top.gif') left top no-repeat;
	}
	#content #offers .bottom {
		background: url('../images/background.offers.bottom.gif') left bottom no-repeat;
		padding: 17px 14px;
	}
	#content #offers h2 {
		background: url('../images/header.offers.gif') no-repeat;
		border-bottom: 1px solid #E8EDF1;
		color: #5B546A;
		padding: 0 0 7px 26px;
	}
	
#content p {
	margin-bottom: 1em;
	text-align: justify;
}

p.pages {

}
p.pages strong { font-weight: bold }

#imagesList1 {
	float: right;
	margin: .5em 0 1em 1em;
}

#imagesList1 img {
	background: url('../images/offers.img.gif') no-repeat;
	height: 83px;
	padding: 5px;
	width: 83px;
}

p.price {
	font-weight: bold;
}
p.price strong {
	color: #467590;
}

/* -offers
~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

ul.offers {
	color: #515D67;
	 overflow: auto;
}

ul.offers li {
	float: left;
	margin: 0 12px 14px 0;
	overflow: auto;
	width: 286px;
}
	ul.offers li.odd {
		margin-right: 0;
	}
ul.offers.block li {
	border: 1px solid #E4E8EB;
	display: block;
	float: none;
	padding: 8px;
	width: 588px;
}

ul.offers h3 {
	color: #B5D5B3;
	font-weight: bold;
}
	ul.offers h3 a {
		color: #35862A;
		text-decoration: none;
	}
	
ul.offers strong {
	color: #467590;
	font-weight: bold;
}

ul.offers img {
	background: url('../images/offers.img.gif') no-repeat;
	float: left;
	height: 83px;
	padding: 5px;
	width: 83px;
}
ul.offers.block img {
	margin: 0 10px 0 0;
}

ul.offers .details {
	background: url('../images/offers.details.gif') top right no-repeat;
	float: right;
	height: 75px;
	margin-top: 4px;
	padding: 10px 0 0 9px;
	width: 184px;
}
	ul.offers .details h3 {
		margin-bottom: 2px;
		font-size:14px;		
		margin-top:22px;
	}
	ul.offers .details li {
		border: 0;
		margin: 0;
		padding: 0;
		width: 155px;
	}
	ul.offers.block .details li {
		width: 455px;
	}
ul.offers.block .details {
	background: none;
	float: left;
	height: auto;
	padding: 0;
	width: 300px;
}
	
/* -sidebar
~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#sidebar {
	float: right;
	width: 189px;
}

/* -menu
~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#sidebar .menu3 {
	margin: 0 auto 20px;
	width: 189px;
}
	#sidebar .menu3 li {
		background: url('../images/menu.item.gif') no-repeat;
		display: block;
		min-height: 24px;
		padding: 8px 0 0 13px;
	}
		#sidebar .menu3 li.first {
			background-image: url('../images/menu.item.first.gif');
			height: 25px;
			padding-top: 10px;
		}
		#sidebar .menu3 li.last {
			background-image: url('../images/menu.item.last.gif');
			height: 26px;
		}
	
	#sidebar .menu3 a {
		background-repeat: no-repeat;
		color: #000;
		display: block;
		padding: 0 0 3px 38px;
		text-decoration: none;
	}
		#sidebar #menu3 li#l1 a { background-image: url('../images/menu.main.gif') }
		#sidebar #menu3 li#l6 a { background-image: url('../images/x-office-document.png')}
		#sidebar #menu3 li#l3 a { background-image: url('../images/menu.offer.gif') }
		#sidebar #menu3 li#l4 a { background-image: url('../images/menu.coop.gif') }
		#sidebar #menu3 li#l2 a { background-image: url('../images/menu.about.gif') }
		#sidebar #menu3 li#lL a { background-image: url('../images/menu.contact.gif') }
		
	
	.sub1 {		
		background: url('../images/sub.menu.bg.gif') repeat-y !important ;				
	}
		
	.sub1 li{		
		background: none !important;
		display: block;
		min-height: 24px;
		padding: 3px 0 0 15px !important; 
		margin-top:8px;		
	}
	
	.sub1 li a {		
		background-image: url('../images/x-office-document.png') !important;
	}
			
	.selected {	
		font-weight:bold;
		text-decoration:underline;	
	}
		
/* -search
~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#search {
	background: url('../images/search.form.gif') no-repeat;
	height: 32px;
	margin-bottom: 20px;
	overflow: auto;
	padding: 12px 11px 0 11px;
}

#search legend, button {
	display: none;
}

#search label {
	background: url('../images/search.label.gif') no-repeat;
	display: block;
	float: left;
	height: 16px;
	overflow: hidden;
	margin-top: 3px;
	text-indent: -69em;
	width: 16px;
}

#search input {
	background: #FFF url('../images/form.input.gif') repeat-x;
	border: 1px solid #DFDFDF;
	float: right;
	font-size: 1em;
	padding: 3px;
	width: 120px;
}

/* -local
~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#local {
	background: url('../images/background.local.gif') repeat-y;
	color: #22494B;
	margin: 0 auto 20px;
}
	#local .top {
		background: url('../images/background.local.top.gif') 0 0 no-repeat;
	}
	#local .bottom {
		background: url('../images/background.local.bottom.gif') left bottom no-repeat;
		padding: 12px 14px;
	}

#local li {
	clear: both;
	margin-bottom: .5em;
	overflow: auto;
}
#local h2 {
	background: url('../images/header.local.gif') 0 2px no-repeat;
	border-bottom: 1px solid #C3E6C2;
	color: #4C8947;
	font: normal 1.5em "Lucida Grande", "Trebuchet MS", serif;
	margin: 0 0 10px;
	padding:0 0 7px 26px;
}
#local h3 {
	color: #206A94;
	font-weight: bold;
}
#local h4 {
	color: #206A94;
	margin-bottom: 1em;
}
#local strong {
	color: #4C8947;
	float: left;
	font-weight: bold;
	margin-right: .5em;
}
#local em {
	font-style: normal;
	font-weight: bold;
}
#local a {
	color: #22494B;
	text-decoration: none;
}
#local span {
	float: right;
	width: 110px;
}

/* =footer
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#footer {
	background: url('../images/background.footer.gif') no-repeat;
	color: #4D748A;
	height: 17px;
	margin-bottom: 15px;
	padding: 12px 18px;
	overflow: auto;
	width: 864px;
}

#footer h4 { font-weight: bold }
	#footer h4 span { font-weight: normal }

#footer a {
	color: #4D748A;
	font-weight: bold;
	text-decoration: none;
}

#footer #copyright {
	float: left;
}
#footer #design {
	float: right;
}