@import url(http://fonts.googleapis.com/css?family=Ubuntu+Condensed);

@charset "utf-8";
/* CSS Document */

* { margin: 0px; padding: 0px; outline: none; }
.clear { clear: both; }
img { border: none; }

body { 
	background: #e5e5e5;
	font-family: Arial, Helvetica, sans-serif; /* Main Font */
	font-size: 12px;
	color: #5f5f5f; /* Main Font Colour */
	width: 100%;
}

h1 { font: 18px 'DroidSansRegular', Arial, sans-serif; letter-spacing: 0; }
h2 { font: 16px 'DroidSansRegular', Arial, sans-serif; letter-spacing: 0; color: #2a75ae; padding-bottom: 5px; }
h3 { font: 18px 'DroidSansRegular', Arial, sans-serif; letter-spacing: 0; color: #2a75ae; padding-bottom: 5px; }
.blue { color: #2a75ae }
/* #textarea h3 { margin-left: 190px; } */

img a { border: none; }

div.hr {
	height: 1px;
	background: url(../images/hrbg.jpg) repeat-x;
	margin: 3px 0 30px 0;
}

div.hr hr {
	display: none;
}

p { line-height: 20px; margin-bottom: 20px; }

#wrap { /* Content Wrapper */
	width: 80%;
	min-width: 1000px;
	margin: 35px auto 50px auto;
}

#main { /* Main White Area */
	width: 100%;
	background-color: #ffffff;
}

#content { /* Content Padding */
	padding: 30px 60px 60px 60px;
}

a:hover { text-decoration: none; }

#logo { /* Logo */
	width: 360px;
	height: 116px;
	float: left;
	margin: 0 0 17px 0;
}

#contactdetails {
	width: 400px;
	float: right;
	text-align: right;
	padding-top: 25px;
}

#contactdetails h1 { font-size: 16px; padding-bottom: 8px; display: inline-block; }

.contactdetailsp { margin-bottom: 5px; }

/*Initialize*/
ul#menu, ul#menu ul.sub-menu {
    padding:0;
    margin: 0;
}
ul#menu li, ul#menu ul.sub-menu li {
    list-style-type: none;
    display: inline-block;
}
/*Link Appearance*/
ul#menu li a, ul#menu li ul.sub-menu li a {
    text-decoration: none;
    color: #fff;
    background: #2a75ae;
    padding: 9px 15px 0 15px;
	height: 25px;
	text-transform: uppercase;
    display:inline-block;
}

ul#menu li a:hover, ul#menu li ul.sub-menu li a:hover {
background-color: #3c86be;
}

/*Make the parent of sub-menu relative*/
ul#menu li {
    position: relative;
}
/*sub menu*/
ul#menu li ul.sub-menu {
    display:none;
    position: absolute;
    top: 34px;
    left: 0;
    width: 220px;
	border-top: 2px solid #ffffff;
	font-size: 11px;
}
ul#menu li ul.sub-menu li a { width: 150px; }
ul#menu li:hover ul.sub-menu {
    display:block;
}

#menubar {
	width: 100%;
	height: 34px;
	background-color: #2a75ae;
	font-size: 11px;
}

#submenu {
	position: relative;
	float: left;
	width: 20%;
	margin: 20px 0 0 0;
}

#submenu ul {
	list-style: none;
}

#submenu ul li {
	border-bottom: 1px dashed #bdbdbd;
	background: url(../images/bullet.jpg) 5px 11px no-repeat;
	padding: 6px 0 8px 18px;
}

#submenu ul li.first {
	border-bottom: 1px dashed #bdbdbd;
	background: url(../images/bullet.jpg) 2px 11px no-repeat;
	padding: 6px 0 8px 18px;
}

#submenu ul li.double {
	background: url(../images/bullet.jpg) 5px 19px no-repeat;
}

#submenu ul li a {
	color: #2a75ae;
	text-decoration: none;
	font-size: 11px;
	display: inline-block;
}

#submenu ul li a:hover {
	color: #13507f;
}

#textarea {
	width: 75%;
	float: left;
	margin: 20px 0 0 40px;
}

.bannerimages {
	display: block;
	margin: 0 auto 30px auto;
}

.item1 {
	border-left: 7px solid #6fa6cf;
	padding-left: 10px;
}

.item2 {
	border-left: 7px solid #2a75ae;
	padding-left: 10px;
}

.products {
	margin-bottom: 30px;
}

.productleft {
	width: 160px;
	float: left;
}

.productright {
	width: 400px;
	float: left;
	margin-left: 30px;
}

.productright ul, .productsul {
	list-style: square;
	color: #bdbdbd;
	line-height: 20px;
	margin-top: 10px;
}

.productright ul span, .productsspan {
	color: #5f5f5f;
}

.productleft img {
	padding-bottom: 3px;
}

#textarea a { color: #2a75ae; font-weight: bold; text-decoration: none; }
#textarea a:hover { color: #13507f; text-decoration: none; }

hr.x{
			color:#FFFFFF;
			background-color:#FFFFFF;
			border:1px dotted #888888;
			border-style:none none dotted;

		}

		td.y{
			vertical-align:bottom;
		}
		td.z{
			font-size:16px;
		}
		td.w{
			font-size:12px;
			text-align:right;
		}
		div.box{
			position:absolute;
			width:460px;
			height:200px;
			top:50%;
			left:50%;
			margin-left:-230px;
			margin-top:-100px;
		}
		div.box .x{
			font-size:14px;
			text-align:center;
			border-bottom:1px dotted #999;
			font-weight:bold;
			padding-bottom:10px;
		}
		div.box .y{
			font-size:13px;
			text-align:center;
			margin-top:10px;
		}
		
#workplacedepot { margin-top: 40px; text-align: center }
#workplacedepot img { display: block; margin: 0 auto 0 auto; }
#workplacedepot p { margin-top: 15px; }
#workplacedepot a { color: #4b75c7; }
#workplacedepot a:hover { color: #264c95; text-decoration: none; }