@charset "utf-8";
/* CSS for MelissaHie.com */

/*
	RESET STYLES 
	http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* *************************************** */


html {
	overflow: hidden;
}

body {
	margin: 0;
	padding: 0;
	background-color: #ffffff;

}

.clear {clear:both}

#container {
	width: 1280px;
	height: 900px;
}


/** PAGE POSITIONING **/

.positioning {
	position: absolute;
	width: 1280px;
	height: 900px;
	clip: rect(100,auto,auto,25);
}

	#home {
	top: 0px;
	left: 0px;
	background-image: url(../images/1.jpg);

	}
	
	#philosophy {
	top: 0px;
	left: 0px;
	background-image: url(../images/2.jpg);

	}
	#legacy {
	top: 0px;
	left: 0px;
	background-image: url(../images/3.jpg);

	}
	
	#contact{
	top: 0px;
	left: 0px;
	background-image: url(../images/4.jpg);

	}
	#westwood{
	top: 0px;
	left: 0px;
	background-image: url(../images/5.jpg);

	}
	#sfero{
	top: 0px;
	left: 0px;
	background-image: url(../images/5.jpg);

	}
	#trcc{
	top: 0px;
	left: 0px;
	background-image: url(../images/5.jpg);

	}
	#bnf{
	top: 0px;
	left: 0px;
	background-image: url(../images/5.jpg);

	}
	#arteviva{
	top: 0px;
	left: 0px;
	background-image: url(../images/5.jpg);

	}
.inside {
		width: 1280px;
}
	
	.inside .header {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Tahoma, Verdana;
		font-size: 17px;
		color: #FFF;
		padding-bottom: 25px;
	}

	.inside .text {
		font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Tahoma, Verdana;
		font-size: 11px;
		color: #FFF;
		text-align: justify;
		line-height: 22px;
		height: 250px;
		width: 720px;
	}
	
	.profile {
		display: block;
		float: left;
		width: 88px;
		height: 250px;
		background-image: url(../images/pf.jpg);
		background-repeat: no-repeat;
		margin-right: 20px;
		margin-bottom: 10px;
		border: 10px solid #ca117d;
	}
	
	.inside .index {
		background-image: url(../images/index.gif);
		width: 404px;
		height: 177px;
		display: block;
		clear: both;
		margin: 0px 0px;
	}
	
		/** list for purple page **/
		
		.inside .text ul#purple {
			border-top: 1px solid #7C2FA4;
			margin: 30px 0px;
		}
	
		.inside .text ul#purple li {
			margin: 0;
			padding: 0;
			list-style-type: none;
			display: block;
			padding: 4px 16px;
			border-bottom: 1px solid #7C2FA4;
		}
		
		.inside .text ul#purple li:hover {
			background-color: #7110A3;
			color: #E8BFFD;
		}

/** TITLES **/

.title {
	background-repeat: no-repeat;
	text-indent: -1000em;
}

		
/** NAVIGATION BUTTONS **/

ul.navigation {
	float: right;
	display: block;
	width: 341px;
	padding: 0px;
	text-align: right;
}

ul.navigation li {
	display: block;
	float: left;
}

#home ul.navigation { margin: 0 0; float: none; }




	/** SHOWCASE **/

.strip {
	padding-top: 20px;
}

.showcase {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Tahoma, Verdana;
	font-size: 11px;
	padding: 20px;
	color: #FFF;
	line-height: 18px;
}

	#print .showcase { background-color: #d06c07; }
	#work .showcase { background-color: #0085d3; }

.showcasename {
	text-transform: uppercase;
	font-size: 13px;
	font-weight: bold;
}

	#print .showcasename { color: #fee097;}
	#work .showcasename { color: #9ddbff;}

.showcase img {
	border: 10px solid #FFF;
	margin: 10px auto;
	display: block;
}

.close-web, .close-print {
	float:right;
	display: block;
	font-weight: bold;
	cursor: pointer;
	font-size: 10px;
	text-transform: uppercase;
	background-color: #AA0000;
	padding: 2px 8px;
	margin-left: 4px;
	margin-bottom: 4px;
}
.home1
{
float:left;
top:340px;
width: 200px;
height:190px;
position:absolute;
left:740px;
font-size:24px;
}
p.home_class
{
margin-left:10px;
margin-top:30px;
line-height:25px;
margin-right:5px;
}
p.home_class1
{
margin-left:10px;
margin-top:15px;
line-height:15px;
margin-right:5px;
}
.home2
{
	float:left;
	top:320px;
	width: 218px;
	height:164px;
	position:absolute;
	left:538px;
	font-size:14px;
}
p.home_class2
{
margin-left:7px;
margin-top:8px;
line-height:20px;
margin-right:15px;
}
p.home_class3
{
margin-left:7px;
margin-top:26px;
line-height:29px;
margin-right:5px;
font-size:25px;
}

.philosophy1
{
	float:left;
	top:245px;
	width: 450px;
	height:25px;
	position:absolute;
	left:391px;
	font-size:14px;
}

p.philosophy_class1
{
margin-left:7px;
margin-top:8px;
line-height:20px;
margin-right:15px;
}
.legacy1
{
	float:left;
	top:245px;
	width: 467px;
	height:164px;
	position:absolute;
	left:310px;
	font-size:14px;
}
.legacy2
{
float:left;
top:480px;
width: 195px;
height:130px;
position:absolute;
left:515px;
font-size:11px;
}
p.legacy_class
{
margin-left:10px;
margin-top:15px;
line-height:15px;
margin-right:5px;
}
p.legacy_class1
{
margin-left:7px;
margin-top:8px;
line-height:20px;
margin-right:15px;
}
p.legacy_class2
{
margin-left:10px;
margin-top:10px;
line-height:15px;
margin-right:5px;
font-size:24px;
}
p.legacy_class3
{
margin-left:10px;
margin-top:7px;
line-height:15px;
margin-right:15px;

}
p.legacy_class4
{
margin-left:9px;
margin-top:18px;
line-height:15px;
margin-right:15px;

}
.westwoodtext1
{
	float:left;
	top:320px;
	width: 450px;
	height:25px;
	position:absolute;
	left:420px;
	font-size:16px;
	
}

p.westwoodtext_class1
{
margin-left:7px;
margin-top:8px;
line-height:20px;
margin-right:15px;
}

.outlet2
{
	float:left;
	bottom:233px;
	width: 318px;
	height:164px;
	position:absolute;
	left:490px;
	font-size:14px;
}
p.outlet_class2
{
margin-left:7px;
margin-top:8px;
line-height:20px;
margin-right:15px;
}
p.outlet_class3
{
margin-left:7px;
margin-top:0px;
line-height:20px;
margin-right:5px;
font-size:15px;
}
p.outlet_class4
{
margin-left:7px;
margin-top:26px;
line-height:29px;
margin-right:5px;
font-size:20px;
font-weight:bold;

}

.contact_details1
{
	float:left;
	top:230px;
	width: 467px;
	height:164px;
	position:absolute;
	left:160px;
	font-size:14px;
}
.contact_details2
{
float:left;
top:230px;
width: 325px;
height:130px;
position:absolute;
left:558px;
font-size:11px;
}
.contact_details3
{
float:left;
top:230px;
width: 255px;
height:130px;
position:absolute;
left:850px;
font-size:11px;
}
.contact_details4
{
float:left;
top:400px;
width: 555px;
height:130px;
position:absolute;
left:160px;
font-size:11px;
}
.contact_details5
{
float:left;
top:400px;
width: 555px;
height:130px;
position:absolute;
left:558px;
font-size:11px;
}
p.contact_class
{
margin-left:10px;
margin-top:10px;
line-height:15px;
margin-right:5px;
font-size:19px;
}
p.contact_class1
{
	margin-left:10px;
	margin-top:10px;
	line-height:25px;
	margin-right:5px;
	font-size:20px;
	text-decoration: none;
}
p.contact_class2
{
margin-left:10px;
margin-top:10px;
line-height:15px;
margin-right:5px;
font-size:19px;
}

p.contact_class4
{
margin-left:10px;
margin-top:10px;
line-height:15px;
margin-right:5px;
font-size:15px;
}
p.contact_class3
{
margin-left:10px;
margin-top:7px;
line-height:15px;
margin-right:15px;

}

#logo
{
position:fixed;
top:30px;
left:57px;
width:144;
height:151px
z-index: 9999;

}

#evegreen
{
position:fixed;
top:5px;
left:1200px;
width:65;
height:82px
z-index: 9999;
}
#westlogo
{
position:absolute;
top:180px;
left:225px;
width:191;
height:417px
z-index: 9999;
}
#westimage1
{
position:absolute;
top:180px;
left:425px;
width:111;
height:57px;
border:2px solid #ddd;    
-moz-box-shadow:1px 1px 3px #555;
-webkit-box-shadow:0px 0px 6px #666666;
box-shadow:1px 1px 3px #555;

}

#westimage2
{
position:absolute;
top:180px;
left:552px;
width:111;
height:57px;
border:2px solid #ddd;    
-moz-box-shadow:1px 1px 3px #555;
-webkit-box-shadow:0px 0px 6px #666666;
box-shadow:1px 1px 3px #555;

}
#westimage3
{
position:absolute;
top:180px;
left:679px;
width:111;
height:57px;
border:2px solid #ddd;    
-moz-box-shadow:1px 1px 3px #555;
-webkit-box-shadow:0px 0px 6px #666666;
box-shadow:1px 1px 3px #555;

}
#westimage4
{
position:absolute;
top:180px;
left:806px;
width:111;
height:57px;
border:2px solid #ddd;    
-moz-box-shadow:1px 1px 3px #555;
-webkit-box-shadow:0px 0px 6px #666666;
box-shadow:1px 1px 3px #555;

}
#westimage5
{
position:absolute;
top:252px;
left:425px;
width:111;
height:57px;
border:2px solid #ddd;    
-moz-box-shadow:1px 1px 3px #555;
-webkit-box-shadow:0px 0px 6px #666666;
box-shadow:1px 1px 3px #555;

}
#westimage6
{
position:absolute;
top:252px;
left:552px;
width:111;
height:57px;
border:2px solid #ddd;    
-moz-box-shadow:1px 1px 3px #555;
-webkit-box-shadow:0px 0px 6px #666666;
box-shadow:1px 1px 3px #555;

}
#westimage7
{
position:absolute;
top:252px;
left:679px;
width:111;
height:57px;
border:2px solid #ddd;    
-moz-box-shadow:1px 1px 3px #555;
-webkit-box-shadow:0px 0px 6px #666666;
box-shadow:1px 1px 3px #555;

}
#westimage8
{
position:absolute;
top:252px;
left:806px;
width:111;
height:57px;
border:2px solid #ddd;    
-moz-box-shadow:1px 1px 3px #555;
-webkit-box-shadow:0px 0px 6px #666666;
box-shadow:1px 1px 3px #555;

}
#westimage9
{
position:absolute;
top:324px;
left:425px;
width:111;
height:57px;
border:2px solid #ddd;    
-moz-box-shadow:1px 1px 3px #555;
-webkit-box-shadow:0px 0px 6px #666666;
box-shadow:1px 1px 3px #555;

}
#westimage10
{
position:absolute;
top:324px;
left:552px;
width:111;
height:57px;
border:2px solid #ddd;    
-moz-box-shadow:1px 1px 3px #555;
-webkit-box-shadow:0px 0px 6px #666666;
box-shadow:1px 1px 3px #555;

}
#westimage11
{
position:absolute;
top:324px;
left:679px;
width:111;
height:57px;
border:2px solid #ddd;    
-moz-box-shadow:1px 1px 3px #555;
-webkit-box-shadow:0px 0px 6px #666666;
box-shadow:1px 1px 3px #555;

}
#westimage12
{
position:absolute;
top:324px;
left:806px;
width:111;
height:57px;
border:2px solid #ddd;    
-moz-box-shadow:1px 1px 3px #555;
-webkit-box-shadow:0px 0px 6px #666666;
box-shadow:1px 1px 3px #555;

}
#westimage13
{
position:absolute;
top:396px;
left:425px;
width:111;
height:57px;
border:2px solid #ddd;    
-moz-box-shadow:1px 1px 3px #555;
-webkit-box-shadow:0px 0px 6px #666666;
box-shadow:1px 1px 3px #555;

}
#westimage14
{
position:absolute;
top:396px;
left:552px;
width:111;
height:57px;
border:2px solid #ddd;    
-moz-box-shadow:1px 1px 3px #555;
-webkit-box-shadow:0px 0px 6px #666666;
box-shadow:1px 1px 3px #555;

}
#westimage15
{
position:absolute;
top:396px;
left:679px;
width:111;
height:57px;
border:2px solid #ddd;    
-moz-box-shadow:1px 1px 3px #555;
-webkit-box-shadow:0px 0px 6px #666666;
box-shadow:1px 1px 3px #555;
}
#westimage16
{
position:absolute;
top:396px;
left:806px;
width:111;
height:57px;
border:2px solid #ddd;    
-moz-box-shadow:1px 1px 3px #555;
-webkit-box-shadow:0px 0px 6px #666666;
box-shadow:1px 1px 3px #555;
}
#westimage17
{
position:absolute;
top:468px;
left:425px;
width:111;
height:57px;
border:2px solid #ddd;    
-moz-box-shadow:1px 1px 3px #555;
-webkit-box-shadow:0px 0px 6px #666666;
box-shadow:1px 1px 3px #555;

}
#westimage18
{
position:absolute;
top:468px;
left:552px;
width:111;
height:57px;
border:2px solid #ddd;    
-moz-box-shadow:1px 1px 3px #555;
-webkit-box-shadow:0px 0px 6px #666666;
box-shadow:1px 1px 3px #555;

}
#westimage19
{
position:absolute;
top:468px;
left:679px;
width:111;
height:57px;
border:2px solid #ddd;    
-moz-box-shadow:1px 1px 3px #555;
-webkit-box-shadow:0px 0px 6px #666666;
box-shadow:1px 1px 3px #555;

}
#westimage20
{
position:absolute;
top:468px;
left:806px;
width:111;
height:57px;
border:2px solid #ddd;    
-moz-box-shadow:1px 1px 3px #555;
-webkit-box-shadow:0px 0px 6px #666666;
box-shadow:1px 1px 3px #555;

}
#menuback
{
position:absolute;
top:540px;
left:806px;
width:111;
height:57px;
border:2px solid #ddd;    
-moz-box-shadow:1px 1px 3px #555;
-webkit-box-shadow:0px 0px 6px #666666;
box-shadow:1px 1px 3px #555;
background-color:#FFFFFF;

}
#menuback1
{
position:absolute;
top:540px;
left:856px;
width:111;
height:57px;
border:2px solid #ddd;    
-moz-box-shadow:1px 1px 3px #555;
-webkit-box-shadow:0px 0px 6px #666666;
box-shadow:1px 1px 3px #555;
background-color:#FFFFFF;

}

#clip1
{
position:absolute;
top:230px;
left:256px;
width:150;
height:110px;
border:2px solid #ddd;    
-moz-box-shadow:1px 1px 3px #555;
-webkit-box-shadow:0px 0px 6px #666666;
box-shadow:1px 1px 3px #555;
background-color:#FFFFFF;

}

.clip1
{
	float:left;
	top:340px;
	width: 467px;
	height:164px;
	position:absolute;
	left:250px;
	font-size:18px;
}

p.clip1_class2
{
margin-left:7px;
margin-top:8px;
line-height:20px;
margin-right:15px;
}

#clip2
{
position:absolute;
top:380px;
left:256px;
width:150;
height:110px;
border:2px solid #ddd;    
-moz-box-shadow:1px 1px 3px #555;
-webkit-box-shadow:0px 0px 6px #666666;
box-shadow:1px 1px 3px #555;
background-color:#FFFFFF;

}

.clip2
{
	float:left;
	top:494px;
	width: 467px;
	height:164px;
	position:absolute;
	left:250px;
	font-size:18px;
}

p.clip2_class2
{
margin-left:7px;
margin-top:8px;
line-height:20px;
margin-right:15px;
}

#video1
{
	float:left;
	top:160px;
	width: 480px;
	height:360px;
	position:absolute;
	left:490px;
	
}

#video2
{
	float:left;
	top:160px;
	width: 480px;
	height:360px;
	position:absolute;
	left:490px;
	
}

#facebook
{
	float:left;
	top:460px;
	width: 292px;
	height:97px;
	position:absolute;
	left:10px;
	
}