@import url('reset.css');

.clear {
	clear: both;
}

body {
	font-family: Tahoma, Verdana, Arial, Helvetica, 'Times New Roman', sans-serif;
	background: #FFF url('../images/body-bg.gif') repeat-x left top;
	font-size: .89em;
}

a {
	text-decoration: none;
	color: #333300;
}

a:hover, a.active, #header h1 a.active, .active a { 
	color: #FFFFCC;
}

#wrapper {
	width: 916px;
	margin: 35px auto 10px auto;
}

#header h1 {
	height: 186px;
	background: url('../images/header.jpg') no-repeat left top;
}

#header h1 a {
	width: 240px;
	height: 156px;
	display: block;
	position: relative;
	top: 20px;
	left: 15px;
	text-indent: -9999em;
}

ul#nav {
	background: url('../images/nav-bg.gif') repeat-x left top;
	height: 40px;	
	float: left;
	width: 100%;
	margin: 0 0 10px 0;
}

ul#nav li {
	float: left;
}

ul#nav li.first {
	margin: 0 0 0 150px;
}

ul#nav li a {
	float: left;
	display: block;
	color: #fff;
	padding: 0 15px;
	line-height: 40px;
}

ul#nav li a:hover, ul#nav li a.selected {
	background: url('../images/nav-hover-bg.gif') repeat-x left top;
}

#content-wrapper {
	clear: both;
	border-bottom: 2px solid #E0E6E9;
	margin: 0 0 5px 0;
}

#sub-col {
	width: 244px;
	float: left;
}

#sub-col h2 {
	background: url('../images/products-heading-bg.gif') repeat-x left top;
	height: 36px;
	color: #FFF000;
	font-weight: bold;
	font-size: .9em;
	line-height: 36px;
	text-indent: 10px;
}

#sub-col ul li {
	background: url('../images/products-bg.gif') no-repeat left top;
	min-height: 39px;
	margin: 2px 0;
	padding: 10px 0 0 10px;
}

#sub-col ul li a {
	color: #4736A7;
	display: block; 
}

#sub-col ul li a:hover {
	text-decoration: underline;
}

#main-col {
	width: 666px;
	float: right;	
}

#banner {
	background: url('../images/banner.jpg') no-repeat left top;
	width: 666px;
	height: 215px;
	margin: 0 0 5px 0;
}

#content {
	background: #FDFCFC url('../images/content-bg.gif') repeat-x left top;
}

.section {
	border-right: 1px solid #D9DBDC;
	border-left: 1px solid #D9DBDC;
}

.section h1 {
	background: url('../images/content-heading-bg.gif') repeat-x left top;
	height: 56px;
	line-height: 56px;
	text-align: center;
	color: #EFF7F9;
	font-size: 1.4em;
	margin: 5px 0;
}

.section p {
	padding: 10px;
	color: #474747;
	line-height: 1.5;
}

.section h2 {
	color: #000;
	font-size: 1.2em;
	padding: 10px;
	text-decoration: underline;
}

#footer {
	clear: both;
	background: url('../images/footer-bg.gif') repeat-x left top;
	border: 1px solid #D4CFCF;
	height: 68px;
}

#footer p {
	line-height: 68px;
	text-align: center;
}

.highlight {
	font-weight: bold;
	font-size: 1.1em;
}

#main-col ul li {
	padding: 10px 10px 10px 30px;
	color: #474747;	
	list-style: disc;
	list-style-position: inside; 
}

.italic { 
	font-style: italic;
}

/*----------------- About Us ------------*/

#deco1 {
	background: url('../images/about-img.jpg') no-repeat left top;
	width: 600px;
	height: 257px;
	margin: 0 auto; 	
}

#deco2 {
	background: url('../images/bespoke-img1.jpg') no-repeat left top;
	width: 600px;
	height: 410px;
	margin: 0 auto; 	
}

#deco3 {
	background: url('../images/bespoke-img2.jpg') no-repeat left top;
	width: 600px;
	height: 336px;
	margin: 0 auto; 	
}

#deco4 {
	background: url('../images/bespoke-img3.jpg') no-repeat left top;
	width: 345px;
	height: 426px;
	margin: 0 auto; 	
}

/*----------------- Contact Us ------------*/

#contact-page .section{
	height: 750px;
}

#personal-info ul li { 
	list-style-type: none;
	float: left;
}

#personal-info {
	margin: 20px 0 0 50px;
	width: 500px;
}

#personal-info label	{
	float: left; 
	display: block;
	width: 100px;
	text-align: right;
	padding: 0 15px 0 0;
}

#personal-info input,#personal-info textarea {
	width: 300px; 
}

#personal-info input.submit-btn	{
	width: auto;
	margin: 0 0 0 115px;
} 

#contact-page #personal-info li span {
	color: #4736A7;
}

table { 
	margin: 10px auto;
	border-collapse: collapse;	
}

table th,td {
	border: 2px solid #A7B8C0;
	padding: 5px;
	text-align: center;
	font-size: 1em;
	background-color: #fff;
}

th {
	font-weight: bold;
}

#contact-info {
	width: 310px;
	float: left;
	background-color: #FFFF99;
	border: 1px solid #000;
	margin: 20px 0 10px 20px;
}

#contact-info p , #technical-info p {
	padding: 1px 10px;
	font-size: .9em;
	color: #000;
}

#contact-info a:hover {
	color: #99CCFF; 
}

#technical-info {
	width: 280px;
	float: left;
	background-color: #99CCFF;
	border: 1px solid #000;
	margin: 20px 10px 10px 10px;	
}

address {
	padding: 10px;
	line-height: 1.3em;
	font-size: 1em;
}

.section img {
	float: left;
	padding: 10px 10px 0 10px;
}
a.pdf {
    text-decoration: none;
	font-weight:bold;
	color: #333300;
	}
a.pdf:hover {
    
	text-decoration: underline;
	font-weight:bold;
	color: #333300;
	}