@charset "utf-8";

body {
	margin:0;
	padding:0;
	background-image:url(images/headerbg.jpg);
	background-repeat:repeat-x;
}

#top {
	height:200px;
	width:100%;
	min-width:1200px;
	margin:0 auto;
	padding:0 auto;
 }

#container {
	width:1200px;
	margin:0 auto;
	padding:0;
}

#content {
	width:1200px;
	margin:0 auto;
	padding:5px;
	background-color:#FFFFFF;
	clear:both;
}
#content2 {
	width:1200px;
	margin:0 auto;
	padding:5px;
	background-color:#FFFFFF;
	clear:both;
}
#main {
	width:600px;
	margin:0 auto;
	padding:5px;
	background-color:#FFFFFF;
	clear:both;
}
#navcontainer{
	width:100%;
	height:100%;
	margin:0;
	background: url(images/header.png) no-repeat center;
}
#left{
	float:left;
	margin:0 auto;
	padding:5px;
	width:580px;
	border: solid #ccc;
	border-width: 1px;
}
#leftnb{
	float:left;
	margin:0 auto;
	padding:5px;
	width:580px;
}
#leftcontact{
	float:left;
	margin:0 auto;
	width:550px;
	padding:5px;
}
#right{
	width:580px;
	margin:0 auto;
	padding:5px;
	float:right;
	border: solid #ccc;
	border-width: 1px;
	height:100%;
}
#rightnb{
	width:580px;
	margin:0 auto;
	padding:5px;
	float:right;
}

#footer {
	height:100px;
	width:1200px;
	margin:0 auto;
	padding:0;
	clear:both;
}

p{
	color:#7b7b7b;
	font-family: 'robotolight';
	font-size:1.15em;
	margin:0;
}
a{
	color:#7b7b7b;
	font-family: 'robotolight';
	font-size:1em;
	margin:0;
	text-decoration:none;
}
h1{
	color: #7b7b7b;
	font-family: 'robotolight';
	font-size:1.6em;
	margin:0;
}
h2{
	color: #7b7b7b;
	font-family: 'robotolight';
	font-size:1.4em;
	font-weight:700;
	margin:0;
}

h4{
	color: #7b7b7b;
	font-family: 'robotolight';
	font-size:2.2em;
	margin:0;
	font-weight:700;
}
li{
	color:#7b7b7b;
	font-family: 'robotolight';
	font-size:1.15em;
	margin:0;
}
p.nav{
	font-family: 'robotolight';
	color: #7b7b7b;
	width:1200px;
	font-size:1.1em;
	margin:0 auto;
	padding-top:150px;
	padding-left:180px;
}
p.contact{
	font-family: 'robotolight';
	color: #7b7b7b;
	font-size:1.3em;
}
a.nav{
	font-family: 'robotolight';
	color: #7b7b7b;
	text-decoration:none;
	font-size:1em;
}
p.footer{
	font-family: 'robotolight';
	color: #CCC;
	width:1200px;
	font-size:.7em;
	margin:0 auto;
	padding-top:50px;
}
p.login{
	font-family: 'robotolight';
	color: #CCC;
	font-size:.7em;
}
a.login{
	font-family: 'robotolight';
	color: #CCC;
	font-size:.7em;
	text-decoration:none;
}
a.login:visited{
	font-family: 'robotolight';
	color: #CCC;
	font-size:.7em;
	text-decoration:none;
}
a.login:hover{
	font-family: 'robotolight';
	color: #CCC;
	font-size:.7em;
	text-decoration:none;
}
#clear{
	clear:both;
}
a:visited {
	text-decoration:none;
	font-family: 'robotolight';
	color: #7b7b7b;
	text-decoration:none;
	font-size:1em;
}

a:hover {
	text-decoration:none;
	font-family: 'robotolight';
	color: #7b7b7b;
	text-decoration:none;
	font-size:1em;
}
html {
     overflow: -moz-scrollbars-vertical;
     overflow: scroll;
}
#table{
	width:550px;
	margin:0 auto;
}
.col
{
    width: 175px;
	font-family: 'robotolight';
	font-size:1.1em;
	font-weight:300;
	color:#7b7b7b;
	float:left;
}
.col2
{
    width: 100px;
	font-family: 'robotolight';
	font-size:1.1em;
	font-weight:300;
	color:#666;
	float:right;
}
.col3
{
    width: 175px;
	font-family: 'robotolight';
	font-size:1.1em;
	font-weight:300;
	color:#666;
	float:right;
}
.col4
{
    width: 100px;
	font-family: 'robotolight';
	font-size:1.1em;
	font-weight:300;
	color:#666;
	float:right;
}
.col5
{
    width: 200px;
	font-family: 'robotolight';
	font-size:1em;
	font-weight:300;
	color:#666;
	float:left;
}
.col6
{
    width: 350px;
	font-family: 'robotolight';
	font-size:1em;
	font-weight:300;
	color:#999;
	float:right;
}
.text{
	width:550px;
	height 25px;
}
#tableprojects{
	width:1100px;
	margin:0 auto;
}
.colprojects
{
    float: left;
    width: 25%;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size:14px;
	font-weight:300;
	color:#244368;
	display:block;
}

.lastprojects{
    clear: left;
}

.textprojects{
	width:100%;
}
.imageprojects{
	width:100%;
}