/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, hr,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* END RESET
------------------------------------------------------------  */


body {
	text-align: center;
	vertical-align: middle;
	background: white url(images/background.gif) repeat-x scroll 0% 0%;
	}

#content {
	width: 760px;
	text-align: left;
	margin: 0 auto;
	font-family: arial, helvetica, sans-serif;
	}
body#ralawise div#content{
	width:100%;
	}
#header{
	height: 158px;
	}

#header h1 a{
	float:left;
	width: 450px; padding-top: 158px; /*Size of the image*/
	background-image: url(images/km-corporate-wear-ltd.gif); /*The image*/
	background-repeat: no-repeat;
	overflow: hidden; /*Hide the text*/
	height: 158px; voice-family: "\"}\""; voice-family:inherit; height: 0; /* WIN IE5 hack */
	}
#home #header h2 a{
	background-image: url(images/sect-front.gif);
	}
#corporate #header h2 a{
	background-image: url(images/sect-corporate.gif);
	}
#service #header h2 a{
	background-image: url(images/sect-service.gif);
	}
#security #header h2 a{
	background-image: url(images/sect-security.gif);
	}
#workwear #header h2 a{
	background-image: url(images/sect-workwear.gif);
	}
#promotional #header h2 a{
	background-image: url(images/sect-promotional.gif);
	}
#schoolwear #header h2 a{
	background-image: url(images/sect-schoolwear.gif);
	}
#header h2 a{
	float:left;
	width: 310px; padding-top: 158px; /*Size of the image*/
	background-repeat: no-repeat;
	overflow: hidden; /*Hide the text*/
	height: 158px; voice-family: "\"}\""; voice-family:inherit; height: 0; /* WIN IE5 hack */
	}

/* ---------- NAVIGATION ------------- */
#cdddd{display:none;
	}

#navbar{
	background-image: url(images/navbar.gif);
	background-repeat: no-repeat;
	height:54px;
	/*padding-bottom:10px;*/
	}
#navbar li{
	display: inline;
	list-style-type: none ;
	font-size: 60%;
	text-transform: uppercase;
	}

#navbar li a{
	padding:3px 6px 1px 6px;
	text-decoration: none;
	}

#navbar li a:link, #navbar li a:visited{
	color:#7d7d7d;
	}

#navbar li a:hover{
	background: #197d31;
	color: white;
	}
#corporate li#nav-corp a{
	color: black;
	}
#service li#nav-serv a{
	color: black;
	}
#security li#nav-secu a{
	color: black;
	}
#workwear li#nav-work a{
	color: black;
	}
#promotional li#nav-prom a{
	color: black;
	}
#schoolwear li#nav-scho a{
	color: black;
	}
#navbar h2{
	text-align: center;
	margin-top:15px;
	font-size: 130%;
	text-transform: uppercase;
	/*letter-spacing: 0.7em;*/
	display:block;
	width: 600px;
	color: #999;
	}

p{
	line-height: 140%;
	font-size: 70%;
	padding-top: .9em;
	color: #666;
	}

.subsections{
	clear:both;
	display:block;
	/*height: 400px;*/
	background: white url(images/subsections-bg.gif) no-repeat scroll 0% 226px;
	padding-top:10px;
	height: 0; voice-family: "\"}\""; voice-family:inherit; height: 100%; /* WIN IE5 hack */
	}

div.hr	{
	background: white url(images/hr-bg.gif) no-repeat scroll 100% 100%;
	display:block;
	height: 10px;
	/*padding-bottom:10px;*/
	clear:both;
	}
div.hr hr{
	display:none;
	}
.photo{
	float: left;
	width: 140px; /* NEEDS HACK FOR IE BOX MODEL? */
	padding-left: 10px;
	padding-bottom: 20px;
	}
body#home .photo{
	width: 116px; /* NEEDS HACK FOR IE BOX MODEL? */
	}
.photo h3{
	padding-top: 20px;
	line-height: 120%;
	color: #197d31;
		font-size: 90%;
	}

.photo h3 a{
	text-decoration: none;
	}
.photo h3 a:link{
	color: #197d31;
	}
.photo h3 a:visited{
	color: #63b076;
	}
.photo h3 a:hover{
	color: #000;
	}
.photo h3 a:active{
	color: #63b076;
	}
.spacer{
	clear: both;
	/*height: 10px;*/
	border-bottom: 1px solid white;
	display:block;
	}
#illustration{
	/*padding-bottom:100px;*/
	padding-top:10px;
	}
#illustration p{
	font-size: 80%;
	color: #686868;
	}

#footer{
	border-top: 1px solid #d3d3d3;
	clear: both;
	font-size: 85%;
	color: #b7b7b7;
	text-align: right;
	line-height: 132%;
	}


h1.frontpage-h1{
	color: #197d31;
	padding-top: 8px;
	margin:0 5px;
	}

p.frontpage-p{
	font-size:80%;
	margin:0 5px;
	}

/* ---------- ANNOUNCEMENT ---------- */

div#announcement{
	background: transparent url(images/new-stock.gif) no-repeat scroll 0% 0%;
	clear:both;
	height:62px;
	display:block;
	}
div#announcement p{
	color: #890005;
	font-size:80%;
	padding:21px 7px 0 7px;
	}
div#announcement a{
	color: #890005;
	}
div#announcement a:hover{
	color: #00f;
	}
div#announcement p span.small{
	font-size:80%;
	}