﻿/* MASTER STYLESHEET

Project:				www.slim-ok.com
Version:			1.0
Last change:	24/05/09
Assigned to:		Need 4U
Author:				Pathompong(www.3nbdesign.com)

-------------------------------------------------------------------*/

/* RESETS */

* { margin: 0; padding: 0; }
body { background: #f4f1ea url(../images/body-bg.gif) repeat-x; color: #2f3e45; font-family: Verdana, Tahoma; min-height: 100%; }
ol,ul { list-style: none; }
table { border-collapse:collapse; border-spacing:0; }
a { outline: none; }
a img { border: none; }


/* WRAPPER */
#wrapper {
	width: 800px;
}

/* HEADER */
#header {
	height: 150px;
	background: #cd2697 url(../images/header-bg.jpg) no-repeat 0 0;
}

/* SPLASH */
#splash {
	height: 240px;
	padding: 15px;
	background: url(../images/splash-bg.gif) no-repeat;
}

/* HILIGHT */
#hilight {
	width: 790px;
	height: 65px;
	background: #feb0b1 url(../images/hilight-bg.gif) top center no-repeat;
	position: relative;
	left: -11px;
	padding: 50px 0 0 31px;
}

/* HEADING */
#heading {
	width: 800px;
	height: 150px;
	background-color: #fbfbfb;
}

/* SIDEBAR */
#sidebar {
	width: 285px;
	height: 150px;
	display: block;
	float: left;
	background: #e6e4d8 url(../images/menu-bg.gif) no-repeat;
	position: relative;
	left: -11px;
}
#nav {
	float: left;
	margin: 15px 0 10px 25px!important;
	margin: 15px 0 10px 10px;
	width: 250px;
}
#content-head {
	float: right;
	width: 510px;
	background-color: #fbfbfb;
}

/* CONTAINER */
#container {
	min-height: 100%;
	padding: 0 15px 30px 15px;
	background-color: #fbfbfb;
}
.pict {
	background: #fbfbfb url(../images/container-bg.jpg) left bottom no-repeat;
}
#content {
	background-color: #fbfbfb;
	padding: 10px 0;
}
#result {
	background-color: #fbfbfb;
	padding: 10px 10px 10px 30px;
	margin-bottom: -180px;
}

/* SLIDER */
#slider1 .result-before {
	background: #fbfbfb url(../images/result-1-before.jpg) top center no-repeat;
}
#slider1 .result-after {
	background: #fbfbfb url(../images/result-1-after.jpg) top center no-repeat;
}
#slider2 .result-before {
	background: #fbfbfb url(../images/result-2-before.jpg) top center no-repeat;
}
#slider2 .result-after {
	background: #fbfbfb url(../images/result-2-after.jpg) top center no-repeat;
}
#slider3 .result-before {
	background: #fbfbfb url(../images/result-3-before.jpg) top center no-repeat;
}
#slider3 .result-after {
	background: #fbfbfb url(../images/result-3-after.jpg) top center no-repeat;
}

/* REGISTER */
#extra {
	width: 660px;
	height: 105px;
	background: #feb0b1 url(../images/extra-bg.gif) top center no-repeat;
	position: relative;
	left: -11px;
	padding: 10px 0 0 161px;
}
#register {
	background: #e6e4d8 url(../images/register-bg.gif) top center repeat-y;
}
#register-bottom {
	height: 5px;
	background: #fbfbfb url(../images/register-bottom.gif) top center no-repeat;
}
#inquiry {
	margin: 15px 0 20px 70px!Important;
	margin: 15px 0 20px 35px;
}
#call {
	width: 295px;
	height: 60px;
	display: block;
	background: #e6e4d8 url(../images/call-bg.gif) right no-repeat;
	position: relative;
	right: -43px;
	padding: 60px 0 0 80px;
}
html>body #call {
	right: -46px;
}
html>/**/body #call {
	float: right;
	right: -11px;
}

/* FOOTER */
#footer {
	height: 50px;
	background: #f4f1ea url(../images/footer-bg.gif) no-repeat;
	margin-top: 0px!important;
	margin-top: -15px;
}
#footer-left {
	float: left;
	padding: 20px 0 0 0;
}
#footer-right {
	float: right;
	padding: 20px 0 0 0;
}

