@import "reset.css";

body {
	background: url(img/grain_bg.jpg);
	background-color: #e8e8e8;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
	font-size: 13px;
	color: #4c4c4c
	min-width: 960px;
	text-align: center;
	}

#container { 
	margin: 0 auto;
	width: 960px;
	text-align: left;
	} 

#aboutContainer { 
	margin: 0 auto;
	padding: 25px 0 0 0;
	width: 670px;
	text-align: left;
	} 

#nav {
	height: 23px;
	margin: 32px 62px 30px 0;
	width: 960px;
	display: block;
	float: right;
	}

#navhold { 
	height: 23px;
	margin: 0;
	width: 246px;
	display: block;
	float: right;
	}

#header {
	background: url(img/header.png) no-repeat;
	display: block;
	float: left;
	height: 267px;
	margin: 0 0 -100px 0;
	width: 960px;
	}

#project01 a {
	background: url(img/project01.jpg) no-repeat;
	display: block;
	float: left;
	height: 620px;
	margin: 0 0 0 0;
	text-indent: -10000px;
	width: 960px;
	}

#projectinfo01 {
	background: url(img/projectinfo01.png) no-repeat;
	display: block;
	float: left;
	height: 96px;
	margin: 15px 0 60px 0;
	width: 953px;
	}



#project02 {
	background: url(img/project02.jpg) no-repeat;
	display: block;
	float: left;
	height: 620px;
	margin: 0 0 0 0;
	width: 960px;
	}

#projectinfo02 {
	background: url(img/projectinfo02.png) no-repeat;
	display: block;
	float: left;
	height: 91px;
	margin: 15px 0 60px 0;
	width: 922px;
	}



#project03 a {
	background: url(img/project03.jpg) no-repeat;
	display: block;
	float: left;
	height: 620px;
	margin: 0 0 0 0;
	text-indent: -10000px;
	width: 960px;
	}

#projectinfo03 {
	background: url(img/projectinfo03.png) no-repeat;
	display: block;
	float: left;
	height: 96px;
	margin: 15px 0 60px 0;
	width: 942px;
	}



#project04 {
	background: url(img/project04.jpg) no-repeat;
	display: block;
	float: left;
	height: 620px;
	margin: 0 0 0 0;
	text-indent: -10000px;
	width: 960px;
	}

#projectinfo04 {
	background: url(img/projectinfo04.png) no-repeat;
	display: block;
	float: left;
	height: 96px;
	margin: 15px 0 60px 0;
	width: 869px;
	}



#project05 a {
	background: url(img/project05.jpg) no-repeat;
	display: block;
	float: left;
	height: 620px;
	margin: 0 0 0 0;
	text-indent: -10000px;
	width: 960px;
	}

#projectinfo05 {
	background: url(img/projectinfo05.png) no-repeat;
	display: block;
	float: left;
	height: 96px;
	margin: 15px 0 60px 0;
	width: 884px;
	}



#project06 {
	background: url(img/project06.jpg) no-repeat;
	display: block;
	float: left;
	height: 620px;
	margin: 0 0 0 0;
	width: 960px;
	}

#projectinfo06 {
	background: url(img/projectinfo06.png) no-repeat;
	display: block;
	float: left;
	height: 96px;
	margin: 15px 0 60px 0;
	width: 930px;
	}


ul#navigation { background: url(img/navigation.jpg) 0 0 no-repeat; height: 23px; width: 246px; }
ul#navigation li { display: block; float: left; }
ul#navigation li a { background: url(img/navigation.jpg) no-repeat; display: block; height: 23px; text-indent: -10000px; }

ul#navigation li a#web { background-position: 0px 0px; width: 44px; }
ul#navigation li a#web:hover { background-position: 0px -23px; }
ul#navigation li.active a#web { background-position: 0px -46px; }

ul#navigation li a#logotypes { background-position: -44px 0px; width: 84px; }
ul#navigation li a#logotypes:hover { background-position: -44px -23px; }
ul#navigation li.active a#logotypes { background-position: -44px -46px; }

ul#navigation li a#about { background-position: -128px 0px; width: 55px; }
ul#navigation li a#about:hover { background-position: -128px -23px; }
ul#navigation li.active a#about { background-position: -128px -46px; }

ul#navigation li a#contact { background-position: -183px 0px; width: 63px; }
ul#navigation li a#contact:hover { background-position: -183px -23px; }
ul#navigation li.active a#contact { background-position: -183px -46px; }


a:link {
	color: #198dae;
	text-decoration: none;
}
a:hover {
	text-decoration: dotted;
	color: #4c4c4c;
}
a:visited {
	text-decoration: underline;
	color: #198dae;
}
a:active {
	text-decoration: none;
}


.logorubb { 
	margin: 0 0 0 20px;
	}

.logoframe1 { 
	margin: 0 10px 10px 10px;
	}

.logoframe2 { 
	margin: 0 0 10px 0;
	}