body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #fff;
	background-color:#fff;
	padding-top:5px;
	text-align: center;
}
#whole{
	margin:0 auto;
	width:900px;
	text-align: left;
	background-color: #fff;
	color: #4c5b52;
}
/* --------------------------------------------Header----------------- */


#head{
	background-image: url(../img/headLogo.gif);
	background-repeat:no-repeat;
	background-position:top;
	background-color:#c1ccc4;
	width:900px;
	height:90px;
}

#contbutCell{
	margin-left:350px;
	padding-top:62px;
	width:470px;
	height:28px;
	text-align:left;
	float: left;
	display:inline;
}
#homeBut{
	height: 90px;
	width: 60px;
	float: right;
}
#butText{
width:auto;
	padding-left: 25px;
	font: 15px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-transform: uppercase;
}
.but{
	float:left;
	padding-right:3px;
	padding-left:3px;
}
/* -------------------------------------------Main Image-------------- */
.extra {
	text-align: center; 
	text-decoration:none; 
	margin:0; 
	background-color: #fff; 
	padding-bottom: 3px;
	clear: both;
/*	border-bottom: 1px solid #c1ccc4;*/
}
.extra a {text-decoration:none; margin:0; color: #fff;
	font: normal 15px/15px "Lucida Grande", Lucida, Verdana, sans-serif;}
.extra em { color: #fff;
	font: normal 13pt "Lucida Grande", Lucida, Verdana, sans-serif;
	text-transform: uppercase;
	text-align: center;
}
.extra em.txt, .extra b {display:none;}
.extra .head {display:block; width:900px; height:1px;}
.extra .color2 {background:#fff;}

.extra imageDiv{
	text-align: center;
}
.extra img {border:0; text-align: center;}
.extra:hover em.leftNav{
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 400px;
	height: 600px;
}
.extra:hover em.rightNav{
	display: block;
	position: absolute;
	top: 0px;
	left: 500px;
	width: 400px;
	height: 600px;
}
.extra:hover {background:#fff; position:relative;cursor:auto;}
.extra:hover b {display:block; position:absolute; top:0px; left:0; width:900px; background:#333; height:35px; opacity:0.7;filter: alpha(opacity = 70);}
.extra:hover em.txt {text-align:left; display:block; position:absolute; top:10px; width:885px; left:35px; height:35px; color:#fff; margin:0;font: normal 13px/13px "Lucida Grande", Lucida, Verdana, sans-serif; text-transform:uppercase;}
.extra:hover em.bleft {display:block; position:absolute;top:5px; text-align: left; left:0px; width: 100px;}
.extra:hover em.bright {display:block; position:absolute;top:5px; left:850px; text-align: right;width: 50px;}
.extra:hover em.bmid {display:block; position:absolute;top:10px; left:370px; text-align: center;width: 160px;font: normal 13px/13px "Lucida Grande", Lucida, Verdana, sans-serif;}
.extra:hover em.navinfo {display:block; position:absolute;top:10px; left:450px; text-align: center;width: 400px;font: normal 10px/13px "Lucida Grande", Lucida, Verdana, sans-serif; text-transform: uppercase; text-align:right;}
/* -------------------------------------------Main Image Flash-------------- */
.fextra {
	text-align: center; 
	text-decoration:none; 
	margin:0; 
	background-color: #fff; 
	padding-bottom: 3px;
	position: relative;
/*	border-bottom: 1px solid #c1ccc4;*/
}
.fextra a {text-decoration:none; margin:0; color: #fff;
	font: normal 15px/15px "Lucida Grande", Lucida, Verdana, sans-serif;}
.fextra em { color: #fff;
	font: normal 13pt "Lucida Grande", Lucida, Verdana, sans-serif;
	text-transform: uppercase;
	text-align: center;
}

.fextra imageDiv{
	text-align: center;
}
.fextra img {border:0; text-align: center;}

.fextra b {display:block; position:absolute; top:0px; left:0; width:900px; background:#333; height:35px; opacity:0.7; filter: alpha(opacity = 70);}
.fextra em.txt {text-align:left; display:block; position:absolute; top:10px; width:885px; left:35px; height:35px; color:#fff; margin:0;font: normal 13px/13px "Lucida Grande", Lucida, Verdana, sans-serif; text-transform:uppercase;}
.fextra em.bleft {display:block; position:absolute;top:5px; text-align: left;width: 100px;}
.fextra em.bright {display:block; position:absolute;top:5px; left:850px; text-align: right;width: 50px;}
.fextra em.bmid {display:block; position:absolute;top:10px; left:370px; text-align: center;width: 160px;font: normal 13px/13px "Lucida Grande", Lucida, Verdana, sans-serif;}
.fextra em.navinfo {display:block; position:absolute;top:10px; left:450px; text-align: center;width: 400px;font: normal 10px/13px "Lucida Grande", Lucida, Verdana, sans-serif; text-transform: uppercase; text-align:right;}
/* -------------------------------------------extra w-------------- */
.extraW {
	text-align: center; 
	text-decoration:none; 
	margin:0; 
	background-color: #fff; 
	padding-bottom: 3px;
	position: relative;
}
.contactW{

	position: absolute;
	top: 550px;
	left: 108px;
	width: 700px;
	font: normal 13px/13px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-align: left;
	color: #fff;
	text-transform: uppercase;
	display: block;
}
.extraW a {text-decoration:none; margin:0; color: #fff;
	font: normal 15px/15px "Lucida Grande", Lucida, Verdana, sans-serif;}
.extraW em { color: #fff;
	font: normal 13pt "Lucida Grande", Lucida, Verdana, sans-serif;
	text-transform: uppercase;
	text-align: center;
}
.extraW em.txt, .extraW b {display:none;}
.extraW img {border:0; text-align: center;}
.extraW:hover {background:#fff; position:relative;cursor:auto;}
.extraW:hover b {display:block; position:absolute; top:0px; left:0; width:900px; background:#333; height:65px; opacity:0.7; filter: alpha(opacity = 70);}
.extraW:hover em.welcome {
	display:block; 
	position:absolute;
	top:10px; 
	left:355px; 
	text-align: left;
	width: 400px;
	font: normal 12px/14px "Lucida Grande", Lucida, Verdana, sans-serif;
}

/* -------------------------------------------portfolio Index-------------- */
#gallery{
	height: 600px;
	text-align: center;
	width: 900px;
	padding-bottom: 3px;
	font: 10px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-transform: uppercase;
	clear: both;
}
#gallery a, #gallery a:hover {
	text-decoration: none;
}
#gallery img{
	border: none;
	padding: 0px;
	opacity:0.4;
	filter:alpha(opacity=40);
}
/* -------------------------------------------contact-------------- */

#clientlog{
	margin:0;
	height:600px;
	width: 900px;
	background-image: url(../img/EIFF08_identImages_0107.jpg);
	background-repeat:no-repeat;
	background-position:top;	
	text-align:center;
	background-color:#fff;
	color: #4c5b52;
	position: relative;
	font: 10px "Lucida Grande", Lucida, Verdana, sans-serif;
}
#clientlog a{
	text-decoration: none;
	text-transform: uppercase;
	color: #c1ccc4;
}
#clientlog #logLeft{
	color: white;
	float: left;
	width: 300px;
	text-align: left;
	padding-left: 40px;
	text-transform: uppercase;
	padding-top: 40px;
}
#clientlog #logRight{
	color: white;
	float: right;
	width: 500px;
	text-align: right;
	text-transform: uppercase;
	padding-top: 40px;
	padding-right: 40px;
}
form#log {
	padding:0;
	}
form#log label { 
	display: block;
	text-transform: uppercase;
	float: left;
	padding: 0;
}

form#log input.text, form#log textarea.text {
	border-width: 1px;
	border-style: solid;
	border-color:#999999;
	background-color:#ffffff;
	background: url(../img/formfield_background.gif) top left no-repeat;
	padding: 0;
	text-transform: none;
	float: right;
}
form#con label { 
	display: block;
	text-transform: uppercase;
	padding: 0;
}

form#con input.text, form#log textarea.text {
	border-width: 1px;
	border-style: solid;
	border-color:#999999;
	background-color:#ffffff;
	background: url(../img/formfield_background.gif) top left no-repeat;
	padding: 0;
	text-transform: none;
}
#warning{
	color:red;
	left:1%;
	width:95%;
	top:345px;
	text-align:right;
	position: absolute;
}
form input.invalid, form textarea.invalid {
	border-width: 1px;
	border-style: solid;
	border-color:#FF0000;
	background-color:#FFFFFF;
	background: url(../img/formfield_background.gif) top left no-repeat;
	padding: 3px;
	text-transform: none;
}
#infoMessage{
	margin:0;
	height:570px;
	width: 870px;
	padding-bottom:15px;
	padding-left:15px;
	padding-top:15px;
	padding-right:15px;
	text-align:center;
	background-color:#fff;
	background-image:url(../img/stuff/harr.jpg);
	color: #4c5b52;
	position:relative;
	font: 10px "Lucida Grande", Lucida, Verdana, sans-serif;
}
#ContactSend{
	position: absolute;
	left:1%;
	width:95%;
	top:540px;
	text-align:right;
	color:#FF0000;
}
/* -------------------------------------------Bottom links-------------- */
#copy{
	
	float: left;
	width: 295px;
	color: #4c5b52;
	font: 10px "Lucida Grande", Lucida, Verdana, sans-serif;
}
#links{
	float: right;
	width: 600px;
	text-align: right;
	text-decoration: none;
	color: #4c5b52;
	font: 10px "Lucida Grande", Lucida, Verdana, sans-serif;
}

#links a{
	text-decoration: none;
	font: 10px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #4c5b52;
}
.bottomText {
	color: #fff;
	font-size: 8px;
	text-align: center;
}