/* CSS Document by Kate McMillan | http://www.outboxonline.com | Copyright 2011 | Created for Edi Berton Design */

/* standard */

body {
	font-family:Arial, Helvetica, 'Helvetica Neue', sans-serif;
	background-image:url(Images/SiteGeneral/Edi_Berton_Design_Bg.gif);
	background-repeat:no-repeat;
	background-position:left top;
	margin:0;
	padding:0;
}
a {
	outline: none;
	text-decoration:none;
}
a:hover {
	color:#6a6e48;
	text-decoration:underline;
}
div, p, img {
	margin:0;
	padding:0;
}
li {
	padding-bottom:5px;
	list-style-image:url(images/site/bullet.gif);
}
img {
	border:none;
}
div#preload {
	display:none;
}

/* grey box */

.greyNavBox {
	visibility:hidden;
	background-color:#272425;
	width:132px;
	height:109px;
	position:fixed;
	margin:109px 0 0 -402px;
}
.greyNavTable {
	background-color:#272425;
	position:absolute;
	top:511px;
	left:69px;
	padding:4px;
	margin:0;
	width:139px;
	height:120px;
}
.greyNavTable td {
	padding:0;
	margin:0;
	width:28px;
	height:32px;
}
.number {
	font-size:14px;
	font-weight:bold;
	color:#446e6d;
	font-family:Gotham, 'Trebuchet MS', Arial, Helvetica, sans-serif;
	margin:0 auto;
	padding:0;
	text-align:center;
}
.number a {
	text-decoration:none;
	color:#446e6d;
}
.number a:hover {
	text-decoration:none;
	color:#d5dc91;
	font-size:20px;
}
.numberSelected {
	font-size:14px;
	font-weight:bold;
	color:#b2b977;
	font-family:Gotham, 'Trebuchet MS', Arial, Helvetica, sans-serif;
	margin:0 auto;
	padding:0;
	text-align:center;
}
.showBox {
	visibility:hidden;
}

/* footer */

.footer {
	position:absolute;
	top:690px;
	left:714px;
	float:right;
	font-family:Arial, Helvetica, 'Helvetica Neue', sans-serif;
	font-size:70%;
	color:#969897;
}
.footer a {
	color:#969897;
	text-decoration:none;
}
.footer a:hover {
	color:#587b7c;
	text-decoration:underline;
}

/* header */

.logo {
	position:absolute;
	top:32px;
	left:40px;
}
.navigation {
	position:absolute;
	left:355px;
	top:0;
}

/* homepage */

#homeImages {
	position:absolute;
	left:206px;
	top:169px;
	width:695px;
	height:450px;
	display:block;
}
#homeImages img {
	float:left;
}
#homeImages a:hover {
	background:url(Images/HomePage/Text/1_text.gif) no-repeat 520px 180px;
	width:396px;
	height:96px;
}

/* portfolio */

.project {
	width:984px;
	height:684px;
	margin:0;
	padding:0;
	position:absolute;
	top:0;
	left:0;
	background:url(Images/SiteGeneral/Edi_Berton_Design_Bg_Project.gif) no-repeat top left;
}
.projectText {
	float:left;
	font-size:75%;
	color:#cccecd;
	width:375px;
	padding:6px 0 0 18px;
	line-height:125%;
}
.associatedDesign {
	color:#829292;
	font-size:90%;
}
.description {
	float:left;
	width:270px;
	height:85px;
}
.clientName {
	font-size:80%;
	color:#b2b976;
	padding:4px 0 0 15px;
}
.clientProject {
	font-size:75%;
	color:#829292;
	padding:2px 0 2px 15px;
}
.projectDescription {
	font-size:75%;
	color:#cccecd;
	padding:0 0 0 15px;
}
.navBox {
	padding:20px 0 0 158px;
}

/* about */

.about {
	position:absolute;
	top:165px;
	left:217px;
	width:560px;
}
.about p {
	font-size:85%;
	color:#777;
	line-height:140%;
	padding:0 0 10px 0;
}

/* clients */

.clients {
	position:absolute;
	top:173px;
	left:217px;
	width:350px;
}
.clients p {
	font-size:85%;
	color:#777;
	line-height:125%;
}
.clients a {
	color:#777;
	text-decoration:none;
}
.clients a:hover {
	color:#587b7c;
	text-decoration:underline;
}
.clientsImg {
	position:absolute;
	top:169px;
	left:576px;
	width:378px;
	height:471px;
	background:url(Images/ClientsPage/clients.jpg) no-repeat top center;
}
.clientsImg p {
	color:#c9cda2;
	font-size:85%;
	width:270px;
	padding:45px 0 0 28px;
}