* {
margin:0; 
padding:0;
}

body {
font-family:Geneva, Verdana, Arial, Helvetica, sans-serif; 
font-size:.8em; 
background-color:#1d334a;

}

#wrapper {
position:relative; 
width:99%;
margin-left:auto;
margin-right:auto;
margin-top:6px;
}

#header 
{
	position:relative;
	width:100%;
	height:240px;
	background-image: url(css/headerback.gif);
	border-bottom:1px solid #f8ce0b;
}	

#header_left {
	position:absolute;
	width:492px;
	height:187px;
	background-image:url(css/headerleft1.gif);
	background-position:left;
	background-repeat:no-repeat;
}

#header_right {
	position:absolute;
	width:266px;
	height:187px;
	right:2px;
	top:0;
	background-image:url(css/at.gif);
	background-repeat:no-repeat;
}
#nav {
position:absolute;
height:52px;
background-image:url(css/navback.jpg);
background-repeat:repeat-x;
width:100%;
top:188px;
}

.navleft {
	position:absolute;
	height:52px;
	width:361px;
	right:424px;
	background-image:url(css/navleft.jpg);
	background-repeat:no-repeat;
 	left: 0;
}

#nav_items {
	position:absolute;
	right:0;
	height:52px;
	width:100%;
}

#nav_container {
	position:absolute;
	right:2px;
	bottom:0;
	height:52px;
	width:423px;
}
#nav_container ul li {list-style-type:none;}
#content {
	position:relative;
	margin-top:1px;
	background-image:url(css/content_LEFT.gif);
	background-repeat:repeat-y;
	border-top:1px solid #f8ce0b;
	background-color: #46668d;
}
 
 #content1 {
	position:relative;
	background-position:right;
	padding-left:2px;
	background-image:url(css/content_LEFT.gif);
	background-repeat:repeat-y;

}

#content_container {
	position:relative;
	width:auto;
	padding-left:9px;
	padding-right:9px;
	margin-left:6px;
	margin-right:8px;
	background-image: url(css/contentback.gif);
	background-repeat:repeat-x;
	

}
#content_container p {
margin-bottom:1em;
line-height:1.4em;
color:#fff;
letter-spacing:0.1em;

}

h1 {margin-bottom:.7em; padding-top:0.5em; color:#F8CE0B; text-align:left; font-size:1.4em;}
h2 {margin-bottom:.7em; padding-top:0.5em; color:#F8CE0B; text-align:left; font-size:1.4em;}


#left h1 {margin-bottom:.7em; padding-top:0.5em; color:#F8CE0B; text-align:left; font-size:1.4em;}
#right h2 {margin-bottom:.7em; padding-top:0.5em; color:#F8CE0B; text-align:left; font-size:1.4em;}

#middletop {
	position:absolute;
	background-image:url(css/contenttop.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	left:auto;
	right:auto;
	top:243px;
	width:100%;
	height: 59px;
	z-index:666;

}

#lefttop {
	position:absolute;
	z-index:666;
	left:0;
	height:59px;
	width:40%;
	background-image: url(css/contenttop1.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	top: 243px;

}
#righttop {
	position:absolute;
	right:0;
	height:59px;
	width:40%;
	z-index:666;
	background-image: url(css/contenttop1.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	top: 245px;

}

#sep {
	position:absolute;
	left:50%;
	right:50%;
	height:278px;
	width:1px;
	background-image:url(css/seperator.gif);
	z-index:777;
	top: 290px;
}

#left {float:left;
width:45%;
height:auto;
z-index:0;
margin-left:1em;
text-align:justify;}

#right {float:right;
width:45%;
height:auto;
margin-right:1em;
z-index:0;

text-align:justify;}

#right ul li {list-style-type:none;}

#footer {position:relative;
width:auto;
height:53px;
background-image:url(css/footer.gif);
background-repeat:no-repeat;
background-position:right;}

#footer1 {position:relative;
width:auto;
background-position:left;
background-image:url(css/footerback.gif);
background-repeat:repeat-x;
height:53px;
margin-right:278px;}

#footer ul {padding-top:1.4em; padding-left:1em;}
#footer ul li {list-style-type:none; display:inline; color:#666666; padding-left:.5em; }

#footer a {color:#666666; text-decoration:none;}




div#formcontainer 
{
	width:100%;
	margin-left:2em;
	margin-top:10px;
	margin-bottom:2em;
}
div#formcontainer h3 
{margin:20px 0 0 10px; 
font-weight:bold; 
} 
div#formcontainer h4 
{margin:0 0 5px 10px; 
font-weight:normal; 
}
div#formcontainer form  
{border-top: 1px solid #f8ce0b; 
border-bottom: 1px solid #f8ce0b;} 
div#formcontainer div.clearfix 
{border: 1px solid #f8ce0b; 
padding:10px 0px; 
vertical-align:top;} 
div#formcontainer form label {width:120px; 
float:left; 
color: #fff;   
margin:0 10px;} 
div#formcontainer div.buttongroup {float:left; margin:0px; padding:0px;} 
div#formcontainer div.buttongroup div {margin-bottom:5px; font-size:.75em;} 
div#formcontainer div.buttongroup input {margin-right:5px;} 

div#formcontainer input[type="submit"] {display:block; margin-left:auto; margin-right:10px; text-align:right;}

#left ul {margin-left:1em;}
#left ul li {color:#fff;}
#left ul li a {text-decoration:none; color:#FF9900; font-size:1.3em;}

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

#left a {color:#fff; text-decoration:none; font-weight:bold;}
#left a:hover {text-decoration:underline;}


div#formcontainer1 
{width:266px; 
margin-bottom:1em;
background-color:#243d6c;
filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	height:140px;
	padding-top:20px;
}

div#formcontainer1 div.clearfix 
{
padding:3px 0px; 
vertical-align:top;} 
div#formcontainer1 form label {width:60px; 
float:left; 
color: #fff;   
margin:0 10px;} 



.buttons {margin-left:70px;}
.float {float:right; margin-left:20px;}

/* Home */

.home   {position:absolute; left:-1px; top:2px; font-family: arial, helvetica, sans-serif; background: url(nav/home1.jpg) no-repeat;
           white-space: nowrap; display: block; width: 80px; height: 50px; margin: 0; padding: 0;}

.home a {position:absolute; outline: none; left:0px; top:0px; display: block; font-weight:bold; width: 80px; height: 41px; display: block; float: left; color:#0066FF; text-decoration: none;}



.home a span {visibility:hidden; 
position:absolute;
top:-80px; 
left:-0px;
display:none;
background-image:url(css/home.png);
background-repeat:no-repeat;
width:79px; 
outline: none;
height:74px; 
color:#444; 
padding-left:40px; 
padding-top:30px;}





.home a:hover span {visibility:visible; display:block;}





.home a:hover {position:absolute; left:-1px; top:2px; display: block;  left:0px; top:0px; font-weight:bold; width: 80px; height: 50px; display: block; float: left; color:#FFFFFF; text-decoration: none;}

.home img {width: 80px; height: 50px; border: 0; text-decoration: none;}

.home a:hover img {visibility:hidden}

* html a:hover{visibility:visible}

/* Serives */

.about   {
	position:absolute;
	left:81px;
	top:2px;
	font-weight:bold; 
	font-size:.8em;
	font-family: tahoma, helvetica, sans-serif;
	background: url(nav/about1.jpg) no-repeat;
	white-space: nowrap;
	display: block;
	width: 81px;
	height: 50px;
	margin: 0;
	padding: 0;
}

.about a {position:absolute;	outline: none;
 left:0px; top:0px; display: block; width: 81px; height: 41px; display: block; float: left; color:#0066FF; text-decoration: none;}

.about a:hover {position:absolute; left:-1px; top:2px; display: block; left:0px; top:0px;  width:81px; height: 50px; display: block; float: left; color:#FFFFFF; text-decoration: none;}


.about a span {visibility:hidden; 
position:absolute;
top:-140px; 
left:-150px;
display:none;
background-image:url(css/bubble2.png); 
width:200px; 
outline: none;
height:97px; 
color:#000; 
padding-left:30px; 
padding-top:30px;}

.about a:hover span {visibility:visible; display:block;}

.about img {width: 81px; height: 50px; border: 0; text-decoration: none;}

.about a:hover img {visibility:hidden}


/* contact */

.services   {
	position:absolute;
	left:164px;
	top:2px;
	font-size:.8em;
font-weight:bold; 
	color:#444; 
	font-family: tahoma, helvetica, sans-serif;
	background: url(nav/services1.jpg) no-repeat;
	white-space: nowrap;
	display: block;
	width: 81px;
	height: 50px;
	margin: 0;
	padding: 0;
}

.services a {position:absolute; outline: none; left:0px; top:0px; display: block;  width: 81px; height: 41px; display: block; float: left; color:#0066FF; text-decoration: none;}

.services a:hover {position:absolute; left:-1px; top:2px; display: block; left:0px; top:0px; width:81px; height: 50px; display: block; float: left; color:#FFFFFF; text-decoration: none;}

.services a span {visibility:hidden; position:absolute; display:none; top:-140px; left:-150px; background-image:url(css/bubble1.png); width:180px; height:97px; color:#000; padding-left:50px; padding-top:30px;}

.services a:hover span {visibility:visible; display:block;}


.services img {width: 81px; height: 50px; border: 0; text-decoration: none;}

.services a:hover img {visibility:hidden}





/* Offers */

.contact   {
	position:absolute;
	left:245px;
	top:2px;
	font-family: tahoma, helvetica, sans-serif;
	background: url(nav/contact1.jpg) no-repeat;
	white-space: nowrap;
	display: block;
	font-size:.8em;

	width: 81px;
	height: 50px;
	margin: 0;
	padding: 0;
}

.contact a {
	position:absolute;
	left:0px;
	top:0px;
	outline: none;
	display: block;
	font-weight:bold;
	width: 82px;
	height: 41px;
	display: block;
	float: left;
	color:#0066FF;
	text-decoration: none;
}

.contact a:hover {position:absolute; left:-1px; top:2px; display: block; left:0px; top:0px; font-weight:bold; width:82px; height: 50px; display: block; float: left; color:#FFFFFF; text-decoration: none;}

.contact a span {visibility:hidden; position:absolute; display:none; top:-140px; left:-150px; background-image:url(css/bubblec.png); width:180px; height:97px; color:#000; padding-left:50px; padding-top:30px;}

.contact a:hover span {visibility:visible; display:block;}



.contact img {width: 82px; height: 50px; border: 0; text-decoration: none;}

.contact a:hover img {visibility:hidden}

/* links */

.links   {
	position:absolute;
	left:330px;
	top:2px;
	font-size:.8em;
	font-family: tahoma, helvetica, sans-serif;
	background: url(nav/links1.jpg) no-repeat;
	white-space: nowrap;
	display: block;
	width: 95px;
	height: 50px;
	margin: 0;
	padding: 0;
}

.links a {
	position:absolute;
	left:0;
	top:0px;
	outline: none;
	display: block;
	font-weight:bold;
	width: 95px;
	height: 41px;
	display: block;
	float: left;
	color:#0066FF;
	text-decoration: none;
}

.links a:hover {position:absolute; left:-1px; top:2px; display: block;  left:0px; top:0px; font-weight:bold; width:95px; height: 50px; display: block; float: left; color:#FFFFFF; text-decoration: none;}

.links a span {visibility:hidden; position:absolute; display:none; top:-140px; left:-150px; background-image:url(css/bubble3.png); width:180px; height:97px; color:#000; padding-left:50px; padding-top:30px;}

.links a:hover span {visibility:visible; display:block;}

.links img {width: 95px; height: 50px; border: 0; text-decoration: none;}

.links a:hover img {visibility:hidden}

/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */