/* Revis Studio CSS Document */

* {
	margin: 0;
	padding: 0;
	border: 0;
}

.clearout {
	clear: both;
	font-size: 0;
	line-height: 0;
	margin: 0px;
	padding: 0px;
}

.brown {
	color: #a15900;
}
#content a:link { 
	color: /*#bdbdb0*/#948671; 
	text-decoration: none;
	height: 100px;
}

#content a.linksmall:link, #content a.linksmall:visited { 
	color: #948671; 
	text-decoration: underline;
	height: 100px;
}


#content a:visited { color: #948671; text-decoration: none; }
#content a:hover { 
	color: #bdbdb0; 
	text-decoration: none; 
}

a.indent {
	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 15px;
	}

body {
	/* 	background-color: #bdbdb0;*/
	background-color: #a9a999;
}


#container {
	position: relative;
	width: 718px;
	background-color: #a9a999;
	margin: 50px auto 50px auto;
	overflow: visible;
	text-align: left;
}

/* ******************************************************************************************* hp */
#logotagline img {
	position:absolute;
	top: 190px;
	left: 36px;
	margin: 0px 0px 0px 0px;	
}

/* ******************************************************************************************* mainnav */


#mainnav {
	clear:both;
	float:left;
	font-family: "News Gothic MT", "Helvetica CE", Arial, Verdana;
	font-size: 12px;
	width: 143px;
	
	height:450px;
	
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	
}

#mainnav.nav_press {
	clear:both;
	float:left;
	font-family: "News Gothic MT", "Helvetica CE", Arial, Verdana;
	font-size: 12px;
	width: 143px;
	
	height:215px;
	overflow:visible;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#mainnav.nav_contact {
	clear:both;
	float:left;
	font-family: "News Gothic MT", "Helvetica CE", Arial, Verdana;
	font-size: 12px;
	width: 143px;
	height:195px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#mainnav ul {
	list-style-type: none;	
	margin: 0px 0px 0px 0px;
	padding: 5px 10px 0px 0px;
	
}

#mainnav ul.sublist {
	list-style-type: none;	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 15px;
}

#mainnav li {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 10px 0px;
}


#mainnav a:link { 
	color: #bdbdb0; 
	text-decoration: none;
	height: 100px;
}

#mainnav a:visited { color: #bdbdb0; text-decoration: none; }
#mainnav a:hover { 
	color: #948671; 
	text-decoration: none; 
}

/* ******************************************************************************************* nav_press_sub */
	
	
#nav_press_sub {
	float:left;
	font-family: "News Gothic MT", "Helvetica CE", Arial, Verdana;
	font-size: 12px;
	width: 530px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#nav_press_sub ul {
	list-style-type: none;	
	margin: 0px 0px 0px 0px;
	padding: 5px 8px 0px 0px;
	
}

#nav_press_sub ul.sublist {
	list-style-type: none;	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 15px;
}

#nav_press_sub li {
	display: inline;
	margin: 0px 0px 0px 0px;
	padding: 0px 23px 10px 0px;	
	
}

#nav_press_sub a { 
font-family: "News Gothic MT", "Helvetica CE", Arial, Verdana;
	font-size: 12px;
	color: #bdbdb0; 
	text-decoration: none;
	height: 100px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#nav_press_sub a:visited { color: #bdbdb0; text-decoration: none; }
#nav_press_sub a:hover { 
	color: #a7600c; 
	text-decoration: none; 
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}



.view {
	display:block;
	float: left;
	width: 133px;
	height: 168px;
	text-align:center;
	margin: 0px 40px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
/* *********************************************************************************** article_nav */

#article_nav {
	float:left;
	width: 500px
	
}

.article_cover {
	float:left;
	width: 133px;
	margin: 0px 49px 0px 0px;
	text-align:center;

}

.article_cover_last {
	float:left;
	width: 133px;
	margin: 0px 0px 0px 0px;
	text-align:center;
	
}

.article_cover img, .article_cover_last img {
	padding: 0px 0px 10px 0px;
}

#article_nav a { 
font-family: "News Gothic MT", "Helvetica CE", Arial, Verdana;
	font-size: 12px;
	color: #a7600c; 
	text-decoration: none;
	height: 100px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}


#article_nav a:link { 
	color: #a7600c; 
	text-decoration: none;
	
}

#article_nav a:visited { color: #a7600c; text-decoration: none; }
#article_nav a:hover { 
	color: #948671; 
	text-decoration: none; 
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}


/* ******************************************************************************************* content */

#content {
	background-color: #ffffff;
	width: 682px;
	height:427px;
	margin: 0px 0px 0px 0px;
	padding: 36px 0px 0px 36px;	
}

#content_hp {
	background-color: #ffffff;
	width: 718px;
	height:463px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
}

span {
	font-family: "News Gothic MT", "Helvetica CE", Arial, Verdana;
	color:#948671;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
	text-align: justify;
}

p {
	font-family: "News Gothic MT", "Helvetica CE", Arial, Verdana;
	color:#948671;
	margin: 23px 0px 0px 0px;
	padding: 0px 36px 0px 0px;
	font-size: 14px;
	line-height: 23px;
	text-align: justify;
}


.linksmall {
	font-size: 12px;
	line-height: 24px;
}

#content a.qualitiesIMG 			{
	text-transform: none;
	text-decoration:underline;
	font-size: 12px;
	font-family: "News Gothic MT", "Helvetica CE", Arial, Verdana;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 10px 90px;
	background-image: url(../images/qualities_Btn.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#content a.qualitiesIMG:link 		{ color: #948671; 	}
#content a.qualitiesIMG:visited 	{ color: #948671; 	}
#content a.qualitiesIMG:hover 	{ color: #948671; 	}



.top_drop {
	margin: 100px 0px 0px 0px;
}


.quote {
	margin: 48px 7px 0px 0px;
	font-size: 16px;
	letter-spacing: -.5px;
	color: #a7600c;
}



.byline {
	font-size: 12px;
	text-indent: 1.5em;
	margin: 5px 0px 0px 0px;
}

#toby img {
	clear:both;
	float:left;
	margin: 4px 0px 0px 0px;
	padding: 0px 39px 0px 0px;
}

#toby  {
	float:left;
	margin: 0px 0px 0px 0px;
	width: 640px;
}

#toby p {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
}



#contact h2 {
	font-family: "News Gothic MT", "Helvetica CE", Arial, Verdana;
	color: #948671;
	font-size: 16px;
	font-weight:lighter;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
}
#contact_left {
	float:left;
	width: 184px;
}
#contact_rt {
	float:left;
	width: 350px;
}

#contact_rt img {
	margin: 4px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#contact_rt p {
	font-size: 11px;
	line-height: 25px;
	margin: 23px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-transform: uppercase;	
}

#contact_rt a 	{ color: #a7600c; text-transform: none; text-decoration:underline; font-size: 11px; }
#contact_rt a:link	{ color: #a7600c; text-decoration:underline;	}
#contact_rt a:visited	{ color: #a7600c;  text-decoration:underline;	}
#contact_rt a:hover 	{ color: #948671; 	}


#linkorange a { color: #a7600c; text-transform: none; text-decoration:underline; font-family:"News Gothic MT", "Helvetica CE", Arial, Verdana; font-size: 14px;
	line-height: 23px;}
#linkorange a:link	{ color: #a7600c; text-decoration:underline;	}
#linkorange a:visited	{ color: #a7600c;  text-decoration:underline;	}
#linkorange a:hover 	{ color: #948671; 	}




/* ******************************************************************************************* footer */

#footer {
	position: relative;
	width: 718px;
	text-align:right;
	font-family: "News Gothic MT", "Helvetica CE", Arial, Verdana;
	font-size:	9px;
	color: #ffffff;
	margin: 5px 0px 0px 0px;
}


#footer li {
	display:inline;
	padding: 0px 10px 0px 10px;
	border-right: 1px solid #b0854e;
}

#footer li.last { 
	border-right: none;
	padding: 0px 0px 0px 10px;
}

#footer a 			{ text-transform: none; text-decoration:none;
}
#footer a:link 		{ color: #ffffff; 	}
#footer a:visited 	{ color: #a15900; 	}
#footer a:hover 	{ color: #a15900; 	}



#skip {
	position: relative;
	width: 718px;
	text-align:right;
	font-family: "News Gothic MT", "Helvetica CE", Arial, Verdana;
	font-size:	9px;
	color: #ffffff;
	margin: 5px 0px 0px 0px;
}

#skip a 			{ text-transform: none; text-decoration:none; color: #ffffff; }
#skip a:hover 	{ color: #a15900; 	}


/* ************************************************************************** current state nav */




body#hp a#nav_hp,
body#projects a#nav_projects,
body#qualities a#nav_qualities,
body#philosophy a#nav_philosophy,
body#articles a#nav_articles,
body#testimonials a#nav_testimonials,
body#contact a#nav_contact,

body#tobyrevis a#nav_tobyrevis,
body#testimonials_reesRoberts a#nav_testimonials,
body#testimonials_sara a#nav_testimonials,
body#testimonials_amyLau a#nav_testimonials,
body#testimonials_frazer a#nav_testimonials
 {
	color: #948671;
}


body#testimonials_reesRoberts a#nav_reesRoberts,
body#testimonials_sara a#nav_sara,
body#testimonials_amyLau a#nav_amyLau,
body#testimonials_frazer a#nav_frazer,

body#testimonials_home a#nav_home,
body#testimonials_id06 a#nav_id06,
body#testimonials_id07 a#nav_id07
{
	color: #a7600c;
}

/* ************************************************************************** galleries */


/* default link style - needed to make the :active work correctly in IE */
a, a:visited, a:hover, a:active {
color:#000;
}
/* style the outer cntaining div to fit the landscape, portrait and buttons */
#album {
	width:500px;
	height:370px;
	border:1px solid #ffffff;
	margin: 0px 0px 0px 150px;
	background-color: #eee;
	
	background-image: url(../projects/01NYC_res.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	
	
}
/* remove the padding margin and bullets from the list. Add a top margin and width to fit the images and a position relative */
.gallery {
padding:0; 
margin:370px 0 0 0; 
list-style-type:none; 
position:relative; 
width:500px;
	
	
}
/* remove the default image border */
.gallery img {
	border:0;
}
/* make the list horizontal */
.gallery li {
	float:left;
}
/* style the link text to be central in a surrounding box */
.gallery li a, .gallery li a:visited {
	font-size:11px;
	float:left;
	text-decoration:none;
	color:#000;
	text-align:center;
	width:9px;
	height:9px;
	line-height:24px;
	margin:15px 5px 2px 2px;
	background-color: #bdbcb0;
	
}
/* position the images using an absolute position and hide them from view */
.gallery li a img {
	position:absolute; 
	top: -370px; 
	left:0; 
	visibility:hidden; 
	border:0;
}


/* style the hover background color for the text boxes */
.gallery li a:hover {
	
	background:#948671;
	
}

/* style the active/focus colors for the text boxes (required for IE) */
.gallery li a:active, .gallery li a:focus {
	
	background:#948671; 
	color:#fff;
	
}

/* make the images visible on active/focus */
.gallery li a:active img, .gallery li a:focus img {
	visibility:visible;
}
a.gallery span {
	display:block;
	position:absolute;
	left:150px;
	top:-1px;
	width:1px;
	height:1px;
	overflow:hidden;
	background:#efedec;
	z-index:100;
	border: 1px solid red;
	
}


a.gallery:hover {
	
	white-space:normal; 
	border:1px solid #fff;

}

a.gallery:hover img {
	
	border:1px solid #000; 
	z-index:100;
	
}

a.gallery:active img, a.gallery:focus img {
	
	border:1px solid #000;
	z-index:50;
	
}

a.gallery:hover span {
	display:block;
	position:absolute;
	width:275px; 
	height:20px; 
	top: -5px; 
	left:222px; 
	z-index:100;
	font-size:13px;
	font-family: "Bradley Hand ITC TT", "Architect", Verdana, sans-serif;
	color: #948671;
	text-align:right;
	text-transform: uppercase;	
}

a.gallery:active {
	border:1px solid #fff;
}
a.gallery:active span, a.gallery:focus span {
	display:block; 
	position:absolute; 
	width:275px; 
	height:20px; 
	top: -5px; 
	left:222px; 
	z-index:50;
	font-size:13px;
		font-family: "Bradley Hand ITC TT", "Architect", Verdana, sans-serif;
	color: #948671;
	text-align:right;
	text-transform:uppercase;
	background-color:pink;
}


"contact_rt