@charset "utf-8";
body { margin:0; padding:0; width:100%; color:#FFFFFF; font:normal 12px Arial, Helvetica, sans-serif;}
html { padding:0; margin:0;}

/* main */
.main {width:100%; padding:0; margin:0 auto;}
.resize { width:100%; margin:0 auto;}

/********** header **********/
.header { background:url(images/header.jpg) repeat-x; height:89px;}

/* logo */
.logo { padding:25px 0 0 0; margin:0 auto 0 auto; width:900px; position:relative;}
/* menu */	
.menubg {padding:0; margin:0 auto; width:100%; height:192px; background:url(images/wave.jpg) repeat-x;}
.menu {padding:0; margin:0 auto; width:900px; height:192px; position:relative;}
.menu ul { padding:110px 0 0 0; margin:0 0; list-style:none; border:0;}
.menu ul li { float:left; margin:0; padding:8px 7px 0 3px; border:0;}
.menu ul li a { float:left; margin:0; padding:12px 0; color:#FFFFFF; font:bold 12px Verdana, Arial, Helvetica, sans-serif; text-decoration:none;}
.menu ul li a span { padding:12px 30px; background:none;}
.menu ul li a:hover {color:#FFFFFF;}
.menu ul li a.active {color:#FFFFFF;}

.splash {
	height:500px;
	background:url(images/splash.jpg) no-repeat;
	position:absolute;
	top:-22px;
	left:331px;
	width: 615px;
}

/********** block index **********/
.block { width:100%; margin:0 auto 0 auto; background:#01588d url(images/bg.jpg) repeat-x;}
.body { width:900px; margin:0 auto 0 auto;}
.body h2 { font:normal 18px Arial, Helvetica, sans-serif; color:#a6ddfe; margin:0 10px; padding:10px 0;}
.body h3 { font:bold 21px Arial, Helvetica, sans-serif; color:#a6ddfe; padding:10px 0; margin:0; line-height:1.2em;}
.body h4 { font:bold 15px Arial, Helvetica, sans-serif; color:#a6ddfe; padding:10px 0; margin:0;}

.body p { font:normal 12px Arial, Helvetica, sans-serif; color:#FFFFFF;}
.body em { font:italic 12px Arial, Helvetica, sans-serif; color:#FFFFFF; line-height:1.8em; padding:10px 0 0 10px;}
.body a { font:normal 12px Arial, Helvetica, sans-serif; color:#FFFFFF;}
.body a:hover { text-decoration:none;}
.body strong { color:#FFFFFF;}
.body ul { list-style:none; float:left;}
.body ul li { font:normal 13px Arial, Helvetica, sans-serif; color:#FFFFFF; line-height:1.8em;}
.bdy td
{
	 border:1px solid #FFFFFF;
}

.left { float:left; width:270px; margin:10px 10px 10px 20px; position:relative;}
.center { float:left; width:570px; margin:10px 10px 10px 20px; position:relative;}
.right { float:right; width:270px; margin:10px 10px 10px 20px; position:relative;}
.full { float:left; width:900px; margin:10px 10px 10px 20px; position:relative;}

/* services */
h2.services { background:url(images/h2_Graphics.gif) no-repeat left; padding:10px 10px 10px 40px;}
div.services { border:1px solid #d4d6d7; padding:10px; margin:10px;}
div.services ul { padding:0; margin:0; list-style:none; float:left; width:33%;}
div.services ul li { padding:0 0 0 10px; margin:0; font:normal 11px Arial, Helvetica, sans-serif; color:#806f4f; line-height:1.8em;}

/* clients */
.clients h2 { background:url(images/h2_Client.gif) no-repeat left; padding:10px 10px 10px 40px;}

/* contact */
.contact p { font:normal 12px Arial, Helvetica, sans-serif; line-height:1.8em;}
.contact a { font:normal 12px Arial, Helvetica, sans-serif; color:#3f91b4;}

/* latest updates */
.latest_updates { }
.latest_updates h2 { background:url(images/h2_lastes.gif) no-repeat left; padding:10px 10px 10px 40px;}
.latest_updates p.time { background: url(images/bg_data.gif) repeat-x; margin:10px; padding:0; color:#806f4f; font:bold 14px Arial, Helvetica, sans-serif; line-height:1.2em; width:80px; text-align:center;}

/*navigation*/
ul.navigation  { margin:0; padding:0 10px;}
ul.navigation li { list-style:none; padding:10px 10px 10px 15px; margin:0 20px; background:url(images/sub_nav_menu.gif) no-repeat left center;}
ul.navigation li a { font:bold 13px Arial, Helvetica, sans-serif; color:#2c2c2c; text-decoration:none;}
ul.navigation li a:hover { text-decoration:underline;}
ul.navigation li a.active { font-weight:normal; text-decoration:underline;}

/* lister */
.lister { padding:10px;}
ul.lister { margin:0; list-style:none; float:left;}
ul.lister li { margin:0; padding:0 5px; float:left;}
ul.lister li a { display:block; background:url(images/lister.gif) no-repeat; float:left; width:29px; height:29px; text-align:center; font:bold 13px Arial, Helvetica, sans-serif; color:#73787c; text-decoration:none; line-height:2.4em;}
ul.lister li a:hover { background:url(images/lister_h.gif) no-repeat; color:#FFF;}
ul.lister li a.active { background:url(images/lister_h.gif) no-repeat; color:#FFF;}

/********** contact form **********/
#contactform { margin:0; padding:5px 10px;}
#contactform * { color:#222222;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block;}
#contactform li.buttons { margin:5px 0 5px 110px;}
#contactform label { margin:0; width:110px; display:block; padding:10px 0; font:bold 11px Arial, Helvetica, sans-serif; color:#505050; text-transform:capitalize; float:left;}
#contactform label span { color:#ff0000;}
#contactform input.text { width:400px; border:1px solid #dcdcdc; margin:10px 0; padding:5px 2px; height:16px; background:#f5f5f5; float:left;}
#contactform textarea { width:400px; border:1px solid #dcdcdc; margin:10px 0; padding:2px; background:#f5f5f5; float:left;}
#contactform li.buttons input { padding:3px 0; margin:0; border:0; color:#FFF; float:left;}
p.response { text-align:center; color:#2c2c2c; font: bold 11px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto;}

/********** footer **********/
.footer { background:url(images/footer.jpg) repeat-x; padding:46px 0 0 0; width:100%; margin:0 auto;}
.footer p { text-align:center; font:normal 10px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; padding:15px 0; margin:0; float:right; width:50%;}
.footer a { font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration:none;}
.footer ul { padding:10px 0 10px 5%; margin:0; float:left; width:45%; list-style:none;}
.footer ul li { padding:0 3px; margin:5px 5px 5px 5px; float:left;}
.footer ul li a { color:#FFFFFF; font:normal 10px Verdana, Arial, Helvetica, sans-serif;}
.footer ul li a:hover {text-decoration:underline}

p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
li.bg, .bg { clear:both; border-bottom:1px solid #d9d9d9; padding:10px 0 0 0; margin:5px 0; background:none;}