* {
margin: 0;
padding: 0;
}
html, body {
	margin:0;
	padding:0;
	height: 100%; 
	width:100%;
}

body {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
background: #7b7e75 url(../img/bg-body.jpg) no-repeat center top;
 
}



a img {
	border: none;
}
a {
	color: #000;
}
.right {
	float: right;
}
.left {
	float: left;
	padding-right: 10px;
}
img.left {padding-right: 40px;}
.center {
	text-align:center;
}
.noborder {border: none !important; background: none !important;}

.hidden {
display: none; 

}

.clear {
	clear:both;
}

.nofloat {overflow: hidden;}


#page
{
min-height: 100%; 
height:auto !important;
height:100%;
background: #fff url(../img/bg-page.jpg) no-repeat;
width:1000px;
margin: 50px auto 0 auto;
}

.main-page {margin-top: 70px !important; }

.main { 
background: #fff url(../img/bg-main.jpg) 0 40px no-repeat !important; 
min-height: 100%;
height:auto !important;
height:100%;

}

#header {height: 150px;}

h1.logo {
	text-indent: -9900px;
	background: url(../img/logo.png) 0 0 no-repeat;
	width: 240px;
	height:110px;
	margin: 30px 50px 0 0;
	float: right;
}
a h1.logo {
	cursor: hand;
}


#header .left {padding: 40px 0 0 50px;}

ul#nav {position: relative;
	list-style: none;
	float: left;
	white-space: nowrap;
	color: #e8e6e2;
	margin: 30px 0 30px 80px; //margin-left: 50px;
}

 ul#nav li {
	background:url(../img/bullit.gif) 0 50% no-repeat;
	padding: 0 20px;
	text-transform:uppercase;
	font-size: 12px;
	font-weight:normal;

}

ul#nav li a {text-decoration: none; color: #000; 
padding: 10px 0 0 0; line-height: 20px;}

ul#nav li:hover {background:url(../img/act-bullit.gif) 0 50%  no-repeat; } 

ul#nav li a:hover, ul#nav li span { color: #fb0204;}

p {
	padding: 10px 0 0 0; }
h1 {
	clear: both;
	color: white;
	text-transform:uppercase;
	font-size:30px;
	letter-spacing: 1px;
	margin:90px 0 0 0;
}




#content {clear: both; position: relative; margin: 0 50px; color: #575145;}

#content p {line-height: 1.6; /*overflow: hidden;*/ position: relative;}
#content p.high {font-size: 14px; font-weight: bold; color: #000;}
#content ul {margin: 10px 0px; list-style: none;}
#content ul li {background:url(../img/bullit.gif) 0 50% no-repeat; padding: 3px 20px;}

#content h2 {color: #000; font-weight: normal; font-size: 24px; padding:0; margin: 30px 0 5px 0; line-height:24px;}

#title {margin: 20px 0; font-size: 18px; color: #5b5b5b; }
#title a {text-transform: uppercase; color: #e60004; text-decoration: none; font-weight: bold;}
a.projects { color: #e60004; text-decoration: none;}
a.projects:hover {text-decoration: underline;}


#content .list li {background: none !important; padding: 10px 0;}
#content .list li p {padding: 5px 0 0 0;}
#content .list li p.date {color: #999;}
#content .pager {
float: left;
height:20px;
list-style: inline;
}

#content .pager li a {
display:block;
height:10px;
line-height:10px;
color: #e60004;
}
#content .pager li {background: none !important;
border:1px solid #CCCCCC;
display:inline-block;
float:left;
margin-right:1px;
text-align:center;
width:10px;
padding: 5px;
margin: 0 3px;
}
#content .pager a {
text-decoration:none;
}
#content .pager li.selected {
border-color:#e60004;
}

#extended p {float: left; width: 50%;}
#extended p.clear {clear: both; width: 100% !important;}
a.listprojects {color: #5B5B5B !important; text-transform: none !important; /*text-decoration: underline !important;*/ font-weight: normal !important;}

#content .pager li.selected a {color: #000;}

.hFooter {
height: 110px; 
clear: both;
}

.footer { 
color: #878787; 
height: 110px;
margin-top: -110px; 
font-size: 11px;
position: relative;
background: url(../img/b-bg.jpg) bottom center no-repeat; 
}

.footer .center {padding: 10px 0 0 0; }
.footer a {color: #878787;}