/* Basics
------------------------------ */
html {
	/* IE */
	overflow-y: scroll; 
	/* Moz */
	height: 100%;
	margin-bottom: 0.1em;
}


body {
font-family:Arial, Helvetica, sans-serif;
font-size:62.5%;
margin:0px;
text-align:center;
background:url(../layoutimages/backfade.jpg) repeat-x #cccc99;
}

/*Flash Index Styling*/
#indexwrapper {
width:788px;
margin:0 auto;
font:Arial, Helvetica, sans-serif;
font-size:1.2em;
}

#nonflash {
margin:10px auto;
height:120px;
}

#logo {
float:left;
width:100px;
height:100px;
margin:10px 20px ;
}

#indexframe {width:740px; border:1px solid #666600; padding:0px; margin:0px auto;}

#toptxt {width:720px; margin:10px auto; padding:0.5em 0px; text-align:left;}

#flash {
margin:0px 0px 0px 0px;
padding:0px;
}

strong {color:#660000;}

#flash img {
width:720px;
height:400px;
border-top:5px solid #fff;
border-left:10px solid #fff;
border-right:10px solid #fff;
border-bottom:10px solid #fff;
}

#ifooter {
width:796px;
height:37px;
margin:10px auto;
padding:0px;
text-align:center;
}

#ifooter p {
padding:5px 0px;
margin:0px;
font-size:1.0em;
color:#333;
}

#ifooter a {
color:#660000;
text-decoration:underline;
font-size:1.0em;
padding:2px;
}

#ifooter a:hover {
text-decoration:none;
color:#FFF;
background-color:#660000;
}

#menu {background-color:#fff; margin:0px auto; padding:10px; width:720px;}
#menu ul {margin:0px 10px; padding:0px; text-align:right;}
#menu li {display:inline; font-size:12px; margin:0px; padding:0px; }
#menu li a {color:#660000; text-decoration:none; padding:10px;}
#menu li a:hover {color:#fff; background-color:#660000; text-decoration:none;}


/*-----------Normal page layouts-----------*/

#container {
width:788px;
margin:0px auto 0px auto;
padding:0px 0px 10px 0px;
border-left:3px solid #cccc99;
border-right:3px solid #cccc99;
background-color:#FFFFFF;
}

#header {
width:780px;
height:185px;
margin:0px 4px;
padding:0px;
}


div.hr {
  height: 24px;
  background:#000 url(../layoutimages/hricon.jpg) no-repeat scroll center;
}

div.hr hr {
  display: none;
}

#header span {
display:none;
}

#bodyblock {
margin:0px;
padding:0px;
width:778px;
text-align:left;
background-color:#FFFFFF;
}

/*----Topnav-------------*/

#navigationmenu {
width:780px;
padding:0px;
margin:0px;
z-index:6;
}

#topnav {
height:39px;
margin:0px 0;
color:#333333;
}

ul#topnavList{
width:780px;
margin:0px;
padding:10px 0px;
white-space:nowrap;
background-color:#333;
}

#topnavList li {display: inline;
list-style-type: none;
margin: 0px;
padding:0px;
}

#topnavList li a { margin:0px;  font-size:12px; width:100px; padding:5px 28px; font-weight:200;}

#topnavList li a:link, #topnavList li a:visited
{color:#FFFFCC;
text-decoration: none;}

#topnavList li a:hover
{color:#FFf;
background-color:#990000;
border-bottom:2px solid #FFFFCC;
text-decoration: none;}

.topnavlistOne {border-left:1px solid #a1d0d0;}


/*Navigation
------------------------*/
#navigationmenu {
width:780px;
padding:0px 4px 20px 4px;
margin:0px;
z-index:6;
}



/*Right Menu 
-------------------*/
#right {
float:right;
width:200px;
padding:10px 5px 0px 10px;
}

#right p {
font-size:1.1em;
color:#FFFFCC;
padding:0px;
margin:0px;
}

#right a {
color:#FFFFCC;
text-decoration:underline;
}

#right a:hover {
color:#fff;
text-decoration:underline;
}

#right dl { /* block position that can be changed at will */
margin:0px;
width: 200px; /* width of block according to your background image */
}

#right dl, dt, dd { /* suppression of all margins and paddings */
margin: 0;
padding: 0;
}

#right dl { /* by default background on the entire block */
background:url(../layoutimages/rightbottom.jpg) bottom left no-repeat;
padding-bottom: 26px; /* so that text will not appear on the bottom rounded edge */
}

#right dt { /* bloc title definition */
height: 30px;
background:url(../layoutimages/righttop.jpg) top left no-repeat #660000;
font-size: 1.4em;
font-weight: bold;
text-align: center;
color:#fff;
padding-top:4px;
}

#right dd {
padding: 0 10px; /* internal block spaces administration */
text-align: justify;
color:#FFFFFF;
font-size:1.1em;
background-color:#660000; /* internal background */
}

#right dd ul {
margin:2px 0px;
padding:0px;
}

#right dd li {
margin:0px;
list-style-type:none;
padding: 10px 0px;
border-bottom:1px solid #ccc;
} 

#right dd li a {
color:#fff;
text-decoration:none;
height:14px;
background:url(../layoutimages/rightn.jpg) no-repeat 0 50%;
padding-left:18px;
display:block;
}

#right dd li a:hover {
color:#ffffcc;
text-decoration:none;
background:url(../layoutimages/righto.jpg) no-repeat 0 50%;
padding-left:18px;
}


/*Text Area
-------------------*/

h1 {
font-size:16px;
font-weight:bold;
color:#333;
line-height:18px;
border-left: 5px solid #990000;
border-bottom:1px solid #f2f2f2;
padding:0px 0px 0px 7px;
margin-bottom:5px;
}

h2 {
font-size:1.4em;
font-weight:bold;
height:14px;
color:#ffcc00;
padding:0px;
}

h3 {
font-size:1.4em;
font-weight:bold;
color:#ccc;
height:12px;
padding:0px;
}

/*half text*/
.halftext {
float:left;
width:230px;
margin-left:10px;
padding:5px;
border:1px solid #ccc;
}
/*text*/

#text {
margin:10px 210px 30px 10px;
padding:10px;
text-align:left;
font-size:1.2em;
color:#000;
}


#text p {
text-align:left;
padding:2px;
}

#text div {
text-align:left;
padding:2px;
}

#text ul {
margin:0px 0px 0px 0px;
padding:0px;
list-style:none;
}

#text li {
margin:3px 0px;
padding:0px;
}

#text a {
color:#990000;
text-decoration:underline;
}

#text a:hover {
text-decoration:none;
color:#ff0000;
}

#text table {
font-size: 12px;
}

#text table tr td {
margin:0px;
padding:2px 0px;
}

#text img {
float:left;
margin:0px 10px 10px 0px;
padding:4px;
border:1px solid #660000;
background-color:#333333;
}



/*left*/

#left {
margin:20px 210px 30px 10px;
padding: 0px 10px;
text-align:left;
font-size:1.2em;
color:#FFFFFF;
}

#left p {
color:#000;
text-align:left;
padding:2px;
}

#left div {
color:#000;
text-align:left;
padding:2px;
}

#left ul {
margin:0px 0px 0px 0px;
padding:0px;
list-style:none;
}

#left li {
margin:3px 0px;
padding:0px;
color:#fff;
}

#left a {
color:#990000;
text-decoration:underline;
}

#left a:hover {
text-decoration:none;
color:#ff0000;
}

#left table {
font-size: 12px;
}

#left table tr td {
margin:0px;
padding:2px 0px;
}

#left img {
float:left;
margin:0px 10px 10px 0px;
padding:4px;
border:1px solid #660000;
background-color:#333333;
}

.floatimage {
float:left;
margin:0px 10px 10px 0px;
padding:4px;
border:1px solid #ccc;
}

/*Footer Area
---------------------*/

#footer {
clear:both;
width:796px;
height:37px;
margin:0px auto;
padding:0px;
text-align:center;
background:url(../layoutimages/footer.jpg) no-repeat #cccc99;
}

#footer p {
padding:5px 0px;
margin:0px;
font-size:1.0em;
color:#333;
}

#footer a {
color:#660000;
text-decoration:underline;
font-size:1.0em;
padding:2px;
}

#footer a:hover {
text-decoration:none;
color:#FFF;
background-color:#660000;
}

/*contactform2*/

#EnqSender, #EnqCompany, #EnqReferSite, #EnqEmailSender, #EnqDetails, #EnqSubject {width:300px;}
#contactform {margin:0px 10px;}
#contactform p{ color:#000; margin:3px 0px;padding:5px;}
#contactform legend{font-size:1.4em; font-weight:bold;color:#990000;}


/*-------------- Drop Down Navigation Styling--------------*/

#nav {
	float: left;
	width: 66.4em; /*adjusts bar length*/
	list-style: none;
	line-height: 1;
	font-weight:normal;
	font-size:1.1em;
	padding:0 0 0 50px;
	background-color:#333;
	margin: 0 0 1em 0;
}

#nav ul {
	float: left;
	width: 72em;
	list-style: none;
	line-height: 1;
	font-weight:normal;
	padding: 0;
	margin: 0 0 1em 0;
	background-color:#Ffffcc;
	z-index:20;
}

#nav a {
	display: block;
	width: 9em;
	w\idth: 8em;
	color: #ffffcc;
	text-align:left;
	text-decoration: none;
	padding: 0.5em;
}

#nav a:hover {
color:#FFFFFF;
}


#nav li {
	float: left;
	padding: 0;
	width: 9em;
}


#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 10em;
	w\idth: 9em;
	font-weight: normal;
	margin: 0;
}

#nav li li {
	padding-right: 0em;
	width: 9em
}


#nav li ul a {
	width: 10em;
	w\idth: 8em;
	color:#666;
	border-bottom:1px solid #fff;
}

#nav li ul ul {
	margin: -1.75em 0 0 8em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {
	background:#990000;
	color:#FFFFFF;
}