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

/* -------------------------------------------------------------------------------------- SMALL RESET */
*{ margin:0; padding:0; }

ul, ol, li, h1, h2, h3, h4, h5, h6, form, p{
	margin:0;
	padding:0;
	}

a, a:hover{
	outline:none;
	text-decoration:none;
	}

img{ border:none; }


/* -------------------------------------------------------------------------------------- HACKS */

.clear{
	clear:both;
	}

/* -------------------------------------------------------------------------------------- STRUCTURE */

 /* ---    font-family: 'Maven Pro', sans-serif;
              font-family: 'Droid Serif', serif;      --*/

body {
	font-size:12px;
	color:#646464;
	font-weight:normal;
}

/* -------------------------------------------------------------------------------------- HEADER */

#header {
	background:url(../images/structure/black_block1_BG.gif) repeat-x;
	width:100%;
	height:118px;
}

#header-container {
	width:960px;
	margin:auto;
	position:relative;
}

#logo {
	position:absolute;
	z-index:9999;
	top:0;
	left:0;
}


/*------------------------------------------------------------------Nav*/

#nav-container {
	width:410px;
	float:right;
	margin-right:85px;
}

ul#nav {
    list-style:none;
	width:410px;
    overflow:hidden;
}
ul#nav li {
	float:left;
	clear:right;
}
ul#nav li a span {
	margin-left:-5000px;
}
ul#nav li a {
	display:block;
	background-image:url(../images/structure/nav.png);
	background-repeat:no-repeat;
	height:118px;
	overflow:hidden;
}

/* ------------------------------------ */

ul#nav li.home a {background-position: 0px -0px; width:98px;}
ul#nav li.home a:hover, ul#nav li.home a.hover {background-position: 0px -118px;}

/* ------------------------------------ */

ul#nav li.about a {background-position: -98px -0px; width:92px;}
ul#nav li.about a:hover, ul#nav li.about a.hover {background-position: -98px -118px;}

/* ------------------------------------ */

ul#nav li.services a {background-position: -190px -0px;	width:116px;}
ul#nav li.services a:hover, ul#nav li.services a.hover {background-position: -190px -118px;}

/* ------------------------------------ */

ul#nav li.contact a {background-position: -306px 0px; width:104px;}
ul#nav li.contact a:hover, ul#nav li.contact a.hover {background-position: -306px -118px;}

/* ------------------------------------ */


/* -------------------------------------------------------------------------------------- FOOTER */

#footer-container1 {
	background:url(../images/structure/grey_block_BG.gif) #f5f5f5 repeat-x;
	width:100%;
	padding:30px 0 30px 0;
}

#footer-container1 h2 {
	font-size:20px;
	margin-bottom:6px;
	color:#646464;
	font-family: 'Droid Serif', serif;
}

#footer-container1 h3 {
	font-size:18px;
	margin-bottom:6px;
	color:#79b7b4;
	font-family: 'Droid Serif', serif;
}

#footer1left {
	float:left;
	width:500px;
	font-size:15px;
	color:#838383;
}

#footer1left a {
	color:#838383;
}

#footer1left a:hover {
	color:#79b7b4;
}
	

#footer1right {
	float:right;
	width:343px;
	font-size:15px;
}

#footer1right li {
	margin-left:15px;
}

#footer1right li a {
	color:#79b7b4;
}

#footer1right li a:hover {
	color:#79b7b4;
	text-decoration:underline;
}

#footer-wrapper1 {
	margin:auto;
	width:960px;
	font-family: 'Droid Serif', serif;
}

#footer-container2 {
	background:url(../images/structure/grey_block_BG2.gif) #e5e8e8 repeat-x;
	width:100%;
	padding:30px 0 30px 0;
}

#footer-wrapper2 {
	margin:auto;
	width:960px;
	font-family: 'Droid Serif', serif;
}

#footer2left {
	float:left;
	width:418px;
   font-size:12px;
   color:#646464;
}

#footer2right {
	float:right;
	width:342px;
	font-size:12px;
	color:#646464
}

#footer2right a {
	color:#646464;
}

#footer2right a:hover {
	color:#646464;
	text-decoration:underline;
}

#footerBar {
	background:url(../images/structure/bar.gif) repeat-x;
	height:1px;
	width:100%;
	margin-bottom:15px;
}