/*
----------------------------------------------------------------
	global styles
---------------------------------------------------------------- */




html {height: 100%;}
 
body {height: 100%; margin: 0; padding: 0; background: #c4c4c4; font: 11px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;}

/* -- undo browser HTML defaults -- */
:link,:visited {text-decoration: none;}
ul,ol {list-style: none;}
h1,h2,h3,h4,h5,h6,pre,code,p {font-size: 1em;}
ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin: 0; padding: 0;}
a img,:link img,:visited img {border: none;}
address {font-style: normal;}


/* h1 */

h1.mir {position: absolute; top: 170px; left: 44px; background: url(/img/h1.gif) no-repeat; width: 317px; height: 88px; margin: 0 auto; border: 1px solid #e5e5e5;}
h1.mir a {display: block; width: 315px; height: 86px; cursor: pointer;}
h1.mir a:hover {border: 1px solid #9cf;}

.mir { letter-spacing : -9000em; }
/* Be nice to Opera, but hide from MacIE. */
/*\*/html>body .mir { letter-spacing : normal; text-indent : -999em; overflow : hidden;}
/* end hack */


div#wrapper {background: #fff url(/img/body_bg.jpg); width: 988px; margin: 0 auto; border: 1px solid #c4c4c4; border-bottom: 2px solid #999; border-top: none;}

div#header {background: transparent url(/img/header_bg.gif) no-repeat; height: 72px;}


div#content {clear: both; width: 550px; height: 400px; float: right; margin: 120px 45px 0 0; line-height: 1.5em; display: inline;}
div#content p {margin: 0 0 15px 0;}
div#content a:link, div#content a:visited {color: #9af; border-bottom: 1px dotted #9af;}
div#content a:hover {color: #09a; border-bottom: 1px solid #09a;}

div#content h2 {width: 414px; height: 65px; margin: 0; padding: 0;}


/*
----------------------------------------------------------------
	content styles
---------------------------------------------------------------- */


div.homepage#content {background: transparent url(../img/content_bg_homepage.gif) no-repeat; padding-top: 18px; height: 382px;}
div.homepage#content strong {font-size: 14px; margin: 50px 0 0 60px;}
div.homepage#content p {padding: 0 20px;}





div.services#content h2 {background: url(/img/h2_services.gif) no-repeat;}
div.services#content ul {padding: 0 20px;}
div.services#content ul ul {padding-left: 10px; border-top: 1px solid #ccc;}
div.services#content li {margin: 0 0 10px 0; font-weight: bold; font-size: 13px;}
div.services#content li li {margin: 7px 0 0 0; font-weight: normal; font-size: 12px;}
div.services#content p {margin: 20px; background: #efefef; border: 1px solid #ccc; padding: 10px;}




div.clients#content h2 {background: url(/img/h2_clients.gif) no-repeat;}
div.clients#content h3 {margin: 0 20px 0 40px; padding-bottom: 5px; font-size: 13px;border-bottom: 1px solid #ccc;}
div.clients#content ul {margin: 10px 25px 40px 40px;}
div.clients#content li {margin-bottom: 5px;}



div.contact#content h2 {background: url(/img/h2_contact.gif) no-repeat;}
div.contact#content ul {margin: 10px 25px 40px 40px;}
div.contact#content li {margin-bottom: 5px;}




/*
----------------------------------------------------------------
	nav styles
---------------------------------------------------------------- */

ul#nav {
	float: right;
	width: 428px;
	height: 43px;
	background: url(/img/nav_bg.gif) no-repeat 0 0;
	margin: 45px 45px 0 0;
	display: inline;
}
ul#nav li {
	display: block;
	height: 43px;
	position: absolute;
	overflow: hidden;
	text-indent: -9000px;
}
ul#nav li a {display: block;}

li.home {
	margin-left: 3px;
	top: 62px;
	width: 49px; 
}
	li.home a:link, li.home a:visited {
		height: 9px;
	}
	li.home a:hover {
		background: url(/img/nav_bg.gif) no-repeat -3px -60px;
		outline: none;
	}
	.homePage li.home {
		background: url(/img/nav_bg.gif) no-repeat -3px -60px;
	}
li.services {
	margin-left: 92px;
	top: 62px;
	width: 86px;
}
	li.services a:link, li.services a:visited {
		height: 11px;
	}
	li.services a:hover {
		background: url(/img/nav_bg.gif) no-repeat -92px -60px;
		outline: none;
	}
	.services li.services {
		background: url(/img/nav_bg.gif) no-repeat -92px -60px;
	}
li.clients {
	margin-left: 222px;
	top: 63px;
	width: 73px;
}
	li.clients a:link, li.clients a:visited {
		height: 14px;
	}
	li.clients a:hover {
		background: url(/img/nav_bg.gif) no-repeat -222px -61px;
		outline: none;
	}
	.clients li.clients {
		background: url(/img/nav_bg.gif) no-repeat -222px -61px;
	}


li.contact {
	margin-left: 340px;
	top: 64px;
	width: 80px;
}
	li.contact a:link, li.contact a:visited {
		height: 14px;
	}
	li.contact a:hover {
		background: url(/img/nav_bg.gif) no-repeat -340px -62px;
		outline: none;
	}
	.contact li.contact {
		background: url(/img/nav_bg.gif) no-repeat -340px -62px;
	}



ul#footernav {
	float: left;
	width: 368px;
	height: 21px;
	background: url(/img/footernav_bg.gif) no-repeat 0 0;
	margin: 0 0 0 430px;
	display: inline;
}
ul#footernav li {
	display: block;
	height: 13px;
	overflow: hidden;
	text-indent: -9000px;
}
ul#footernav li a {display: block;}

ul#footernav li.contact {margin: 10px 0 0 315px; width: 52px; float: left; display: inline;}

	ul#footernav li.contact a:link, ul#footernav li.contact a:visited {
		height: 13px;
	}
	ul#footernav li.contact a:hover {
		background: url(/img/footernav_bg.gif) no-repeat -315px -27px;
		outline: none;
	}
	ul#footernav.contact li.contact {
		background: url(/img/footernav_bg.gif) no-repeat -316px -28px;
	}






/*
----------------------------------------------------------------
	footer styles
---------------------------------------------------------------- */




div#footer {clear: both; background: transparent url(/img/footer_bg.gif); height: 105px; padding-top: 10px;}

/* sticky footer */

#nonFooter{position: relative; min-height: 100%;}

* html #nonFooter {height: 100%;}

#footer {position: relative; margin: -10.5em auto 0 auto;}

	/* A CSS hack that only applies to IE -- specifies a different height for the footer */

* html #footer {margin-top: 1px;}

/* end footer */