html {
	min-width:786px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #696363;
	margin:10px 0 0 0;
	padding:0;
	background-color: #9D9D9D;
	min-height: 100%;
	margin-bottom: 1px;
}

#wrap {
	background:#FFFFFF;
	margin:0 auto;
	width:786px;
	min-height:500px;
	height:100%;
}

#header { background:#FFFFFF; }

#nav {
	height:28px;
	background:#FFFFFF;
	float:left;
	width:742px;  /*total 786 with the padding*/
	vertical-align:top;
	padding-right : 44px;
}

#nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#nav li {
	float: right;
	margin: 0;
	padding: 0;
}

#nav li a {
	float: right;
	display: block;
	text-decoration: none;
	text-align: center;
	font-size:70%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #9D9D9D;
	font-weight:normal;
}

#nav li a:hover { color: #666666; }

#nav img.seperator {
	width:30px;
	height:16px;
}

#main {
	background:#ffffff;
	background-image:url(../images/pagebg.gif);
	float:right;
	width:317px;
	margin-top:20px;
}

#imagestrip {
	background:#FFFFFF;
	float:right;
	width:786px;
	vertical-align:top;
}

#imagestrip ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#imagestrip li {
	float: left;
	margin: 0;
}

#imagestrip li a {
	height: 19px;
	float: left;
	width: 130px;
	display: block;
	text-decoration: none;
	text-align: left;
	font-size:70%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #9F9F9F;
	font-weight:normal;/* background-image:url(../workimages/rightnavbg.gif) */
}

#imagestrip li a:hover { color: #9BC34A; }

.workborder {
	width:560px;
	height:350px
}

.bordertopbottom {
	border-bottom:#E0DFDD solid 1px;
	border-top:#E0DFDD solid 1px;
}

.bordertop { border-top:#E0DFDD solid 1px; }

.borderbottom { border-bottom:#E0DFDD solid 1px; }

#imagestrip img {
	vertical-align:bottom;
	float:right
}

#leftnavstrip2 {
	background:#ffffff;
	float:left;
	width:120px;
	margin:20px 0 0 35px;
	display:inline;
	height:auto;
}

#leftnavstrip {
	background:#ffffff;
	float:left;
	width:155px;
	margin:0 0 0 0;
	display:inline;
	height:100%;
}

#leftnavstrip ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#leftnavstrip li {
	float: left;
	margin: 0;
}

#leftnavstrip li a {
	height: 19px;
	float: left;
	width: 130px;
	display: block;
	text-decoration: none;
	text-align: left;
	font-size:70%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #9F9F9F;
	font-weight:normal;/* background-image:url(../workimages/rightnavbg.gif) */
}

#leftnavstrip li a:hover { color: #9BC34A; }

/* Hide from IE5-Mac \*/
	#nav li a { float: none }

/* End hide */
	
	/* end right nav strip */
	
	#mainstrip {
	background:#ffffff;
	float:left;
	width:463px;
	margin:20px 0 5px 49px;
	display:inline;
	font-size:65%;
	min-height:400px
}

#mainstripwide {
	background:#ffffff;
	float:left;
	width:560px;
	margin:20px 0 10px 49px;
	display:inline;
	/* border:1px solid black; */
		font-size:65%;
}

#worktextstrip {
	background:#ffffff;
	float:left;
	width:570px;
	margin:10px 0 20px 195px;
	display:inline;
	font-size:65%;
	line-height:135%;/* border:1px solid black; */
}

#worktext {
	float:left;
	width:388px;
	padding-left:10px;/* border:1px solid black; */
}

#worknav {
	float:left;
	width:168px;
	font-size:10px;
	line-height:17px;
	background-image:url(../juiceimages/nextimagebg.gif);
	text-align:right;/* border:1px solid black; */
}

#worknav a { color: #9BC34A; }

#worknav a:hover { color: #5B5959; }

#leftstrip {
	background:#ffffff;
	float:left;
	width:383px;
	margin:20px 0 0 30px;
	display:inline;
	font-size:75%;
	line-height:190%
}

a {
	color:#9BC34A;
	text-decoration:none;
	font-weight:bold;
	font-size:100%;
}

.green { color:#9BC34A }

#middlestrip {
	background:#ffffff;
	float:left;
	width:45px;
	margin:20px 0 0 0;
}

#middlestrip img { vertical-align:bottom; }

#rightstrip {
	background:#ffffff;
	float:left;
	width:317px;
	margin:30px 0 0 0;
}

#rightstrip img { vertical-align:bottom; }

#footer {
	position:relative;
	background:#9D9D9D;
	text-align:right;
	clear:both;
	width:786px;
	vertical-align:bottom
}

#footer p {
	color:#666666;
	padding-top:5px;
	padding-bottom:5px;
	margin:0;
	font-size: 60%;
}

#footer a {
	color:#666666;
	font-weight:normal;
	text-decoration:none;
}

#footer .leftalign {
	width:59%;
	float:left;
}

#footer .rightalign {
	width: 39%;
	float:right;
}

/* text styles */

hr {
	BORDER-TOP-WIDTH: 0px;
	BORDER-LEFT-WIDTH: 0px;
	BORDER-BOTTOM-WIDTH: 0px;
	BORDER-RIGHT-WIDTH: 0px;
}

hr.hr2 {
	WIDTH: 711px;
	color: #cccccc;
	height: 1px;
	BACKGROUND-COLOR: #cccccc;
	padding: 0;
	margin: 0;
}

hr.hr3 {
	color: #cccccc;
	height: 1px;
	BACKGROUND-COLOR: #cccccc;
	margin-top: 2px;
	margin-bottom: 2px;
}

hr.hr4 {
	color: #cccccc;
	height: 1px;
	BACKGROUND-COLOR: #cccccc;
	margin-top: 20px;
	margin-bottom: 20px;
}

#leftstrip h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #696363;
	padding-left: 0px;
	padding-bottom: 0px;
	line-height: 100%;
	font-weight:bold;
}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%;
	color: #000000;
	padding-left: 20px;
	padding-bottom: 0px;
	line-height: 100%;
	font-weight:bold;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #78589A;
	font-style: italic;
	padding-right: 10px;
	padding-left: 20px;
	padding-top: 5px;
}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #78589A;
	padding-right: 10px;
	padding-left: 20px;
	font-weight:normal;
}

h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	color: #78589A;
	padding-right: 10px;
	padding-left: 20px;
}

h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	color: #78589A;
	padding-right: 10px;
	padding-left: 20px;
	font-weight: normal;
}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 180%;
	padding-top: 2px;
	padding-bottom: 8px;
	margin: 0;
}

ul {
	list-style: disc;
	margin:0;
	padding-left: 15px;
	padding-top:0;
	margin-top:0;
}

li {
	margin: 5px 0 5px 0;
	font-size: 100%;
	line-height: 120%;
}

li a {
	color:#F68515;
	text-decoration:none;
	font-weight:bold;
}

p .green {
	color:#9BC34A;
	font-weight:bold;
}

a {
	color:#9BC34A;
	text-decoration:none;
	font-weight:bold;
	font-size:100%;
}

td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 170%;
	padding-right: 10px;
}

/*drop down menu*/

#dropmenudiv {
	position:absolute;
	border:1px solid #cccccc;
	border-bottom-width: 0;
	font-size:60%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:16px;
	z-index:100;
	background-color: #ffffff;  /* the background          */
}

#dropmenudiv a {
	color: #666666;
	width: 100%;
	display: block;
	text-indent: 3px;
	border-bottom: 1px solid #cccccc;
	padding: 1px 0;
	text-decoration: none;
	font-weight: normal;
}

#dropmenudiv a:hover { /*hover background color*/
	color:#9BC34A;
	background-color: #ffffff;  /* the background          */
}

/*drop down menu*/

/* marketing divs */

#marketingleft {
	background:#ffffff;
	float:left;
	width:216px;
	margin:20px 0 0 41px;
	display:inline;
	font-size:65%;
}

#marketingmiddle {
	background:#ffffff;
	float:left;
	width:200px;
	margin:20px 0 0 0;
	display:inline;
	font-size:65%;
}

/* subnav start css */

#subnavtitle {
	margin: 0;
	color: #5B5959;
	padding: 20px 2px 2px 20px;
	background-image:url(../juiceimages/subnav_divider.gif);
	background-repeat:no-repeat;
	list-style-type: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
}

#subnavcontainer ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
}

#subnavcontainer li { margin: 0; }

#subnavcontainer a {
	display: block;
	padding: 0px 2px 0px 20px;
	width: 100px;
}

#subnavcontainer a:link, #navlist a:visited {
	color: #9F9F9F;
	text-decoration: none;
}

#navlist a:hover {
	color: #696363;
	text-decoration: none;
	width: 100px;
}

#subnavcontainer a:hover {
	display: block;
	width: 130px;
	padding: 0px 2px 0px 20px;
	background-image: url(../juiceimages/subnav_arrow.gif);
	background-repeat:no-repeat;
	color: #9F9F9F;
}

/* subnav end css */

#thoughtsnav {
	float:left;
	width:168px;
	font-size:10px;
	line-height:17px;
	background-image:url(../juiceimages/thoughtsimagebg.gif);
	text-align:right;/* border:1px solid black; */
}

#thoughtsnav a { color: #9BC34A; }

#thoughtsnav a:hover { color: #5B5959; }

#afewthoughts {
	height:300px;
	width:496px
}

#afewthoughtsspacer {
	width:496px;
	height:15px
}

#afewthoughts a .pop { display: none; }

#afewthoughts a:hover .pop {
	display: block;
	text-decoration:none;
	background-color: #ffffff;
	width: 400px;
	margin:0 auto;
	z-index: 10;
}

#wrap #mainstrip #afewthoughts .thought .pop {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #9F9F9F;
	font-size:16px;
	position:absolute;
	top: 410px;
	margin:0 auto;
}

/* weblink begin css */
.weblinkdiv {
	height:17px;
	margin-bottom:20px;
	margin-top:10px
}

.weblink {
	clear:both;
	background-color:#9AC34A;
	float:right;
	width:70px;
	height:15px;
	vertical-align:top;
	padding-left:5px;
	padding-top:2px;
	color:#FFFFFF
}

.weblink2 {
	width:85px;
	float:left
}

.weblink_testimonial {
	width:102px;
	float:left
}

.weblink a {
	color:#FFFFFF;
	font-weight:normal
}

.weblink a:hover {
	color:#333333;
	font-weight:normal
}

/* weblink end css */


/* rss begin css */

#pscroller1 {
	width: 450px;
	height: 1.2em;
	border: 1px dashed black;
	padding: 5px;
	background-color: lightyellow;
}

#pscroller2 {
	width: 380px;
	height: 80px;
	background-color: #ffffff;
}

.rssclass .rsstitle {
	font-weight: bold;
	font-size:110%
}

.rssclass {
	color: black;
	font-size: 80%;
	line-height:120%;
}

.rssclass .rssdate {
	color: gray;
	font-size: 80%;
}

.rssclass a { text-decoration: none; }

/* rss end css */

.photonav {
	width:120px;
	padding:160px 10px 10px 50px;
	float:left;
	background-color:#FDE300;
}

.photonav a {
	font-size:11px;
	color:#000000;
	line-height:19px;
	font-weight:normal
}

.photonav a:hover { color:#FFFFFF;/*	cursor:hand */
}

.photonavbottom {
	width:200px;
	padding:0 10px 10px 550px;
	float:left;
	height:25px;
	text-align:right;
	font-size:11px
}

.photonavbottom a {
	font-size:11px;
	color:#333333;
	font-weight:normal;/*	cursor:hand;*/

}

body#fashion .photonav a#fashion, body#locations .photonav a#locations, body#packshots .photonav a#packshots, body#productshots .photonav a#productshots, body#roomsets .photonav a#roomsets {
	font-weight:bold;
	color:#FFFFFF
}

a.blocklink {
	display:block;
	width : 260px;
	padding :  4px 2px 4px 10px;
	margin : 16px 20px 0 0;
	color : white;
	text-decoration:none;
	font-size : 11px;
	float : left;
	line-height:100%;
	text-align:left;
}

a.blocklink:link, a.blocklink:visited {
	color : white;
	text-decoration:none;
}

a.blocklink:hover {
	color : white;
	text-decoration:none;
}

a.blocklink span.blink { color : white; }

a.blocklink:hover span.blink { color : black; }

/*
a.biglink { font-family:Georgia, "Times New Roman", Times, serif; font-size : 12px; color:#9d9d9d; font-weight:bold; }
a.biglink:link, a.biglink:visited, a.biglink:hover {  color : #9d9d9d; text-decoration:none; }
a.biglink:hover { color : black; text-decoration:underline;}
*/

.homepage-cs {
	margin : 0 0 20px 0;
	line-height: 160%;
	font-size : 10px;
	clear:both;
}

.homepage-cs strong { line-height : 120%; }

.homepage-cs img {
	width : 138px;
	height : 100px;
	float : left;
	margin : 5px 10px 5px 5px;
	border:0;
}

/*Used for left sidebar navigation in new pages from Jan 09*/
div.sidenav {
	width:180px; /*was 150 */
	padding-left:20px;
	float:left;
}

/*sidenav ul, li and a styles are identical to #imagestrip eqivalents*/
.sidenav ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.sidenav li {
	float: left;
	margin: 0;
	font-size:70%;
	color: #9F9F9F;
	height: 19px;
}

.sidenav li a {
	float: left;
	width: 180px;
	display: block;
	text-decoration: none;
	text-align: left;
	font-weight:normal;
	color: #9F9F9F;
}

.sidenav li a:hover {
	color: #9BC34A;
	text-decoration: none;
}

.sidenav li.sidenav-seperater {
	border-top : 1px solid #dcdcdc;
	margin-top : 10px;
	padding-top : 15px;
	width : 80px;
}

.sidenav li.sidenav-heading {
	border-top : 1px solid #dcdcdc;
	margin-top : 10px;
	padding-top : 15px;
	color : #666666;
}

/* .sidenav .cat is used for the work category menus*/
.sidenav a.cat { color :#9BC34A; margin-left : -18px; padding-left : 18px;}
.sidenav a.cat:hover {
	color: #9BC34A;
	background: url(../juiceimages/subnav_arrow.gif) 0px -3px no-repeat;
	background-repeat: no-repeat;	
	}
/* .sidenav .cat-cur is used for the current or "on" category */
.sidenav a.cat-cur {
	color :#9BC34A; 
	margin-left : -18px; 
	padding-left : 18px;
	background: url(../juiceimages/subnav_arrow.gif) 0px -3px no-repeat;
	background-repeat: no-repeat;	
	}
.sidenav a.cat-cur:hover { 
	color: #9BC34A;
}



img.pagetitle {
	width:562px;
	height:40px;
	margin: 13px 30px 3px 0;
}

/*For images from the old site which are smaller*/
img.pagetitle-old {
	width:446px; 
	height:40px;
	margin : 13px 141px 3px 0;
}

#projects { margin : 25px 30px 25px 0; }

#projects td { padding : 0; }

#projects td.projects-cell img {
	width : 124px;
	height : 86px;
	padding : 2px;
	border : 1px solid #DCDCDC;
}

#projects td.projects-cell:hover img { border : 1px solid #666666; }

#projects td.projects-spacer { width : 12px; }

#projects a.text {
	color : #9F9F9F;
	font-size : 70%;
	display : block;
	line-height: 180%;
	padding : 2px 0 8px 0;
	font-weight:normal;
}

#projects td.projects-cell:hover a { color : #666666; }

#mainstrip2 {
	float:left;
	margin: 0 0 20px 0;
	width: 560px;
	min-height:400px;
}

#mainstrip2 p {
	font-size:70%;
	padding-right : 150px;
	text-align : left; /*Needed for paras in the carousel*/
}

img.bordered {
	padding : 2px;
	border : 1px solid #DCDCDC;
	margin-bottom : 20px;
}

/*Styles for the carousel */

/*#carousel ul li { font-size:10px;  }*//*should be 70% but IE7 mis-interpets*/

img.project-img { width:560px; height:350px; margin : 0 0 9px 0;  outline-style: none; -moz-outline-style:none }

.yui-carousel-element li img.project-img {  margin : 0 0 5px 0; outline-style: none; -moz-outline-style:none } /*4px less to allow for the margin on .yui-carousel-element li and .yui-carousel .yui-carousel-item-selected */

table#ourclientslist { width : 544px; }

table#ourclientslist td {
	width : 25%;
	vertical-align:top;
}

/*Link styles based on sidenav*/
table#ourclientslist a {
	display: block;
	text-decoration: none;
	text-align: left;
	font-weight:normal;
	color: #9F9F9F;
	font-size:70%;
	line-height : 160%;
}

table#ourclientslist a:hover {
	color: #666666;
	text-decoration: none;
}

.weblink3 {
	clear:both;
	background-color:#9AC34A;
	width:85px;
	float:left;
	vertical-align:top;
	padding: 4px 5px 2px 5px;
	color:#FFFFFF;
	font-size : 10px;
}

.weblink3 a {
	color:#FFFFFF;
	font-weight:normal
}

.weblink3 a:hover {
	color:#333333;
	font-weight:normal
}

a:active, a:focus { outline-style: none; -moz-outline-style:none; }


/* weblink end css */