@CHARSET "ISO-8859-1";
/* Text Sizes */
.h1 {
	font-size: x-large;
	text-align: left;
	display: block;
	color: #FFAD00;
	
}
.h2 {
	font-size: large;
	font-weight: bold;
	text-decoration: underline;
	display: block;
	color: #FFAD00;

}
.h3 {
	font-size: large;
	font-weight: 600;
	display: block;
}
span.hidden {
	font-size: xx-small;
	color: #CC0000;
}
.footer { 
	font-size: small; 
	font-family: Helvetica,Arial;
	text-align: center;
	display: block;
	background-color: #FFAD00;
	color: #ffffff;
}
.footer a {
	text-decoration: underline;
	color: #ffffff;
}
.footer2 { 
	font-size: x-small; 
	font-family: Helvetica,Arial;
	text-align: center;
	display: block;
	background-color: #FFAD00;
	color: #ffffff;
}
/* Generic CSS for tags */
p {
	font-family: Helvetica,Arial;
	font-size: medium;
	color: #919396;
	text-align: left;
	padding-left: 10px;
}
p.centre {
	text-align: center;
}
a {
	text-decoration: none;
	color: #919396;
}

/* Layout & Display */
body {
	background-color: #ffFFFF;
	color: #919396;
	font-family: Helvetica,Arial;
}
div.header {
	width: 900px;
	display: block;
}
div.frame { /* Div that encompases whole page */
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	padding: 0px;
	text-align: left;
	/*background-color: #cc3333;*/
}
div.title { /* Div for "Heading" */
	color: #FFFFFF;
	background-color: #FFAD00;
	height: 38px;
	text-align: left;
	padding-top: 40px;
	font-size: 200%;
	font-family: Helvetica,Arial;
	font-weight: 700;
	width: 400px;
	display: block;
	float: left;
}
div.toplinks { /* Links across the top of the site */
	height: 38px;
	display: inline;
	float: left;
	width: 100px;
	text-align: center;
	background-color: #FFAD00;
	padding-bottom: 40px;
	font-family: Helvetica,Arial;
	font-size: 120%
}
div.toplinks:hover {
	text-decoration : none;
	color: #FFFFFF;
	background-color: #ffcc66;
	width: 100px;
}
div.whitespace {
	width: 900px;
	background-color: #ffffff;
}

div.pagename {
	height: 45px;
	background-color: #ffffff;
	color: #FFAD00;
	text-align: right;
	width: 48%;
	font-weight: 900;
	font-size: 200%;
	float: left;
	padding-right: 2%;
}
div.pagename2 {
	height: 45px;
	background-color: #FFAD00;
	width: 50%;
	float: left;
}
a.topmenu {
	text-decoration : none;
	text-align: center;
	height: 24px;
	color: #FFFFFF;
	width: 100px;
	font-weight: bold;
}
a.topmenu:hover {
	/* display : inline-block; */
	text-decoration : none;
	color: #FFFFFF;
	background-color: #ffcc66;
	width: 100px;
}
div.content { /* Div containing page content */
	text-align: center;
	height: 300px;
	/* background-color: #cc6666; */
}

span.heading {
	color: #FFAD00;
}

span.detail {
	color: #919396;
}
a.detail {
	color: #919396;
}
img.portfolio {
	border: 2px solid #919396;
}
img.product {
	margin-left: 22px;
	margin-right: 22px;
}
div.portfolio {
	width: 225px;
	height: 250px;
	float: left;
	vertical-align: top;
	/* background-color: #FF3333; */
}
div.newsleft {
	height: 45px;
	background-color: #ffebbf;
	color: #919396;
	text-align: right;
	width: 48%;
	float: left;
	padding-right: 2%;
}
div.newsright {
	height: 45px;
	background-color: #FFFFFF;
	width: 50%;
	float: left;
}



/* To split page into different parts */
div.one {
	width: 900px;
	float: left;
	padding: 0px;
	/* background-color: #FF3333; */
}
div.two {
	width: 450px;
	float: left;
	/* background-color: #FF3333; */
}
div.three {
	width: 300px;
	float: left;
	padding: 0px;
	/* background-color: #FF3333; */
}
div.four {
	width: 225px;
	float: left;
	vertical-align: top;
	/* background-color: #FF3333; */
}
div.five {
	width: 180px;
	float: left;
	/* background-color: #FF3333; */
}
div.six {
	width: 150px;
	float: left;
	/* background-color: #FF3333; */
}
div.seven {
	width: 128px;
	float: left;
	/* background-color: #FF3333; */
}
div.eight {
	width: 112.5px;
	float: left;
	/* background-color: #FF3333; */
}
div.nine {
	width: 100px;
	float: left;
	/* background-color: #FF3333; */
}
div.ten {
	width: 90px;
	float: left;
	/* background-color: #FF3333; */
}