@import url("reset-min.css"); /* ------- Reset all CSS Styles */
/* =GENERAL - the general styles */
	body {
		background: url(http://www.sandyhip.net.ua/images/body_bg.png);
		font-family: Arial;
	}
	.hide, hr {
		display: none;
	}

/* =LAYOUT - the main layout styles */
	#containertop {
		position: absolute;
		width: 902px;
		margin: -10px auto 0 auto;
		height: 10px;
		font-size:0.1em;
		background: url(http://www.sandyhip.net.ua/images/container_top.png) left bottom no-repeat; 
	}
	/* container */
	#container {
		width: 902px;
		margin: 40px auto 0 auto;
		background: #0000FF;
		padding-bottom:10px;
	}

/* =HEADER */
	h1 {
		font-size:x-large;
		font-weight:bold;
		text-align:center;
		color:Silver;
	}

/* =TOP NAVIGATION */
	#navigation {
		background: #0000FF url(http://www.sandyhip.net.ua/images/nav_bg.png) 0 0 repeat-x;
		height: 36px;
		width: 860px;
		margin: 10px auto 20px auto;
	}
	#navigation ul {
		float: left;
		height: 36px;
	}
	#navigation li {
		float: left;
	}
	#navigation li a {
		padding: 8px 10px 0 10px;
		height: 30px;
		float: left;
		font-size:larger;
		font-weight:bold;
		letter-spacing:0.05em;
		color: Silver;
		text-decoration: none;
	}
	#navigation li a:hover{
		color: #FFFFFF;
		background: #0000FF url(http://www.sandyhip.net.ua/images/nav_hover_bg.png) 0 0 repeat-x;
	}

/* =MAIN FRAME */
	#main_frame {
		position: relative;
		margin: 0 auto;
		background: url(http://www.sandyhip.net.ua/images/main_image.png) center no-repeat;
	}
	#main_frame_content {
		display:block;
		width: 840px;
		height: 388px;
		padding: 10px;
		position: relative;
		margin: 0 auto;
/*		border-width: medium;*/
/*		border-style:ridge;*/
		overflow:auto;
	}
	
/* =SERVICES */
	#services {
		padding: 10px;
		width: 840px;
		position: relative;
		margin: 0 auto;
		background: #0000FF	/*url(../images/tc.png) right no-repeat*/;
	}
	#services h2 {
		padding: 5px;
		background: #0000FF url(http://www.sandyhip.net.ua/images/nav_bg.png) 0 0 repeat-x;
		height: 36px;
		font-size:large;
		font-weight:bold;
		text-align:center;
		color:Silver;
	}
	#services ul {
		display:block;
		border-width: medium;
		border-style:ridge;
		overflow:auto;
	}
	#services li {
		float:none;
	}
	#services li a {
		display: block;
		width: 170px;
		height: 30px;
		padding:5px;
		text-decoration: none; 
		text-align:center;
		font-size:larger;
		font-weight:bold;
		letter-spacing:0.05em;
		background: #0000FF url(http://www.sandyhip.net.ua/images/nav_bg.png) 0 0 repeat-x;
		color: Silver;
	}
	#services li a:hover {
		color: #FFFFFF;
		background: #0000FF url(http://www.sandyhip.net.ua/images/nav_hover_bg.png) 0 0 repeat-x;
	}

/* =BANNER */
	#banner {
/*		padding: 10px;*/
		width: 840px;
		position: relative;
		margin: 0 auto;
		font-size:0;
		background: #0000FF;
	}
	#banner ul {
		display:block;
		overflow:auto;
	}
	#banner li {
		float:left;
		height:auto;
		padding:10px;
	}
	#banner li a {
		display:block;
/*		border-width:medium;*/
/*		border-style:ridge;*/
	}
/* =FOOTER */
	#footer_wrapper {
		width: 871px;
		padding-left:31px;
		padding-bottom:25px;
		margin: 0 auto;
		font-size:larger;
		background: url(http://www.sandyhip.net.ua/images/footer_left.png) 0 0 no-repeat;
	}
	#footer {
		position: relative;
		width: 840px;
		height: 67px;
		background: url(http://www.sandyhip.net.ua/images/footer_bg.png) 0 bottom repeat-x;
	}
	#footer .logo {
		padding: 34px 0 0 10px;
		width: 300px;
		float: left;
	}
	#footer .logo span {
		position: absolute;
		display: block;
		right:-31px;top:0;
		width: 31px;
		height: 67px;
		background: url(http://www.sandyhip.net.ua/images/footer_right.png) right bottom no-repeat;
	}
	#footer ul {
		position: relative;
		padding-top: 34px;
		padding-right: 10px;
		float: right;
	}
	#footer li {
		float: left;
		padding-left:10px;
	}
	#footer a {
		text-decoration: none; 
		color:Blue;
	}
	#footer li a:hover {
		color:Gray;
	}