body {
	background-color: #f8f2e3;
	padding: 0px;
	margin: 0px;
	background-image: url(../images/header_bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
.nrml_txt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #595959;
	text-decoration: none;
}
.nrml_txt_link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #595959;
	text-decoration: underline;
}
.heading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #E1792D;
	text-decoration: none;
}
.heading2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #E67300;
	text-decoration: none;
	font-weight: bold;
}
.heading3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #E67300;
	text-decoration: none;
	font-weight: normal;
}
.heading4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #E1792D;
	text-decoration: none;
}
.input_txt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #595959;
	text-decoration: none;
}
.input2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #595959;
	text-decoration: none;
	background-color: #F8F2E3;
	width: 180px;
	height: 82px;
	text-indent: 6px;
	padding-top: 10px;
	background-image: url(../images/message_box.jpg);
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	background-repeat: no-repeat;
}
.input3 {
	font-size: 12px;
	text-decoration: none;
	width: 166px;
	background-repeat: no-repeat;
	height: 18px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #F8F2E3;
	font-family: Arial, Helvetica, sans-serif;
	color: #595959;
	text-align: left;
}

.input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #595959;
	text-decoration: none;
	background-color: #F8F2E3;
	width: 178px;
	background-image: url(../images/input1.jpg);
	background-repeat: no-repeat;
	height: 28px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	vertical-align: baseline;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 4px;
	text-indent: 4px;
	white-space: normal;
}
.inputdiv {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #595959;
	text-decoration: none;
	background-color: #F8F2E3;
	width: 178px;
	background-image: url(../images/input1.jpg);
	background-repeat: no-repeat;
	height: 28px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	vertical-align: baseline;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 0px;
	white-space: normal;
	padding-left: 4px;
}

#button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #D06728;
	font-weight: bold;
}

.footer_menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

#footer {
	background-color: #333333;
	background-image: url(../images/footer_bg.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	width: 100%;
	line-height: 130%;
	height: 100px;
}
.footer_txt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}


#header {
	height: 164px;
	width: 960px;
}

#wrapper {
	background-repeat: repeat-x;
	height: 164px;
	width: 800px;
	background-position: center;
	margin: 0 auto -180px;
	width: 960px;
}
.logo {
	background-image: url(../images/kwa_logo.jpg);
	background-repeat: no-repeat;
	height: 98px;
	padding-top: 50px;
	background-position: center bottom;
}
.service_box {
	width: 210px;
}

.shadow_big {
	background-image: url(../images/seprator.jpg);
	background-repeat: no-repeat;
	background-position: right;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ NAVIGATION ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

   /* NAVIGATION CONTAINER */

		#navigation {
	position: inherit;
	width: 560px;
	float: right;
}



   /* NAVIGATION MENU */
 
		ul#nav {
	height: 36px;
	list-style: none;
	margin: 0;
	padding: 0;
	display: block;
}

		ul#nav li {
	float: left;
	margin:0 0 0 8px;
	padding: 0;
	list-style: none;
	display: inline;
	text-indent: 0px;
}
		
		ul#nav li a {
	height: 36px;
	display: block;
}
		
		#home a {
	background-image: url(../images/menu_home.jpg);
	background-repeat: no-repeat;
	width: 71px;
}
		#home a:hover {
	background-image: url(../images/menu_home_h.jpg);
	background-repeat: no-repeat;
}
		
		#about a {
	background-image: url(../images/menu_about.jpg);
	background-repeat: no-repeat;
	width: 71px;
}
		#about a:hover {
	background-image: url(../images/menu_about_h.jpg);
	background-repeat: no-repeat;
}
		
		#services a {
	background-image: url(../images/menu_services.jpg);
	background-repeat: no-repeat;
	width: 71px;
}
		#services a:hover {
	background-image: url(../images/menu_services_h.jpg);
	background-repeat: no-repeat;
}
		
		#portfolio a {
	background-image: url(../images/menu_portfolio.jpg);
	background-repeat: no-repeat;
	width: 71px;
}
		#portfolio a:hover {
	background-image: url(../images/menu_portfolio_h.jpg);
	background-repeat: no-repeat;
}
		
		#career a {
	background-image: url(../images/menu_careers.jpg);
	background-repeat: no-repeat;
	width: 71px;
}
		#career a:hover {
	background-image: url(../images/menu_careers_h.jpg);
	background-repeat: no-repeat;
}
		
		#contact a {
	background-image: url(../images/menu_contact.jpg);
	background-repeat: no-repeat;
	width: 71px;
}
		#contact a:hover {
	background-image: url(../images/menu_contact_h.jpg);
	background-repeat: no-repeat;
}


#steps {
	width: 620px;
	height: 196px;
	margin-top: 2px;
}


#scrollLeft {
	width: 30px;
	height: 196px;
	float: left;
	margin: 0px;
	padding: 0px;
}


#scrollWrapper {
	width: 540px;
	height: 200px;
	float: left;
	background: url(../images/bk-scroll.gif) no-repeat left;
	overflow: hidden;
}

#scrollRight {
	width: 40px;
	height: 200px;
	float: left;
}

#scrollBase {
	width: 532px;
	height: 64px;
	float: left;
	background: url(../images/scrollShadow.jpg) no-repeat top center;
}



#scrollWrapper h3 {
	width: 532px;
	height: 4px;
	float: left;
	color: #999;
	font-weight: normal;
	font-size: 130%;
	margin-top: 6px;
	margin-right: 0px;
	margin-bottom: 0px;
}


#scroll {
	width: 532px;
	float: left;
	height: 200px;
	margin: 8px 8px 0px 8px;
	overflow: hidden;
}

#scrollItems {
	width: 2660px;
	height: 196px;
	float: left;
}

#step1 {
	width: 532px;
	height: 196px;
	float: left;
}
#step2 {
	width: 532px;
	height: 196px;
	float: left;
}
#step3 {
	width: 532px;
	height: 196px;
	float: left;
}
#step4 {
	width: 532px;
	height: 196px;
	float: left;
}
#step5 {
	width: 532px;
	height: 196px;
	float: left;
}


.stepLeft {
	width: 532px;
	height: 196px;
	float: left;
}

.stepRight1 {
	width: 250px;
	height: 165px;
	float: left;
	background: url(../images/bk-step1.gif) no-repeat right bottom;
}

.stepRight2 {
	width: 250px;
	height: 165px;
	float: left;
	background: url(../images/bk-step2.gif) no-repeat right bottom;
}

.stepRight3 {
	width: 250px;
	height: 165px;
	float: left;
	background: url(../images/bk-step3.gif) no-repeat right bottom;
}

#scroll .stepRight1 p, #scroll .stepRight2 p, #scroll .stepRight3 p {
	margin-right: 70px;
}
#main .casestudy #image_next {
	font-family: "Tahoma Bold";
	color: #333333;
	text-decoration: none;
	font-size: 12px;
}
#main .casestudy #image_prev {
	font-family: "Tahoma Bold";
	font-size: 12px;
	color: #333333;
	text-decoration: none;
}

#scroll p {
	font-size: 120%;
	margin-right: 0px;
	margin-bottom: 4px;
	line-height: 80%;
	color: #333;
}

#scroll ul {
	font-size: 120%;
	line-height: 80%;
	margin-left: 20px;
	color: #333;
}