@charset "UTF-8";
/* CSS Document */

/* --------------- global styles ----------------- */


html body {
	background:#fff;
	height:100%;
	min-height:100%;
	margin:0;
	padding:0
}

#page_wrapper {
	width:922px;
	margin-left:auto;
	margin-right:auto
}

h1 {
	text-indent:-9999px;
	background:url(../images/laura-macpherson-logo.gif) no-repeat center;
	width:357px;
	height:116px
}

h2 {
	text-indent:-9999px;
	background:url(../images/laura-macpherson-communication.gif) no-repeat center;
	margin:-20px 0 0 0;
	width:922px;
	height:322px
}

h3 {
	color:#9F2214; 
	font:16px/1.231 arial,helvetica,clean,sans-serif;
}

h4 {
	color:#9F2214; 
	font:16px/1.231 arial,helvetica,clean,sans-serif;
}

p {
	color:#574109; 
	font:14px/1.231 arial,helvetica,clean,sans-serif;
	line-height:150%
}

a {
	color:#9F2214; 
	font:13px/1.231 arial,helvetica,clean,sans-serif;
	text-decoration:none;
	outline:none
}

a:hover {color:#574109}

img {border:none}



/* --------------- newsletter sign-up ----------------- */


#header {border-top:15px #DAD7C5 solid; margin:-5px 0 45px 0}

#newsletter {
	float:right; 
	margin:-145px 0 0 0
}

#newsletter p {
	padding-left:5px;
	background-color:#fff
}

table {
	width:250px; 
	height:95px; 
	background-color:#fff;
	font:13px/1.231 arial,helvetica,clean,sans-serif;
	color:#574109;
}

#nameinput {
	height:15px; 
	width:210px;
	margin:0 0 0 15px;
	background-color:#DAD7C5;
	border:none
}

#emailinput {
	height:15px; 
	width:210px; 
	margin:0 0 0 15px;
	background-color:#DAD7C5;
	border:none
}

#feedbackbutton {
	margin-left:215px;
	padding-bottom:3px;
	height:20px; 
	width:60px;
	background-color:#DAD7C5; 
	font:11px/1.231 arial,helvetica,clean,sans-serif;
	color:#574109;
	border:none
}


#feedbackbutton:hover {color:#fff}



/* --------------- top navigation styles ------------------ */

#mainNav {
	position:relative; 
	top:78px; 
	left:318px; 
	width:620px;
	height:86px
}

#mainNav a {
	float:left; 
	height:86px; 
	margin-right:15px; padding-top:10px;
	display:block; 
	color:#9F2214; 
	font:bold 16px/1.231 arial,helvetica,clean,sans-serif;
	background:transparent; 
	text-align:left; 
	text-decoration:none;
	outline:none
}

#mainNav li {
	float:left; 
	list-style-type:none
}

#mainNav a:hover {
	color:#574109
}



.portfolio a {width:113px}
.about a {width:93px}
.journal a {width:95px}
.respect a {width:105px}
#mainNav .contact a {width:84px; margin-right:0}


/* --------- mainNav active states ---------- */

#web #mainNav .portfolio a {color:#574109}
#logo #mainNav .portfolio a {color:#574109}
#about #mainNav .about a {color:#574109}
#respect #mainNav .respect a {color:#574109}
#contact #mainNav .contact a {color:#574109}

span.linktext {float:left; width:95px; text-align:left; color:#574109; font:13px/1.231 arial,helvetica,clean,sans-serif}



/* --------------- home content layout ----------------- */

div#homecontent {margin:30px 0 0 53px}

div#homecontent img {float:left; margin-top:10px}

div#homecontent p {
	float:left; 
	width:680px; 
	height:170px; padding-left:7px;
	font:bold 19px/1.231 arial,helvetica,clean,sans-serif
}

div#homecontent a {
	font:bold 19px/1.231 arial,helvetica,clean,sans-serif; 
	color:#9F2214
}

div#homecontent a:hover {color:#DAD7C5}



/* --------------- general content layout ----------------- */

img#gallery {float:right; margin:-229px 0 0 0}

#left {
	float:left;
	width:325px; 
	margin-left:12px
}

#left img {margin:42px 0 0 -12px; border:8px #DAD7C5 solid}

#left p {
	margin:42px 0 0 -10px;
	width:275px
}

#right {
	float:left; 
	width:585px
}

#right a {font-weight:bold}

#web #right p {margin:2px 0 2px 0; font:12px/1.231 arial,helvetica,clean,sans-serif}

#right img {
	float:left;
	margin:5px 24px 5px 0
}

#right h3 {margin:40px 0 0 0; font-weight:bold}




/* --------------- respect layout ----------------- */

div#rightcolumns {
	float:left;
	width:265px;
	padding-right:25px
}




/* --------------- portfolio layout ----------------- */

#right h4 {margin:40px 0 0 0; font-weight:bold}

#web #right h3 {font-weight:normal}

h3#topmargin {margin-top:60px}

img#margintop {margin-top:40px}

#web #right img {margin-bottom:40px; border:8px #DAD7C5 solid}

#logo #right img {margin-bottom:40px; border:8px #DAD7C5 solid}


#secNav {
	margin:-15px 0 0 -40px;
	width:280px
}

#secNav a {
	float:left; 
	height:20px; 
	margin-right:5px;
	display:block; 
	color:#9F2214; 
	text-align:left; 
	text-decoration:none;
	outline:none
}

#secNav a:hover {color:#574109}

#secNav li {
	float:left; 
	list-style-type:none
}

#web #secNav .web a {color:#574109}
#logo #secNav .logo a {color:#574109}



/* ------------- footer/subfooter styles --------------- */

#footer {
	position:relative; 
	top:40px; 
	left:0; 
	height:60px; 
	clear:both; 
	background-color:#DAD7C5 
}

#footer p {
	padding-top:12px;
	text-align:center; 
	font:bold 25px/1.231 arial,helvetica,clean,sans-serif;
	color:#9F2214 
}

#subfooter {
	position:relative; 
	top:40px; 
	left:0; 
	height:60px; 
	clear:both; 
}

#subfooter p {
	padding-top:15px;
	text-align:center; 
	font:12px/1.231 arial,helvetica,clean,sans-serif;
	color:#574109
} 


/* ------------- contact form styles --------------- */


#right form{color:#574109; font:15px/1.231 arial,helvetica,clean,sans-serif; height:400px; width:580px; margin-top:25px}
span.input{display:block;margin-bottom:15px;}
span.captcha{margin-left:0;}
input.answer{width:80px;padding:3px;}
label{font-weight:bold; display:inline-table; width:150px; vertical-align:top}
input{border:1px #DAD7C5 solid; width:540px; padding:3px}
textarea{border:1px #DAD7C5 solid; width:540px; padding:3px; height:130px; font-size:12px;}
.send{background:#574109; border:none; padding:5px; font-size:14px; color:#fff; cursor:pointer; width:120px; margin-top:30px}
.send:hover {color:#000; background:#DAD7C5}



/* ------------- lightbox styles --------------- */

#lightbox{position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }